@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500&display=swap);.looks-designer *{box-sizing:border-box;font-family:"Work Sans",sans-serif}.looks-designer * ::selection{background-color:transparent}.looks-designer .relative{position:relative}.looks-designer .absolute{position:absolute}.looks-designer__main-container{display:flex;justify-content:center}@media only screen and (min-width:768px){.looks-designer__main-container{grid-gap:20px;gap:20px}}.sidebar__main-container{position:relative;max-width:550px;overflow-y:scroll;max-height:100vh}@media only screen and (max-width:768px){.sidebar__main-container{display:none;position:fixed;max-width:100%;max-height:100%;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1;padding-left:8px;padding-right:18px}.sidebar__main-container--is-open{display:block}}.sidebar__mobile{width:100%}@media only screen and (min-width:768px){.sidebar__mobile{display:none}}.sidebar__mobile-wrapper{max-width:550px;margin:0 auto}.sidebar__mobile-title{width:100%;font-family:red Hat Display;font-style:normal;font-weight:700;font-size:20px;line-height:26px;color:#2f372e;text-align:left;margin-bottom:20px}.sidebar__mobile-filters-header{max-width:350px;width:100%}.sidebar__mobile-filters-header button{display:none}@media only screen and (max-width:768px){.sidebar__mobile-filters-header button{display:block}}.sidebar-controls{background-color:#fff;position:sticky;top:-1px;left:0;z-index:2;padding-top:2px}.sidebar__back-btn{cursor:pointer;background-color:transparent;border:none;padding:0;font-size:16px;font-family:"Work Sans",sans-serif;color:#8c9b82;display:inline-block;margin-bottom:12px;transition:all .3s ease}.sidebar__back-btn:hover{color:#b3bdad}.sidebar__back-btn-arrow{position:relative;top:-1px;margin-right:4px}.sidebar__back-btn-arrow:hover{fill:red}.sidebar__selects{display:flex;font-family:"Work Sans",sans-serif;background-color:#f8f8f7;margin-bottom:8px;padding-left:1px;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width:768px){.sidebar__selects{max-width:350px;order:2}}@media only screen and (max-width:768px){.sidebar__selects,.sidebar__selects-container{background-color:#fff;flex-direction:column;align-items:center;width:100%}.sidebar__selects-container{display:none;position:fixed;left:0;top:0;height:100%;overflow-y:auto;padding:0 16px 32px}.sidebar__selects-container--is-open{display:flex}.sidebar__selects-container .sidebar__back-btn{align-self:start}}.sidebar__selects-filters-btn{cursor:pointer;background-color:transparent;border:none;background-color:#f8f8f7;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center;font-family:"Work Sans",sans-serif;font-size:12px;color:#777;margin-right:8px;margin-bottom:8px;padding:8px 32px}.sidebar__selects-filters-btn:hover{background-color:#ecece9}.sidebar__selects-filters-btn--close{cursor:pointer;background-color:transparent;border:none;padding:3px;position:absolute;top:5px;right:6px}.sidebar__selects-filters-btn--close img{width:16px}.sidebar__selects-filters-btn-container{display:flex;justify-content:center}.sidebar__selects .basic-multi-select{margin-right:1px}@media only screen and (max-width:768px){.sidebar__selects .basic-multi-select{margin-bottom:12px;width:100%}}.sidebar__selects .select__control{border:none;border-radius:0;background-color:#f8f8f7}.sidebar__selects .select__control--is-focused,.sidebar__selects .select__control:hover{box-shadow:0 0 0 1px #8c9b82}.sidebar__selects .select__control--menu-is-open{background-color:#dcdecd;box-shadow:0 0 0 1px #dcdecd!important}.sidebar__selects .select__menu{border-radius:0}.sidebar__selects .select__menu-list{padding-top:0}.sidebar__selects .select__option--is-focused{background-color:#e5e3e0}.sidebar__selects .select__indicator{padding-left:0;padding-right:0}.sidebar__selects .select__indicator svg{fill:#8c9b82}.sidebar__selects .select__indicator-separator,.sidebar__selects .select__indicator.select__clear-indicator{display:none}.sidebar__selects .select__menu,.sidebar__selects .select__placeholder{font-size:14px;color:#777}.sidebar-gallery-img{border:1px solid #eee;width:133.5px;height:133.5px;flex-shrink:0;display:flex;justify-content:center;align-items:center;position:relative}.sidebar-gallery-img__container{display:flex;flex-wrap:wrap}@media only screen and (max-width:768px){.sidebar-gallery-img__container{justify-content:center}}.sidebar-gallery-img__no-images{padding-top:20px;text-align:center;width:100%;font-family:red Hat Display;font-style:normal;font-weight:400;font-size:14px}.sidebar-gallery-img__img{margin-bottom:0;width:133.5px;height:133.5px;object-fit:contain;object-position:center;cursor:move}.sidebar-gallery-img__checkmark{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:36px;height:36px;transition:opacity 1s ease;opacity:0}.sidebar-gallery-img__checkmark--visible{opacity:.8}.sidebar-gallery-img__add-btn,.sidebar-gallery-img__wishlist-btn{cursor:pointer;background-color:transparent;border:none;display:none;justify-content:center;align-items:center;position:absolute;padding:0;bottom:1px;z-index:1}.sidebar-gallery-img__add-btn img,.sidebar-gallery-img__wishlist-btn img{cursor:pointer;width:24px;height:24px}@media only screen and (max-width:768px){.sidebar-gallery-img__add-btn,.sidebar-gallery-img__wishlist-btn{display:flex}}.sidebar-gallery-img__add-btn{left:2px}@media only screen and (max-width:768px){.sidebar-gallery-img__add-btn{left:4px}}.sidebar-gallery-img__wishlist-btn{right:2px}@media only screen and (max-width:768px){.sidebar-gallery-img__wishlist-btn{right:4px}}.sidebar-gallery-img:hover .sidebar-gallery-img__add-btn,.sidebar-gallery-img:hover .sidebar-gallery-img__wishlist-btn{display:flex}.sidebar-filter-btn{cursor:pointer;background-color:transparent;border:none;background-color:#f8f8f7;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center;padding:8px 11px;font-family:"Work Sans",sans-serif;font-size:12px;color:#777;margin-right:8px;margin-bottom:8px}.sidebar-filter-btn:hover{background-color:#ecece9}.sidebar-filter-btn img{margin-right:4px;height:12px;position:relative;top:-1px}.sidebar-filter-btn__container{display:flex;flex-wrap:wrap;margin-bottom:4px}@media only screen and (max-width:768px){.sidebar-filter-btn__container{max-width:350px;width:100%;margin:0 auto 16px}}.sidebar-instructions{font-family:red Hat Display;font-style:normal;font-weight:400;font-size:17px;line-height:22px;width:100%;max-width:350px;margin:0 auto 16px;padding:8px 0;color:#8c9b82}.sidebar-instructions h3{font-weight:700}.sidebar-mobile-header{position:relative}.sidebar-mobile-header__close{display:none}@media only screen and (max-width:768px){.sidebar-mobile-header__close{cursor:pointer;background-color:transparent;border:none;display:inline-block;padding:3px;position:absolute;top:3px;right:-12px}.sidebar-mobile-header__close img{width:16px}}.sidebar-extras__btn{cursor:pointer;background-color:transparent;border:none;background-color:#f8f8f7;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center;padding:8px 11px;font-family:"Work Sans",sans-serif;font-size:12px;color:#777;margin-right:8px;margin-bottom:8px;text-transform:uppercase;font-size:13px}.sidebar-extras__btn:hover{background-color:#ecece9}.sidebar-extras__btn img{position:relative;top:-2px;margin-left:6px;height:20px;width:20px}.sidebar-extras__btn--filters-btn{display:none;padding-left:32px;padding-right:32px}@media only screen and (max-width:768px){.sidebar-extras__btn--filters-btn{display:block}}.sidebar-extras__container{display:flex;justify-content:space-between;margin-bottom:4px}@media only screen and (max-width:768px){.sidebar-extras__container{flex-wrap:wrap}}.sidebar-image-gallery__container{padding-bottom:20px}.sidebar-image-gallery__load-more{cursor:pointer;background-color:transparent;border:none;padding:1px 6px;font-size:16px;text-decoration:underline;color:#8c9b82}.sidebar-image-gallery__load-more-container{text-align:center;padding-top:10px}@font-face{font-family:"Covered By Your Grace";src:local("Covered By Your Grace"),url("/public/looks-designer/media/Covered By Your Grace.3d0f7a32.woff") format("woff")}.cropper{position:fixed;z-index:2;top:0;left:0;background-color:rgba(248,248,247,.2);width:100%;height:100vh;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}.cropper__main-container{padding-top:30px}.cropper__container,.cropper__main-container{display:flex;flex-direction:column;align-items:center}.cropper__container{padding:8px 20px 20px;background-color:#2f372e}.cropper__canvas{background-image:linear-gradient(45deg,grey 25%,transparent 0),linear-gradient(-45deg,grey 25%,transparent 0),linear-gradient(45deg,transparent 75%,grey 0),linear-gradient(-45deg,transparent 75%,grey 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.cropper__canvas-container{background-color:#f8f8f7;display:inline;padding:20px;border-radius:5px}.cropper__cancel-btn,.cropper__save-btn{cursor:pointer;background-color:transparent;border:none;background-color:#e5e3e0;color:#2f372e;padding:5px 10px;margin-right:8px;margin-bottom:8px}.cropper__save-btn{background-color:#dcdecd}.canvas-controls{position:absolute;top:0;right:2px;height:100%;display:flex;flex-direction:column;justify-content:center;z-index:1}@media only screen and (max-width:768px){.canvas-controls{top:auto;right:auto;height:36px;bottom:-47px;left:-17px;flex-direction:row;justify-content:start;flex-wrap:wrap;overflow:visible}}.canvas-controls__btn{cursor:pointer;background-color:transparent;border:none;padding:1px 6px}.canvas-controls__color-picker-close{background-color:#e5e3e0;width:20px;height:20px;display:inline-block;display:flex;justify-content:center;align-items:center;position:absolute;right:-1px;top:-20px;z-index:2}.canvas-controls__color-picker-close img{width:16px;margin-bottom:0}.canvas-controls__color-picker-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:hsla(0,0%,100%,.2);display:flex;justify-content:center;padding-top:20px;z-index:2}.canvas-controls__color-picker-main-container{position:relative}.canvas-main-container{max-width:100vh;width:100%}.canvas-supra-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;position:relative;z-index:3}@media only screen and (max-width:768px){.canvas-supra-container{z-index:1}}.canvas__container{position:relative}.canvas__container-border{display:inline-block;border:12px solid #f8f8f7;margin-bottom:8px}@media only screen and (max-width:768px){.canvas__container-border{display:inline-block;margin-left:auto;margin-right:auto}}.canvas__instructions{cursor:pointer;background-color:transparent;border:none;padding:1px 6px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:red Hat Display;font-style:normal;font-weight:400;font-size:16px;line-height:21px;max-width:300px;width:100%;color:#777}@media only screen and (min-width:768px){.canvas__instructions{cursor:default}}.canvas__btn-container{padding-left:8px;padding-right:8px;display:flex;align-items:flex-start}@media only screen and (max-width:768px){.canvas__btn-container{flex-direction:column;align-items:center}.canvas__btn-container--controls-are-open{padding-top:60px}}.canvas__btn-download,.canvas__btn-help,.canvas__btn-publish{cursor:pointer;background-color:transparent;border:none;padding:1px 6px}.canvas__btn-download,.canvas__btn-publish{font-family:"Work Sans",sans-serif;font-size:24px;text-transform:uppercase;transition:color .3s ease;color:#9daf98;margin-bottom:12px}.canvas__btn-download:hover,.canvas__btn-publish:hover{text-decoration:underline;color:#2f372e}@media only screen and (max-width:768px){.canvas__btn-download,.canvas__btn-publish{font-size:16px}}.canvas__btn-help{position:relative;padding:5px;top:-2px}@media only screen and (max-width:768px){.canvas__btn-help{top:2px}}.canvas__btn-help img{width:20px}.canvas__btn-search-items{margin-bottom:12px;max-width:333px;width:100%;display:none}@media only screen and (max-width:768px){.canvas__btn-search-items{display:block}}.canvas__btn-search-items button{cursor:pointer;background-color:transparent;border:none;background-color:#f8f8f7;transition:background-color .3s ease;justify-content:space-between;align-items:center;padding:8px 11px;font-family:"Work Sans",sans-serif;font-size:12px;color:#777;margin-right:8px;margin-bottom:8px;max-width:333px;width:100%;display:flex;justify-content:center}.canvas__btn-search-items button:hover{background-color:#ecece9}.modal__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(47,55,46,.9333333333333333);z-index:9999;display:flex;justify-content:center;align-items:center}.modal__container{position:relative;max-width:600px;width:100%;background-color:#fff;padding:20px;overflow:auto}.modal__close{position:absolute;top:0;right:6px;font-size:20px;font-family:"Work Sans"}.modal__title{font-size:19px;line-height:25px;text-align:center;margin-bottom:36px}.modal__input,.modal__title{font-family:"Work Sans";font-style:normal;font-weight:700}.modal__input{font-size:16px;line-height:21px;border:none;border-bottom:2px solid #e5e3e0;width:100%;margin-bottom:16px}.modal__additional-info{font-family:"Work Sans";font-style:normal;font-weight:500;font-size:16px;line-height:21px;color:#777}.modal .select__control{font-family:"Work Sans";background:#dcdecd;border-color:transparent;border-radius:0;margin-bottom:30px}.modal .select__indicator-separator{display:none}.modal .select__dropdown-indicator svg{fill:#9daf98}.modal .select__option,.modal__button{font-family:"Work Sans"}.modal__button{background:#dcdecd;border-color:transparent;border-radius:0;color:#000;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;padding:16px 56px;display:block;margin:0 auto}.modal__button:hover{background:#b1b590}
/*# sourceMappingURL=main.css.map */