.shade-finder--header__logo{width:16.8rem;margin:0 auto}.shade-finder--header__title{text-align:center;color:var(--color-white);display:none}.shade-finder__contents-description{padding-top:.8rem}.shade-finder__contents-wrapper{flex:1;display:flex;gap:5.2rem;max-width:100vw;width:100%}.shade-finder__contents-wrapper.shade-finder__loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-white);opacity:.8}.shade-finder__contents-wrapper .shade-finder__recommendations-step{display:none}.shade-finder__contents-wrapper.shade-finder__rendered .shade-finder__init-step{display:none!important}.shade-finder__contents-wrapper.shade-finder__rendered .shade-finder__recommendations-step{display:block}.shade-finder__contents-step{gap:1.1rem}.shade-finder__email-cta{display:none}shade-finder:has(.shade-finder__rendered) .shade-finder__email-cta{display:flex;align-items:center;justify-content:center}@media screen and (min-width: 768px){.shade-finder--header{display:none}.shade-finder__camera-wrapper{width:36rem;min-width:36rem;height:48rem;position:relative}.shade-finder__contents-wrapper{padding-top:2.9rem;justify-content:center;max-width:min(calc(100vw - var(--gutter) * 2 - 4rem - 36rem),80rem)}.shade-finder__contents-wrapper.shade-finder__rendered{padding:0 2.5rem;display:block;text-align:left}.shade-finder__contents-steps{gap:5.2rem;flex-wrap:wrap}.shade-finder__contents-step{width:16.8rem;max-width:16.8rem}.shade-finder__recommendations-container{margin-top:1.8rem}.shade-finder__email-cta{margin-top:1rem}.shade-finder__email-cta button{cursor:pointer;justify-content:center;align-items:center;padding:.1em 3rem 0;border:1px solid var(--color-black);color:var(--color-white);background-color:var(--color-black);height:4.1rem;width:50%;min-width:max-content}.shade-finder__email-cta button:after{display:none}}@media screen and (min-width: 992px){.shade-finder__contents-wrapper{max-width:min(calc(100vw - var(--gutter) * 2 - 8.8rem - 36rem),75.2rem)}}@media screen and (max-width: 767px){.shade-finder{justify-content:center}.shade-finder__contents-step{scroll-snap-align:start;width:100%;flex-shrink:0;flex-grow:1}.shade-finder__contents-step-mobile{padding:0 2rem;gap:1.1rem}.shade-finder-steps__slider-controls{position:relative;left:50%;transform:translate(-50%)}.shade-finder-steps__slider-controls .button{min-width:16.4rem}.shade-finder-steps__slider-footer{gap:1rem;padding-top:1rem}.shade-finder-steps__slider-dots{position:relative;left:50%;transform:translate(-50%)}.shade-finder-steps__slider-dots ul{display:flex;gap:1rem;justify-content:center}.shade-finder-steps__slider-dots .simple-slider-dot{display:block;width:.8rem;height:.8rem;border-radius:100%;border:.15rem solid var(--color-black);background-color:var(--color-white)}.shade-finder-steps__slider-dots .simple-slider-dot.active{border-color:var(--color-black);background-color:var(--color-black)}.shade-finder simple-slider.last-slide:not([loop]) [data-slider-next]{opacity:1}.shade-finder__email-cta{background:var(--color-white);height:4.1rem;width:100%}.shade-finder__camera-wrapper,.mobile-opened .shade-finder__contents-wrapper{position:fixed;bottom:0;background:var(--color-white)}.shade-finder__camera-wrapper{display:none}.mobile-opened .shade-finder__camera-wrapper{display:block;height:100dvh;width:100vw}.mobile-opened .shade-finder{height:100dvh;display:block;position:relative}.mobile-opened #YMK-module>div>div,.mobile-opened #YMK-module-iframe{height:100dvh!important;width:100vw!important}.mobile-opened .shade-finder--header{display:flex;align-items:center;justify-content:center;height:5rem}.mobile-opened .shade-finder--header__logo{display:none}.mobile-opened .shade-finder--header__title{display:block}}.shade-finder__tab{gap:1rem;appearance:unset;-webkit-appearance:unset;padding:1rem 1.2rem;background:unset;border:0;font-size:1.8rem;line-height:1.3rem;border-radius:2rem;position:relative;color:var(--color-black)}.shade-finder__tab.selected{background:var(--color-black);color:var(--color-white)}.shade-finder__tab span{width:1.6rem;height:1.6rem;border-radius:100%}.shade-finder__tab[data-handle=recommended],.shade-finder__tab[data-handle=warmer]{margin-right:.8rem}.shade-finder__tab[data-handle=recommended]:after,.shade-finder__tab[data-handle=warmer]:after{content:"";position:absolute;width:.1rem;height:2.8rem;background:var(--color-light-gray);right:-.8rem;pointer-events:none}.shade-finder__tab-content{margin:1.4rem 0 0 2.2rem}@media (min-width: 1200px){.shade-finder__tab-content{margin:2.2rem 0 0 2.2rem}}.shade-finder__product{padding:.1rem .4rem 1.2rem;height:100%}.shade-finder__product-container{padding:1.6rem .8rem;box-shadow:0 .4rem 1.2rem #3e2b2e1a;border:.1rem solid var(--color-warm-white);background:var(--color-white);gap:1.2rem;justify-content:center;height:100%}.shade-finder__product-image img{width:100%;height:100%;object-fit:cover;display:block;max-width:15rem}.shade-finder__variant{margin-top:.8rem;display:flex;gap:.6rem;align-items:center}.shade-finder__variant-swatch{width:1.4rem;height:1.4rem}.shade-finder__product-action .button{height:4.1rem;padding:0;width:100%}.shade-finder__product-action .button .lds-ring{opacity:0;position:absolute}.shade-finder__product-action .button[loading] .lds-ring{opacity:1}.shade-finder__product-info{align-items:center;text-align:center}.shade-finder__product-action{margin-top:auto}.shade-finder__tab-content swiper-container{--swiper-navigation-size: 2rem;--swiper-navigation-color: black;--swiper-navigation-sides-offset: 3rem;--swiper-navigation-top-offset: 58%}@media screen and (min-width: 768px){.shade-finder__tab-content swiper-container{--swiper-navigation-sides-offset: 2rem}}@media screen and (min-width: 992px){.shade-finder__tab-content swiper-container{--swiper-navigation-sides-offset: 3rem}}.swiper-slide{height:auto}.swiper-slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-white);opacity:.75;cursor:pointer}.swiper-slide.selected:after{display:none}@media screen and (max-width: 767px){.shade-finder__tab-content{margin:1.1rem 0 0}.shade-finder__product{padding:.1rem 3.4rem 5.6rem}.shade-finder__product-container{padding:0;box-shadow:unset;flex-direction:row;position:relative}.shade-finder__product-image{width:8.3rem;min-width:8.3rem;height:8.3rem}.shade-finder__product-info{text-align:left;align-items:flex-start}.shade-finder__product-action{position:absolute;bottom:-5.7rem;left:-3.5rem;right:-3.5rem}.shade-finder__contents-wrapper.shade-finder__rendered .shade-finder__recommendations-step{display:none}.mobile-opened .shade-finder__contents-wrapper.shade-finder__rendered .shade-finder__recommendations-step{display:block}.shade-finder__contents-steps.m-none.shade-finder__init-step{display:block!important}.shade-finder__contents-wrapper.shade-finder__rendered .shade-finder__recommendations-step.shade-finder__contents-header{display:none}.mobile-opened .shade-finder__contents-steps.m-none.shade-finder__init-step{display:none!important}.shade-finder__contents-wrapper.shade-finder__rendered .shade-finder__contents-header.shade-finder__init-step{display:block!important}.mobile-opened .shade-finder__contents-wrapper .shade-finder__contents-header.shade-finder__init-step{display:none!important}.shade-finder__tab{scroll-snap-align:center}.shade-finder__tab[data-handle=recommended],.shade-finder__tab[data-handle=warmer]{margin-right:0}.shade-finder__tab[data-handle=recommended]:after,.shade-finder__tab[data-handle=warmer]:after{display:none}.shade-finder__tab[data-handle=cooler]{order:1}.shade-finder__tab[data-handle=warmer]{order:2}.shade-finder__tab[data-handle=recommended]{order:3}.shade-finder__tab[data-handle=lighter]{order:4}.shade-finder__tab[data-handle=deeper]{order:5}}
/*# sourceMappingURL=/cdn/shop/t/277/assets/section-shade-finder.css.map */