.find-my-shade-container{background-color:#ffecec;padding:80px 20px 20px;text-align:center;position:relative;min-height:80vh;display:flex;align-items:center}.logo{display:none}.loading-text{font-size:16px}.step{opacity:0;display:none;padding:24px;align-items:center;justify-content:center;min-height:inherit;pointer-events:none;position:absolute;width:100%;height:auto;transition:opacity .6s ease}.step.active{display:flex;flex-direction:column;opacity:1;pointer-events:auto;transition:opacity .6s ease}.step-3{padding:80px 20px 20px;left:0;top:0}.shade-option img,#displayImage{will-change:transform,top,left,width,height}.step-title{margin:2vh auto;font-size:2.7rem;color:#a80000;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 15px}.shade-card{max-width:400px;margin:0 auto}.greeting{font-size:2.9rem;font-weight:600;font-style:normal;color:#c4422b;font-kerning:normal;text-decoration:none;margin:14px 0}.headline{font-family:var(--font-heading-family);font-weight:700;color:#a80000;font-size:3.2em;margin:0 auto}.headline span{display:inline-block}.button-label{color:#a80000;font-weight:700;margin:10px auto;font-size:2rem}.subtitle{font-size:2.4rem;margin:0;color:#333;text-align:start;padding:4px 0}.select-label{margin:10px 0;color:#333;font-size:1.8rem}.dropdowns{padding:20px 0}.dropdown{position:relative;font-family:Cooper BT W01 Light;font-weight:lighter;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px;border:2px solid #a80000;border-radius:8px;background-color:transparent;color:#333;font-size:2.3rem}@media (max-height: 700px){.shade-card{transform:scale(.92)}.greeting{font-size:2rem}.headline{font-size:2.4em}.subtitle{font-size:1.4rem;margin-bottom:10px}.select-label{font-size:1rem}.dropdown,.shade-btn{font-size:1.5rem;padding:10px;margin-bottom:12px}}input{font-family:Cooper BT W01 Light;font-weight:lighter;height:100%;width:100%;border:none;background:transparent;outline:none;font-size:24px;color:#000}*:focus-visible{outline:none;outline-offset:inherit;box-shadow:none}.dropdown-title{margin:0 0 15px;font-size:20px;color:#ab1f10;font-family:Playfair Display,serif;text-align:start}.product-category-header{font-family:Playfair Display,serif;text-align:start;font-weight:700;color:#b00000;margin:8px 0 0;line-height:normal}.popup-close-btn{position:absolute;top:12px;right:5px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.dropdown-list{z-index:999;color:#333;display:none;font-size:18px;border-radius:8px;background:#fff;padding:16px;overflow-y:auto;scrollbar-width:none;position:fixed;top:50%;left:50%;max-width:335px;width:78%;transform:translate(-50%,-50%) scale(.7);opacity:0;transition:all .6s ease-in-out;max-height:70vh;box-shadow:0 20px 40px #0000004d}.dropdown-item{padding:4px;cursor:pointer;border-bottom:1px solid #333;text-align:start;font-size:20px;display:flex;justify-content:space-between;font-family:Inter,sans-serif;font-weight:300}.dropdown-list .dropdown-item:last-child{border-bottom:none}.swiper-slide img{border-radius:12px;height:350px}.shade-btn{background-color:#a80000;color:#fff;padding:18px;width:87%;border:none;border-radius:8px;font-size:2.3rem;font-weight:700;cursor:pointer}.shade-name{font-family:Playfair Display,serif;font-weight:700;font-size:2.5rem;color:#ab1f10;font-style:italic;display:flex;justify-content:center;align-items:center;gap:8px;margin:0;line-height:normal;padding-bottom:5px;text-transform:capitalize}.tool-container{height:100%;width:500px;max-width:100%;margin:auto}.switch-button{display:none;position:absolute;border-radius:8px;outline:none;border:none;background:#f7dbd9;padding:6px 16px;color:var(--gradient-background);font-weight:700;z-index:999}.shade-container{border-radius:16px;text-align:center;font-family:Arial,sans-serif;padding-top:0}.shade-container-3{border-radius:16px;text-align:center;font-family:Arial,sans-serif;padding-top:10px;height:100%}.tool-container-grid{height:100%;max-width:100vw;margin:0 auto;padding:0;position:relative}.step-title-grid{margin-top:2vh;margin-bottom:0;font-size:7vw;color:#a80000;font-weight:600}.shade-container-grid{height:100%;max-width:100vw;position:relative;display:flex;flex-direction:column}.shade-scrollable{flex:1;overflow-y:auto;width:100%;max-width:100vw;scrollbar-width:none}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2vw;width:100%;max-width:90vw;margin:0 auto;box-sizing:border-box;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overflow:hidden;max-width:475px}.shade-img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:top;border-radius:5px;display:block;cursor:pointer;transition:transform .2s ease;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.shade-img:hover{transform:scale(1.03)}.fixed-button{position:absolute;bottom:12px;left:0;width:100%;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.fixed-button .shade-btn{pointer-events:auto;width:100%;max-width:340px;font-size:18px;padding:14px;border-radius:12px;background-color:#a80000;color:#fff;font-weight:600}.refine-dialogue{position:fixed;bottom:14vh;left:50%;transform:translate(-50%);background-color:#f7dbd9;border-radius:32px;padding:5%;width:73vw;max-width:420px;z-index:100;text-align:center;transition:all .3s ease;border:3px solid #ab1f10}.refine-dialogue .refine-opt{width:85%;background-color:#fff}.refine-dialogue button{color:#333;font-size:1.5rem;font-family:Inter,sans-serif;padding:3%;border-radius:5px;margin:2% 0;font-weight:500;border:none;min-width:min-content}.refine-title{font-family:Playfair Display,serif;color:#a80000;font-size:1.9rem;font-weight:600;margin-bottom:1%;margin-top:0%;line-height:normal}.shade-title{font-size:22px;font-weight:700;color:#b30000;margin-bottom:20px}.shade-image-wrapper{width:320px;margin:auto auto 6px;border-radius:12px;overflow:hidden}.shade-image{display:block;height:auto;width:280px;margin:auto;border-radius:20px;padding:10px}.shade-options{display:flex;justify-content:space-between;gap:25px;margin-bottom:7%;padding:0 5%}.option-btn{flex:1;padding:6px 20px;background-color:#c6736b;color:#fff;border:none;border-radius:8px;cursor:pointer;letter-spacing:inherit;font-size:18px;transition:background-color .3s}.option-btn:hover{background-color:#e05555}.love-it-btn{font-family:Inter,sans-serif;padding:2% 4%;background-color:#b00;color:#fff;border:none;border-radius:10px;font-size:20px;font-weight:medium;cursor:pointer;transition:background-color .3s;width:fit-content;margin:auto}.go-back-btn{font-family:Inter,sans-serif;padding:2% 4%;background-color:#c6736b;color:#fff;border:none;border-radius:10px;font-size:20px;font-weight:medium;cursor:pointer;transition:background-color .3s;max-width:fit-content;margin:auto}.love-it-btn:hover{background-color:#a80000}.product-name{font-size:3.5rem;font-weight:600;color:#ab1f10;margin:3px auto;text-transform:capitalize}.image-div{height:40vh;margin:0 auto;display:flex;margin:1vh;max-width:100%;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:8px}.image-div img{object-fit:cover;height:100%;border-radius:12px;width:auto;max-width:100%}.switch-product{width:60%}.back{margin-top:10px;font-size:18px;padding:6px 30px;background:#d4a5a5;border:none;border-radius:8px;color:#fff;cursor:pointer}.range-slider{font-family:Inter,sans-serif;position:relative;padding:14px;margin-top:10px;width:98%}.track{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:10px;border-radius:10px;background-color:#c3827c;padding-left:calc(var(--start-percent) * 95%);padding-right:calc(100% - (var(--end-percent) * 98%))}.track-fill{width:auto;height:100%;background:#ab1f10;border-radius:10px 0 0 10px}.thumb{position:absolute;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:100%;background-color:#f6caca;cursor:pointer;z-index:1;border:2px solid #c8766e}.start-thumb{left:calc(var(--start-percent) * 95%)}.end-thumb{left:calc(var(--end-percent) * 95%)}.values{font-family:Inter,sans-serif;font-size:13px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;color:#000}.brand{font-size:24px;font-weight:700;color:#ab1f10;text-transform:capitalize}.shade-label{font-family:Playfair Display,serif;font-size:18px;color:#474545;margin:0 auto;font-weight:500;line-height:normal}.shade-dot{width:24px;height:24px;background-color:#d77a6c;border-radius:50%;margin:0}.toggle-wrapper{position:relative;width:200px;display:flex;margin:auto auto 10px;border-radius:8px;overflow:hidden;background:#fbdcdc;border:1.5px solid #f6caca}.toggle-btn{flex:1;padding:8px;font-size:12px;border:none;background:#fff;color:#000;cursor:pointer;z-index:2}.toggle-btn.active{font-weight:700}.slider-indicator{position:absolute;width:50%;height:100%;background-color:#ab1f10;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;top:0;left:0;border-radius:8px;transition:transform .4s ease-in-out;z-index:2}.product-image{width:100%;height:auto;border-radius:8px}.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}.price{font-family:Playfair Display,serif;font-size:26px;font-weight:700;color:#ab1f10;margin:0 auto;padding-bottom:6px;line-height:normal}.buy-now{font-family:Inter,sans-serif;font-weight:500;padding:5px 71px;background-color:#ab1f10;color:#fff;border:none;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:8px}.tool-subtitle{text-align:center;font-size:16px;color:#555;margin:5px auto}.toggle-buttons{display:flex;justify-content:center;margin:8px auto;width:250px;position:relative;border-radius:8px;background:#fff}.active-btn{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#a80000;border:none;z-index:0;transition:transform .3s ease;pointer-events:none;border-radius:8px}.toggle-btn{padding:6px 14px;font-size:14px;border:1px solid #a80000;background-color:transparent;color:#a80000;cursor:pointer;text-align:center;flex:1;z-index:1;transition:color .3s ease;position:relative}.toggle-btn.left{border-radius:8px 0 0 8px;border-right:none}.toggle-btn.right{border-radius:0 8px 8px 0;border-left:none}.toggle-btn.active{color:#fff}.shade-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:80px}.shade-option{position:relative;cursor:pointer;overflow:hidden;border-radius:8px}.shade-option img{width:100%;border-radius:8px;height:auto;transition:transform .3s ease;transform:scale(1.3);transform-origin:top}.shade-option img{transform:scale(1);transition:transform .3s ease;transform-origin:top}.shade-option img.model-zoom{transform:scale(1.3)}.shade-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background-color:#c65c50;border-radius:4px;border:1.5px solid #ffecec}.bottom-buttons{position:fixed;bottom:4vh;left:0;right:0;display:flex;justify-content:center;gap:16px}.close-refine{position:absolute;right:5%;top:4%}.look-buttons{display:flex;flex-wrap:wrap;justify-content:center;column-gap:10px}.look-buttons .shade-btns{width:30%;background-color:#fff}.shade-btns img{width:100%;max-height:40px;max-width:60px}.back-btn,.refine-btn{padding:8px 20px;font-size:20px;border:none;border-radius:999px;background-color:#a80000;color:#fff;cursor:pointer}.shade-option img,.shade-indicator{transition:opacity .6s ease;opacity:1}.shade-option img.fade-out,.shade-indicator.fade-out{opacity:0}.refine-dialogue{opacity:0;transform:scale(.95);pointer-events:none;transition:opacity .6s ease,transform .6s ease;transform:translate(-50%) scale(.55);z-index:1000}.refine-dialogue.active{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.fade-out{opacity:0;transition:opacity .6s ease}.shade-option img,.shade-indicator,#displayImage,#shadeIndicator{transition:opacity transform .6s ease}#displayImage{transform-origin:top;transform:scale(1)}#displayImage.model-zoom{transform:scale(1.3)}.image-wrapper{position:relative;width:100%;height:100%}.shade-indicator-single{background-color:#c65c50;border-radius:4px;border:1.5px solid #ffecec;position:absolute;top:6%;right:8%;width:30px;height:30px}.shade-loader{display:none;justify-content:center;align-items:center;padding:2rem;position:absolute;z-index:2;height:100%;max-height:inherit;background:#ffecec;width:100%;top:0}.shade-loader img{height:52vh;width:auto}@media screen and (max-width: 768px){.shade-loader img{width:60vw;height:auto}}.loader-dot{display:inline-block;width:10px;height:10px;margin-left:8px;position:absolute;left:0;width:auto;border-radius:0;background:#a80000;max-width:80%;animation:fill-progress 10s infinite linear}@keyframes fill-progress{0%{width:0%}10%{width:10%}20%{width:20%}30%{width:30%}40%{width:40%}50%{width:50%}60%{width:60%}70%{width:70%}80%{width:80%}90%{width:90%}to{width:100%}}.dropdown-item{display:flex;justify-content:space-between}.dropdown-item img{width:64px;height:auto;max-height:36px;margin:0;padding:0}.dropdown-item p{margin:0;padding:0}.shade-option{transition:transform .3s ease;transform:scale(1);cursor:pointer;position:relative}.shade-option{transform:scale(1)}.shade-option.selected{transform:scale(.9)}.step3-buttons{width:100%;flex-direction:column}.step4-buttons{flex-direction:column;align-items:center}.step3-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#step4-content,.step4-buttons{opacity:0;pointer-events:none;transition:opacity .7s ease}#step4-content.active,.step4-buttons.active{opacity:1;pointer-events:auto}#step3-content.hidden,#step3-buttons.hidden{opacity:0;pointer-events:none;transition:opacity .7s ease}@media (max-width: 1023px){.header{display:flex;justify-content:space-between;align-items:center;padding:0 16px}.small-hide{order:2;flex:1;display:flex;justify-content:center}.header__heading-link,.header__heading-logo-wrapper,.header__heading-logo{margin:0 auto;text-align:center}.menu-drawer-container{order:1}}@media (min-width: 1024px){.step-title-grid{font-size:4rem;margin-top:4vh;margin-bottom:10px}.step-title{margin:2vh auto;font-size:3.6rem;color:#a80000;font-weight:700}.shade-img{width:100%}.image-grid{gap:18px}.fixed-button .shade-btn{max-width:320px;font-size:17px}.refine-dialogue{padding:1%}}@media (max-width: 1400px){.container{max-width:1024px}.shade-container,.shade-container-grid{max-width:400px}.option-btn{font-size:12px}.back{padding:6px 16px}.love-it-btn{padding:2% 4%;font-size:20px}.product-name{font-size:2.7rem}.shade-name{font-size:2.6rem}}@media (max-width: 1024px){.floating-card{margin:20px auto;float:none;text-align:center}.sparkle{width:58px}}@media (max-height: 910px){.headline{font-size:2.9em}.greeting{font-size:2.4rem;margin:8px 0}.dropdowns{padding:6px 0}input{font-size:21px}.dropdown{padding:5px 10px}.shade-btn{padding:13px 15px;font-size:2.1rem}.subtitle{font-size:2.1rem;margin:0 0 6px}}@media (max-height: 600px){.greeting{font-size:1.9rem}.headline{font-size:2.2em}.subtitle{font-size:18px;margin:0}.select-label{font-size:1.4rem;margin:2px 0}.dropdown,.shade-btn{font-size:1.7rem;padding:10px;margin-bottom:10px}.sparkle{width:38px}.switch-product{display:none}}@media (min-width: 768px){.step-title-grid{font-size:3.4rem;margin-top:2vh;margin-bottom:0}.shade-img{width:100%}.image-grid{gap:16px}.fixed-button .shade-btn{max-width:300px;font-size:16px;padding:12px}}@media (max-width: 767px){.loading-text{font-size:11px;line-height:normal}.image-div{height:38vh}.find-my-shade-container,.step-3{padding:65px 20px 20px}.logo{display:block;position:absolute;top:14px;left:0;width:100%;margin:auto;z-index:0}.container{max-width:640px;padding:0 15px}.switch-button{display:block;font-size:11px;top:1%}.shade-indicator-single{width:24px;height:24px}.shade-card{padding:0 15px}.headline{font-size:3em}.dropdown,.shade-btn{width:100%;padding:12px 14px;margin-bottom:8px}input{font-size:22px}.swiper-slide img{border-radius:12px;height:320px}.shade-options{margin-bottom:14px;padding:0}.product-name{font-size:2.5rem}.shade-name{font-size:2.3rem}.switch-product{display:none}}@media (max-width: 560px){.greeting{margin-bottom:8px;font-size:1.5em}.headline{font-size:2.7em}.shade-card{max-width:100%;padding:0}.select-label{font-size:15px;margin:4px 0}.subtitle{font-size:20px}.floating-card{display:none}.sparkle{width:34px}.dropdown{padding:4px 8px}.shade-btn{padding:8px}.product-name{font-size:2.3rem;max-width:400px}.price,.shade-name{font-size:2.1rem}}@media (max-width: 480px){.container{max-width:380px;padding:0 10px}.floating-card{margin-top:20px;padding:14px}input{font-size:20px}.dropdowns{padding:10px 0}.dropdown,.shade-btn{width:100%}.greeting{font-size:25px}.swiper-slide img{height:330px}}@media (max-width: 390px){.container{max-width:320px}.headline{font-size:2.5em}.subtitle{font-size:18px}.dropdown,.shade-btn{font-size:20px}.select-label{font-size:14px}.floating-card{margin-top:17px;padding:14px}.swiper-slide img{height:280px}}.shimmer-wrapper{position:relative;overflow:hidden;background-color:#ffececbf;border-radius:.5rem;height:240px;width:auto}.shimmer{position:absolute;top:0;left:-100%;height:100%;width:100%;background-image:linear-gradient(90deg,#5e171700,rgb(255 221 221 / 85%),transparent);animation:shimmer 1.8s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.popup-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background-color:#0006;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:scale(0)}.popup-wrapper.popup-visible,.popup-content.popup-visible{pointer-events:auto;opacity:1;transform:scale(1)}.popup-wrapper.popup-hidden,.popup-content.popup-hidden{pointer-events:none;opacity:0;transform:scale(0)}.popup-content{background:#fff;border:4px solid #ab1f10;border-radius:2.5rem;padding:1.2rem;max-width:320px;width:90%;position:relative;box-shadow:0 10px 30px #0000001a;text-align:center;opacity:0;transform:scale(0);transition:all .4s ease-in-out}.popup-text{font-family:Inter,sans-serif;font-size:22px;font-weight:600;margin:auto;max-width:240px;color:#000}.popup-text span{color:#ab1f10}.close-btn{position:absolute;top:-18px;right:-14px;background:#fff;padding:.25rem;border-radius:.75rem;border:2px solid #ab1f10;font-size:1.2rem;text-align:center;line-height:1.5rem;cursor:pointer}.unlock-btn{background-color:#ab1f10;color:#fff;padding:1rem;width:100%;border-radius:6px;margin-top:10px;font-weight:600;font-size:1.7rem;border:none;outline:none}.price-note{font-size:17px;color:#ab1f10;margin:6px auto}.popup-overlay{position:absolute;height:0%;width:100%;z-index:99;left:0}.pro-pass{display:flex;align-items:center;justify-content:space-evenly;background-color:#f7dbd9;border-radius:20px;margin:0 auto;width:fit-content;padding:0 14px;gap:4px}@media (max-height: 700px){.pro-pass{margin-top:20px!important}}.pass-text{font-family:Inter,sans-serif;color:#666464;font-weight:700;margin:0;padding:11px 0}.pass-text a{color:#ab1f10;text-decoration:underline}.responsive-card .headline{font-size:2.5em}.responsive-card .greeting{font-size:22px}.responsive-card .subtitle{font-size:18px}.responsive-card .dropdowns{padding:10px 0 0}.coins-container{font-family:Inter,sans-serif;margin:10px 0}.coins-balance{display:flex;align-items:center;justify-content:space-between;background:#ffecec;color:#333;padding:10px 15px;border-radius:8px;margin-bottom:10px;font-weight:600}.coins-title{font-size:18px;display:flex;align-items:center;margin:0;line-height:normal}.coin-icon{width:45px;height:auto;padding:5px}.unlock-btn{width:100%;padding:10px 0;font-size:18px;font-weight:600;border:none;border-radius:9999px;color:#fff;opacity:.7;background:#d26e66;display:flex;align-items:center;justify-content:center;gap:8px;cursor:not-allowed}.unlock-btn.active{background:#a01f10;cursor:pointer;opacity:1}.unlock-coin{width:25px;height:auto}.need-more{text-align:center}.need-more-text{font-family:Inter,sans-serif;margin:0;color:#333;font-size:14px;padding:8px;font-weight:400}.highlight{color:#ab1f10;font-weight:600}.close-icon-btn{position:absolute;background-color:#fff;height:32px;width:32px;border:2px solid #ab1f10;color:#ab1f10;padding:4px;border-radius:.75rem;top:-12px;right:-14px}.get-coins-btn{background:#ab1f10;color:#fff;border:2px solid #ab1f10;padding:8px 16px;font-size:16px;font-weight:600;border-radius:9999px;margin:10px auto;display:flex;align-items:center;justify-content:center;cursor:pointer}.recommended{position:absolute;color:#fff;font-size:1.3rem;padding:0 2px;bottom:0;left:0;width:100%;background-color:#ab1f10ab;border-radius:0 0 8px 8px}.delayed-msg{display:none;position:absolute;bottom:10%;border-radius:8px;box-shadow:0 -8px 24px #0000002e;font-size:14px;font-weight:500;padding:6px;align-items:center;justify-content:center;width:100%;max-width:400px;color:#ab1f10}.more-coin-overlay{display:none;position:absolute;top:0;left:0;height:100%;width:100%;background:#0000004d;z-index:999;align-items:center;justify-content:center;transform:scale(1)}.more-coin-card{border:2px solid #f6caca;background:linear-gradient(337deg,#edc9c9,#fff);width:90%;max-width:365px;border-radius:24px;padding:16px;text-align:center;box-shadow:0 4px 20px #0003;transform:scale(0);transition:transform .7s ease-in-out}.more-coin-overlay.visible{display:flex}.more-coin-card.visible{transform:scale(1);transition:transform .7s ease-in-out}.more-coin-title{font-family:Inter,sans-serif;font-size:22px;font-weight:800;color:var(--primary-color, #ab1f10);padding:8px 0;margin:0}.more-coin{font-size:17px;color:#333;font-weight:400;line-height:normal;margin:0}.more-coin-text{font-size:13px;color:#333;line-height:normal}.more-coin span{color:#000;font-weight:600}.more-coin-text span{font-style:italic}.install-btn{display:block;width:auto;padding:12px;background-color:#ab1f10;color:#fff;text-align:center;font-size:17px;font-weight:700;border-radius:8px;text-decoration:none;border:none;cursor:pointer}.install-btn.white{background-color:#fff;color:#333}.more-icon{background:#f6caca;padding:10px;border-radius:12px}
/*# sourceMappingURL=/cdn/shop/t/1/assets/perfect-product.css.map */