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%;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 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:transparent}.bfn *,.bfn :after,.bfn :before{box-sizing:inherit}.bfn body{margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}.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:#0275d8;text-decoration:none;-webkit-text-decoration-skip:objects}.bfn a:hover{color:#014c8c;text-decoration:underline}.bfn a:not([href]):not([tabindex]),.bfn a:not([href]):not([tabindex]):focus,.bfn a:not([href]):not([tabindex]):hover{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 [role=button],.bfn a,.bfn area,.bfn button,.bfn input,.bfn label,.bfn select,.bfn summary,.bfn textarea{touch-action:manipulation}.bfn table{border-collapse:collapse}.bfn caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;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=checkbox]:disabled,.bfn input[type=radio]:disabled{cursor:not-allowed}.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 .lead{font-size:1.25rem;font-weight:300}.bfn hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.bfn .btn{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .5rem;font-size:1rem}.bfn .btn:focus,.bfn .btn:hover{text-decoration:none}.bfn input[type=button].btn-block,.bfn input[type=reset].btn-block,.bfn input[type=submit].btn-block{width:100%}.bfn .btn-group{position:relative;display:flex;vertical-align:middle}.bfn .btn-group>.btn{position:relative;flex:1 0 auto;margin-bottom:0}.bfn .btn-group>.btn.active,.bfn .btn-group>.btn:active,.bfn .btn-group>.btn:focus{z-index:2}.bfn .btn-group .btn+.btn{margin-left:-1px}.bfn .btn-group-dual{display:flex;justify-content:space-between}.bfn .btn-group-dual>.btn-option{height:2rem}.bfn .btn-group-dual>.btn-option-cancel{width:17.5824175824%}.bfn .btn-group-dual>.btn-option-upgrade{display:block;width:75.8241758242%}.bfn .btn-group-dual>.btn-option-apply{display:none}.bfn .btn-group-dual-premium>.btn-option{width:46.7032967%}.bfn .btn-group-dual-premium>.btn-option-apply{display:block}.bfn .btn-group-dual-premium>.btn-option-upgrade{display:none}.bfn .btn-group>.btn:first-child{margin-left:0}.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 .dialog,.bfn .modal{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.active,.bfn .modal.active{visibility:visible;opacity:1;pointer-events:auto}.bfn .dialog-body,.bfn .modal-body{display:flex}.bfn .dialog-tool,.bfn .modal-tool{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:block}.bfn .dialog .btn-option,.bfn .modal .btn-option{width:auto;min-width:5.15rem;padding:1rem;margin-left:1rem}.bfn .dialog-footer,.bfn .modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:.75rem 1.25rem;border-top:1px solid #373842}.bfn .dialog-footer .control-item,.bfn .modal-footer .control-item{margin:0}.bfn .dialog-footer .btn-option-apply,.bfn .modal-footer .btn-option-apply{display:flex}.bfn .dialog-footer .btn-option-cancel,.bfn .modal-footer .btn-option-cancel{background:#373842}.bfn.user-is-not-plus .dialog-tool,.bfn.user-is-not-plus .modal-tool{max-height:calc(100vh - 2rem - 100px)}.bfn .modal{z-index:12}.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{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}.bfn .save-share{flex-direction:row;position:relative}.bfn .save-share.modal-active{display:flex}.bfn .save-share .panel-header{position:absolute;right:0;border:0;display:none}.bfn .save-share .modal-body{padding:0;max-width:100%}.bfn .save-share__image{max-width:100%;max-height:100%;background-color:#fff;box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn .save-share__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-share__image-inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.bfn .save-share__image--is-transparent{background:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/checker_pattern.jpg) repeat}.bfn .save-share__image-size{display:inline-block;margin-right:.25rem;font-size:15px}.bfn .save-share__image-size--updating{opacity:.5}.bfn .save-share__image-size--updating+.save-share__image-size-spinner{visibility:visible;opacity:1;transition:opacity .3s ease-in}.bfn .save-share__image-size-spinner{visibility:hidden;opacity:0}.bfn .save-share__header{font-size:1.125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .save-share__content{display:flex;flex-direction:column;width:20rem;padding:2rem;overflow-x:hidden;overflow-y:auto}.bfn .save-share__content .control-item{margin-left:0}.bfn .save-share__content input,.bfn .save-share__content textarea{width:100%}.bfn .save-share__content .form-text{border:1px solid #373842}.bfn .save-share .modal-options{display:none;margin:-.75rem 0 0}.bfn .save-share--save-project .modal-options--save-project{display:block}.bfn .save-share--save-project .modal-alert{font-size:.875rem;margin:.5rem 0 0;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 .save-share--save-complete .save-share__image-outer{display:none}.bfn .save-share--save-complete .save-share__content{justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:25rem}.bfn .save-share--save-complete .modal-options--save-complete{margin-top:0;display:block}.bfn .save-share--save-complete .save-share__text-section{margin-top:2rem;line-height:1.25}.bfn .save-share--save-complete .save-share__text-section p{margin-bottom:.5rem}.bfn .save-share--save-befunky .modal-options--save-befunky,.bfn .save-share--save-computer .modal-options--save-computer{display:block}.bfn .save-share .apply_cancel_menu_container{margin-top:auto;padding-top:1rem}.bfn .save-share .apply_cancel_menu_container .btn-group-dual{justify-content:start}.bfn .save-share .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 #3e4049;border-left:2px solid #b6b6b6;transform:translateZ(0);animation:c .667s infinite linear}.bfn .collage-wizard{flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .collage-wizard.modal-active{display:flex}.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{display:block;flex-shrink:0;margin:1rem auto;padding:0 1rem;line-height:1.875rem!important;font-size:.875rem!important;background:#3e4049;color:#fff;letter-spacing:.5px}.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.modal-active{display:flex}.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{flex-direction:column;height:37rem;max-height:calc(100% - 2rem);width:60rem;max-width:calc(100% - 2rem)}.bfn .project-manager.modal-active{display:flex}.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__button.btn-hidden{display:none}.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__dimensions .form-item{width:calc(50% - 2rem)!important}.bfn .custom-template__swap-dimensions{align-self:flex-end;height:29px!important}.bfn .custom-template__footer{padding:1rem 2rem}.bfn .image-preview{position:absolute;z-index:1;background:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/checker_pattern.jpg) repeat;pointer-events:none;will-change:transform}.bfn .image-preview--hide{width:0!important;height:0!important;visibility:hidden!important}.bfn .image-preview__image{width:100%;height:100%}.bfn .image-preview:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 .25rem hsla(0,0%,93%,.7)}.bfn .image-preview__text{position:absolute;bottom:.25rem;left:.25rem;padding:.25rem .5rem .125rem .25rem;font-size:14px;border-top-right-radius:3px;color:#000;background:hsla(0,0%,93%,.7)}.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-wrap-bg{display:flex;min-height:3.5rem;padding:.75rem;margin-bottom:.75rem}.bfn .image-manager .btn-three-dots{height:2rem;margin-left:.25rem}.bfn .image-manager .btn-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__controls .btn{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;border:none;color:#fff;background:none!important;overflow:hidden}.bfn .image-manager__controls .btn:hover{color:#387dcd}.bfn .image-manager__clear{min-width:3.5rem}.bfn .image-manager__autofill{text-overflow:ellipsis}.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:206px;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:86px;width:86px;float:left;margin:0 0 .625rem;cursor:pointer;background-color:#3e4049}.bfn .image-manager__item:nth-child(2n){margin-left:.625rem}.bfn .image-manager__item:hover .image-manager__placeholder{-webkit-filter:brightness(50%);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:-webkit-filter .15s;transition:filter .15s;transition:filter .15s,-webkit-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}.bfn .image-manager__button--remove{right:0}.bfn .image-manager__button--save{left:0}.bfn .image-manager__remove-unused{display:block;margin:.5rem auto;padding:0 1rem;line-height:1.875rem;font-size:.875rem;background:#3e4049;color:#fff;letter-spacing:.5px}.bfn .image-manager__remove-unused:hover{background:#525662}.bfn .image-library{flex-direction:column}.bfn .image-library.modal-active{display:flex}.bfn .image-library .panel-header{flex-shrink:0}.bfn .image-library__body{max-width:100%;padding:.5rem 1.25rem 1rem;flex-grow:1}.bfn .image-library .tabbed-layout{display:flex;flex-direction:column;width:100%}.bfn .image-library .tab__nav{justify-content:flex-start;width:100%;flex-shrink:0}.bfn .image-library .tab__panels{margin:1rem 0 0;height:auto!important;flex-grow:1}.bfn .image-library .tab__panel{display:flex;flex-direction:column;align-items:flex-start;height:100%}.bfn .image-library .tab__panel>.btn-option{margin-left:0;padding:1.125rem 1rem}.bfn .image-library .tab__panel>.btn-option.btn-hidden{display:none}.bfn .image-library .tab__panel>.btn-option.btn-hidden+.image-gallery{margin-top:0}.bfn .image-library .tab__panel>:not(.image-gallery){flex-shrink:0}.bfn .image-library .image-gallery{margin-top:1rem;flex-grow:1}.bfn .image-library .selectable-dropdown{min-width:17rem}.bfn .image-library .selectable-label{font-size:1rem;padding:9px .625rem}.bfn .image-library .selectable-label-selected{margin-right:1.5rem}.bfn .image-library .pagination{width:100%;margin:.75rem 0 0}.bfn #image_library_facebook_button:not(.btn-hidden)+#image_library_facebook_album_dropdown_container{display:none}.bfn .stock-search{display:flex;position:relative}.bfn .stock-search__input.form-text{font-size:1rem;width:22rem;margin-top:0;border-color:#373842;border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.bfn .stock-search__clear.btn{position:absolute;right:40px;padding:.25rem .875rem;line-height:1.75rem;border-radius:0}.bfn .stock-search__submit.btn{min-width:0;margin-left:0;padding:.625rem .75rem;border-top-left-radius:0;border-bottom-left-radius:0}.bfn .stock-attribution{position:absolute;bottom:0;right:0;width:calc(50% - 100px);min-height:2rem;display:flex;align-items:center;font-size:14px;text-align:right;color:#b6b6b6;line-height:1rem}.bfn .stock-attribution span{margin-left:auto}.bfn .image-gallery{width:100%;overflow-y:auto;overflow-x:hidden;background-color:#1e2024;color:#fff}.bfn .image-gallery__message{padding:1rem;line-height:1.5rem}.bfn .image-gallery__message:empty{display:none}.bfn .image-gallery__images{padding:.375rem}.bfn .image-gallery__row{display:flex}.bfn .image-gallery__item{position:relative;min-width:2.25rem;margin:.375rem;background-color:#3e4049;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 .collage-wizard .image-gallery__item,.bfn .image-library--mode-image-manager .image-gallery__item{cursor:auto}.bfn .collage-wizard .image-gallery__item--selected .image-gallery__item-outline,.bfn .image-library--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 .image-library--mode-image-manager .image-gallery__item--selected .image-gallery__item-outline .icon-selected{opacity:1;animation:a .35s ease-out 1}.bfn .collage-wizard .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{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 .image-library--mode-image-manager .image-gallery__item--selected.image-gallery__item--narrow .image-gallery__author{transform:translateY(-1.75rem)}@keyframes a{0%{transform:scale(.1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.bfn .popover{position:relative;display:none;opacity:0;pointer-events:none;-webkit-filter:drop-shadow(0 0 .5rem rgba(0,0,0,.5));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:#3e4049;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{-webkit-filter:none;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.33}.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 string{margin-left:10px}.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}.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 .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-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;-webkit-filter:drop-shadow(0 0 .5rem rgba(0,0,0,.5));filter:drop-shadow(0 0 .5rem rgba(0,0,0,.5));transform:perspective(1px) translateZ(0);transition:opacity .25s ease-in-out}.bfn.drop-shadow-not-supported .icon-selected,.bfn.microsoft-edge-browser .icon-selected{-webkit-filter:none;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 .btn,.bfn button{font-size:15px;line-height:1.25rem;cursor:pointer;transition:background .3s ease-in-out}.bfn .btn:active,.bfn .btn:focus,.bfn button:active,.bfn button:focus{outline:0}.bfn [disabled],.bfn [disabled] *{cursor:not-allowed!important}.bfn .btn[disabled],.bfn button[disabled]{opacity:.35}.bfn .btn{border:none;border-radius:3px}.bfn .btn-group-sets{display:flex;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid #373842}.bfn .btn-group-set{display:flex}.bfn .btn-group-set>.btn-icon{margin-right:6.896551724%}.bfn .btn-group-set>.btn-icon:last-child,.bfn .btn-group-set>.btn-icon:only-child{margin-right:0;margin-bottom:0}.bfn .btn-group-set-spread{justify-content:space-between}.bfn .btn-group-set [type=checkbox]:checked+label{background:#ededed}.bfn .btn-group-set [type=checkbox]:checked+label .icon{fill:#3e4049}.bfn .btn-group-set [type=radio]:checked+label{background:#ededed}.bfn .btn-group-set [type=radio]:checked+label .icon{fill:#3e4049}.bfn .btn-item{margin-right:.75rem}.bfn .btn-item [type=checkbox]:checked+label{background:#ededed;color:#3e4049}.bfn .btn-item [type=checkbox]:checked+label .icon{fill:#3e4049}.bfn .btn-primary{background:linear-gradient(90deg,#4391eb 0,#3165ce 50%,#3165ce);background-size:200%;color:#fff;letter-spacing:.5px;padding:10px 12px 12px}.bfn .btn-primary:focus,.bfn .btn-primary:hover{background-position-x:99%}.bfn .btn-secondary{background:#3bb150;color:#fff}.bfn .btn-secondary:focus,.bfn .btn-secondary:hover{background:#5bd571}.bfn .btn-full-width{width:100%;padding-left:0;padding-right:0}.bfn .btn-option{background:#387dcd;color:#fff;line-height:0;align-items:center;justify-content:center}.bfn .btn-option:focus,.bfn .btn-option:hover{background:#4391eb}.bfn .btn-option-cancel{background:#373842}.bfn .btn-option-cancel:before{background-position:0}.bfn .btn-option-cancel:focus,.bfn .btn-option-cancel:hover{background:#3e4049}.bfn .btn-option-upgrade{display:none}.bfn .btn-plus{background:#ff8e00}.bfn .btn-danger,.bfn .btn-dark,.bfn .btn-success{color:#fff}.bfn .btn-dark{background:#1e2024}.bfn .btn-dark:focus,.bfn .btn-dark:hover{background:#25262d}.bfn .btn-danger{background:#d0021b}.bfn .btn-danger:focus,.bfn .btn-danger:hover{background:#ce4051}.bfn .btn-success{background:#3bb150}.bfn .btn-success:focus,.bfn .btn-success:hover{background:#5bd571}.bfn .btn-round{border-radius:50%;line-height:0;height:2.5rem;width:2.5rem}.bfn .btn-icon{background-color:#3e4049;padding:.375rem;line-height:1rem;margin-bottom:0;max-width:2rem;max-height:2rem;width:2rem;height:2rem}.bfn .btn-icon svg{transition:fill .3s ease-in-out}.bfn .btn-icon:not([disabled]):hover svg{fill:#387dcd}.bfn .btn-icon-transparent{background:none}.bfn .btn-icon-transparent input[type=checkbox]:checked+.toggle-text>svg,.bfn .btn-icon-transparent input[type=radio]:checked+.toggle-text>svg{fill:#387dcd}.bfn .btn-flatten{position:absolute;top:0;left:0;margin:10px;font-size:.875rem;line-height:1.25;border:1px solid #3e4049;background:rgba(30,32,36,.7);color:#ededed;transition:transform .2s ease-in-out,opacity .2s ease-in-out,background .2s ease-in-out;opacity:0;transform:translateX(56px) translateY(-3rem)}.bfn .btn-flatten.open-sec-transform{transform:translateX(286px) translateY(-3rem)}.bfn .btn-flatten.open-ter-transform{transform:translateX(318px) translateY(-3rem)}.bfn .btn-flatten.active{opacity:1;transform:translateX(56px) translateY(0)}.bfn .btn-flatten.active.open-sec-transform{transform:translateX(286px) translateY(0)}.bfn .btn-flatten.active.open-ter-transform{transform:translateX(318px) translateY(0)}.bfn .btn-flatten:focus,.bfn .btn-flatten:hover{background-color:#2d2e37}.bfn .btn-clear{background-color:transparent;color:#7e828f}.bfn .btn-clear:focus,.bfn .btn-clear:hover{color:#fff;background-color:#525662}.bfn .btn-clear .icon{margin-top:-2px}.bfn input:focus+.btn-clear{color:#fff}.bfn .tool-menu-group .btn-icon{background:#3e4049;transition:none}.bfn .tool-menu-group .btn-icon:not([disabled]):hover .icon{fill:#387dcd}.bfn .tool-menu-group .btn-icon .icon{transition:fill .2s ease-in-out}.bfn .btn-group-set-item label{margin-left:.45rem}.bfn .btn-group-set-item-left:first-child{margin-left:0}.bfn .btn-group-set-item-left{margin-left:.45rem}.bfn .button-wrap-bg{margin-right:.75rem;padding:.75rem 1.125rem;background-color:#25262d;text-align:center}.bfn .no-bg-btn{width:auto;margin:.75rem auto 0;padding:0 0 2px;border:none;border-radius:0;border-bottom:1px solid #387dcd;color:#387dcd!important;background:none!important;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bfn .no-bg-btn:focus,.bfn .no-bg-btn:hover{border-color:#4391eb;color:#4391eb!important}.bfn #app_goto_edit_source_section{width:auto;background-color:#676b78;padding:.375rem .75rem;margin-left:.25rem}.bfn #app_goto_edit_source_section:hover{background-color:#7e828f}.bfn #app_goto_edit_source_section.bounce{animation:b .8s ease-in-out 3}.bfn #app_goto_edit_source_section .icon{width:14px;margin:-2px 2px 0 0;transform:rotate(180deg)}@keyframes b{0%{transform:scale(1)}50%{transform:scale(1.05);background-color:#7e828f}to{transform:scale(1)}}.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 .noUi-target,.bfn .noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-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)}.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 input[type=checkbox],.bfn input[type=radio]{position:absolute;opacity:0;width:0}.bfn .input-box-icon{display:inline-block;transition:all .2s cubic-bezier(.71,1.7,.77,1.24);font-size:.875rem}.bfn .input-box-icon>label{display:flex;align-items:center;cursor:pointer}.bfn .input-box-icon:hover label{color:#b6b6b6}.bfn .input-box-icon .input-box-checked-info{display:none}.bfn .input-box-icon .input-box-unchecked-info{display:inline-block}.bfn .input-box-icon input[type=checkbox]:focus+label{color:#b6b6b6}.bfn .input-box-icon input[type=checkbox]:checked+label .input-box-checked-info{color:#387dcd;display:inline-block}.bfn .input-box-icon input[type=checkbox]:checked+label .input-box-unchecked-info{display:none}.bfn label{color:#a0a0a0;overflow:hidden;text-overflow:ellipsis}.bfn .form-group-dual{display:flex;justify-content:space-between}.bfn .form-group-dual .form-item{width:calc(50% - .375rem)}.bfn .form-text{display:block;font-size:.875rem;margin-top:.25rem;padding:0 9px;line-height:1.75rem;border:1px solid #676b78;border-radius:3px;color:#ededed;background:transparent}.bfn .form-text:focus{outline:none;border-color:#387dcd!important}.bfn .form-text::-webkit-input-placeholder{color:#7e828f;opacity:1}.bfn .form-text::-moz-placeholder{color:#7e828f;opacity:1}.bfn .form-text::-ms-input-placeholder{color:#7e828f;opacity:1}.bfn .form-text::placeholder{color:#7e828f;opacity:1}.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.active,.bfn .tab__button:focus,.bfn .tab__button:hover{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 .toggle-buttons [type=checkbox]:checked+span,.bfn .toggle-buttons [type=radio]:checked+span{background-color:#373842}.bfn .toggle-buttons label{padding:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:0}.bfn .toggle-buttons label:first-child{border-radius:3px 0 0 3px}.bfn .toggle-buttons label:last-child{border-radius:0 3px 3px 0}.bfn .toggle-buttons .btn{border:1px solid #373842}.bfn .toggle-buttons .has-focus{border:1px solid #387dcd;z-index:2}.bfn .toggle-buttons .toggle-text{color:#ededed;padding:5px 6px;font-size:.875rem;display:block;line-height:1.125rem}.bfn .toggle-buttons .toggle-text:hover{color:#387dcd}.bfn .toggle-buttons .toggle-text:hover .icon{fill:#387dcd}.bfn .toggle-buttons .toggle-text .icon{transition:fill .2s ease-in-out;fill:#ededed}.bfn .toggle-buttons-label{flex-direction:row;flex-wrap:wrap;margin-right:5px;width:4.75rem}.bfn .toggle-buttons-label:last-child{margin-right:0;justify-content:flex-end}.bfn .toggle-buttons-label label{flex:0 1 100%}.bfn .toggle-buttons-label .btn{margin-right:.75rem;line-height:0;padding:.375rem}.bfn .toggle-buttons-label .btn .icon{top:0}.bfn .toggle-buttons-label .btn:last-child{margin-right:0}.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;transition:color .3s ease-in-out;color:#4391eb;text-underline-position:under}.bfn .modal-body a:hover,.bfn .tutorial-link:hover{color:#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 #3e4049;line-height:1.25}.bfn .tool-menu-group{height:100%}.bfn .tool-menu.active{display:flex;flex-direction:column}.bfn .tool-control-group{background:#25262d;padding:.625rem;margin:0 .625rem;height:100%}.bfn .tool-control-group-inverse{background:transparent;padding:.625rem 0}.bfn .tool-control-group-header{font-size:.75rem;color:#b6b6b6;text-transform:uppercase;letter-spacing:1px;padding:1.4375rem 0 .75rem;margin:0;width:100%;text-align:left;white-space:nowrap}.bfn .control-item{margin:.75rem}.bfn .control-item-bottom{margin-top:1.5rem}.bfn .control-item-buttons{display:flex;justify-content:space-between}.bfn .control-item-set{background:#25262d;margin:0 .75rem 0 0}.bfn .control-item-set>.control-item:first-child{margin-top:.75rem}.bfn .control-item-label{display:block;font-size:.875rem;margin-bottom:.375rem;text-transform:capitalize;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 .input-box-icon>label{display:flex;align-items:center;margin-bottom:0}.bfn .control-item .input-box-icon>label .icon{margin-right:.3125rem}.bfn .control-item-slider{padding-bottom:.5rem}.bfn .control-item-slider label{margin:0 0 .875rem}.bfn .control-item-disabled{pointer-events:none;opacity:.5}.bfn .label-color-row{display:flex;flex-direction:row;justify-content:space-between}.bfn .label-color-row label{display:flex;flex-direction:column;justify-content:center}.bfn .main-container{top:0;overflow:hidden;background:#1e2024;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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 .app .canvas-footer{position:absolute;left:56px;right:0;bottom:10px;transition:left .2s ease-in-out;pointer-events:none}.bfn .canvas.open-sec{left:286px}.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:a .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:#3e4049;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:#3e4049;background-size:30px;transition:box-shadow .25s ease-in-out}.bfn .tertiary-grid__image--template{background:#3e4049 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;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 .side-panel{background:#3e4049;position:relative;height:100%;z-index:1;transition:-webkit-filter .3s ease-in-out;transition:filter .3s ease-in-out;transition:filter .3s ease-in-out,-webkit-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;-webkit-filter:brightness(60%) contrast(90%);filter:brightness(60%) contrast(90%)}.bfn .sub-panel{background:#373842;width:14.375rem;position:absolute;z-index:8;height:100%;transition:transform .2s ease-in-out}.bfn .sub-panel.fold{transform:translateX(-8.75rem)}.bfn .sub-panel.fold .btn-sub-panel-close{display:block}.bfn .primary-panel{position:absolute;left:0;bottom:0;top:0;width:56px;z-index:10;padding:.5rem 0 0;background:#3e4049;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:12;background-color:#3e4049;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:13}.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 .secondary-panel{z-index:9;background-color:#2d2e37;padding-left:.75rem;transform:translateX(-14.375rem);will-change:transform}.bfn .secondary-panel.open{transform:translateX(3.5rem);height:100%}.bfn .secondary-panel.fold{background-color:#32333b}.bfn .secondary-panel.fold .tool-menu-group{width:80%;overflow:hidden}.bfn .tertiary-panel{z-index:8;transform:translateX(-300px);will-change:transform}.bfn .tertiary-panel.open{transform:translateX(5.625rem)}.bfn .tertiary-panel .tool-menu{background:#2d2e37;padding:0 0 0 .75rem}.bfn .tertiary-panel .tool-menu__scrollable{padding:0 0 0 .75rem}.bfn .btn-sub-panel-close{display:none;position:absolute;top:0;right:0;width:2.05rem;height:100%;z-index:10;border:none;background:none;opacity:.8;transition:opacity .3s ease-in-out}.bfn .btn-sub-panel-close:hover{opacity:1}.bfn .icon-global-back-btn{position:absolute;top:1.25rem;left:0;width:2.05rem;color:#ededed}.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:12.875rem;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: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%;text-align:center;padding:2rem 1.375rem;flex-shrink: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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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 .category-menu__button--template-36{background-position:0 -2100px}.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 .pagination__slash,.bfn .pagination__total-pages{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bfn .panel-header{display:flex;overflow:hidden}.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--alternate,.bfn .panel-header--modal,.bfn .panel-header--modal-section{border-bottom:1px solid #373842}.bfn .panel-header--alternate{padding:.25rem .25rem .25rem .625rem}.bfn .panel-header--modal{padding:.25rem .75rem .25rem 1.25rem}.bfn .panel-header--modal-section{padding-right:.25rem}.bfn .panel-header__text{font-size:18px;line-height:2.5rem;flex-grow:1;margin:0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-overflow:ellipsis;overflow:hidden}.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--modal-section{font-size:13px;padding:.875rem .75rem .625rem}.bfn .panel-header__button{background:none;color:#fff;width:2rem;height:2.5rem;line-height:0;transition: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--close .icon{height:.75rem;width:.75rem}.bfn .panel-header__button--secondary,.bfn .panel-header__button--tertiary{margin-top:.625rem}.bfn .panel-header__button--accordion{height:2.25rem}.bfn .panel-header__button--accordion.panel-header__button--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 .panel-header__button:hover{opacity:.6}.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 .icon-star{stroke:#ff8e00;opacity:1;cursor:pointer;position:absolute;top:.5rem;left:.5rem;transition:opacity .3s ease-in-out}.bfn .preset-menu-item-basic-settings .icon-star:hover{opacity:.5}.bfn .preset-menu-item-basic-settings.active{pointer-events:all;opacity:1}.bfn .preset-menu-item-basic-settings__buttons{text-align:center}.bfn .preset-menu-item-basic-settings__buttons button{margin:auto 6px;width:2.5rem;height:2.5rem;line-height:0}.bfn .preset-menu-item-basic-settings__buttons button .icon{width:.875rem;height:.875rem;fill:#fff}.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 .favorite-star{position:absolute;left:.5rem;top:.5rem;border:0;padding:0;border-radius:0;background:none;transition:opacity .3s ease-in-out}.bfn .favorite-star svg{fill:#ff8e00}.bfn .favorite-star:hover{opacity:.5}.bfn .alternate-container{position:absolute;left:0;top:0;height:100%;width:0;display:flex;align-items:center}.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}.bfn .alternate-menu>*{display:none}.bfn .alternate-menu .popover-button>*{pointer-events:none}.bfn .alternate-menu.disabled>*{pointer-events:none;opacity:.5}.bfn .history-container{position:absolute;right:0;top:0;height:100%;width:0;display:flex;align-items:center}.bfn .history-menu{width:230px;flex-shrink:0;z-index:10;background:#25262d;box-shadow:0 0 .5rem rgba(0,0,0,.5);transform:translateX(1em);transition:transform .1s ease-in-out}.bfn .history-menu.active{transform:translateX(-230px)}.bfn .history-list{width:100%;overflow-x:hidden;overflow-y:auto;max-height:400px}.bfn .history-list button{display:flex;align-items:center;width:100%;padding:.375rem 0;line-height:1.25;border:0;text-align:left;cursor:pointer;background:none;color:#fff;opacity:.35;transition:color .3s ease-in-out,opacity .3s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bfn .history-list button:focus,.bfn .history-list button:hover{background:#1e2024;opacity:.8}.bfn .history-list button.active{color:#ededed;opacity:1}.bfn .history-list button.selected{background:#373842}.bfn .history-list button img,.bfn .history-list button svg{margin:0 .5rem;width:20px}.bfn .history-list button svg{height:16px}.bfn .history-clickable-area{position:absolute;padding:10px;top:52px;bottom:52px;right:0;width:30px;z-index:9}.bfn .history-clickable-area>button{position:absolute;top:50%;right:-3rem;padding:.8125rem .4375rem;background:#ededed;border-radius:3px 0 0 3px;border:0;cursor:pointer;transform:translateY(-50%) translateX(0);transition:transform .3s ease-in-out,background .3s ease-in-out}.bfn .history-clickable-area>button:hover{background:#fff}.bfn .history-clickable-area>button svg{width:.75rem;height:1.5625rem}.bfn .history-clickable-area.touched>button.active,.bfn .history-clickable-area:hover>button.active{transform:translateY(-50%) translateX(-3rem)}.bfn .zoom-region{position:relative;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:0;bottom:0;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;justify-content:space-around;align-items:stretch;min-width:342px;background:rgba(50,51,59,.9);border-radius:3px;min-height:2rem;margin:0 auto}.bfn .zoom-bar-item{flex-grow:2;justify-content:center;display:flex;align-items:center}.bfn .zoom-bar-item-btn{background:none;border:none;color:#fff;flex-grow:1;border-radius:0;line-height:0;padding:0}.bfn .zoom-bar-item-btn-zoom-controls{border:1px solid #676b78;border-radius:2px;max-width:1rem;height:1rem}.bfn .zoom-bar-item-divider{border-left:1px solid #676b78;align-self:center;padding:.125rem 0}.bfn .zoom-bar-value{min-width:2.5rem;flex-grow:1;font-size:.875rem}.bfn .slider-zoom{min-width:100px}.bfn .accordion{height:100%;width:100%;margin-top:.5rem;overflow-y:auto;overflow-x:hidden}.bfn .accordion__section{width:206px;overflow:hidden;background:#25262d;border-bottom:1px solid #2d2e37;will-change:height}.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{display:flex;align-items:center;width:100%;height:40px;padding:.625rem .375rem .625rem 1rem;text-align:left;color:#ededed;border:0;background:none;transition:background-color .3s ease-in-out,color .2s ease-in-out}.bfn .accordion__menu-button:hover{color:#fff;background-color:#1e2024}.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 #color_picker_panel{position:absolute;left:30px;top:30px;width:230px;z-index:100;background-color:#25262d;box-shadow:0 0 .5rem rgba(0,0,0,.5);visibility:hidden;pointer-events: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:#387dcd;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-between;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:300}.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 .scrubber{position:relative;flex-basis:47%}.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;width:24px;text-align:left;line-height:1.875rem;font-size:.875rem;border-right:1px solid #373842;color:#fff}.bfn .scrubber [type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;color:#fff;padding:6px 40px 5px 0;line-height:1rem;text-align:right;border:1px solid #373842;transition:all .2s cubic-bezier(.71,1.7,.77,1.24);position:relative;z-index:8;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{background:none;color:#fff;position:absolute;height:.75rem;width:1rem;border:none;bottom:0;right:0;cursor:row-resize;padding:0;line-height:0;z-index:9}.bfn .scrubber .btn-scrubber__plus{bottom:16px}.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 .selectable-dropdown ::-webkit-scrollbar-thumb{background-color:#373842}.bfn .selectable-dropdown ::-webkit-scrollbar-thumb:hover{background-color:#2d2e37}.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;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .5s ease-in-out}.bfn .load-screen__message{max-width:400px;margin:2rem auto auto;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{font-weight:700;margin-left:2px}.bfn .load-screen__spinner{margin:auto auto 0}.bfn .load-screen.active{display:flex;z-index:9999;opacity:1}.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;color:#ededed;background:rgba(0,0,0,.5);padding:.75rem 1rem;border-radius:5px;max-width:400px;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;pointer-events:none;opacity:0;transition:opacity .1s ease-in-out}.bfn .drag-screen 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}.bfn .drag-screen.active{opacity:.7}.bfn .drag-screen.active 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:0;transition:left .2s ease-in-out}.bfn #appViewport.active{z-index:2001;pointer-events:all}.bfn .canvas-inner{left:56px!important}.bfn .open-sec{left:286px!important}.bfn .open-ter{left:318px!important}.bfn .zoom-bar-container{position:relative;display:flex}.bfn .layer-manager-list{padding-top:10px;width:220px}.bfn .layer-manager-list-item{position:relative;display:inline-block;width:97px;height:72px;margin-right:.75rem;margin-bottom:.75rem;background:#25262d}.bfn .layer-manager-list-item:hover .layer-manager-list-item-image-container{-webkit-filter:brightness(50%);filter:brightness(50%)}.bfn .layer-manager-list-item-image-container{position:absolute;display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center;transition:-webkit-filter .15s ease-in-out;transition:filter .15s ease-in-out;transition:filter .15s ease-in-out,-webkit-filter .15s ease-in-out}.bfn .layer-manager-list-item-image-container img{background:url(https://d1oanepa5dm267.cloudfront.net/app/assets/imgs/checker_pattern.jpg) repeat;max-width:97px;max-height:72px;pointer-events:none}.bfn .layer-manager-list-item-hover-surface{position:absolute;display:flex;justify-content:space-between;padding:4px;width:100%;height:100%;cursor:pointer}.bfn .layer-manager-list-item-hover-surface .btn{opacity:0;transition:opacity .15s ease-in-out}.bfn .layer-manager-list-item-hover-surface:hover .btn{opacity:1}.bfn .delete-btn,.bfn .save-btn,.bfn .saved-btn{margin-top:auto}.bfn .delete-btn,.bfn .save-btn{border-radius:20px;width:1.25rem;height:1.25rem;padding:0}.bfn .delete-btn .icon,.bfn .save-btn .icon{width:.625rem;height:.625rem;margin-top:-2px}.bfn .save-btn{background-color:#ededed}.bfn .save-btn .icon{fill:#1e2024}.bfn .delete-btn{background-color:#d0021b}.bfn .delete-btn:focus,.bfn .delete-btn:hover{background:#ce4051}.bfn .delete-btn .icon{fill:#ededed}.bfn .saved-btn{background-image:url(https://d1oanepa5dm267.cloudfront.net/app/assets/icons/svg/befunky-save-logo.svg);background-color:transparent;opacity:1!important}.bfn .saved-btn,.bfn .saved-btn .icon{width:1.25rem;height:1.25rem}.bfn .layer-manager-list string{font-size:.875rem}.bfn .text-properties-holder .form-item{flex-grow:1;margin:-.25rem .5rem 0 0}.bfn .text-properties-holder .form-item input{line-height:17px}.bfn .text-properties-holder .color-button{margin-right:.5rem}.bfn .text-properties-holder .btn-icon{height:30px;width:30px;padding:5px}.bfn .font-style-holder{display:flex;margin-right:auto;flex-basis:calc(50% - .25rem)}.bfn .font-style-holder .btn-item{margin-right:.625rem}.bfn .font-style-holder .btn-item label{width:1.5rem;height:1.5rem;font-size:1.2rem;line-height:.8rem}.bfn .font-style-holder .btn-item label:hover{color:#387dcd}.bfn .font-style-holder .btn-icon{padding:.25rem}.bfn .font-style-holder svg{width:.875rem}.bfn .text-align-holder{margin:-1px 0 0;flex-basis:calc(50% - .25rem)}.bfn .text-align-holder .toggle-buttons .toggle-text{padding:.325rem 0 0;width:2.0625rem;height:1.5rem}.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 .context-menu{position:absolute;top:0;left:0;z-index:1;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;border-radius:0;text-align:left;color:#ededed;background-color:#676b78;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--hidden{display:none}.bfn .context-menu__item--has-divider{padding-bottom:.3125rem;border-bottom:1px solid #3e4049!important}.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__children{position:absolute;left:calc(100% - 1rem + 1px);top:-1rem;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 + 1px)}.bfn .context-menu:before,.bfn .context-menu__children:before{content:"";display:block;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;background-color:#525662;box-shadow:0 0 .5rem rgba(0,0,0,.5)}.bfn #designer_templates_category_menu .accordion__panel{padding:0 .75rem .5rem}.bfn #designer_templates_category_menu .category-menu__button{width:100%}.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(calc(56px + 1rem)) translateY(-1rem);transition:transform .2s ease-in-out,opacity .2s ease-in-out,outline-color .2s ease-in-out}.bfn .image-edit__image.open-sec-transform{transform:translateX(calc(286px + 1rem)) translateY(-1rem)}.bfn .image-edit__image.open-ter-transform{transform:translateX(calc(318px + 1rem)) translateY(-1rem)}.bfn .image-edit__image:active,.bfn .image-edit__image:focus,.bfn .image-edit__image:hover{outline-color:#525662}.bfn .loader-svg{animation-name:c;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 c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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:calc(.75rem + 1px);top:calc(.75rem + 1px);padding:.25rem .625rem;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:20rem;overflow-x:hidden;overflow-y:auto;padding-left:.75rem;background-color:#25262d}.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 #676b78;line-height:35px}.bfn .fonts__item{max-width:calc(256px - 1.5rem);padding:0;margin:0;line-height:36px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background-color:#2d2e37;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:1rem;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:#1e2024;outline:0}.bfn .fonts__item.active{background-color:#373842;transition:opacity .2s ease-in-out}.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:#3e4049;opacity:.5}.bfn .fonts .drag-drop-area{bottom:0}.selectable-dropdown{position:relative}.selectable-dropdown select{display:none}.selectable-dropdown.active .selectable-label{border-bottom-left-radius:0;border-bottom-right-radius:0}.selectable-dropdown.active .selectable-list{opacity:1;top:100%;visibility:visible}.selectable-label{display:flex;border:1px solid #373842;padding:.4375rem .625rem;font-size:.875rem;border-radius:3px;color:#ededed;max-height:300px;position:relative;white-space:nowrap;cursor:pointer}.selectable-label:focus{outline:0;border-color:#387dcd;transition:border-color 0s linear .1s}.selectable-label .icon{width:.5rem;height:.5rem;margin:auto 0 auto auto}.selectable-list{position:absolute;top:-9999px;width:100%;visibility:hidden;opacity:0;z-index:10;overflow-y:auto;transition:opacity .3s ease-in-out;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background-color:#676b78;max-height:10.5rem}.selectable-list ul{padding:.5rem 0;border-bottom:2px solid #000;margin:0;width:100%}.selectable-list ul:last-child{border-bottom:none}.selectable-list li{padding:0;list-style:none;display:block}.selectable-list-button{background:none;display:block;color:#ededed;padding:.375rem .625rem;border:0;width:100%;text-align:left;transition:background .3s ease-in-out;cursor:pointer}.selectable-list-button .icon{visibility:hidden;margin-right:10px;fill:#fff;display:none}.selectable-list-button.active,.selectable-list-button:focus,.selectable-list-button:hover{text-decoration:none}.selectable-list-button:focus,.selectable-list-button:hover{background-color:#525662}.selectable-list-button.active{background-color:#7e828f}.selectable-list-button--has-divider{border-bottom:1px solid #7e828f}#texture_generic_menu .selectable-list{max-height:6.5rem}#language_menu .selectable-list{max-height:8.75rem}.navbar{display:flex;padding:.4375rem 1rem;background:#3e4049;justify-content:space-between}.navbar-header{position:relative;z-index:11;background:#373842;box-shadow:0 0 .5rem rgba(0,0,0,.8);height:56px}.navbar-item{display:flex}.navbar .btn{color:#ededed}.navbar-logo{margin:0 .25rem 0 0!important}.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:-99px;display:block;transition:opacity .3s ease-in-out}.navbar-logo-link:hover{opacity:.7}.navbar-center,.navbar-left,.navbar-right{display:flex;align-items:center;transition:all .3s ease-in-out}.navbar-left{justify-content:flex-start}.navbar-left .navbar-dropdown-items{left:2.25rem}.navbar-center{justify-content:center;flex-grow:1}.navbar-center .navbar-item{margin:0 .75rem}.navbar-right{justify-content:flex-end}.navbar-right .navbar-dropdown-button{display:flex;padding:.375rem!important;margin-left:1rem}.navbar-right .navbar-dropdown-button>*{pointer-events:none}.navbar-right .navbar-dropdown-items{top:100%;right:0}@media (min-width:1100px){.navbar-left,.navbar-right{flex-basis:11.5rem}.navbar-center{padding-left:56px}}@media (min-width:1300px){.navbar.shift-menu .navbar-center{padding-left:286px}}.navbar-dropdown{position:relative}.navbar-dropdown-button{background:none;opacity:1}.navbar-dropdown-button .icon{margin-left:.125rem;width:.5rem}.navbar-dropdown-button:focus,.navbar-dropdown-button:hover{color:#387dcd}.navbar-dropdown .navbar-dropdown-button{padding:.375rem .75rem}.navbar-dropdown .left{left:0}.navbar-dropdown-items{position:absolute;top:calc(100% - .25rem);visibility:hidden;opacity:0;border-radius:3px;background-color:#676b78;box-shadow:0 0 .5rem rgba(0,0,0,.5);transform:translateY(-2rem);transition:all .3s ease-in-out 0s,visibility 0s linear .3s}.navbar-dropdown .dropdown-item{width:100%;display:block;padding:.375rem .75rem;text-align:left;border-radius:0;background:none;transition:background .3s ease-in-out}.navbar-dropdown .dropdown-item:not([disabled]):focus,.navbar-dropdown .dropdown-item:not([disabled]):hover{color:#fff;background:#525662;box-shadow:none;opacity:1}.navbar-dropdown .dropdown-item[disabled]{opacity:.6}.navbar-dropdown .dropdown-item--has-submenu{position:relative;display:flex;justify-content:space-between;cursor:auto}.navbar-dropdown .dropdown-item--has-submenu:focus .dropdown-submenu,.navbar-dropdown .dropdown-item--has-submenu:hover .dropdown-submenu{opacity:1;pointer-events:auto}.navbar-dropdown .dropdown-item--has-submenu .icon{width:.5rem;float:right;margin:2px 0 0;transform:rotate(-90deg)}.navbar-dropdown .dropdown-submenu{position:absolute;left:calc(100% - 1rem);top:-1rem;padding:1rem;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.navbar-dropdown .dropdown-submenu .dropdown-item{background-color:#676b78}.navbar-dropdown.active .navbar-dropdown-items{visibility:visible;opacity:1;z-index:2;transform:translateY(.5rem);transition-delay:0s,0s,.3s}.navbar-user .btn-plus,.navbar-user .btn-upgrade{color:#fff}.navbar-user .btn-plus{pointer-events:none}.navbar-profile-pic{overflow:hidden;margin:0;display:flex;border-radius:50%;justify-content:center;flex-direction:column}.navbar-profile-pic,.navbar-profile-pic img{height:2rem;width:2rem}.navbar-dropdown .dropdown-item--has-submenu:focus-within .dropdown-submenu{opacity:1;pointer-events:auto}#editor_history_action_menu{min-width:4.25rem}