string{margin:0;padding:0;border:0;pointer-events:none;display:inline-block}.bfn{height:100%;line-height:1;color:#ededed!important;font-family:Work Sans,sans-serif!important;font-size:1rem!important;font-weight:400!important;box-sizing:border-box;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-overflow-style:-ms-autohiding-scrollbar;touch-action:none}.bfn ::-moz-selection{color:#fff;background-color:#4391eb}.bfn ::selection{color:#fff;background-color:#4391eb}.bfn{
  /*! nouislider - 11.0.0 - 2018-01-12 20:37:52 */
  /*!
 * Bootstrap Colorpicker v2.5.1
 * https://itsjavi.com/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */}.bfn html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bfn *,.bfn :after,.bfn :before{box-sizing:inherit}.bfn [tabindex="-1"]:focus{outline:none!important}.bfn hr{box-sizing:content-box;height:0;overflow:visible}.bfn h1,.bfn h2,.bfn h3,.bfn h4,.bfn h5,.bfn h6{margin-top:0;margin-bottom:.5rem}.bfn p{margin-top:0;margin-bottom:1rem}.bfn abbr[data-original-title],.bfn abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}.bfn address{margin-bottom:1rem;font-style:normal;line-height:inherit}.bfn dl,.bfn ol,.bfn ul{margin-top:0;margin-bottom:1rem}.bfn ol ol,.bfn ol ul,.bfn ul ol,.bfn ul ul{margin-bottom:0}.bfn dt{font-weight:700}.bfn dd{margin-bottom:.5rem;margin-left:0}.bfn blockquote{margin:0 0 1rem}.bfn dfn{font-style:italic}.bfn small{font-size:80%}.bfn sub,.bfn sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}.bfn sub{bottom:-.25em}.bfn sup{top:-.5em}.bfn a{color:#387dcd;text-decoration:none;-webkit-text-decoration-skip:objects}.bfn a:not([href]):not([tabindex]){color:inherit;text-decoration:none}.bfn a:not([href]):not([tabindex]):focus{outline:0}.bfn code,.bfn kbd,.bfn pre,.bfn samp{font-family:monospace,monospace;font-size:1em}.bfn pre{margin-top:0;margin-bottom:1rem;overflow:auto}.bfn figure{margin:0 0 1rem}.bfn img{vertical-align:middle}.bfn svg:not(:root){overflow:hidden}.bfn table{border-collapse:collapse}.bfn caption{padding-top:.75rem;padding-bottom:.75rem;color:#a0a0a0;caption-side:bottom}.bfn caption,.bfn th{text-align:left}.bfn label{display:inline-block;margin-bottom:0}.bfn button,.bfn input,.bfn optgroup,.bfn select,.bfn textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}.bfn button,.bfn input{overflow:visible}.bfn button,.bfn select{text-transform:none}.bfn [type=reset],.bfn [type=submit],.bfn button,.bfn html [type=button]{-webkit-appearance:button}.bfn [type=button]::-moz-focus-inner,.bfn [type=reset]::-moz-focus-inner,.bfn [type=submit]::-moz-focus-inner,.bfn button::-moz-focus-inner{padding:0;border-style:none}.bfn input[type=date],.bfn input[type=datetime-local],.bfn input[type=month],.bfn input[type=time]{-webkit-appearance:listbox}.bfn textarea{resize:vertical}.bfn fieldset{min-width:0;padding:0;margin:0;border:0}.bfn legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}.bfn progress{vertical-align:baseline}.bfn [type=number]::-webkit-inner-spin-button,.bfn [type=number]::-webkit-outer-spin-button{height:auto}.bfn [type=search]{outline-offset:-2px;-webkit-appearance:none}.bfn [type=search]::-webkit-search-cancel-button,.bfn [type=search]::-webkit-search-decoration{-webkit-appearance:none}.bfn ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.bfn output{display:inline-block}.bfn summary{display:list-item}.bfn [hidden]{display:none!important}.bfn button,.bfn input[type=button],.bfn input[type=file]::-webkit-file-upload-button,.bfn input[type=reset],.bfn input[type=submit]{border-radius:0}.bfn .h1,.bfn .h2,.bfn .h3,.bfn .h4,.bfn .h5,.bfn .h6,.bfn h1,.bfn h2,.bfn h3,.bfn h4,.bfn h5,.bfn h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.bfn .h1,.bfn h1{font-size:2.5rem}.bfn .h2,.bfn h2{font-size:2rem}.bfn .h3,.bfn h3{font-size:1.75rem}.bfn .h4,.bfn h4{font-size:1.5rem}.bfn .h5,.bfn h5{font-size:1.25rem}.bfn .h6,.bfn h6{font-size:1rem}.bfn .landing-fonts{font-family:Poppins,Work Sans,sans-serif!important}.bfn .landing-fonts h1,.bfn .landing-fonts h2,.bfn .landing-fonts h3,.bfn .landing-fonts h4,.bfn .landing-fonts h5,.bfn .landing-fonts h6{font-family:Barlow Condensed,Work Sans,sans-serif!important}.bfn hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid #1e2024}.bfn .icon{display:inline-block;fill:currentColor;height:1rem;position:relative;top:0;vertical-align:middle;width:1rem;pointer-events:none}.bfn .icon-global-arrow-down-icon,.bfn .icon-global-arrow-up-icon{top:0;width:.375rem;height:.25rem}.bfn .icon-flip-horizontal{transform:scaleX(-1)}.bfn .icon-size-actual{width:inherit}.bfn .icon-size-large{width:1.25rem;height:1.25rem}.bfn .icon-size-medium{width:.875rem;height:.875rem}.bfn .icon-size-small{width:.625rem;height:.625rem}.bfn .icon-size-tiny{width:.5rem;height:.5rem}.bfn .icon-selected{position:absolute;left:.625rem;top:auto;bottom:.625rem;padding:.25rem;width:1.5rem;height:1.5rem;background:#387dcd;border-radius:50%;color:#fff;opacity:0;filter:drop-shadow(0 0 .5rem rgba(0,0,0,.5));transform:perspective(1px) translateZ(0);transition:opacity .25s ease-in-out}.bfn .icon-stroke{stroke:currentColor;stroke-width:.25}.bfn.drop-shadow-not-supported .icon-selected,.bfn.microsoft-edge-browser .icon-selected{filter:none;box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn.microsoft-edge-browser .icon-selected{animation:none!important}.bfn .btn-icon{color:#fff}.bfn .text-align-icon{position:relative;height:.75rem;width:.875rem;display:block;margin:0 auto}.bfn .text-align-icon span{content:"";display:block;position:absolute;height:1px;width:100%;background:#fff}.bfn .text-align-icon span:first-child{top:0}.bfn .text-align-icon span:nth-child(2){top:50%}.bfn .text-align-icon span:last-child{top:100%}.bfn .text-align-icon--left span:last-child{width:50%}.bfn .text-align-icon--center span:nth-child(2){width:50%;right:25%}.bfn .text-align-icon--right span:last-child{width:50%;right:0}.bfn .button,.bfn button{font-size:15px;border:none;cursor:pointer;transition:color .3s ease-in-out,opacity .3s ease-in-out,background .3s ease-in-out,box-shadow .15s ease-in-out}.bfn .button:focus,.bfn .button:hover,.bfn button:focus,.bfn button:hover{text-decoration:none}.bfn .button:active,.bfn .button:focus,.bfn button:active,.bfn button:focus{outline:0}.bfn .button[disabled],.bfn button[disabled]{opacity:.35}.bfn [disabled],.bfn [disabled] *{cursor:not-allowed!important}.bfn .button{display:flex;justify-content:center;align-items:center;height:2rem;line-height:2rem;padding:0 .5rem;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:3px}.bfn .button--green{color:#fff;background:#3bb150}.bfn .button--green:not([disabled]):hover{background:#43c65a}.bfn .button--green:not([disabled]):active{background:#318932}.bfn .button--green.button--focus{outline:0;box-shadow:0 0 0 2px #5bd571}.bfn .button--blue{color:#fff;background:#387dcd}.bfn .button--blue:not([disabled]):hover{background:#4391eb}.bfn .button--blue:not([disabled]):active{background:#3165ce}.bfn .button--blue.button--focus{outline:0;box-shadow:0 0 0 2px #76b0f3}.bfn .button--blue-gradient{background:linear-gradient(90deg,#4391eb 0,#3165ce 50%,#3165ce);background-size:200%;color:#fff}.bfn .button--blue-gradient:active,.bfn .button--blue-gradient:focus,.bfn .button--blue-gradient:hover{background-position-x:99%}.bfn .button--red{color:#fff;background:#d0021b}.bfn .button--red:not([disabled]):hover{background:#ce4051}.bfn .button--red:not([disabled]):active{background:#9a1222}.bfn .button--red.button--focus{outline:0;box-shadow:0 0 0 2px #e67684}.bfn .button--orange{color:#fff;background:#ff8e00}.bfn .button--grey{color:#ededed;background:#3f414c}.bfn .button--grey:not([disabled]):hover{background:#525662}.bfn .button--grey:not([disabled]):active{background:#676b78}.bfn .button--grey.button--focus{outline:0;box-shadow:0 0 0 2px #387dcd}.bfn .button--light-grey{color:#ededed;background:#676b78}.bfn .button--light-grey:not([disabled]):hover{background:#7e828f}.bfn .button--light-grey:not([disabled]):active{background:#525662}.bfn .button--light-grey.button--focus{outline:0;box-shadow:0 0 0 2px #7e828f}.bfn .button--dark{color:#ededed;background:#1e2024}.bfn .button--dark:not([disabled]):hover{background:#25262d}.bfn .button--dark:not([disabled]):active{background:#2d2e37}.bfn .button--dark.button--focus{outline:0;box-shadow:0 0 0 2px #525662}.bfn .button--white{color:#1e2024;background:#fff}.bfn .button--white:not([disabled]):hover{background:#b6b6b6}.bfn .button--white:not([disabled]):active{color:#ededed;background:#7e828f}.bfn .button--white.button--focus{outline:0;box-shadow:0 0 0 2px #a0a0a0}.bfn .button--transparent{color:#ededed;background:transparent}.bfn .button--transparent:not([disabled]):hover{color:#a0a0a0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.bfn .button--transparent.button--focus{outline:0;box-shadow:0 0 0 2px #387dcd}.bfn .button--outline{color:#ededed;background:transparent;transition:color .3s ease-in-out,opacity .3s ease-in-out,background .3s ease-in-out,border-color .3s ease-in-out,box-shadow .15s ease-in-out;border:1px solid #373842;line-height:1.875rem}.bfn .button--outline:not([disabled]):hover{background:#3f414c;border-color:#3f414c}.bfn .button--outline:not([disabled]):active{background:#525662;border-color:#525662}.bfn .button--outline.button--focus{outline:0;box-shadow:0 0 0 2px #387dcd}.bfn .button--outline.button--white{border-color:#fff;color:#ededed}.bfn .button--outline.button--white:not([disabled]):hover{background:#fff;border-color:#fff;color:#1e2024}.bfn .button--outline.button--white:not([disabled]):active{background:#7e828f;border-color:#7e828f}.bfn .button--outline.button--white.button--focus{outline:0;box-shadow:0 0 0 2px #a0a0a0}.bfn .button--list{width:100%;color:#ededed;background:none;border-radius:0;justify-content:flex-start}.bfn .button--list:not([disabled]):hover{background:#3f414c}.bfn .button--list:not([disabled]):active{background:#525662}.bfn .button--list.button--focus{background:#3f414c}.bfn .button--arrow{justify-content:space-between}.bfn .button--arrow .icon{width:.5rem;transform:rotate(-90deg);margin-left:auto;height:1.25rem}.bfn .button--fullwidth{width:100%}.bfn .button--circle{border-radius:50%}.bfn .button--tiny{height:1.25rem;line-height:1.25rem;font-size:14px}.bfn .button--tiny.button--outline{line-height:1.125rem}.bfn .button--tiny.button--icon{width:1.25rem;padding:.25rem;line-height:0}.bfn .button--small{height:1.5rem;line-height:1.5rem;font-size:14px}.bfn .button--small.button--outline{line-height:1.375rem}.bfn .button--small.button--icon{width:1.5rem;line-height:0}.bfn .button--medium{height:1.75rem;line-height:1.75rem;font-size:14px}.bfn .button--medium.button--outline{line-height:1.625rem}.bfn .button--medium.button--icon{width:1.75rem;line-height:0}.bfn .button--large{height:2.25rem;line-height:2.25rem}.bfn .button--large.button--icon{width:2.25rem}.bfn .button--large.button--outline{line-height:2.375rem}.bfn .button--all-caps{font-size:.75rem;text-transform:uppercase}.bfn .button--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bfn .button--icon{width:2rem;padding:.375rem;line-height:0}.bfn .button--hidden{display:none}.bfn .button--vertical-three-dots{flex-direction:column;padding:0;width:4px}.bfn .button--vertical-three-dots span{display:block;width:4px;height:4px;margin:1px 0;border-radius:50%;background:#fff}.bfn .button--cancel.button--grey.button--focus{outline:0;box-shadow:0 0 0 2px #676b78}.bfn .button:active:focus{box-shadow:none}.bfn .button-group{display:flex}.bfn .button-group>*{flex-grow:1;margin-left:8px}.bfn .button-group>.button--toggle:nth-child(2),.bfn .button-group>:first-child{margin-left:0}.bfn .button-group>.button--icon,.bfn .button-group>.color-button,.bfn .button-group>.toggle-group{flex:0 0 auto}.bfn .button-group>.button--right{margin-left:auto}.bfn .button-group--dual{justify-content:space-between}.bfn .button-group--dual>.button{width:calc(50% - 4px);flex-grow:0}.bfn .button-group--spread{justify-content:space-between}.bfn .button-group--menu-panel{flex-shrink:0;margin:0 .75rem .5rem 0;padding:.75rem;background-color:#25262d}.bfn .button-group #editor_apply_cancel_upgrade,.bfn .button-group--must-upgrade #editor_apply_cancel_apply{display:none}.bfn .button-group--must-upgrade #editor_apply_cancel_cancel{width:2rem}.bfn .button-group--must-upgrade #editor_apply_cancel_upgrade{display:flex;width:calc(100% - 2rem - 8px)}.bfn #app_goto_edit_source_section{margin-left:.25rem}.bfn #app_goto_edit_source_section .icon{width:14px;margin:-2px 2px 0 0;transform:rotate(180deg)}.bfn input+.button--toggle{color:#ededed;background:transparent;border:1px solid #373842;line-height:1.875rem}.bfn input:focus+.button--toggle.button--focus{outline:0;box-shadow:0 0 0 2px #387dcd}.bfn input:checked+.button--toggle{background-color:#525662;border-color:#525662}.bfn input:not([disabled]):not(:checked)+.button--toggle:hover{background-color:#3f414c;border-color:#3f414c}.bfn input:disabled+.button--toggle{cursor:not-allowed;opacity:.35}.bfn .toggle-group{display:flex}.bfn .toggle-group__label{flex-grow:1;transition:box-shadow .15s ease-in-out 0s}.bfn .toggle-group__label--focus-within{outline:0;box-shadow:0 0 0 2px #387dcd;z-index:1}.bfn .toggle-group__label:first-child{border-radius:3px 0 0 3px;margin-left:0}.bfn .toggle-group__label:last-child{border-radius:0 3px 3px 0}.bfn .toggle-group__label:not(:first-child) .toggle-group__button{border-left-width:.5px}.bfn .toggle-group__label:not(:last-child) .toggle-group__button{border-right-width:.5px}.bfn .toggle-group__button{display:flex;align-items:center;justify-content:center;width:100%;height:2rem;padding:calc(.375rem - 1px) .375rem;font-size:14px;color:#ededed;border:1px solid #373842;background-color:transparent;cursor:pointer;transition:box-shadow .15s ease-in-out .1s}.bfn .toggle-group input:checked+.toggle-group__button{background-color:#525662;border-color:#525662}.bfn .toggle-group input:not(:checked)+.toggle-group__button:hover{background-color:#3f414c;border-color:#3f414c}.bfn input[type=checkbox],.bfn input[type=radio]{position:absolute;opacity:0;z-index:-1}.bfn.microsoft-edge-browser input[type=checkbox],.bfn.microsoft-edge-browser input[type=radio]{width:0}.bfn label{color:#a0a0a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bfn .checkbox__icon{margin:0 2px 2px;color:inherit}.bfn .checkbox__icon--unchecked{display:inline-block}.bfn .checkbox__icon--checked{display:none}.bfn .checkbox__label{width:100%;transition:color .15s ease-in-out}.bfn .checkbox input:not([disabled])+.checkbox__label:hover{color:#ededed}.bfn .checkbox input:checked+.checkbox__label .checkbox__icon{color:#387dcd}.bfn .checkbox input:checked+.checkbox__label .checkbox__icon--checked{display:inline-block}.bfn .checkbox input:checked+.checkbox__label .checkbox__icon--unchecked{display:none}.bfn .checkbox--focus .checkbox__label{color:#ededed}.bfn .checkbox--focus .checkbox__label .checkbox__icon{color:#387dcd;border-radius:2px;outline:0;box-shadow:0 0 0 2px #387dcd}.bfn .checkbox string{vertical-align:top;line-height:18px;font-size:14px;white-space:normal;max-width:calc(100% - 24px)}.bfn .input{display:block;max-width:100%;font-size:.875rem;padding:0 9px;line-height:1.875rem;height:2rem;border:1px solid #373842;border-radius:3px;color:#ededed;background:transparent;transition:box-shadow .15s ease-in-out 0s}.bfn .input:focus{outline:none;outline:0;box-shadow:0 0 0 2px #387dcd}.bfn .input::-webkit-input-placeholder{color:#7e828f;opacity:1}.bfn .input::-moz-placeholder{color:#7e828f;opacity:1}.bfn .input:-ms-input-placeholder,.bfn .input::-ms-input-placeholder{color:#7e828f;opacity:1}.bfn .input::placeholder{color:#7e828f;opacity:1}.bfn .search-box{display:flex;position:relative}.bfn .search-box__input{font-size:1rem;height:2.25rem;width:22rem;margin-top:0;border-color:#373842;border-right-width:0}.bfn .search-box__clear{position:absolute;right:2.25rem;border-radius:0}.bfn .search-box__submit{position:absolute;right:0;min-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.bfn .dialog-container,.bfn .modal-container{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-in-out}.bfn .dialog-container.active,.bfn .modal-container.active{visibility:visible;opacity:1;pointer-events:auto}.bfn .dialog,.bfn .modal{margin:auto;border-radius:3px;background:#25262d;box-shadow:0 0 .5rem rgba(0,0,0,.5);max-width:calc(100% - 2rem);max-height:calc(100vh - 2rem);display:none}.bfn .dialog--active,.bfn .modal--active{display:flex;flex-direction:column}.bfn .dialog__body,.bfn .modal__body{display:flex;max-height:calc(100% - 49px)}.bfn .dialog__footer,.bfn .modal__footer{display:flex;justify-content:flex-end;padding:.75rem 1.25rem;border-top:1px solid #373842}.bfn .dialog__button,.bfn .modal__button{width:auto;min-width:5.5rem;flex-grow:0;padding:0 1rem}.bfn .dialog__button:not(:first-child),.bfn .modal__button:not(:first-child){margin-left:1rem}.bfn .modal-container{z-index:35}.bfn .modal__body{padding:1.5rem 1.25rem .75rem}.bfn .modal__body .control-item{margin-right:0}.bfn .modal .control-item-set{background:none}.bfn .modal-webcam-video{width:498px;height:280px}.bfn .modal-webcam-errorblock,.bfn .modal-webcam-image{display:none;width:498px;height:280px}.bfn .modal-webcam-errorblock{position:absolute;text-align:center}.bfn .modal--show-arrows .modal__arrow{display:block}.bfn .modal__arrow{display:none;flex-grow:1;padding:0 1rem}.bfn .modal__arrow .btn{box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn .modal__arrow--next{margin:0 auto 0 0}.bfn .modal__arrow--prev{order:-1;margin:0 0 0 auto;transform:scaleX(-1)}.bfn .dialog-container{z-index:9999999999}.bfn .dialog__body{flex-direction:column;max-width:100%;width:25rem;padding:1.25rem 1.25rem 1rem;line-height:1.375rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:15px;overflow-y:auto;overflow-x:hidden}.bfn .dialog__footer{flex-shrink:0}.bfn .save-image{position:relative}.bfn .save-image .panel-header{position:absolute;right:0;border:0;display:none}.bfn .save-image .modal__body{padding:0;max-width:100%}.bfn .save-image__image{max-width:100%;max-height:100%;background-color:#fff;box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn .save-image__image-outer{display:flex;justify-content:center;padding:2rem;background:#2d2e37;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.bfn .save-image__image-inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.bfn .save-image__image--is-transparent{background:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/checker_pattern.jpg) repeat}.bfn .save-image__image-size{display:inline-block;margin-right:.25rem;font-size:15px}.bfn .save-image__image-size--updating{opacity:.5}.bfn .save-image__image-size--updating+.save-image__image-size-spinner{visibility:visible;opacity:1;transition:opacity .3s ease-in}.bfn .save-image__image-size-spinner{visibility:hidden;opacity:0}.bfn .save-image__header{font-size:1.125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .save-image__content{display:flex;flex-direction:column;width:20rem;padding:2rem;overflow-y:auto;overflow-x:hidden}.bfn .save-image__content .control-item{margin-left:0}.bfn .save-image__content input,.bfn .save-image__content textarea{width:100%}.bfn .save-image__content .form-text{border:1px solid #373842}.bfn .save-image .modal-options{display:none;margin:-.75rem 0 0}.bfn .save-image--save-project .modal-options--save-project{display:block}.bfn .save-image--save-project .guide-text{margin:.5rem 0 0}.bfn .save-image--save-complete .save-image__image-outer{display:none}.bfn .save-image--save-complete .save-image__content{justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:25rem}.bfn .save-image--save-complete .modal-options--save-complete{margin-top:0;display:block}.bfn .save-image--save-complete .save-image__text-section{margin-top:2rem;line-height:1.25}.bfn .save-image--save-complete .save-image__text-section p{margin-bottom:.5rem}.bfn .save-image--save-befunky .modal-options--save-befunky,.bfn .save-image--save-computer .modal-options--save-computer{display:block}.bfn .save-image .apply_cancel_menu_container{margin-top:auto;padding-top:1rem}.bfn .save-image .apply_cancel_menu_container .button-group--dual{justify-content:start}.bfn .save-image .btn-option-cancel{margin-left:0}.bfn .loading-spinner{display:inline-block;width:1rem;height:1rem;border-radius:50%;margin-bottom:-2px;border:2px solid #3f414c;border-left:2px solid #b6b6b6;transform:translateZ(0);animation:a .667s infinite linear}.bfn .collage-wizard,.bfn .loading-spinner{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .collage-wizard .panel-header{flex-shrink:0}.bfn .collage-wizard__body{max-width:100%;max-height:calc(100% - 3rem);padding:1rem 1.25rem}.bfn .collage-wizard__column{background-color:#2d2e37}.bfn .collage-wizard__column--images{display:flex;flex-direction:column;margin-right:1rem;width:14rem;flex-shrink:0}.bfn .collage-wizard__column--preview{padding:.75rem;flex-grow:1}.bfn .collage-wizard .image-gallery{display:flex;width:calc(100% - .75rem);margin:.75rem 0 0 .75rem;flex-grow:1;background:#1e2024;box-shadow:inset -1.5rem .75rem 0 -.75rem #2d2e37}.bfn .collage-wizard .image-gallery__images{width:12.5rem;padding:0}.bfn .collage-wizard .image-gallery__row{padding:0 .375rem}.bfn .collage-wizard .image-gallery__row:first-child{padding-top:.375rem}.bfn .collage-wizard .image-gallery__row:last-child{padding-bottom:.375rem}.bfn .collage-wizard .image-gallery__item{margin:.375rem}.bfn .collage-wizard .image-gallery__item:hover .image-gallery__item-outline{box-shadow:inset 0 0 0 .25rem hsla(0,0%,93%,.7)}.bfn .collage-wizard .image-gallery__item-outline .icon-selected{width:1.25rem;height:1.25rem}.bfn .collage-wizard__use-images{flex-shrink:0;margin:1rem auto;padding:0 .75rem}.bfn .collage-wizard__use-images:focus,.bfn .collage-wizard__use-images:hover{background:#525662}.bfn .collage-wizard__preview-outer{position:relative}.bfn .collage-wizard__preview-outer:before{content:"";display:block;padding-top:100%;margin-bottom:1rem}.bfn .collage-wizard__preview-inner{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;border:1.25rem solid #1e2024;background:#1e2024 50% no-repeat;background-size:contain}.bfn .collage-wizard__preview-inner--has-image .collage-wizard__preview-message{display:none}.bfn .collage-wizard__preview-inner--has-image .collage-wizard__next-button,.bfn .collage-wizard__preview-inner--has-image .collage-wizard__prev-button,.bfn .collage-wizard__preview-inner--has-image .collage-wizard__preview-image{display:block}.bfn .collage-wizard__preview-image{max-height:100%;max-width:100%;margin:auto;display:none}.bfn .collage-wizard__preview-image--is-transparent{background:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/checker_pattern.jpg) repeat}.bfn .collage-wizard__preview-message{line-height:1.5;max-width:30rem;text-align:center;margin:0 auto}.bfn .collage-wizard__next-button,.bfn .collage-wizard__prev-button{position:absolute;top:50%;margin-top:-1rem;opacity:.85;box-shadow:0 0 .5rem rgba(0,0,0,.5);display:none}.bfn .collage-wizard__next-button:disabled,.bfn .collage-wizard__prev-button:disabled{display:none}.bfn .collage-wizard__prev-button{left:-.5rem}.bfn .collage-wizard__prev-button .icon{transform:rotate(180deg)}.bfn .collage-wizard__next-button{right:-.5rem}.bfn .collage-wizard__popover-placeholder{position:absolute;right:2rem}.bfn .collage-wizard__footer{display:flex;align-items:flex-start;justify-content:space-between}.bfn .collage-wizard .tutorial{padding:0}.bfn .template-preview{flex-direction:row;position:relative}.bfn .template-preview .panel-header{position:absolute;width:100%;top:0;left:0;z-index:1;border:none}.bfn .template-preview .panel-header__text{visibility:hidden}.bfn .template-preview--landscape{flex-direction:column}.bfn .template-preview--landscape .template-preview__content,.bfn .template-preview--landscape .template-preview__image-outer{width:100%}.bfn .template-preview--landscape .template-preview__content{padding-top:1rem}.bfn .template-preview--landscape .template-preview__image-placeholder{border-radius:3px 3px 0 0}.bfn .template-preview--landscape .panel-header__button{margin-top:.5rem;height:2rem;background:#25262d}.bfn .template-preview--landscape .panel-header__button:hover{background:#32333b}.bfn .template-preview__image-outer{width:61.8%}.bfn .template-preview__image-inner{position:relative}.bfn .template-preview__image-placeholder{display:block;padding-bottom:100%;background:#1e2024 no-repeat top;background-size:cover;border-radius:3px 0 0 3px}.bfn .template-preview__content{width:38.2%;min-width:18rem;display:block;padding:2rem 1.25rem 1.5rem}.bfn .template-preview__header{display:flex;flex-wrap:wrap;position:relative;overflow:hidden}.bfn .template-preview__dimensions,.bfn .template-preview__title{line-height:2.25rem}.bfn .template-preview__dimensions:after,.bfn .template-preview__title:after{content:"";display:block;position:absolute;width:100%;height:1px;left:0;background:#373842}.bfn .template-preview__title{font-size:1.125rem;margin:0 2.25rem .25rem 0}.bfn .template-preview__dimensions{margin:0 1.75rem .75rem 0;font-size:15px}.bfn .template-preview__dimensions:before{content:"|";margin:0 1rem 0 -1.25rem;color:#373842}.bfn .template-preview__description{line-height:1.375rem;font-size:15px}.bfn .template-preview__button{margin-left:0!important}.bfn .project-manager{height:37rem;max-height:calc(100% - 2rem);width:60rem;max-width:calc(100% - 2rem)}.bfn .project-manager .panel-header{flex-shrink:0}.bfn .project-manager__body{flex-direction:column;align-items:start;flex-grow:1;padding:1rem 1.25rem;height:0}.bfn .project-manager__button{flex-shrink:0;margin:0 auto 1rem 0!important}.bfn .project-manager .image-gallery{flex-grow:1}.bfn .project-manager .image-gallery__item{cursor:pointer}.bfn .project-manager .image-gallery__placeholder{background:50% no-repeat;background-size:contain!important}.bfn .project-manager .pagination{width:100%;margin:.75rem 0 0;flex-shrink:0}.bfn .custom-template .panel-header{border:none;padding:1.5rem 2rem 0}.bfn .custom-template__body{flex-direction:column;width:18rem;padding:0 2rem 1rem 1.25rem}.bfn .custom-template__swap-dimensions{align-self:flex-end;height:29px!important}.bfn .custom-template__footer{padding:1rem 2rem}.bfn .create-group .panel-header{border:none;padding:1.5rem 2rem 0}.bfn .create-group__body{flex-direction:column;width:18rem;padding:0 2rem 1rem 1.25rem}.bfn .create-group__footer{padding:1rem 2rem}.bfn .announcement.modal--active{display:block}.bfn .announcement__image{width:33.75rem;border-radius:3px 3px 0 0}.bfn .announcement__body{width:33.75rem;flex-direction:column;padding:2rem 2rem 3rem;border-radius:0 0 3px 3px;background:#fff}.bfn .announcement__heading{font-size:2rem;color:#1e2024;text-align:center}.bfn .announcement__heading span{color:#d0021b}.bfn .announcement__body-text{margin:1rem 0 2rem;line-height:1.5rem;text-align:center;color:#676b78}.bfn .announcement__link{text-decoration:none!important}.bfn .announcement__footer{display:flex;align-items:center;justify-content:center}.bfn .popover{position:relative;display:none;opacity:0;pointer-events:none;filter:drop-shadow(0 0 .5rem rgba(0,0,0,.5));transition:opacity .3s ease-in-out}.bfn .popover:not([data-transform=false]) .popover-container{will-change:transform}.bfn .popover-arrow{width:14px;height:14px;transform-origin:top left;transform:rotate(-45deg)}.bfn .popover-arrow,.bfn .popover-container{position:absolute;background-color:#25262d}.bfn .popover.active{opacity:1;pointer-events:all}.bfn .popover.active-container{transition:transform .3s ease-in-out}.bfn .popover.bounce{transform:scale(1.05)}.bfn .popover-button{background-color:#3f414c;color:#ededed;-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:left;width:122px;display:flex;justify-content:space-between;align-items:center}.bfn .popover-button .icon{width:.5rem;transform:rotate(-90deg);margin-left:auto;height:1.25rem}.bfn .popover-button:focus,.bfn .popover-button:hover{background-color:#525662}.bfn.drop-shadow-not-supported .popover{filter:none}.bfn.drop-shadow-not-supported .popover .popover-container{box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn .popover-content{line-height:1.4286}.bfn .popover-content .icon-container{position:absolute;display:flex;justify-content:center;align-items:center;top:0;height:100%}.bfn .popover-content .popover-acknowledge{display:flex;justify-content:space-between;align-items:center;margin:0 10px;font-size:14px}.bfn .popover-content .popover-acknowledge .checkbox{flex-grow:1}.bfn .popover-content .popover-acknowledge .checkbox__label{line-height:1rem}.bfn .popover-content .popover-acknowledge button{border:0;border-radius:0;background:none;color:#387dcd;font-weight:700;transition:opacity .15s ease-in-out;opacity:1;text-transform:uppercase}.bfn .popover-content .popover-acknowledge button:hover{color:#4391eb}.bfn .sample-image-container{width:310px;padding:20px}.bfn .sample-image-container .main-text{width:100%;text-align:center;font-size:16px;line-height:1.25}.bfn .sample-image-container .sub-text{text-align:center;position:relative;height:30px;display:flex;justify-content:center;align-items:center}.bfn .sample-image-container .sub-text hr{position:absolute;left:0;top:-2px;width:100%;height:0;border:0;border-top:1px solid #373842;border-bottom:1px solid #373842}.bfn .sample-image-container .sub-text span{position:relative;padding:0 10px;font-size:14px;background-color:#25262d}.bfn .sample-image-container .sample-thumb-container{display:flex;width:100%;margin-top:5px;justify-content:space-between;position:relative;z-index:0}.bfn .sample-image-container .sample-thumb-container .sample-thumb{width:80px;height:80px;border:0;border-radius:0;padding:0;transition:box-shadow .15s ease-in-out;background-color:transparent}.bfn .sample-image-container .sample-thumb-container .sample-thumb:hover{box-shadow:inset 0 0 0 .25rem hsla(0,0%,93%,.7)}.bfn .sample-image-container .sample-thumb-container .sample-thumb img{display:block;position:relative;z-index:-1}.bfn #history_preview_image_container{padding:10px}.bfn #history_preview_image_container img{max-width:240px;max-height:240px;background:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/checker_pattern.jpg) repeat}.bfn .walkthrough{display:flex;flex-direction:column;text-align:left;width:350px;white-space:normal;font-size:14px;line-height:20px}.bfn .walkthrough__button{align-self:flex-end;border:0;border-radius:0;background:none;color:#387dcd;font-weight:700;margin:.5rem 1rem .5rem 0;text-transform:uppercase}.bfn .walkthrough__button:hover{color:#4391eb}.bfn .walkthrough__heading{font-weight:700;margin:1rem 1rem 0}.bfn .walkthrough__text{margin:1rem}.bfn .walkthrough-text-container{border-bottom:1px solid #464f61}.bfn .badge{display:inline-block;padding:0 .25rem;line-height:1rem;border-radius:2px;color:#ededed;font-size:.6875rem;font-weight:700;text-align:center;white-space:nowrap;text-transform:uppercase;box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn .badge-default{background:#fff;color:#000;display:none}.bfn .badge-warning{background:#ff8e00}.bfn .badge-danger{background:#d0021b}.bfn .badge+.badge{display:none}.bfn .plus-badge{padding:0;border-radius:50%;background:transparent}.bfn .plus-badge .icon{height:1.25rem;width:1.25rem;margin:0!important;color:#ff8e00!important}.bfn .tab__nav{display:flex;justify-content:space-around;padding-left:0;margin-bottom:0;list-style:none;border-bottom:1px solid #373842}.bfn .tab__item{margin:0 1rem}.bfn .tab__item:first-child{position:relative}.bfn .tab__button{background:none;border:none;padding:.75rem 0;color:#7e828f;transition:color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .tab__button:focus,.bfn .tab__button:hover{color:#b6b6b6}.bfn .tab__button.active{color:#fff}.bfn .tab__underline{position:absolute;width:100%;height:1px;bottom:-1px;background-color:#fff;transition:width .15s ease-out,transform .15s ease-out}.bfn .tab__panels{position:relative;margin-bottom:-.75rem;overflow:hidden;transition:height .3s ease-in-out}.bfn .tab__panels.no-animation{transition:none}.bfn .tab__panels--has-not-animated .tab__panel.active{position:static}.bfn .tab__panel{position:absolute;width:100%;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.bfn .tab__panel.active{pointer-events:all;opacity:1}.bfn .pro-tip{margin:.75rem .75rem .75rem 0;overflow-y:auto}.bfn .tutorial{padding:.75rem 0;font-size:.875rem}.bfn .tutorial p{margin-bottom:.3125rem}.bfn .modal__body a,.bfn .tutorial-link{display:inline-block;text-decoration:underline;text-underline-position:under;color:#387dcd;transition:color .3s ease-in-out}.bfn .modal__body a:active,.bfn .modal__body a:hover,.bfn .tutorial-link:active,.bfn .tutorial-link:hover{color:#4391eb}.bfn .modal__body a:focus,.bfn .tutorial-link:focus{outline:0;box-shadow:0 0 0 2px #387dcd}.bfn .modal__body a string,.bfn .tutorial-link string{text-decoration:inherit}.bfn .tool-menu{display:none;padding-top:0;margin:0;height:100%;transition:width .3s ease-in-out}.bfn .tool-menu .menu-content{display:flex;flex-direction:column;height:100%}.bfn .tool-menu .menu-content .notification{margin-right:1rem;padding-top:.5rem;border-top:2px solid #3f414c;line-height:1.25}.bfn .tool-menu-group{height:100%}.bfn .tool-menu.active{display:flex;flex-direction:column}.bfn .control-item-set{background:#25262d;margin:0 .75rem 0 0}.bfn .control-item-columns{display:flex;justify-content:space-between;margin:.75rem}.bfn .control-item-columns>.control-item{flex-grow:1}.bfn .control-item-columns>.control-item:first-child{margin:0 .5rem 0 0}.bfn .control-item-columns>.control-item:last-child{margin:0 0 0 .5rem}.bfn .control-item{margin:.75rem}.bfn .control-item--border-top{padding-top:.75rem;border-top:1px solid #373842}.bfn .control-item--border-bottom{padding-bottom:.75rem;border-bottom:1px solid #373842}.bfn .control-item-bottom{margin-top:1.5rem}.bfn .control-item-label{display:block;font-size:.875rem;margin-bottom:.375rem;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1rem}.bfn .control-item-label.color-palette-label{margin-bottom:.5rem}.bfn .control-item-slider{padding-bottom:.5rem}.bfn .control-item-slider label{margin:0 0 .875rem}.bfn .control-item-disabled{pointer-events:none;opacity:.3;transition:opacity .3s ease-in-out}.bfn .color-item{display:flex;justify-content:space-between;align-items:center}.bfn .color-item label{margin:0}.bfn .selectable-list{display:flex;flex-direction:column;padding:0;width:15rem;height:360px;overflow:hidden}.bfn .selectable-list input[type=checkbox]{display:none}.bfn .selectable-list__header{flex-shrink:0;display:flex;position:relative;margin:.75rem .75rem .5rem}.bfn .selectable-list__search-icon{position:absolute;left:.5rem;top:.625rem}.bfn .selectable-list__input{flex-grow:1;padding:0 1.875rem}.bfn .selectable-list__clear-search{position:absolute;right:0;top:0;border-radius:0 3px 3px 0}.bfn .selectable-list__list{flex-grow:1;padding-left:.75rem;overflow-y:auto;overflow-x:hidden}.bfn .selectable-list__list--no-results .selectable-list__item{display:none}.bfn .selectable-list__list--no-results .selectable-list__item--no-results{display:block}.bfn .selectable-list__item{width:13.5rem}.bfn .selectable-list__item .icon{display:none;margin-left:auto}.bfn .selectable-list__item--selected{background-color:#525662!important}.bfn .selectable-list__item--selected .icon{display:inline-block}.bfn .selectable-list__item--no-results{display:none;font-size:14px;margin-top:.25rem;line-height:1.5;white-space:normal;pointer-events:none}.bfn .selectable-list .checkbox{display:block;width:100%}.bfn .selectable-list .checkbox label{padding:0 0 0 .5rem;cursor:pointer}.bfn .selectable-list .checkbox string{line-height:2rem}.bfn .noUi-target,.bfn .noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.bfn .noUi-target{position:relative;direction:ltr}.bfn .noUi-base,.bfn .noUi-connects{width:100%;height:100%;position:relative;z-index:1}.bfn .noUi-connects{overflow:hidden;z-index:0}.bfn .noUi-connect,.bfn .noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;transform-origin:0 0}.bfn .noUi-vertical .noUi-origin{width:0}.bfn .noUi-horizontal .noUi-origin{height:0}.bfn .noUi-handle{position:relative}.bfn .noUi-state-tap .noUi-connect,.bfn .noUi-state-tap .noUi-origin{transition:transform .3s}.bfn .noUi-state-drag *{cursor:inherit!important}.bfn [disabled] .noUi-connect{background:#b8b8b8}.bfn [disabled].noUi-handle,.bfn [disabled] .noUi-handle,.bfn [disabled].noUi-target{cursor:not-allowed}.bfn .noUi-value{position:absolute;white-space:nowrap;text-align:center}.bfn .noUi-value-sub{color:#ccc;font-size:10px}.bfn .noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.bfn .noUi-value-horizontal{transform:translate(-50%,50%)}.bfn .noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.bfn .noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.bfn .noUi-marker-horizontal.noUi-marker-sub{height:10px}.bfn .noUi-marker-horizontal.noUi-marker-large{height:15px}.bfn .bfn-slider{cursor:pointer;margin:0 .05rem;height:2px;background:#fff;padding:0 6px}.bfn .bfn-slider .noUi-connect{background:#387dcd}.bfn .bfn-slider .noUi-connects{border-radius:0}.bfn .bfn-slider .noUi-handle{height:14px;width:14px;top:-6px;left:-7px;border-radius:50%;background:#387dcd;box-shadow:0 0 .5rem rgba(0,0,0,.5);transition:background-color .3s ease-in-out}.bfn .bfn-slider .noUi-handle:hover{background:#4391eb}.bfn .bfn-slider .noUi-draggable{cursor:ew-resize}.bfn .bfn-slider .noUi-base:after,.bfn .bfn-slider .noUi-base:before{content:"";position:absolute;display:block}.bfn .bfn-slider .noUi-base:before{width:7px;height:100%;top:0;left:-7px;background:#387dcd}.bfn .bfn-slider .noUi-base:after{width:calc(100% + 14px);height:14px;top:-6px;left:-7px}.bfn .bfn-slider--active .noUi-handle,.bfn .bfn-slider .noUi-handle:focus{outline:none;background:#4391eb;border:2px solid #fff!important}.bfn .slider-custom .bfn-slider{height:.5rem;background:transparent}.bfn .slider-custom .noUi-connect{background:none}.bfn .slider-custom .noUi-handle{top:-3px;background:#fff!important;border:0;box-shadow:0 0 .5rem rgba(0,0,0,.8)}.bfn .slider-custom .noUi-base:before{width:calc(100% + 14px);border-radius:3px}.bfn .slider-custom-hue .noUi-base:before{background:linear-gradient(90deg,red 0,#ff0 16.7%,#0f0 33.3%,#0ff 50%,#00f 66.7%,#f0f 83.3%,red)}.bfn .slider-custom-saturation .noUi-base:before{background:linear-gradient(90deg,#fff 0,red)}.bfn .slider-custom-temperature .noUi-base:before{background:linear-gradient(90deg,#3165ce 0,#fff 50%,#ff9700)}.bfn .slider-custom .noUi-base:after{top:-3px}.bfn .slider-label{display:flex;justify-content:space-between}.bfn .slider-label__value{font-size:10px;min-width:30px;text-align:right}.bfn .accordion{height:100%;width:100%;margin-top:.5rem;overflow-y:auto;overflow-x:hidden}.bfn .accordion__section{width:238px;overflow:hidden;background:#25262d;border-bottom:1px solid #2d2e37;will-change:height}.bfn .accordion__section .panel-header__button:focus{box-shadow:none}.bfn .accordion__section .panel-header__button--arrow .icon{transition:transform .3s}.bfn .accordion__section:not(.accordion__section--open) .panel-header__button--arrow .icon{transform:scaleY(-1)}.bfn .accordion__panel{padding:0 0 .5rem;overflow:hidden}.bfn .accordion__menu-button{width:100%;height:40px;padding-left:1rem;transition:background-color .3s ease-in-out,color .2s ease-in-out}.bfn .accordion__menu-button .icon{flex-shrink:0;margin:0 .75rem 0 0;color:#ededed}.bfn .accordion__menu-button string{margin-right:auto}.bfn .accordion__menu-button .badge{margin:0 0 0 1px}.bfn .accordion .category-menu__button{width:214px}.bfn .scrubber{position:relative;color:#ededed}.bfn .scrubber label{display:block}.bfn .scrubber-group{display:flex;justify-content:space-between}.bfn .scrubber-unit{position:absolute;top:0;bottom:0;right:15px;z-index:1;pointer-events:none;width:24px;line-height:2rem;text-align:left;font-size:.875rem;border-right:1px solid #373842}.bfn .scrubber [type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;padding:0 40px 0 0;text-align:right;width:100%}.bfn .scrubber [type=number]::-webkit-inner-spin-button,.bfn .scrubber [type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bfn .scrubber .btn-scrubber{color:inherit;background:none;position:absolute;height:1rem;width:1rem;border:none;right:0;cursor:row-resize;padding:0;line-height:0;z-index:9}.bfn .scrubber .btn-scrubber__plus{top:0}.bfn .scrubber .btn-scrubber__minus{bottom:0}.bfn .scrubber .btn-scrubber:hover{opacity:.8}.bfn .tools-scrollable{height:100%;overflow-y:auto;overflow-x:hidden}.bfn ::-webkit-scrollbar{width:.75rem;padding:0 .125rem;background-color:transparent}.bfn ::-webkit-scrollbar-thumb{border-radius:6px;border:3px solid transparent;background-clip:content-box;background-color:#676b78}.bfn ::-webkit-scrollbar-thumb:hover{background-color:#7e828f}.bfn .dropdown ::-webkit-scrollbar-thumb{background-color:#373842}.bfn .dropdown ::-webkit-scrollbar-thumb:hover{background-color:#2d2e37}.bfn .dropdown{position:relative}.bfn .dropdown select{display:none}.bfn .dropdown.active .dropdown__box{border-radius:3px 3px 0 0}.bfn .dropdown.active .dropdown__list{opacity:1;top:100%;visibility:visible;box-shadow:0 .25rem .5rem rgba(0,0,0,.25)}.bfn .dropdown__box{font-size:.875rem;white-space:nowrap;transition:box-shadow .15s ease-in-out 0s}.bfn .dropdown__box:focus{outline:0;box-shadow:0 0 0 2px #387dcd}.bfn .dropdown__box .icon{transform:none}.bfn .dropdown__list{position:absolute;top:-9999px;width:100%;visibility:hidden;z-index:10;max-height:10.5rem;overflow-y:auto;border:1px solid #373842;border-top:none;border-radius:0 0 3px 3px;background-color:#25262d;opacity:0;transition:opacity .3s ease-in-out,box-shadow .3s ease-in-out}.bfn .dropdown__item .icon{visibility:hidden;margin-right:10px;fill:#fff;display:none}.bfn .dropdown__item.active{background-color:#525662!important}.bfn .dropdown__item--has-divider{border-bottom:1px solid #373842}.bfn #texture_generic_menu .dropdown__list{max-height:6.5rem}.bfn .sortable-list{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .sortable-list .sortable-list__item{transition:background .2s linear}.bfn .sortable-list .sortable-list__item button,.bfn .sortable-list .sortable-list__item div{background:initial}.bfn .sortable-list .sortable-list__item.dropped{background:#4391eb!important}.bfn .sortable-list .sortable-list__item.dropped button,.bfn .sortable-list .sortable-list__item.dropped div{background:transparent!important}.bfn .sortable-list--dragging.no-pointer{pointer-events:none!important}.bfn .sortable-list--dragging .dragging{opacity:.8}.bfn .sortable-list--dragging .drag-over{position:relative}.bfn .sortable-list--dragging .drag-over:before{right:0;left:0;content:"";display:block;position:absolute;border:1px solid #3165ce}.bfn .sortable-list--dragging .drag-over-up:before{top:0}.bfn .sortable-list--dragging .drag-over-down:before{bottom:0}.bfn .context-menu{position:absolute;top:0;left:0;z-index:53;border:1rem solid transparent}.bfn .context-menu--hidden{opacity:0;pointer-events:none;transition:opacity .15s ease-out}.bfn .context-menu__item{width:100%;display:block;padding:.375rem 1rem .375rem .625rem;line-height:1.25rem;border-radius:0;text-align:left;color:#ededed;background-color:#25262d;transition:background .3s ease-in-out}.bfn .context-menu__item:hover{background-color:#525662;border-color:#525662}.bfn .context-menu__item[disabled]{opacity:1}.bfn .context-menu__item[disabled] string{opacity:.35}.bfn .context-menu__item--has-divider{padding-bottom:.3125rem;border-bottom:1px solid #3f414c!important}.bfn .context-menu__item--has-divider .context-menu__item--is-child:first-child{height:calc(2rem + 1px)}.bfn .context-menu__item--has-children{position:relative;display:flex;justify-content:space-between}.bfn .context-menu__item--has-children:hover .context-menu__children,.bfn .context-menu__item--has-children:hover:after{opacity:1;pointer-events:auto}.bfn .context-menu__item--has-children .icon{margin:4px -6px 0 0;transform:rotate(-90deg)}.bfn .context-menu__item--hidden{display:none}.bfn .context-menu__children{position:absolute;left:calc(100% - 1rem);top:calc(-1rem - 1px);border:1rem solid transparent;opacity:0;pointer-events:none;transition:opacity .15s ease-out}.bfn .context-menu__children--left-side{left:auto;right:calc(100% - 1rem)}.bfn .context-menu:before,.bfn .context-menu__children:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn .draggable-panel{position:absolute;pointer-events:none;opacity:0;z-index:12;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .draggable-panel.animated{transition:opacity .2s linear}.bfn .draggable-panel .active{pointer-events:none}.bfn .draggable-panel.active{pointer-events:all;opacity:1}.bfn .draggable-panel.active .active{pointer-events:auto}.bfn .draggable-panel .panel-header{cursor:move}.bfn .panel-header{display:flex;align-items:center}.bfn .panel-header--secondary,.bfn .panel-header--tertiary{flex-shrink:0;margin-right:.5rem;height:52px}.bfn .panel-header--preset{background:#1e2024}.bfn .panel-header--accordion{cursor:pointer;height:38px}.bfn .panel-header--modal,.bfn .panel-header--modal-section{border-bottom:1px solid #373842}.bfn .panel-header--alternate{padding:.25rem .25rem .25rem .625rem;background:#1e2024}.bfn .panel-header--modal{padding:.25rem .75rem .25rem 1.5rem}.bfn .panel-header--modal-section{padding-right:.25rem}.bfn .panel-header__text{font-size:18px;line-height:2.5rem;flex-grow:1;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bfn .panel-header__text--wide{margin-right:-2rem}.bfn .panel-header__text--accordion,.bfn .panel-header__text--modal-section,.bfn .panel-header__text--secondary,.bfn .panel-header__text--tertiary{text-transform:uppercase;letter-spacing:1px;line-height:1rem;color:#b6b6b6}.bfn .panel-header__text--secondary,.bfn .panel-header__text--tertiary{font-size:13px;padding:1.375rem 0 .875rem}.bfn .panel-header__text--preset{font-size:.875rem;padding-left:.625rem;color:#b6b6b6}.bfn .panel-header__text--accordion{font-size:.75rem;padding:.75rem 0 .625rem .625rem}.bfn .panel-header__text--alternate{font-size:1rem;letter-spacing:.5px}.bfn .panel-header__text--modal-section{font-size:13px;padding:.875rem .75rem .625rem}.bfn .panel-header__upgrade-star{height:1.25rem;width:1.25rem;margin:-4px 0 0 4px;color:orange}.bfn .panel-header__button{transition:color .3s ease-in-out,opacity .3s ease-in-out,transform .3s ease-in-out}.bfn .panel-header__button--hidden{opacity:0;transform:translateX(2rem);pointer-events:none}.bfn .panel-header__button--hidden.panel-header__button--rightmost+.panel-header__button{transform:translateX(2rem)}.bfn .panel-header__button--hidden.panel-header__button--rightmost+.panel-header__button.panel-header__button--hidden{transform:translateX(4rem)}.bfn .panel-header__button--rightmost{order:1}.bfn .panel-header__button .icon--close{height:.75rem;width:.75rem}.bfn .panel-header__button--secondary,.bfn .panel-header__button--tertiary{margin-top:.5rem}.bfn .panel-header__button--secondary .icon--batch,.bfn .panel-header__button--tertiary .icon--batch{height:1rem;width:1rem}.bfn .panel-header__button--accordion{height:2.25rem}.bfn .panel-header__button--accordion .icon--arrow{color:#b6b6b6}.bfn .panel-header__button--accordion .icon{height:.5rem;width:.5rem}.bfn .panel-header__button--modal-section .icon{height:.75rem;width:.875rem}.bfn .pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;font-size:.875rem;padding-left:0;margin-bottom:0;list-style:none}.bfn .pagination__button{margin:0 .5rem}.bfn .pagination__button--prev .icon{transform:rotate(180deg)}.bfn .pagination__input,.bfn .pagination__slash,.bfn .pagination__total-pages{margin:0 .25rem}.bfn .pagination__input{max-width:3.5rem;-moz-appearance:textfield}.bfn .pagination__input::-webkit-inner-spin-button,.bfn .pagination__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bfn .main-container,.bfn .pagination__slash,.bfn .pagination__total-pages{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .main-container{top:0;overflow:hidden;background:#1e2024}.bfn .app,.bfn .main-container{position:absolute;left:0;right:0;bottom:0}.bfn .app{display:flex;top:56px;flex:1}.bfn .app .canvas{flex:1;display:flex;flex-direction:row;overflow:hidden;transition:all .4s ease-in-out;position:relative;justify-content:flex-end;align-items:flex-end;flex-wrap:nowrap}.bfn #appStage{position:fixed;left:56px;top:56px;right:0;bottom:44px}.bfn .tertiary-grid{display:flex;flex-wrap:wrap;justify-content:space-between;width:206px;max-width:calc(100% - .25rem);margin-top:.5rem}.bfn .tertiary-grid:after{content:"";width:3.75rem}.bfn .tertiary-grid__item{position:relative;width:3.75rem;height:3.75rem;margin-bottom:1.5rem;background-color:transparent;border:none}.bfn .tertiary-grid__item:hover .tertiary-grid__image--goodie,.bfn .tertiary-grid__item:hover .tertiary-grid__image--layout{opacity:.4}.bfn .tertiary-grid__item:hover .tertiary-grid__image--pattern,.bfn .tertiary-grid__item:hover .tertiary-grid__image--template,.bfn .tertiary-grid__item:hover.tertiary-grid__item--blank-template{box-shadow:inset 0 0 0 .25rem hsla(0,0%,93%,.7)}.bfn .tertiary-grid__item--selected .tertiary-grid__image--layout{box-shadow:inset 0 0 0 .125rem #387dcd!important;opacity:1!important}.bfn .tertiary-grid__item--selected .tertiary-grid__image--template,.bfn .tertiary-grid__item--selected.tertiary-grid__item--blank-template{box-shadow:inset 0 0 0 .25rem #387dcd!important}.bfn .tertiary-grid__item--selected .icon-selected{opacity:1;animation:b .35s ease-out 1}.bfn .tertiary-grid__item--selected.tertiary-grid__item--short .tertiary-grid__image--template{box-shadow:-.25rem 0 0 .25rem #387dcd,inset 8px 4px 0 -4px #387dcd,inset -8px 4px 0 -4px #387dcd!important}.bfn .tertiary-grid__item.tertiary-grid__item--short .icon-selected{bottom:.25rem}.bfn .tertiary-grid__item--goodie{opacity:0;transition:opacity .25s ease-in}.bfn .tertiary-grid__item--blank-template{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:0;color:#ededed;background-color:#3f414c;transition:box-shadow .25s ease-in-out}.bfn .tertiary-grid__item--blank-template .icon-blank-image{padding:4px;border:1px solid #ededed;margin:auto auto .75rem}.bfn .tertiary-grid__item--blank-template .tertiary-grid__text{font-size:.875rem;line-height:1.25;padding:0 .25rem;margin:0 auto auto}.bfn .tertiary-grid__item>*{pointer-events:none}.bfn .tertiary-grid__image{position:absolute;top:0;left:0;width:100%;height:100%}.bfn .tertiary-grid__image--goodie{background:no-repeat 50%;background-size:contain;opacity:1;transition:opacity .25s ease-in-out}.bfn .tertiary-grid__image--layout{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/collage-template-thumbs/sprite-compressed-v2.png);background-size:210px 2460px;transition:opacity .25s ease-in-out,box-shadow .25s ease-in-out}.bfn .tertiary-grid__image--pattern{background:#3f414c;background-size:30px;transition:box-shadow .25s ease-in-out}.bfn .tertiary-grid__image--template{background:#3f414c 50%;background-size:cover;transition:box-shadow .25s ease-in-out}.bfn .tertiary-grid__badge{position:absolute;right:0;bottom:-.5rem;background-color:#2d2e37}.bfn .tertiary-grid__badge--layout{bottom:.25rem}.bfn .tertiary-grid .icon-selected{width:1.25rem;height:1.25rem}.bfn.user-is-not-plus .tertiary-grid__item--is-plus{cursor:auto}.bfn:not(.user-is-not-plus) .tertiary-grid__item--pattern,.bfn:not(.user-is-not-plus) .tertiary-grid__item--template{margin-bottom:1rem}.bfn .drag-drop-area{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;padding:.5rem;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;line-height:1.5;opacity:0;transition:opacity .25s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out}.bfn .drag-drop-area--initial{opacity:1;background-color:transparent;color:#ededed}.bfn .drag-drop-area--active{opacity:1;background-color:rgba(82,86,98,.9);color:#fff}.bfn .drag-drop-area .icon{display:block;width:100%;height:5rem;margin:0 0 1rem}.bfn .drag-drop-listener *{pointer-events:none!important}.bfn .vertical-center{position:absolute;right:0;top:0;height:100%;width:0;display:flex;align-items:center}.bfn .side-panel{background:#3f414c;position:relative;height:100%;z-index:1;transition:filter .3s ease-in-out}.bfn .side-panel ul{padding:0;margin:0}.bfn .side-panel li{padding:0;list-style:none;position:relative}.bfn .side-panel:not(.active){pointer-events:none;filter:brightness(60%) contrast(90%)}.bfn .sub-panel{background:#373842;width:262px;position:absolute;height:100%;transition:transform .2s ease-out}.bfn .sub-panel.fold{transform:translateX(-8.75rem)}.bfn .primary-panel{position:absolute;left:0;bottom:0;top:0;width:56px;z-index:10;padding:.5rem 0 0;background:#3f414c;box-shadow:0 0 .25rem rgba(30,32,36,.8)}.bfn .primary-panel .main-menu{display:none}.bfn .primary-panel .main-menu.active{display:block}.bfn .primary-panel__button{position:relative;display:block;width:100%;line-height:1;padding:.75rem 1.125rem;z-index:30;background-color:#3f414c;color:#ededed;border:0;transition:all .3s ease-in-out}.bfn .primary-panel__button:hover{background:#676b78;box-shadow:0 0 .5rem rgba(0,0,0,.5);z-index:31}.bfn .primary-panel__button:hover+.primary-panel-item-name{transform:translateX(100%);box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn .primary-panel__button .icon{opacity:.3;transition:opacity .3s ease-in-out}.bfn .primary-panel__button.active .icon,.bfn .primary-panel__button:hover .icon{opacity:1}.bfn .primary-panel-item-name{position:absolute;top:0;right:0;font-size:.875rem;padding:0 1rem;overflow:hidden;background:#2d2e37;text-align:center;line-height:2.75rem;white-space:nowrap;z-index:10;transition:transform .1s ease-in-out}.bfn .primary-panel__help-button{position:absolute;bottom:.75rem;left:.75rem}.bfn .primary-panel__help-button:before{content:"";position:absolute;left:-.75rem;bottom:-.75rem;width:56px;height:56px}.bfn .secondary-panel{z-index:9;background-color:#2d2e37;padding-left:.75rem;transform:translateX(-318px);will-change:transform}.bfn .secondary-panel.open{transform:translateX(3.5rem);height:100%}.bfn .secondary-panel.fold{transform:translateX(-262px)}.bfn .tertiary-panel{z-index:8;padding-left:2rem;transform:translateX(-318px);will-change:transform}.bfn .tertiary-panel.open{transform:translateX(56px)}.bfn .tertiary-panel .tool-menu{background:#2d2e37;padding:0 0 0 .75rem}.bfn .tertiary-panel .tool-menu__scrollable{padding:0 0 0 .75rem}.bfn .tertiary-panel__close{position:absolute;top:0;left:0;height:100%;background-color:#32333b;color:#ededed}.bfn .tertiary-panel__close .icon{position:absolute;top:1.25rem}.bfn .category-menu__loading{display:block;margin-right:.75rem;padding:.75rem 1.125rem;font-size:14px;background-color:#25262d}.bfn .category-menu__search{margin:0 .75rem .75rem 0}.bfn .category-menu__button{background:none;border:0;color:#ededed;text-shadow:0 1px 2px rgba(0,0,0,.5);width:238px;padding:1.375rem .75rem;margin:0 0 2px;line-height:1rem;cursor:pointer;text-align:left;display:flex;justify-content:space-between;white-space:nowrap;transition:box-shadow .25s ease-in-out}.bfn .category-menu__button:focus,.bfn .category-menu__button:hover{box-shadow:inset 0 0 0 .25rem hsla(0,0%,93%,.7)}.bfn .category-menu__button--highlight{background:#25262d url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/enhance-dlx-thumb.jpg) no-repeat 50%;background-size:13.25rem 3.5rem;text-align:center;padding:2rem 1.375rem;flex-shrink:0;margin:0}.bfn .category-menu__button--highlight:hover{box-shadow:inset 0 0 0 5px hsla(0,0%,93%,.7)}.bfn .category-menu__button .badge{margin:auto 0 auto auto}.bfn #collage_layouts_collage_wizard{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/collage-wizard-thumb.jpg)}.bfn [class*=category-menu__button--artsy]{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/bg-artsy.jpg);background-repeat:no-repeat;background-size:100% 720px}.bfn .category-menu__button--artsy-1{background-position:0 0}.bfn .category-menu__button--artsy-2{background-position:0 -60px}.bfn .category-menu__button--artsy-3{background-position:0 -120px}.bfn .category-menu__button--artsy-4{background-position:0 -180px}.bfn .category-menu__button--artsy-5{background-position:0 -240px}.bfn .category-menu__button--artsy-6{background-position:0 -300px}.bfn .category-menu__button--artsy-7{background-position:0 -360px}.bfn .category-menu__button--artsy-8{background-position:0 -420px}.bfn .category-menu__button--artsy-9{background-position:0 -480px}.bfn .category-menu__button--artsy-10{background-position:0 -540px}.bfn .category-menu__button--artsy-11{background-position:0 -600px}.bfn .category-menu__button--artsy-12{background-position:0 -660px}.bfn [class*=category-menu__button--effect]{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/bg-effect.jpg);background-repeat:no-repeat;background-size:100% 1980px}.bfn .category-menu__button--effect-1{background-position:0 0}.bfn .category-menu__button--effect-2{background-position:0 -60px}.bfn .category-menu__button--effect-3{background-position:0 -120px}.bfn .category-menu__button--effect-4{background-position:0 -180px}.bfn .category-menu__button--effect-5{background-position:0 -240px}.bfn .category-menu__button--effect-6{background-position:0 -300px}.bfn .category-menu__button--effect-7{background-position:0 -360px}.bfn .category-menu__button--effect-8{background-position:0 -420px}.bfn .category-menu__button--effect-9{background-position:0 -480px}.bfn .category-menu__button--effect-10{background-position:0 -540px}.bfn .category-menu__button--effect-11{background-position:0 -600px}.bfn .category-menu__button--effect-12{background-position:0 -660px}.bfn .category-menu__button--effect-13{background-position:0 -720px}.bfn .category-menu__button--effect-14{background-position:0 -780px}.bfn .category-menu__button--effect-15{background-position:0 -840px}.bfn .category-menu__button--effect-16{background-position:0 -900px}.bfn .category-menu__button--effect-17{background-position:0 -960px}.bfn .category-menu__button--effect-18{background-position:0 -1020px}.bfn .category-menu__button--effect-19{background-position:0 -1080px}.bfn .category-menu__button--effect-20{background-position:0 -1140px}.bfn .category-menu__button--effect-21{background-position:0 -1200px}.bfn .category-menu__button--effect-22{background-position:0 -1260px}.bfn .category-menu__button--effect-23{background-position:0 -1320px}.bfn .category-menu__button--effect-24{background-position:0 -1380px}.bfn .category-menu__button--effect-25{background-position:0 -1440px}.bfn .category-menu__button--effect-26{background-position:0 -1500px}.bfn .category-menu__button--effect-27{background-position:0 -1560px}.bfn .category-menu__button--effect-28{background-position:0 -1620px}.bfn .category-menu__button--effect-29{background-position:0 -1680px}.bfn .category-menu__button--effect-30{background-position:0 -1740px}.bfn .category-menu__button--effect-31{background-position:0 -1800px}.bfn .category-menu__button--effect-32{background-position:0 -1860px}.bfn .category-menu__button--effect-33{background-position:0 -1920px}.bfn [class*=category-menu__button--artsy-sub-item]{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/bg-artsy-sub-item.jpg);background-repeat:no-repeat;background-size:100% 2400px}.bfn .category-menu__button--artsy-sub-item-1{background-position:0 0}.bfn .category-menu__button--artsy-sub-item-2{background-position:0 -60px}.bfn .category-menu__button--artsy-sub-item-3{background-position:0 -120px}.bfn .category-menu__button--artsy-sub-item-4{background-position:0 -180px}.bfn .category-menu__button--artsy-sub-item-5{background-position:0 -240px}.bfn .category-menu__button--artsy-sub-item-6{background-position:0 -300px}.bfn .category-menu__button--artsy-sub-item-7{background-position:0 -360px}.bfn .category-menu__button--artsy-sub-item-8{background-position:0 -420px}.bfn .category-menu__button--artsy-sub-item-9{background-position:0 -480px}.bfn .category-menu__button--artsy-sub-item-10{background-position:0 -540px}.bfn .category-menu__button--artsy-sub-item-11{background-position:0 -600px}.bfn .category-menu__button--artsy-sub-item-12{background-position:0 -660px}.bfn .category-menu__button--artsy-sub-item-13{background-position:0 -720px}.bfn .category-menu__button--artsy-sub-item-14{background-position:0 -780px}.bfn .category-menu__button--artsy-sub-item-15{background-position:0 -840px}.bfn .category-menu__button--artsy-sub-item-16{background-position:0 -900px}.bfn .category-menu__button--artsy-sub-item-17{background-position:0 -960px}.bfn .category-menu__button--artsy-sub-item-18{background-position:0 -1020px}.bfn .category-menu__button--artsy-sub-item-19{background-position:0 -1080px}.bfn .category-menu__button--artsy-sub-item-20{background-position:0 -1140px}.bfn .category-menu__button--artsy-sub-item-21{background-position:0 -1200px}.bfn .category-menu__button--artsy-sub-item-22{background-position:0 -1260px}.bfn .category-menu__button--artsy-sub-item-23{background-position:0 -1320px}.bfn .category-menu__button--artsy-sub-item-24{background-position:0 -1380px}.bfn .category-menu__button--artsy-sub-item-25{background-position:0 -1440px}.bfn .category-menu__button--artsy-sub-item-26{background-position:0 -1500px}.bfn .category-menu__button--artsy-sub-item-27{background-position:0 -1560px}.bfn .category-menu__button--artsy-sub-item-28{background-position:0 -1620px}.bfn .category-menu__button--artsy-sub-item-29{background-position:0 -1680px}.bfn .category-menu__button--artsy-sub-item-30{background-position:0 -1740px}.bfn .category-menu__button--artsy-sub-item-31{background-position:0 -1800px}.bfn .category-menu__button--artsy-sub-item-32{background-position:0 -1860px}.bfn .category-menu__button--artsy-sub-item-33{background-position:0 -1920px}.bfn .category-menu__button--artsy-sub-item-34{background-position:0 -1980px}.bfn .category-menu__button--artsy-sub-item-35{background-position:0 -2040px}.bfn .category-menu__button--artsy-sub-item-36{background-position:0 -2100px}.bfn .category-menu__button--artsy-sub-item-37{background-position:0 -2160px}.bfn .category-menu__button--artsy-sub-item-38{background-position:0 -2220px}.bfn .category-menu__button--artsy-sub-item-39{background-position:0 -2280px}.bfn .category-menu__button--artsy-sub-item-40{background-position:0 -2340px}.bfn [class*=category-menu__button--frame]{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/bg-frame.jpg);background-repeat:no-repeat;background-size:100% 900px}.bfn .category-menu__button--frame-1{background-position:0 0}.bfn .category-menu__button--frame-2{background-position:0 -60px}.bfn .category-menu__button--frame-3{background-position:0 -120px}.bfn .category-menu__button--frame-4{background-position:0 -180px}.bfn .category-menu__button--frame-5{background-position:0 -240px}.bfn .category-menu__button--frame-6{background-position:0 -300px}.bfn .category-menu__button--frame-7{background-position:0 -360px}.bfn .category-menu__button--frame-8{background-position:0 -420px}.bfn .category-menu__button--frame-9{background-position:0 -480px}.bfn .category-menu__button--frame-10{background-position:0 -540px}.bfn .category-menu__button--frame-11{background-position:0 -600px}.bfn .category-menu__button--frame-12{background-position:0 -660px}.bfn .category-menu__button--frame-13{background-position:0 -720px}.bfn .category-menu__button--frame-14{background-position:0 -780px}.bfn .category-menu__button--frame-15{background-position:0 -840px}.bfn [class*=category-menu__button--overlay]{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/bg-overlay.jpg);background-repeat:no-repeat;background-size:100% 1020px}.bfn .category-menu__button--overlay-1{background-position:0 0}.bfn .category-menu__button--overlay-2{background-position:0 -60px}.bfn .category-menu__button--overlay-3{background-position:0 -120px}.bfn .category-menu__button--overlay-4{background-position:0 -180px}.bfn .category-menu__button--overlay-5{background-position:0 -240px}.bfn .category-menu__button--overlay-6{background-position:0 -300px}.bfn .category-menu__button--overlay-7{background-position:0 -360px}.bfn .category-menu__button--overlay-8{background-position:0 -420px}.bfn .category-menu__button--overlay-9{background-position:0 -480px}.bfn .category-menu__button--overlay-10{background-position:0 -540px}.bfn .category-menu__button--overlay-11{background-position:0 -600px}.bfn .category-menu__button--overlay-12{background-position:0 -660px}.bfn .category-menu__button--overlay-13{background-position:0 -720px}.bfn .category-menu__button--overlay-14{background-position:0 -780px}.bfn .category-menu__button--overlay-15{background-position:0 -840px}.bfn .category-menu__button--overlay-16{background-position:0 -900px}.bfn .category-menu__button--overlay-17{background-position:0 -960px}.bfn [class*=category-menu__button--graphic]{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/bg-graphic.jpg);background-repeat:no-repeat;background-size:100% 2160px}.bfn .category-menu__button--graphic-1{background-position:0 0}.bfn .category-menu__button--graphic-2{background-position:0 -60px}.bfn .category-menu__button--graphic-3{background-position:0 -120px}.bfn .category-menu__button--graphic-4{background-position:0 -180px}.bfn .category-menu__button--graphic-5{background-position:0 -240px}.bfn .category-menu__button--graphic-6{background-position:0 -300px}.bfn .category-menu__button--graphic-7{background-position:0 -360px}.bfn .category-menu__button--graphic-8{background-position:0 -420px}.bfn .category-menu__button--graphic-9{background-position:0 -480px}.bfn .category-menu__button--graphic-10{background-position:0 -540px}.bfn .category-menu__button--graphic-11{background-position:0 -600px}.bfn .category-menu__button--graphic-12{background-position:0 -660px}.bfn .category-menu__button--graphic-13{background-position:0 -720px}.bfn .category-menu__button--graphic-14{background-position:0 -780px}.bfn .category-menu__button--graphic-15{background-position:0 -840px}.bfn .category-menu__button--graphic-16{background-position:0 -900px}.bfn .category-menu__button--graphic-17{background-position:0 -960px}.bfn .category-menu__button--graphic-18{background-position:0 -1020px}.bfn .category-menu__button--graphic-19{background-position:0 -1080px}.bfn .category-menu__button--graphic-20{background-position:0 -1140px}.bfn .category-menu__button--graphic-21{background-position:0 -1200px}.bfn .category-menu__button--graphic-22{background-position:0 -1260px}.bfn .category-menu__button--graphic-23{background-position:0 -1320px}.bfn .category-menu__button--graphic-24{background-position:0 -1380px}.bfn .category-menu__button--graphic-25{background-position:0 -1440px}.bfn .category-menu__button--graphic-26{background-position:0 -1500px}.bfn .category-menu__button--graphic-27{background-position:0 -1560px}.bfn .category-menu__button--graphic-28{background-position:0 -1620px}.bfn .category-menu__button--graphic-29{background-position:0 -1680px}.bfn .category-menu__button--graphic-30{background-position:0 -1740px}.bfn .category-menu__button--graphic-31{background-position:0 -1800px}.bfn .category-menu__button--graphic-32{background-position:0 -1860px}.bfn .category-menu__button--graphic-33{background-position:0 -1920px}.bfn .category-menu__button--graphic-34{background-position:0 -1980px}.bfn .category-menu__button--graphic-35{background-position:0 -2040px}.bfn .category-menu__button--graphic-36{background-position:0 -2100px}.bfn [class*=category-menu__button--textures]{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/bg-textures.jpg);background-repeat:no-repeat;background-size:100% 660px}.bfn .category-menu__button--textures-1{background-position:0 0}.bfn .category-menu__button--textures-2{background-position:0 -60px}.bfn .category-menu__button--textures-3{background-position:0 -120px}.bfn .category-menu__button--textures-4{background-position:0 -180px}.bfn .category-menu__button--textures-5{background-position:0 -240px}.bfn .category-menu__button--textures-6{background-position:0 -300px}.bfn .category-menu__button--textures-7{background-position:0 -360px}.bfn .category-menu__button--textures-8{background-position:0 -420px}.bfn .category-menu__button--textures-9{background-position:0 -480px}.bfn .category-menu__button--textures-10{background-position:0 -540px}.bfn .category-menu__button--textures-11{background-position:0 -600px}.bfn [class*=category-menu__button--layout]{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/bg-layout.jpg);background-repeat:no-repeat;background-size:100% 300px}.bfn .category-menu__button--layout-1{background-position:0 0}.bfn .category-menu__button--layout-2{background-position:0 -60px}.bfn .category-menu__button--layout-3{background-position:0 -120px}.bfn .category-menu__button--layout-4{background-position:0 -180px}.bfn .category-menu__button--layout-5{background-position:0 -240px}.bfn [class*=category-menu__button--pattern]{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/bg-pattern.jpg);background-repeat:no-repeat;background-size:100% 600px}.bfn .category-menu__button--pattern-1{background-position:0 0}.bfn .category-menu__button--pattern-2{background-position:0 -60px}.bfn .category-menu__button--pattern-3{background-position:0 -120px}.bfn .category-menu__button--pattern-4{background-position:0 -180px}.bfn .category-menu__button--pattern-5{background-position:0 -240px}.bfn .category-menu__button--pattern-6{background-position:0 -300px}.bfn .category-menu__button--pattern-7{background-position:0 -360px}.bfn .category-menu__button--pattern-8{background-position:0 -420px}.bfn .category-menu__button--pattern-9{background-position:0 -480px}.bfn .category-menu__button--pattern-10{background-position:0 -540px}.bfn [class*=category-menu__button--template]{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/bg-template.jpg);background-repeat:no-repeat;background-size:100% 2100px}.bfn .category-menu__button--template-1{background-position:0 0}.bfn .category-menu__button--template-2{background-position:0 -60px}.bfn .category-menu__button--template-3{background-position:0 -120px}.bfn .category-menu__button--template-4{background-position:0 -180px}.bfn .category-menu__button--template-5{background-position:0 -240px}.bfn .category-menu__button--template-6{background-position:0 -300px}.bfn .category-menu__button--template-7{background-position:0 -360px}.bfn .category-menu__button--template-8{background-position:0 -420px}.bfn .category-menu__button--template-9{background-position:0 -480px}.bfn .category-menu__button--template-10{background-position:0 -540px}.bfn .category-menu__button--template-11{background-position:0 -600px}.bfn .category-menu__button--template-12{background-position:0 -660px}.bfn .category-menu__button--template-13{background-position:0 -720px}.bfn .category-menu__button--template-14{background-position:0 -780px}.bfn .category-menu__button--template-15{background-position:0 -840px}.bfn .category-menu__button--template-16{background-position:0 -900px}.bfn .category-menu__button--template-17{background-position:0 -960px}.bfn .category-menu__button--template-18{background-position:0 -1020px}.bfn .category-menu__button--template-19{background-position:0 -1080px}.bfn .category-menu__button--template-20{background-position:0 -1140px}.bfn .category-menu__button--template-21{background-position:0 -1200px}.bfn .category-menu__button--template-22{background-position:0 -1260px}.bfn .category-menu__button--template-23{background-position:0 -1320px}.bfn .category-menu__button--template-24{background-position:0 -1380px}.bfn .category-menu__button--template-25{background-position:0 -1440px}.bfn .category-menu__button--template-26{background-position:0 -1500px}.bfn .category-menu__button--template-27{background-position:0 -1560px}.bfn .category-menu__button--template-28{background-position:0 -1620px}.bfn .category-menu__button--template-29{background-position:0 -1680px}.bfn .category-menu__button--template-30{background-position:0 -1740px}.bfn .category-menu__button--template-31{background-position:0 -1800px}.bfn .category-menu__button--template-32{background-position:0 -1860px}.bfn .category-menu__button--template-33{background-position:0 -1920px}.bfn .category-menu__button--template-34{background-position:0 -1980px}.bfn .category-menu__button--template-35{background-position:0 -2040px}.bfn .preset-menu-btn-group{padding:3.125rem 2rem .5rem;display:flex;justify-content:space-between}.bfn .preset-menu-slider{padding:1rem 2rem}.bfn .preset-menu .tool-group{padding-right:.75rem;padding-left:.75rem}.bfn .preset-menu-item{flex-shrink:0;width:12.875rem;height:8.75rem;margin-bottom:.125rem;overflow:hidden;background-repeat:no-repeat;position:relative;transition:all .3s ease-in-out}.bfn .preset-menu-item-hover-container{position:absolute;width:12.875rem;height:8.75rem;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.bfn .preset-menu-item-hover-container__bottom{font-size:.875rem;position:absolute;display:flex;align-items:center;justify-content:space-between;padding:.5625rem;left:0;right:0;bottom:0;top:6.75rem;color:#ededed;background:rgba(30,32,36,.7);text-transform:capitalize}.bfn .preset-menu-item-hover-container__top{position:absolute;left:0;right:0;top:0;bottom:2rem;background-color:#1e2024;opacity:0;transition:opacity .3s ease-in-out}.bfn .preset-menu-item-hover-container:hover .preset-menu-item-hover-container__top{opacity:.7}.bfn .preset-menu-item-hover-container.active{pointer-events:all;opacity:1;cursor:pointer}.bfn .preset-menu-item-basic-settings{position:absolute;width:12.875rem;height:8.75rem;background:rgba(30,32,36,.8);pointer-events:none;opacity:0;transition:opacity .3s}.bfn .preset-menu-item-basic-settings.active{pointer-events:all;opacity:1}.bfn .preset-menu-item-basic-settings .button--circle{width:2.5rem;height:2.5rem}.bfn .preset-menu-item-advanced-settings{position:relative;background:#25262d;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.bfn .preset-menu-item-advanced-settings.active{pointer-events:all;opacity:1;z-index:2}.bfn .preset-menu-item-advanced-settings:not(.active) .tab__panel{pointer-events:none}.bfn .preset-menu-item-advanced-settings-padding-container{overflow:hidden}.bfn .preset-item-adjust-and-paint-container{position:relative;transition:height .3s ease-in-out}.bfn .preset-item-adjust-and-paint-container.no-animation{transition:none}.bfn .preset-item-adjust-container,.bfn .preset-item-paint-container{position:absolute;opacity:0;width:100%;max-height:0;pointer-events:none;transition:opacity .3s ease-in-out}.bfn .preset-item-adjust-container.active,.bfn .preset-item-paint-container.active{opacity:1;max-height:1000px;pointer-events:all}.bfn .batch-processing-icon,.bfn .favorite-star{position:absolute;top:.5rem;padding:0;background:none;transition:opacity .3s ease-in-out}.bfn .batch-processing-icon:hover,.bfn .favorite-star:hover{opacity:.5}.bfn .favorite-star{left:.5rem}.bfn .favorite-star svg{fill:#ff8e00}.bfn .batch-processing-icon{right:.5rem}.bfn .batch-processing-icon svg{fill:#fff}.bfn .alternate-container{position:absolute;left:0;top:56px;bottom:0;width:0;display:flex;align-items:center;z-index:12}.bfn .alternate-menu{flex-shrink:0;width:14.375rem;height:auto;z-index:11;background-color:#25262d;box-shadow:0 0 .5rem rgba(0,0,0,.5);transform:translateX(-15.375rem);transition:transform .15s ease-in-out}.bfn .alternate-menu.active{transform:translateX(0)}.bfn .alternate-menu.text-edit{z-index:2002!important}.bfn .alternate-menu>*{display:none}.bfn .alternate-menu .popover-button>*{pointer-events:none}.bfn .alternate-menu.disabled>*{pointer-events:none;opacity:.5}.bfn .history-menu{width:230px;flex-shrink:0;background:#25262d;box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn .history-list{width:100%;overflow-y:auto;overflow-x:hidden;height:314px!important}.bfn .history-list button{font-size:14px;padding:0 .25rem 0 0;border:0;opacity:.35;transition:opacity .3s ease-in-out,background-color .3s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.bfn .history-list button:focus,.bfn .history-list button:hover{opacity:.8}.bfn .history-list button.active{opacity:1}.bfn .history-list button.selected{background:#525662!important}.bfn .history-list button string{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bfn .history-list button img,.bfn .history-list button svg{margin:0 .5rem;width:20px}.bfn .history-list button svg{height:16px}.bfn .canvas-footer{position:absolute;height:44px;left:56px;right:0;bottom:0;padding-right:.75rem;display:flex;align-items:center;justify-content:space-between;background:#373842;transition:left .2s ease-in-out}.bfn .canvas-footer>.button-group{align-items:center}.bfn .canvas-footer>.button-group>*{margin-left:.75rem}.bfn .canvas-footer .button--outline:not(.button--white){border-color:#525662}.bfn .canvas-footer .button--outline:not(.button--white):not([disabled]):hover{background:#525662;border-color:#525662}.bfn .canvas-footer__zoom{position:relative;display:flex;margin:0 auto}@media (max-width:1024px){.bfn #editor_flatten_flatten_layers{width:5rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.bfn .zoom-region{display:none;top:-10px;width:0;height:0;margin:auto;cursor:pointer;pointer-events:none;opacity:0;transition:opacity .1s linear}.bfn .zoom-region.active{pointer-events:all;opacity:1}.bfn .zoom-region-container{position:absolute;overflow:hidden;width:100px;height:100px;background:#32333b;left:50%;bottom:44px;transform:translateX(-50%);outline-style:solid;outline-width:thin;outline-color:#676b78}.bfn .zoom-region-preview-image-background{position:absolute;opacity:.3}.bfn .zoom-region-preview-image-foreground{position:absolute;pointer-events:none}.bfn .zoom-region-viewport{overflow:hidden}.bfn .zoom-region-viewport,.bfn .zoom-region-viewport-grid-h{position:absolute;outline-style:solid;outline-width:thin;outline-color:#676b78}.bfn .zoom-region-viewport-grid-h{left:0;top:33.33%;width:100%;height:33.33%}.bfn .zoom-region-viewport-grid-v{position:absolute;left:33.33%;top:0;width:33.33%;height:100%;outline-style:solid;outline-width:thin;outline-color:#676b78}.bfn .zoom-bar{display:flex;align-items:center}.bfn .zoom-bar--disabled .bfn-slider,.bfn .zoom-bar--disabled .zoom-bar__item--percent{pointer-events:none;opacity:.5}.bfn .zoom-bar__item{margin:0 .5rem}.bfn .zoom-bar__item.button--transparent{margin:0 .125rem}.bfn .zoom-bar__divider{align-self:center;height:1.25rem;width:1px;margin:0 .25rem;background:#525662}.bfn .zoom-bar__value{display:inline-block;min-width:25px;font-size:.875rem;margin-right:2px;text-align:right}.bfn .slider-zoom{min-width:6rem}@media (min-width:1200px){.bfn .slider-zoom{min-width:9rem}}.bfn #color_picker_panel{position:absolute;left:30px;top:30px;width:230px;background-color:#25262d;box-shadow:0 0 .5rem rgba(0,0,0,.5);visibility:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:opacity .2s}.bfn #color_picker_panel.active{opacity:1;visibility:visible;pointer-events:all;z-index:2005}.bfn #color_picker_panel_controls{margin:.75rem;display:flex;flex-direction:row;justify-content:space-between}.bfn #color_picker_panel_controls_color{display:flex;flex-direction:row}.bfn #color_picker_panel_button{display:block;width:20px;height:20px;margin-right:.375rem}.bfn #color_picker_panel_spectrum_button{width:20px;height:20px;background:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/spectrum_color.png);cursor:pointer;border:none}.bfn #color_picker_panel_spectrum_button.active{box-shadow:inset 0 0 0 2px #ededed}.bfn #color_picker_panel_spectrum_button.hidden{visibility:hidden}.bfn #color_picker_panel_input_container{position:relative}.bfn #color_picker_panel_input_hash{position:absolute;height:100%;display:flex;flex-direction:column;justify-content:center;margin-left:8px;color:#ededed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn #color_picker_panel_input{width:80px;height:20px;padding:0 0 0 20px;margin:0 4px 0 0;border-color:#373842;line-height:20px}.bfn #color_picker_panel_eyedropper{width:20px;height:20px;padding:0;border:none;color:#fff;background-color:transparent}.bfn #color_picker_panel_eyedropper.active,.bfn #color_picker_panel_eyedropper:hover{color:#a0a0a0;transition:color .3s ease-in-out}.bfn #color_picker_panel_eyedropper[disabled]{opacity:1;color:#fff}.bfn .color-button{width:20px;height:20px;cursor:pointer;transition:transform .2s}.bfn .color-button:focus,.bfn .color-button:hover{transform:scale(1.0625)}.bfn .color-button-preset{width:1.9375rem;height:1.9375rem;border:none;border-radius:3px}.bfn .color-button-picker.empty{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/icons/svg/color-picker-arrow.svg),url(https://d1oanepa5dm267.cloudfront.net/app/assets/icons/svg/no-color.svg);background-position:104% 104%,50%;background-size:40% 40%,100% 100%}.bfn .color-button.color-display.empty{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/icons/svg/no-color.svg);background-position:50%;background-size:100% 100%;margin-right:8px}.bfn .color-static{border:1px solid #373842}.bfn .color-static:hover{transform:scale(1);cursor:auto!important}.bfn .color-button-picker{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/icons/svg/color-picker-arrow.svg);background-repeat:no-repeat;background-position:104% 104%;background-size:40% 40%;width:1.875rem;height:1.875rem;border:1px solid #373842;border-radius:3px}.bfn .color-button-row{display:flex;justify-content:space-around;width:100%;padding-bottom:.75rem}.bfn .control-item:last-child .color-button-row:last-child{padding-bottom:0}.bfn .color-picker-container{display:flex;margin:.75rem}.bfn .color-picker-hsv{position:relative;margin-right:10px;display:none}.bfn .color-picker-hsv.active{display:flex}.bfn .color-picker-hsv-h{position:relative;cursor:crosshair;width:20px;height:120px;margin-right:.375rem;background-color:red}.bfn .color-picker-hsv-h.locked{opacity:.5;pointer-events:none}.bfn .color-picker-hsv-h-indicator{position:absolute;left:5px;width:0;height:0}.bfn .color-picker-hsv-h-indicator-display{margin:-4px 0 0 -6px;width:22px;height:8px;border:2px solid #fff;background-color:red;box-shadow:0 2px 6px 0 #000;pointer-events:none}.bfn .color-picker-hsv-sv{position:relative;cursor:crosshair;width:180px;height:120px;background-color:red}.bfn .color-picker-hsv-sv-indicator{position:absolute;width:0;height:0}.bfn .color-picker-hsv-sv-indicator-display{margin:-6px 0 0 -6px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background-color:red;box-shadow:0 2px 6px 0 #000}.bfn .color-picker-grid{position:relative;margin-right:10px;display:none}.bfn .color-picker-grid.active{display:flex}.bfn .color-picker-grid-square{width:10px;height:10px;cursor:crosshair;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.05)}.bfn .color-picker-grid-square:hover{box-shadow:0 2px 4px 0 #000,inset 0 0 0 1px #fff;z-index:1}.bfn .color-picker-grid-common{margin-right:.375rem}.bfn .color-picker-grid-spectrum{display:flex;flex-direction:column}.bfn .color-picker-grid-spectrum-row{display:flex;flex-direction:row}.bfn .color-picker-grid-common .color-picker-grid-square{width:20px}.bfn .loader-svg{animation-name:a;animation-duration:.4s;animation-iteration-count:infinite;transform-origin:50% 50%;display:inline-block;animation-timing-function:linear;width:60px;height:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bfn .image-gallery{width:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:#1e2024;color:#fff}.bfn .image-gallery>:empty{display:none}.bfn .image-gallery__loading .loading-spinner{margin-right:.5rem}.bfn .image-gallery__message{font-size:14px;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;min-height:2.5rem;color:#ededed;text-align:center}.bfn .image-gallery__message--is-error{background:#ce4051}.bfn .image-gallery__message:not(.image-gallery__message--is-error){margin-bottom:.375rem;margin-top:-.375rem}.bfn .image-gallery__message .button{display:inline}.bfn .image-gallery__message string+.button{margin-left:.5rem}.bfn .image-gallery__empty-state{display:none;padding:1rem;line-height:1.5rem;color:#ededed;flex-grow:1;flex-direction:column;align-items:center;justify-content:center}.bfn .image-gallery__empty-state .icon{width:6rem;height:6rem;margin-bottom:1rem}.bfn .image-gallery__empty-state string{margin-bottom:1rem}.bfn .image-gallery__images{padding:.375rem}.bfn .image-gallery__images:empty~.image-gallery__empty-state{display:flex}.bfn .image-gallery__images:not(:empty)+.image-gallery__message{margin-left:.75rem;margin-right:.75rem}.bfn .image-gallery__row{display:flex}.bfn .image-gallery__item{position:relative;min-width:2.25rem;margin:.375rem;background-color:#3f414c;overflow:hidden;cursor:pointer}.bfn .image-gallery__item:hover .image-gallery__item-outline{box-shadow:inset 0 0 0 .25rem hsla(0,0%,93%,.7)}.bfn .image-gallery__item:hover .image-gallery__author,.bfn .image-gallery__item:hover .image-gallery__button{opacity:1;pointer-events:all}.bfn .image-gallery__item--has-author:hover .image-gallery__item-outline,.bfn .image-gallery__item--has-button:hover .image-gallery__item-outline{background-image:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.03) 65%,rgba(0,0,0,.35))}.bfn .image-gallery__item--narrow .image-gallery__author{padding:.25rem .125rem}.bfn .image-gallery__item:empty{background-color:transparent}.bfn .image-gallery__item-outline{position:absolute;width:100%;height:100%;top:0;transition:box-shadow .25s ease-in-out,background .25s ease-in-out}.bfn .image-gallery__placeholder .icon{position:absolute;width:38.1%;height:38.1%;left:30.95%;top:30.95%;color:#7e828f}.bfn .image-gallery__button{position:absolute;bottom:.5rem;width:1.75rem;height:1.75rem;padding:0;line-height:0;border-radius:50%!important;color:#fff;background:transparent;pointer-events:none;opacity:0;transition:opacity .15s}.bfn .image-gallery__button--delete{right:.5rem}.bfn .image-gallery__author{position:absolute;bottom:.625rem;left:.625rem;max-width:calc(100% - 1.25rem);font-size:14px;padding:.25rem;line-height:.875rem;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transform:translateX(0);transition:opacity .25s,transform .25s}.bfn .image-gallery__author a{color:inherit!important}.bfn .image-gallery__badge{position:absolute;bottom:.375rem;right:.375rem}.bfn .fonts__header{display:flex;position:relative;padding:.75rem}.bfn .fonts__search-icon{position:absolute;left:1.25rem;top:1.325rem}.bfn .fonts__input{flex-grow:1;margin:0;padding:0 1.875rem}.bfn .fonts__clear-search{position:absolute;right:.75rem;top:.75rem;border-radius:0 3px 3px 0}.bfn .fonts__tutorial{font-size:14px;padding:0 .75rem 1rem}.bfn .fonts__list{list-style-type:none;padding:0 0 .75rem;margin:0;width:256px;height:303px;overflow-y:auto;overflow-x:hidden;padding-left:.75rem}.bfn .fonts__list--filtered .fonts__item--no-results{display:block}.bfn .fonts__list--filtered .fonts__item--filter-exclude,.bfn .fonts__list--filtered .fonts__item--recent{display:none}.bfn .fonts__list:not(.fonts__list--filtered) .fonts__item--recent+:not(.fonts__item--recent){border-top:1px solid #373842;line-height:35px}.bfn .fonts__item{max-width:calc(256px - 1.5rem);padding:0;margin:0;line-height:36px;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .2s ease-in-out,opacity .1s ease-in-out;text-indent:1rem;font-weight:400}.bfn .fonts__item--befunky,.bfn .fonts__item--google{background-size:228.57143px;background-repeat:no-repeat;background-position-x:.75rem;text-indent:-499px}.bfn .fonts__item--google{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/font-list-google.png)}.bfn .fonts__item--befunky{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/font-list-befunky.png)}.bfn .fonts__item--no-results{text-indent:0;padding:.75rem;line-height:1.5;font-size:14px;white-space:inherit;color:#fff!important;text-decoration:none!important;display:none}.bfn .fonts__item:focus,.bfn .fonts__item:hover{background-color:#3f414c;outline:0}.bfn .fonts__item.active{background-color:#525662;transition:opacity .2s ease-in-out}.bfn .fonts__item.active.loading{cursor:progress}.bfn .fonts__item.active.error,.bfn .fonts__item.active.loading{transition:background-color .3s ease-in-out .15s,opacity .3s ease-out .15s;background-color:#3f414c;opacity:.5}.bfn .fonts .drag-drop-area{bottom:0}.bfn .image-manager{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.bfn .image-manager--hide-controls .image-manager__controls{display:none}.bfn .image-manager .button--three-dots{flex-grow:0}.bfn .image-manager .button--three-dots div{width:5px;height:5px;float:left;margin:0 .0625rem;border-radius:50%;background:#fff}.bfn .image-manager__controls{display:flex;justify-content:center;margin:-.25rem .75rem .5rem 0}.bfn .image-manager__clear{min-width:3.5rem}.bfn .image-manager__scroll-container{overflow-y:auto;overflow-x:hidden;flex-grow:1;margin-bottom:.75rem;background:#25262d;box-shadow:inset -1.5rem .75rem 0 -.75rem #2d2e37}.bfn .image-manager>:not(.image-manager__scroll-container){flex-shrink:0}.bfn .image-manager__images{width:238px;padding:.75rem .75rem .125rem;overflow:hidden}.bfn .image-manager__images--hide-samples .image-manager__item--sample{display:none}.bfn .image-manager__item{position:relative;height:102px;width:102px;float:left;margin:0 0 .625rem;cursor:pointer;background-color:#3f414c}.bfn .image-manager__item:nth-child(2n){margin-left:.625rem}.bfn .image-manager__item:hover .image-manager__placeholder{filter:brightness(50%)}.bfn .image-manager__item:hover .image-manager__button{opacity:1}.bfn .image-manager__placeholder{position:absolute;top:0;left:0;bottom:0;right:0;transition:filter .15s}.bfn .image-manager__button{position:absolute;bottom:0;width:1.75rem;height:1.75rem;padding:0;line-height:0;border-radius:50%!important;background:transparent;color:#fff;opacity:0;transition:opacity .15s ease-in-out,color .15s ease-in-out}.bfn .image-manager__button--remove{right:0}.bfn .image-manager__button--save{left:0}.bfn .image-manager__remove-unused{margin:.25rem auto;padding:0}.bfn .graphic-manager{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;overflow-x:hidden}.bfn .graphic-manager__accordion{margin-top:0}.bfn .graphic-manager .accordion__panel{padding:0 .75rem .5rem}.bfn .graphic-manager__graphics{width:238px;padding:.75rem .75rem .125rem;overflow:hidden}.bfn .graphic-manager__empty-message{font-size:14px;padding:.75rem 0 .625rem .625rem}.bfn .graphic-manager__item{position:relative;height:102px;width:102px;float:left;margin:0 0 .625rem;cursor:pointer;border:1px solid #3f414c}.bfn .graphic-manager__item:nth-child(2n){margin-left:.625rem}.bfn .graphic-manager__item:hover .graphic-manager__placeholder{filter:brightness(50%)}.bfn .graphic-manager__item:hover .graphic-manager__button{opacity:1}.bfn .graphic-manager__placeholder{position:absolute;top:0;left:0;bottom:0;right:0;transition:filter .15s}.bfn .graphic-manager__placeholder--png{top:.5rem;left:.5rem;bottom:.5rem;right:.5rem}.bfn .graphic-manager__button{position:absolute;bottom:0;width:1.75rem;height:1.75rem;padding:0;line-height:0;border-radius:50%!important;background:transparent;color:#fff;opacity:0;transition:opacity .15s ease-in-out,color .15s ease-in-out}.bfn .graphic-manager__button--remove{right:0}.bfn .graphic-manager__button--save{left:0}.bfn .image-library{width:80rem;height:50rem}.bfn .image-library .panel-header{flex-shrink:0}.bfn .image-library__body{flex-grow:1;padding:0}.bfn .image-library__left-panel{display:flex;flex-direction:column;width:18rem;padding:1.5rem}.bfn .image-library__left-panel button{flex-shrink:0}.bfn .image-library__tab{margin-bottom:1px;padding-left:.75rem;border-radius:0;background:#2d2e37;color:#7e828f;transition:color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .image-library__tab:focus,.bfn .image-library__tab:hover{color:#b6b6b6}.bfn .image-library__tab--selected{color:#fff!important}.bfn .image-library__facebook-albums{background-color:#2d2e37;overflow-y:auto;overflow-x:hidden}.bfn .image-library__facebook-albums:empty{display:none}.bfn .image-library__facebook-album{width:100%;text-align:left;padding-left:1.5rem;padding-right:.25rem;border:none}.bfn .image-library__facebook-album--selected{border-color:#525662!important;background:#525662!important}.bfn .image-library__right-panel{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:#1e2024}.bfn .image-library__right-panel>*{max-width:100%}.bfn .image-library .image-gallery{flex-grow:1}.bfn #image_library_facebook_button:not(.button--hidden)+#image_library_facebook_album_dropdown_container{display:none}.bfn .stock-search{width:80rem;height:50rem}.bfn .stock-search .panel-header{flex-shrink:0}.bfn .stock-search__body{flex-grow:1;padding:0}.bfn .stock-search__left-panel{display:flex;flex-direction:column;width:18rem;padding:1.5rem}.bfn .stock-search__tags-container{margin-top:1rem}.bfn .stock-search__tags-container .panel-header__text{padding-left:0}.bfn .stock-search__tags{margin-top:1rem}.bfn .stock-search__tag{display:inline-block;margin:0 6px 6px 0;color:#ededed;background:#373842}.bfn .stock-search__tag:not([disabled]):hover{background:#3f414c}.bfn .stock-search__tag.button--focus{outline:0;box-shadow:0 0 0 2px #387dcd}.bfn .stock-search__tag--selected{background:#525662}.bfn .stock-search__attribution{margin-top:auto;font-size:14px;color:#b6b6b6;line-height:1.25rem}.bfn .stock-search__right-panel{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:#1e2024}.bfn .stock-search__right-panel>*{max-width:100%}.bfn .stock-search__results-header{flex-shrink:0;display:flex;justify-content:center;align-items:center;padding:2rem 1.25rem 1.25rem}.bfn .stock-search__results-heading{font-size:1.25rem;margin:0}.bfn .stock-search__clear-results{margin-left:.75rem;flex-shrink:0}.bfn .stock-search__results-gallery{flex-grow:1;overflow-y:initial;overflow-x:initial}.bfn .collage-wizard .image-gallery__item,.bfn .graphic-library .image-gallery__item,.bfn .image-library--mode-image-manager .image-gallery__item,.bfn .stock-search--mode-image-manager .image-gallery__item{cursor:auto}.bfn .collage-wizard .image-gallery__item--selected .image-gallery__item-outline,.bfn .graphic-library .image-gallery__item--selected .image-gallery__item-outline,.bfn .image-library--mode-image-manager .image-gallery__item--selected .image-gallery__item-outline,.bfn .stock-search--mode-image-manager .image-gallery__item--selected .image-gallery__item-outline{box-shadow:inset 0 0 0 .25rem #387dcd!important}.bfn .collage-wizard .image-gallery__item--selected .image-gallery__item-outline .icon-selected,.bfn .graphic-library .image-gallery__item--selected .image-gallery__item-outline .icon-selected,.bfn .image-library--mode-image-manager .image-gallery__item--selected .image-gallery__item-outline .icon-selected,.bfn .stock-search--mode-image-manager .image-gallery__item--selected .image-gallery__item-outline .icon-selected{opacity:1;animation:b .35s ease-out 1}.bfn .collage-wizard .image-gallery__item--selected.image-gallery__item--wide .image-gallery__author,.bfn .graphic-library .image-gallery__item--selected.image-gallery__item--wide .image-gallery__author,.bfn .image-library--mode-image-manager .image-gallery__item--selected.image-gallery__item--wide .image-gallery__author,.bfn .stock-search--mode-image-manager .image-gallery__item--selected.image-gallery__item--wide .image-gallery__author{transform:translateX(1.625rem);max-width:calc(100% - 3.125rem)}.bfn .collage-wizard .image-gallery__item--selected.image-gallery__item--narrow .image-gallery__author,.bfn .graphic-library .image-gallery__item--selected.image-gallery__item--narrow .image-gallery__author,.bfn .image-library--mode-image-manager .image-gallery__item--selected.image-gallery__item--narrow .image-gallery__author,.bfn .stock-search--mode-image-manager .image-gallery__item--selected.image-gallery__item--narrow .image-gallery__author{transform:translateY(-1.75rem)}@keyframes b{0%{transform:scale(.1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.bfn .graphic-library{width:80rem;height:50rem}.bfn .graphic-library .panel-header{flex-shrink:0}.bfn .graphic-library__body{flex-grow:1;padding:0}.bfn .graphic-library__left-panel{width:18rem;padding:1.5rem}.bfn .graphic-library__tags-container{margin-top:1rem}.bfn .graphic-library__tags-container .panel-header__text{padding-left:0}.bfn .graphic-library__tags{margin-top:1rem}.bfn .graphic-library__tag{display:inline-block;margin:0 6px 6px 0;color:#ededed;background:#373842}.bfn .graphic-library__tag:not([disabled]):hover{background:#3f414c}.bfn .graphic-library__tag.button--focus{outline:0;box-shadow:0 0 0 2px #387dcd}.bfn .graphic-library__tag--selected{background:#525662}.bfn .graphic-library__right-panel{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:#1e2024}.bfn .graphic-library__right-panel>*{max-width:100%}.bfn .graphic-library__results-header{flex-shrink:0;display:flex;justify-content:center;align-items:center;padding:2rem 1.25rem 1.25rem}.bfn .graphic-library__results-heading{font-size:1.25rem;margin:0}.bfn .graphic-library__clear-results{margin-left:.75rem;flex-shrink:0}.bfn .graphic-library__results-gallery{flex-grow:1;overflow-y:initial;overflow-x:initial}.bfn .graphic-library .image-gallery__item{background:transparent;outline:1px solid #3f414c}.bfn .graphic-library .image-gallery__item:empty{outline:none}.bfn .graphic-library .image-gallery__placeholder{position:relative}.bfn .graphic-library .image-gallery__graphic{position:absolute;top:1rem;left:1rem;bottom:1rem;right:1rem}.bfn .navbar{display:flex;justify-content:space-between;position:relative;z-index:11;height:56px;padding:.4375rem 1rem;background:#373842;box-shadow:0 0 .5rem rgba(0,0,0,.8)}.bfn .navbar-item{display:flex;align-items:center}.bfn .navbar-logo{margin:0 .25rem 0 0!important}.bfn .navbar-logo-link{width:2rem;height:2.25rem;background:url(https://d1oanepa5dm267.cloudfront.net/app/assets/icons/svg/befunky-b-logo-light.svg) no-repeat;text-indent:-110px;display:block;transition:opacity .3s ease-in-out}.bfn .navbar-logo-link:hover{opacity:.7}.bfn .navbar-center,.bfn .navbar-left,.bfn .navbar-right{display:flex;align-items:center;transition:all .3s ease-in-out}.bfn .navbar-left{justify-content:flex-start}.bfn .navbar-left .navbar-dropdown-items{left:2.25rem}.bfn .navbar-center{justify-content:center;flex-grow:1}.bfn .navbar-center .navbar-item{margin:0 .75rem}.bfn .navbar-right{justify-content:flex-end}.bfn .navbar-right .navbar-dropdown-button{display:flex;height:40px;margin-left:1rem}.bfn .navbar-right .navbar-dropdown-button>*{pointer-events:none}.bfn .navbar-right .navbar-dropdown-items{top:100%;right:0}@media (min-width:1100px){.bfn .navbar-left,.bfn .navbar-right{flex-basis:11.5rem}.bfn .navbar-center{padding-left:56px}}@media (min-width:1300px){.bfn .navbar.shift-menu .navbar-center{padding-left:318px}}.bfn .navbar-dropdown{position:relative;height:36px}.bfn .navbar-dropdown-button{border-color:#3f414c}.bfn .navbar-dropdown-button .icon{margin:1px 0 0 6px;width:.5rem}.bfn .navbar-dropdown .left{left:0}.bfn .navbar-dropdown-items{position:absolute;top:calc(100% - 2px);margin-left:-1px;visibility:hidden;opacity:0;border-radius:3px;background-color:#25262d;filter:drop-shadow(0 0 .5rem rgba(0,0,0,.5));transform:translateY(-2rem);transition:all .3s ease-in-out 0s}.bfn .navbar-dropdown .dropdown-item{padding:0 .75rem}.bfn .navbar-dropdown .dropdown-item[disabled]{opacity:.6}.bfn .navbar-dropdown .dropdown-item--has-submenu{position:relative;display:flex;justify-content:space-between;cursor:auto}.bfn .navbar-dropdown .dropdown-item--has-submenu:focus .dropdown-submenu,.bfn .navbar-dropdown .dropdown-item--has-submenu:hover .dropdown-submenu{opacity:1;pointer-events:auto}.bfn .navbar-dropdown .dropdown-item--has-submenu .icon{width:.5rem;float:right;margin:2px 0 0;transform:rotate(-90deg)}.bfn .navbar-dropdown .dropdown-item:first-child{border-radius:3px 3px 0 0}.bfn .navbar-dropdown .dropdown-item:last-child{border-radius:0 0 3px 3px}.bfn .navbar-dropdown .dropdown-item .dropdown-submenu .dropdown-item:first-child{border-radius:0 3px 0 0}.bfn .navbar-dropdown .dropdown-item .dropdown-submenu .dropdown-item:last-child{border-radius:0 0 3px 0}.bfn .navbar-dropdown .dropdown-submenu{position:absolute;left:calc(100% - 1rem);top:-1rem;padding:1rem;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.bfn .navbar-dropdown .dropdown-submenu .dropdown-item{background-color:#25262d}.bfn .navbar-dropdown .dropdown-submenu .dropdown-item:not([disabled]):focus,.bfn .navbar-dropdown .dropdown-submenu .dropdown-item:not([disabled]):hover{background:#3f414c}.bfn .navbar-dropdown.active .navbar-dropdown-items{visibility:visible;opacity:1;z-index:2;transform:translateY(.5rem)}.bfn .navbar-profile-pic{overflow:hidden;margin:0;display:flex;height:2rem;width:2rem;border-radius:50%;justify-content:center;flex-direction:column}.bfn .navbar-profile-pic img{width:2rem;height:2rem}.bfn .account-plus-item .button{height:40px;line-height:40px;padding:0 .75rem}.bfn .account-plus-item .button--orange{cursor:default}.bfn .account-plus-item .button .icon{vertical-align:top;margin-right:4px}.bfn .navbar-dropdown .dropdown-item--has-submenu:focus-within .dropdown-submenu{opacity:1;pointer-events:auto}.bfn.drop-shadow-not-supported .navbar-dropdown-items{filter:none;box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn .layers-groups{width:230px;flex-shrink:0;background:#25262d;box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn .layers-groups__tabs{min-height:314px;position:relative}.bfn .layers-groups__tabs .tab__panels{position:absolute;width:100%;height:calc(100% - 40px)!important;margin:0}.bfn .layers-groups__tabs .tab__panel{height:100%;padding-top:12px}.bfn .layers-groups .sortable-list{max-height:262px}.bfn .layers-groups .sortable-list:after{content:"";display:block;height:.5rem;width:100%}.bfn .layers-groups .sortable-list--dragging .layer-item{background:#25262d}.bfn .layers-groups__groups,.bfn .layers-groups__layers{background:#25262d;overflow-y:auto;overflow-x:hidden}.bfn .layers-groups__groups{max-height:262px}.bfn .layers-groups__groups:after{content:"";display:block;height:12px;width:100%}.bfn .layers-groups__no-groups,.bfn .layers-groups__no-layers{font-size:14px;padding:0 1rem;line-height:1.5}.bfn .layer-item{font-size:14px}.bfn .layer-item.selected,.bfn .layer-item.selected:hover{background:#525662}.bfn .layer-item.input-active{background:#25262d!important}.bfn .layer-item input{height:1.3rem;line-height:0;margin-left:.375rem;padding:0 2px;border-radius:1px;outline:0;box-shadow:0 0 0 1px #387dcd}.bfn .layer-item__thumbnail{height:1.3rem;width:1.3rem;pointer-events:none;border-style:none}.bfn .layer-item__thumbnail .icon{vertical-align:top}.bfn .layer-item__name{padding:0 .5rem;overflow:hidden;text-overflow:ellipsis}.bfn .layer-item__button--context{margin-left:auto}.bfn .group-item{overflow:hidden}.bfn .group-item--empty .group-item__header-button--collapse,.bfn .group-item--empty .group-item__header-button--expand{opacity:0;pointer-events:none}.bfn .group-item--empty .group-item__header-icon,.bfn .group-item--empty .group-item__header-name{opacity:.35}.bfn .group-item--selected .group-item__header,.bfn .group-item--selected .group-item__header:hover{background:#525662}.bfn .group-item--right-clicked .group-item__header{background:#373842}.bfn .group-item .button--list{padding:0}.bfn .group-item__header input{height:1.3rem;line-height:0;margin-left:.375rem;padding:0 2px;border-radius:1px;outline:0;box-shadow:0 0 0 1px #387dcd,0 0 5px #25262d;font-size:14px;background:#25262d}.bfn .group-item__header .button--icon{width:1.5rem;padding-right:.125rem;padding-left:.125rem;flex-shrink:0}.bfn .group-item__header:hover .group-item__header-button--delete{visibility:visible;opacity:1}.bfn .group-item__header-button--expand .icon{transition:transform .3s;transform:rotate(-90deg)}.bfn .group-item__header-button--collapse .icon{transition:transform .3s;transform:rotate(0deg)}.bfn .group-item__header-button--delete{margin-left:auto;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.bfn .group-item__header-icon{flex-shrink:0}.bfn .group-item__header-name{font-size:14px;padding:0 .5rem;margin-left:1px;overflow:hidden;text-overflow:ellipsis}.bfn .group-item__members{height:0;transition:height .3s ease-in-out}.bfn .group-item__members .layer-item{padding-left:2em}.bfn .group-item__members .layer-item__name{padding:0 .5rem;overflow:hidden;text-overflow:ellipsis}.bfn .group-item__members .layer-item__button--delete{margin-left:auto;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.bfn .group-item__members .layer-item:hover .layer-item__button--delete{visibility:visible;opacity:1}.bfn .group-item__members .layer-item input{width:72%}.bfn.microsoft-edge-browser .group-item__header-button--delete,.bfn.microsoft-edge-browser .layer-item__button--delete{margin-right:1.2rem}.bfn .batch-processing{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:80rem;height:50rem}.bfn .batch-processing .panel-header{flex-shrink:0}.bfn .batch-processing .popover{position:absolute;left:0;top:0}.bfn .batch-processing__body{flex-grow:1;padding:0}.bfn .batch-processing__navbar{flex-grow:0;flex-shrink:0;height:44px;align-items:center;background:#2d2e37;padding:0 .5rem}.bfn .batch-processing__navbar>*{flex-grow:0}.bfn .batch-processing__add-images{margin-left:auto}.bfn .batch-processing__save-images{margin-right:auto}.bfn .batch-processing__upgrade .icon{vertical-align:top;margin-right:4px}.bfn .batch-processing__left-panel{width:18rem;overflow:hidden;flex-shrink:0}.bfn .batch-processing__menu{display:flex;width:36rem;height:100%;transition:transform .2s ease-in-out;transform:translateX(0)}.bfn .batch-processing__menu.slide{transform:translateX(-18rem)}.bfn .batch-processing__menu-section{display:flex;flex-direction:column;width:18rem;height:100%;padding:1.5rem .75rem 0 1.5rem}.bfn .batch-processing__manage-tools-header{display:flex;flex-shrink:0;align-items:center;padding:0 .75rem .75rem 0}.bfn .batch-processing__manage-tools-header .button{padding-left:.75rem}.bfn .batch-processing__scroll-container{overflow-y:auto;overflow-x:hidden}.bfn .batch-processing__tool-list{width:15rem}.bfn .batch-processing__tool-button-row{display:flex;margin-bottom:1px;background-color:#2d2e37}.bfn .batch-processing__open-tool{width:auto;flex-grow:1;padding-left:.75rem}.bfn .batch-processing__remove-tool{justify-content:center;padding:.375rem!important}.bfn .batch-processing__remove-tool .icon{opacity:.2;transition:opacity .3s ease-in-out}.bfn .batch-processing__remove-tool:active .icon,.bfn .batch-processing__remove-tool:focus .icon,.bfn .batch-processing__remove-tool:hover .icon{opacity:1}.bfn .batch-processing__controls-header{width:15rem;font-size:1rem;padding:.75rem;margin-bottom:0;background:#373842}.bfn .batch-processing__controls-container{width:15rem;margin-bottom:.5rem;background:#2d2e37;overflow-y:auto;overflow-x:hidden}.bfn .batch-processing__controls-group{display:none;margin:1rem}.bfn .batch-processing__controls-group.active{display:block}.bfn .batch-processing__controls-message{font-size:12px;line-height:16px;margin:0}.bfn .batch-processing__controls-message.note{color:#f0d76a}.bfn .batch-processing__controls-message.warning{color:#fa7d00}.bfn .batch-processing__right-panel{flex-shrink:1;flex-grow:1;position:relative;display:flex;flex-direction:column;background-color:#1e2024}.bfn .batch-processing__right-panel .drag-drop-area{margin-top:44px}.bfn .batch-processing__images-container{flex-shrink:1;flex-grow:1;padding:4px;background:#1e2024;overflow-y:auto;overflow-x:hidden}.bfn .batch-processing__download-button{background:#2d2e37;justify-content:space-between;text-align:left}.bfn .batch-processing__download-button--downloaded{border-color:#525662!important;background:#525662!important}.bfn .batch-processing__download-button--downloaded .icon{transform:translateY(-2rem)}.bfn .batch-processing__download-icons{height:2rem;overflow:hidden}.bfn .batch-processing__download-icons .icon{display:block;height:2rem;transition:transform .3s ease-in-out}.bfn .batch-resize-control-container{display:none}.bfn .batch-resize-control-container.active{display:block}.bfn .batch-crop-control__focal-point{display:flex;align-items:center}.bfn .batch-crop-control__focal-point-column{display:flex;flex-direction:column;justify-content:space-between}.bfn .batch-crop-control__focal-point-row:not(:last-child){margin-bottom:6px}.bfn .batch-item{float:left;margin:4px;width:320px;height:320px;background:#3f414c;position:relative}.bfn .batch-item,.bfn .batch-item__background{display:flex;align-items:center;justify-content:center}.bfn .batch-item__background{background:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/checker_pattern.jpg) repeat}.bfn .batch-item__image{position:relative}.bfn .batch-item__image,.bfn .batch-item__image-overlay{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor;image-rendering:auto;image-rendering:crisp-edges;image-rendering:pixelated}.bfn .batch-item__image-overlay{position:absolute;display:none;width:100%;height:100%}.bfn .batch-item__image-overlay.active{display:block}.bfn .batch-item__image-overlay-veil{position:absolute;display:none;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.8)}.bfn .batch-item__image-overlay-veil.active{display:flex}.bfn .batch-item__image-overlay-veil .loading-spinner{display:none;width:30px;height:30px}.bfn .batch-item__image-overlay-veil .loading-spinner.active{display:block}.bfn .batch-item__crop-controls{position:relative;display:none;width:100%;height:100%}.bfn .batch-item__crop-controls.active{display:block}.bfn .batch-item__crop-veil{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(30,32,36,.7)}.bfn .batch-item__crop-region{position:absolute;border:1px dashed #ededed;display:flex;justify-content:space-between;cursor:move}.bfn .batch-item__crop-region-column{display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.bfn .batch-item__crop-region-handle{margin:1px;width:10px;height:10px;background:#ededed;border:1px solid #2d2e37;border-radius:2px;pointer-events:all}.bfn .batch-item__crop-region-handle.bottom.center,.bfn .batch-item__crop-region-handle.top.center{cursor:ns-resize}.bfn .batch-item__crop-region-handle.middle.left,.bfn .batch-item__crop-region-handle.middle.right{cursor:ew-resize}.bfn .batch-item__crop-region-handle.bottom.right,.bfn .batch-item__crop-region-handle.top.left{cursor:nwse-resize}.bfn .batch-item__crop-region-handle.bottom.left,.bfn .batch-item__crop-region-handle.top.right{cursor:nesw-resize}.bfn .batch-item__label{position:absolute;left:0;right:0;bottom:0;background:rgba(30,32,36,.7);line-height:2rem;font-size:14px;text-align:center;color:#ededed;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.bfn h1{color:#ededed;font-size:20px}.bfn .load-screen{display:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .5s ease-in-out}.bfn .load-screen.active{display:flex;z-index:9999;opacity:1}.bfn .load-screen__message{max-width:400px;margin:2rem 0 0;line-height:1.5rem;padding:.5rem 1rem;text-align:center;color:#ededed;background:rgba(0,0,0,.5);border-radius:5px;pointer-events:none}.bfn .load-screen__message:empty{visibility:hidden;margin-top:-1rem}.bfn .load-screen__progress{display:inline-block;min-width:42px;font-weight:700;margin-left:2px}.bfn .load-screen__spinner{margin:0}.bfn .message-screen{position:absolute;display:none;justify-content:center;align-items:center;left:0;top:0;right:0;bottom:0;z-index:9999999999;pointer-events:none}.bfn .message-screen.active{display:flex}.bfn .message-screen .center-container{position:relative;height:0;overflow:visible}.bfn .message-screen .message-container{position:relative;max-width:400px;line-height:1.25rem;padding:.5rem 1rem;color:#ededed;background:rgba(0,0,0,.5);border-radius:5px}.bfn .drag-screen,.bfn .message-screen .message-container{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .drag-screen{position:absolute;width:0;height:0;overflow:visible;z-index:9999999998;opacity:0;transition:opacity .1s ease-in-out}.bfn .drag-screen .drag-img{transform-origin:center center;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-in-out;width:auto;height:auto;max-width:200px;max-height:200px;min-width:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .drag-screen.active{opacity:.7}.bfn .drag-screen.active .drag-img{transform:translate(-50%,-50%) scale(1)}.bfn .tooltip-screen{position:absolute;padding:6px;border-radius:3px;font-size:12px;font-weight:700;background-color:#25262d;box-shadow:0 0 .5rem rgba(0,0,0,.5);z-index:9999999997;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:opacity .1s ease-in-out}.bfn .tooltip-screen.active{opacity:1}.bfn .tool-tab-container-container{position:relative;overflow:hidden;margin-bottom:-.75rem;transition:height .3s ease-in-out}.bfn .tool-tab-container{position:absolute;width:100%;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.bfn .tool-tab-container.active{pointer-events:all;opacity:1}.bfn #appViewportBG{display:none;position:fixed;left:0;top:0;right:0;bottom:0}.bfn #appViewportBG.active{z-index:2000;display:block}.bfn #appViewport{pointer-events:none;position:absolute;top:0;right:0;bottom:44px;transition:left .2s ease-in-out}.bfn #appViewport.active{z-index:2001;pointer-events:all}.bfn .canvas-inner{left:56px!important}.bfn .open-sec,.bfn .open-ter{left:318px!important}.bfn .color-exists-button-placeholder{margin:0 .5rem 0 auto}.bfn .color-exists-button-placeholder .btn{padding:0;height:30px;width:30px;font-size:14px}.bfn .star-text-favorite:after,.bfn .star-text-favorite:before{content:"\2605";font-size:.5rem;vertical-align:middle;line-height:0}.bfn .star-text-favorite:before{padding-right:2px}.bfn .star-text-favorite:after{padding-left:2px}.bfn #designer_templates_category_menu .accordion__panel{padding:0 .75rem .5rem}.bfn .image-edit__bg{position:absolute;top:0;left:0;right:0;bottom:0;background:#1e2024;opacity:0;pointer-events:none}.bfn .image-edit__image{position:absolute;left:0;bottom:0;background-position:50%;background-size:cover;outline:4px solid #373842;visibility:hidden;cursor:pointer;transform-origin:bottom left;transform:translateX(72px) translateY(-60px);transition:transform .2s ease-in-out,opacity .2s ease-in-out,outline-color .2s ease-in-out}.bfn .image-edit__image.open-sec-transform,.bfn .image-edit__image.open-ter-transform{transform:translateX(334px) translateY(-60px)}.bfn .image-edit__image:active,.bfn .image-edit__image:focus,.bfn .image-edit__image:hover{outline-color:#525662}.bfn .autocomplete{visibility:hidden;position:absolute;top:0;left:0;max-height:10rem;border:1px solid #373842;border-radius:3px;overflow-y:auto;overflow-x:hidden;box-shadow:0 0 .5rem rgba(0,0,0,.5);background-color:#1e2024}.bfn .autocomplete--active:not(:empty){visibility:visible}.bfn .autocomplete__item{white-space:pre}.bfn .autocomplete__item--selected{background-color:#525662!important}.bfn .autocomplete__item span{font-weight:700}.bfn #svg_measurement{position:absolute;bottom:0;height:100px;width:100px;visibility:hidden}.bfn .guide-text{font-size:14px;padding:.5rem .5rem .75rem;line-height:1.4;color:#f0d76a;border:1px solid #f0d76a;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .guide-text--small{font-size:12px}#launcher{display:none}
/*# sourceMappingURL=../maps/screen.css.map */