@font-face{font-family:Avenir Book;src:url(Avenir-Book-01.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Heavy;src:url(Avenir-Heavy-05.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:EightiesComeback;src:url(EightiesComeback-Bold.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:September Spirit;src:url(September-Spirit.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}#shade-finder-journey.section--full-bleed{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;background:#fdf5f8}.shade-step{display:none}.shade-step.active{display:block}.hero-container{position:relative;width:100%;aspect-ratio:3200 / 1200;overflow:hidden}.hero-container picture,.hero-container img{display:block;width:100%;height:100%;object-fit:cover}.hero-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-sizing:border-box;padding-left:16.5%;padding-bottom:7%}.hero-content .button,.hero-content label.button{min-width:auto!important;font-size:clamp(1.3rem,1.5vw,1.6rem)!important;padding:clamp(.9rem,1.2vw,1.4rem) clamp(2.5rem,4vw,5rem)!important;white-space:nowrap;width:auto}.step-1 .hero-content{position:absolute;top:50%;left:5.75%;width:35.56%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;height:auto;padding:0}.step-1 .hero-content h2{font-family:EightiesComeback,serif;font-size:clamp(2.5rem,3.406vw,6.8125rem);line-height:1.1;color:#2f2f2f;margin:0 0 1.5rem}.step-1 .hero-content p{font-family:Avenir Book,sans-serif;font-size:clamp(1.4rem,1.406vw,2.8125rem);line-height:1.4;color:#2f2f2f;text-shadow:0 0 1px rgba(0,0,0,.3);letter-spacing:1px;margin:0 0 2rem}.step-1 .hero-content .button{margin-top:1rem}.step-2 .hero-content{position:absolute;top:22%;left:5.81%;width:41.47%;display:flex;flex-direction:column;align-items:flex-start;height:auto;padding:0;transform:none}.step-2 .hero-content h2{font-family:EightiesComeback,serif;font-size:clamp(2.5rem,3.406vw,6.8125rem);line-height:1.2;color:#2f2f2f;margin-bottom:2.5rem;white-space:nowrap}.step-2 .selfie-instructions-list{list-style:none;padding-left:0;margin-left:0;counter-reset:selfie-steps;display:flex;flex-direction:column;gap:1.5rem}.step-2 .selfie-instructions-list li{counter-increment:selfie-steps;font-family:Avenir Book,sans-serif;font-size:clamp(1.8rem,1.406vw,2.8125rem);line-height:1.4;color:#2f2f2f;position:relative;padding-left:4.5rem;min-height:3.6rem;display:flex;align-items:center}.step-2 .selfie-instructions-list li:before{content:counter(selfie-steps);position:absolute;left:0;top:0;width:3.625rem;height:3.625rem;border-radius:50%;font-family:EightiesComeback,serif;font-size:1.99rem;color:#fff;background-color:#ff7cd7;display:flex;align-items:center;justify-content:center}.step-2 .hero-content .button{margin-top:3rem}.step-4 .hero-content{position:absolute;top:37.33%;left:7.4%;width:25%;display:flex;flex-direction:column;align-items:flex-start;height:auto;padding:0;transform:none}.step-4 .hero-content h2{font-family:EightiesComeback,serif;font-size:clamp(3rem,3.4375vw,6.875rem);line-height:1.2;color:#2f2f2f;margin:0}.step-4 .hero-content .button{margin-top:2.5rem}@media screen and (max-width: 749px){#shade-finder-journey .step-1 .hero-container{aspect-ratio:1200 / 1600}#shade-finder-journey .step-1 .hero-content{position:absolute;top:0;left:0;width:100%;height:100%;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:5.56% 5% 4%}#shade-finder-journey .step-1 .hero-content h2{font-size:clamp(3.5rem,7.36vw,5.525rem);margin-bottom:.5rem}#shade-finder-journey .step-1 .hero-content p{font-size:clamp(1.8rem,3.04vw,2.28rem);margin-bottom:1.5rem}#shade-finder-journey .step-1 .hero-content .button{width:100%;margin-top:auto}#shade-finder-journey .step-2 .hero-container{aspect-ratio:1200 / 1600}#shade-finder-journey .step-2 .hero-content{position:absolute;Top:-3%;left:0;width:100%;height:100%;transform:none;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;padding:0% 2% 4%}#shade-finder-journey .step-2 .hero-content h2{font-size:clamp(3rem,7vw,5rem);white-space:normal;margin-bottom:.05rem;max-width:50vw;align-self:flex-start;text-align:center}#shade-finder-journey .step-2 .selfie-instructions-list{list-style:none;padding-left:2rem;counter-reset:selfie-steps;display:flex;flex-direction:column;gap:2rem;width:clamp(200px,60vw,300px);max-width:50vw;align-self:flex-start;text-align:center;margin-left:-2rem}#shade-finder-journey .step-2 .selfie-instructions-list li{counter-increment:selfie-steps;font-family:Avenir Book,sans-serif;font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.4;color:#2f2f2f;position:relative;display:block;padding-top:3.5rem;padding-bottom:1rem;padding-left:0;min-height:auto}#shade-finder-journey .step-2 .selfie-instructions-list li:before{content:counter(selfie-steps);position:absolute;top:0;left:50%;transform:translate(-50%);width:3.4rem;height:3.4rem;font-size:1.8rem;border-radius:50%;font-family:EightiesComeback,serif;color:#fff;background-color:#ff7cd7;display:flex;align-items:center;justify-content:center}#shade-finder-journey .step-2 .hero-content .button{width:100%;margin-top:auto}#shade-finder-journey .step-4 .hero-container{aspect-ratio:1200 / 1600}#shade-finder-journey .step-4 .hero-content{position:absolute;top:0;left:0;width:100%;height:100%;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:5.625% 5% 4%}#shade-finder-journey .step-4 .hero-content h2{font-family:EightiesComeback,serif;font-size:clamp(4rem,7.33vw,5.5rem);text-align:center;max-width:100%}#shade-finder-journey .step-4 .hero-content .button{width:100%;margin-top:auto}#shade-finder-journey .step-5 .processing-text-wrapper{position:absolute;top:5%;left:8%;width:60%;padding:0;max-width:none}#shade-finder-journey .step-5 .processing-title{font-size:3rem;margin:0}#shade-finder-journey .step-5 .processing-subtitle{font-size:clamp(1.8rem,3.04vw,2.28rem);margin-top:1.875rem;padding-left:0;width:75%}#shade-finder-journey .processing-subtitle{font-size:2rem}#shade-finder-journey .processing-content-overlay{align-items:flex-start;justify-content:flex-start;text-align:left}#shade-finder-journey .processing-text-wrapper{padding:25% 8% 0;max-width:100%}#shade-finder-journey .processing-title{font-size:5.5rem}#shade-finder-journey .processing-subtitle{font-size:2.28rem}#shade-finder-journey .form-step-container{padding-top:3rem;padding-bottom:3rem}#shade-finder-journey .step-3 .consent-text{font-size:1rem;line-height:1.5;margin-bottom:2rem}#shade-finder-journey .step-3 .field--checkbox{font-size:1rem}#shade-finder-journey .step-3 .form-step-container .h2{font-size:1.5rem}#shade-finder-journey .form-step-form .field__input{font-size:16px}#shade-finder-journey .complementary-carousel{overflow:hidden;padding-bottom:4rem}#shade-finder-journey .complementary-carousel .swiper-pagination{display:block!important;position:relative!important;bottom:auto!important;margin-top:2.5rem!important}#shade-finder-journey .complementary-carousel .swiper-pagination-bullet{background-color:#ccc;width:10px;height:10px;opacity:1;transition:background-color .3s ease}#shade-finder-journey .complementary-carousel .swiper-pagination-bullet-active{background-color:#ff7cd7}}.step-5 .processing-container{position:relative;width:100%;line-height:0}.step-5 .processing-background,.step-5 .processing-background img{display:block;width:100%}.step-5 .processing-content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;color:#2f2f2f}.step-5 .processing-text-wrapper{padding:6% 0 0 8%;max-width:70%;line-height:1.2}.step-5 .processing-title{font-family:EightiesComeback,serif;font-weight:700;font-size:6.875rem;line-height:1.1;margin:0}.step-5 .processing-subtitle{font-family:Avenir Book,sans-serif;font-size:2.8125rem;margin:1.5rem 0 0}.italic-o{font-style:italic;margin-left:-.05em;margin-right:.05em}.ellipsis:after{display:inline-block;animation:ellipsis-animation 1.4s infinite;content:".";width:1em;text-align:left}@keyframes ellipsis-animation{0%{content:"."}33%{content:".."}66%{content:"..."}}.form-step-container{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:4rem 1.5rem}.form-step-container .h2{margin-bottom:2rem;font-family:EightiesComeback,sans-serif}.form-step-container .subtitle{margin-bottom:2.5rem;max-width:45ch;font-family:Avenir Book,sans-serif}.form-step-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto}.form-step-form .field__input{text-align:center;font-family:Avenir Book,sans-serif;font-size:1.6rem}.form-step-form .button{width:100%}.form-step-form .button.button--disabled{background-color:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;pointer-events:none}#shade-consent-continue{width:auto;padding:0 60px}.form-step-form .button--tertiary{background:none;border:none;box-shadow:none;color:#9ca3af;text-decoration:none;display:inline-block;cursor:pointer;pointer-events:auto;margin:0 auto;font-size:1.4rem}.form-step-form .button--tertiary:hover{color:#6b7280}.form-step-error{color:var(--color-critical, #b91c1c);font-size:1.4rem;margin-top:-.5rem;text-align:left;font-family:Avenir Book,sans-serif}.form-legal-text{font-size:1.2rem;color:#888;font-family:Avenir Book,sans-serif;margin-top:1rem;margin-bottom:-.5rem;max-width:40ch;line-height:1.5;margin-left:auto;margin-right:auto}#shade-phone-form .form-legal-text{margin-top:0;margin-bottom:2rem;max-width:100%;font-size:1.1rem}.form-legal-text a{color:inherit;text-decoration:underline}.form-legal-text a:hover{color:#333}@media screen and (min-width: 750px){.form-step-container{padding:6rem 5rem}}.consent-text{font-family:Avenir Book,sans-serif;text-align:left;max-width:60ch;margin:0 auto 2.5rem;color:#333;font-size:1rem}.consent-list{list-style-type:"- ";padding-left:2rem;margin-top:1rem}.consent-list li{margin-bottom:.5rem}.form-step-form .field--checkbox{font-family:Avenir Book,sans-serif;position:relative;padding-left:35px;display:flex;align-items:center;min-height:24px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem}.form-step-form .field--checkbox input[type=checkbox]{display:none}.form-step-form .field--checkbox span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:22px;border:2px solid #ddd;border-radius:6px;background-color:#fff;transition:all .2s ease-in-out}.form-step-form .field--checkbox span:after{content:"";position:absolute;left:8px;top:50%;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;opacity:0;transform:translateY(-65%) rotate(45deg);transition:opacity .2s ease-in-out}.form-step-form .field--checkbox input[type=checkbox]:checked+span:before{background-color:#ccd2e8;border-color:#ccd2e8}.form-step-form .field--checkbox input[type=checkbox]:checked+span:after{opacity:1}.shade-step__inner{max-width:var(--page-width, 1200px);margin:0 auto;padding:4rem 1.5rem;background-color:#fff}.shade-step[class*=step-]>.shade-step__inner{display:flex;flex-direction:column;align-items:center;gap:2.5rem}@media screen and (min-width: 750px){.shade-step__inner{padding:6rem 5rem}}.ai-reasoning{font-family:Avenir Book,sans-serif;color:rgb(var(--color-foreground));max-width:600px;margin:1rem auto;padding:1.5rem;border-radius:.75rem;background-color:#ccd2e866;border:1px solid rgb(var(--color-border));text-align:left}.ai-reasoning h3{font-family:var(--font-heading-family);color:rgb(var(--color-heading));margin:0 0 .75rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:992px}.results-group{width:100%;display:flex;flex-direction:column;align-items:center}.card--product{display:flex;flex-direction:column;text-align:center;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #ccd2e8;transition:transform .2s ease-in-out;width:100%;max-width:320px;height:650px;margin:0 auto;overflow:hidden}.card--product:hover{transform:translateY(-4px)}.card--product.is-match{height:auto}.card--product .card__media{width:100%;position:relative}.card--product:not(.has-gallery) .card__media{aspect-ratio:1 / 1}.card--product.has-gallery .card__media{display:flex;flex-direction:column}.card--product .card__media img{display:block;width:100%;height:100%;object-fit:cover}.card--product .card__info{padding:1rem;display:flex;flex-direction:column;flex-grow:1;margin-top:auto}.card-title-link{font-weight:600;color:#111;text-decoration:none;font-family:Avenir Book,sans-serif}.card-title-link:hover{text-decoration:underline}.card-shade-name{margin:.25rem 0;color:#555;font-family:Avenir Book,sans-serif}.card-price{font-weight:500;margin:.5rem 0;font-family:Avenir Book,sans-serif}.card-footer{margin-top:auto;padding-top:1rem}.card-add-link{color:#333;text-decoration:underline;font-size:.9rem;cursor:pointer;font-family:Avenir Book,sans-serif}.card-add-link:hover{color:#000}.card-reasoning{font-family:Avenir Book,sans-serif}.card-gallery.swiper{width:100%;aspect-ratio:1 / 1;overflow:hidden}.card-gallery .swiper-slide img{border-radius:0}.card-gallery .swiper-pagination{display:none}.card-gallery-thumbnails{display:flex;justify-content:center;gap:8px;padding:10px 5px;background-color:#fff;width:100%;-webkit-user-select:none;user-select:none}.card--product .card__media img.card-gallery-thumbnail{width:40px;height:40px;min-width:40px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:border-color .3s ease}.card--product .card__media img.card-gallery-thumbnail.active,.card--product .card__media img.card-gallery-thumbnail:hover{border-color:#ccd2e8}.complementary-carousel{position:relative;width:100%;max-width:992px;margin:2rem auto 0}#shade-finder-journey .complementary-carousel .card--product{height:100%}.swiper-slide .card--product{height:auto}.swiper-wrapper{align-items:stretch}.swiper-slide{height:auto;display:flex;justify-content:center}@media screen and (min-width: 750px){.complementary-carousel .swiper-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:3rem 0}.complementary-carousel>.swiper-pagination{display:none}}.okendo-reviews-group .hooper-slide{height:auto!important;max-height:450px}.okendo-reviews-group [data-oke-review-text]{font-size:1rem!important;line-height:1.5!important}.okendo-reviews-group [data-oke-action=toggleReviewContent]{font-size:1rem!important}.okendo-reviews-group [data-oke-review-title]{font-size:1rem!important;font-weight:700!important}.okendo-reviews-group [data-oke-reviewer-name]{font-size:1rem!important}.shade-guarantee-banner{display:block;width:100%;margin:2.5rem 0 0}.shade-guarantee-banner img{display:block;width:100%;height:auto}@media screen and (min-width: 750px){.shade-guarantee-banner{max-width:600px;margin-top:4rem}}#shade-finder-journey .button,#shade-finder-journey label.button{-webkit-user-select:none;user-select:none;font-family:Avenir Heavy,sans-serif}#show-alternates-container #show-alternates-btn{display:none!important}.hide-on-desktop{display:block!important}.hide-on-mobile{display:none!important}@media screen and (min-width: 750px){.hide-on-desktop{display:none!important}.hide-on-mobile{display:block!important}}.guarantee-banner-text{display:block;max-width:550px;width:100%;margin:24px auto;padding:24px 16px;text-decoration:none;color:inherit;transition:transform .2s ease-in-out}.guarantee-banner-text:hover{transform:scale(1.02)}.guarantee-text{text-align:center}.guarantee-headline{font-family:September Spirit,sans-serif;text-transform:uppercase;color:#e68cb9;margin:0 0 10px;font-size:clamp(3.1rem,5vw,4.2rem);font-weight:400;line-height:1.2}.guarantee-text p{color:#585858;font-size:clamp(1.4rem,2.5vw,1.6rem);line-height:1.5;max-width:420px;margin:0 auto}
/*# sourceMappingURL=/cdn/shop/t/151/assets/shade-finder.css.map */