.shade-finder{z-index:12;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;padding:1.1428571429rem 0;visibility:hidden;transition-property:opacity,visibility;transition-duration:.4s}.shade-finder.shade-finder--open{opacity:1;visibility:visible}.shade-finder .shade-finder__overlay{position:fixed;top:0;left:0;right:0;bottom:0;opacity:.4;background-color:#000}.shade-finder .shade-finder__content{background-color:#fff;max-width:88.7142857143rem;max-height:100%;margin:1.1428571429rem;overflow-y:auto;position:relative;width:100%;z-index:1}.shade-finder .shade-finder__close-button{bottom:1.4285714286rem;height:1rem;position:absolute;right:1.4285714286rem;top:1.4285714286rem;width:1rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__close-button{right:1.1428571429rem;top:1.1428571429rem}}.shade-finder .shade-finder__close-button svg{display:block;height:100%;width:100%}.shade-finder .shade-finder__wrapper{display:flex}.shade-finder .shade-finder__wrapper.hidden{display:none}@media screen and (max-width: 768px){.shade-finder .shade-finder__wrapper{flex-direction:column-reverse}}.shade-finder .shade-finder__column{width:50%}@media screen and (max-width: 768px){.shade-finder .shade-finder__column{width:100%}}.shade-finder .shade-finder__column--content{display:flex;flex-direction:column;justify-content:center;padding:1.7142857143rem 4.5rem 1.7142857143rem 6.4285714286rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__column--content{padding-left:1.1428571429rem;padding-right:1.1428571429rem;padding-bottom:3.4285714286rem;text-align:center}}.shade-finder .shade-finder__title{margin-bottom:1.9285714286rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__title{margin-bottom:1.1428571429rem}}@media screen and (max-width: 768px){.shade-finder .shade-finder__title.shade-finder__title--small h1{font-size:2.2857142857rem}}.shade-finder .shade-finder__title h1{letter-spacing:-.02em;line-height:1.35}@media screen and (max-width: 768px){.shade-finder .shade-finder__title h1{font-size:3.2142857143rem}}.shade-finder .shade-finder__title strong{background-color:#f7ffa4;font-weight:500;padding:0 .0714285714rem}.shade-finder .shade-finder__text{color:#787878;letter-spacing:.02em}@media screen and (max-width: 768px){.shade-finder .shade-finder__text{font-size:1rem}}.shade-finder .shade-finder__button-wrapper{margin-top:4rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__button-wrapper{margin-top:2.8571428571rem}}.shade-finder .shade-finder__button-label{color:#787878;margin-top:1.1428571429rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__button-label{font-size:1rem}}.shade-finder .shade-finder__button-label svg{margin-left:1.1071428571rem;margin-right:.2857142857rem;vertical-align:top}@media screen and (max-width: 768px){.shade-finder .shade-finder__button-label svg{margin-left:0}}.shade-finder .shade-finder__image img{display:block;height:auto;width:100%}@media screen and (max-width: 768px){.shade-finder .shade-finder__image img{max-height:14.2857142857rem;object-fit:cover}}.shade-finder .shade-finder__stage{overflow:hidden;text-align:center}.shade-finder .shade-finder__stage.hidden{display:none}.shade-finder .shade-finder__stage-header{align-items:center;display:flex;justify-content:center;margin-bottom:2.2857142857rem;margin-top:4rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-header{margin-top:2.8571428571rem;max-height:14.2857142857rem;object-fit:cover}}.shade-finder .shade-finder__stage-header-circle{align-items:center;background-color:#f1ebe7;border-radius:50%;color:#000;display:flex;justify-content:center;height:1.5714285714rem;min-width:1.5714285714rem;font-size:.7857142857rem}.shade-finder .shade-finder__stage-header-circle.shade-finder__stage-header-circle--active{background-color:#000;color:#fff}.shade-finder .shade-finder__stage-header-circle.shade-finder__stage-header-circle--text{border-radius:.8571428571rem;padding:.25rem .5714285714rem}.shade-finder .shade-finder__stage-header-line{height:.2142857143rem;width:5.5714285714rem;background-color:#f1ebe7}.shade-finder .shade-finder__stage-header-line.shade-finder__stage-header-line--active{background-color:#f3bf9f}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-header-line{width:3.3571428571rem}}.shade-finder .shade-finder__stage-title{margin-bottom:4.5714285714rem}.shade-finder .shade-finder__stage-title.shade-finder__stage-title--share-result{margin-bottom:1.1428571429rem;margin-top:6.7142857143rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-title{font-size:1.7142857143rem;margin-bottom:1.7857142857rem;line-height:1.4}.shade-finder .shade-finder__stage-title.shade-finder__stage-title--share-result{margin-bottom:1.1428571429rem;margin-top:4.2857142857rem}}.shade-finder .shade-finder__stage-subtitle{color:#787878;margin-bottom:4rem}.shade-finder .shade-finder__stage-save-result-form-wrapper{margin-bottom:9rem;margin-top:4rem;margin-left:auto;margin-right:auto;max-width:31.2142857143rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-save-result-form-wrapper{margin-bottom:5.7142857143rem;margin-top:3.5714285714rem}}.shade-finder .shade-finder__stage-save-result-form .input__wrapper{margin-bottom:2.1428571429rem;width:100%}.shade-finder .shade-finder__stage-save-result-form .button{margin-top:1.4285714286rem;width:100%}.shade-finder .shade-finder__stage-save-result-form .label__text p{color:#787878;font-size:.7857142857rem;text-align:left}.shade-finder .shade-finder__stage-save-result-form .label__text a{color:#787878;margin-left:0;text-decoration:underline}.shade-finder .shade-finder__stage-save-result-form input{background-color:#fff}.shade-finder .shade-finder__stage-save-result-form input+label{background-color:#fff;opacity:0}.shade-finder .shade-finder__stage-save-result-form input:focus+label{opacity:1}.shade-finder .shade-finder__stage-skip-save-result-wrapper{margin-top:1.4285714286rem;text-align:center}.shade-finder .shade-finder__stage-skip-save-result{border-bottom:1px solid #000;display:inline-block;font-size:.9285714286rem;text-decoration:none}.shade-finder .shade-finder__stage-main{padding:0 1.1428571429rem}.shade-finder .shade-finder__stage-tones{display:flex;justify-content:center}.shade-finder .shade-finder__stage-tone-wrapper{width:5.3571428571rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-tone-wrapper{width:3.1428571429rem}}.shade-finder .shade-finder__stage-tone{cursor:var(--pointer-cursor);display:block;height:3.4285714286rem;position:relative;width:100%;margin-top:4px}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-tone{height:2.5rem}}.shade-finder .shade-finder__stage-tone input,.shade-finder .shade-finder__stage-tone-input{display:none}.shade-finder .shade-finder__stage-tone-input:checked+.shade-finder__stage-tone{border:2px solid #000;height:4rem;margin-top:0}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-tone-input:checked+.shade-finder__stage-tone{height:3.0714285714rem}}.shade-finder .shade-finder__stage-tone-input:checked+.shade-finder__stage-tone:after{border:2px solid #fff;content:"";left:0;height:calc(100% - 4px);top:0;position:absolute;width:calc(100% - 4px)}.shade-finder .shade-finder__stage-tone-input:checked+.shade-finder__stage-tone+.shade-finder__stage-tone-label{color:#000}.shade-finder .shade-finder__stage-tone-label{display:inline-block;color:#787878;margin-top:.5714285714rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-tone-label{font-size:.6428571429rem}}.shade-finder .shade-finder__stage-tone-tabs{margin-bottom:3.9285714286rem;margin-top:3.4285714286rem;padding:0 4.6428571429rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-tone-tabs{margin-bottom:1.4285714286rem;margin-top:1.4285714286rem;margin-left:auto;margin-right:auto;max-width:30rem}}.shade-finder .shade-finder__stage-tone-tab{display:none;justify-content:center;margin:0 -.3571428571rem}.shade-finder .shade-finder__stage-tone-tab.shade-finder__stage-tone-tab--active{display:flex}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-tone-tab{flex-wrap:wrap;margin:0 -.2142857143rem}}.shade-finder .shade-finder__stage-tone-tab-image{width:12.7142857143rem;padding:0 .3571428571rem}.shade-finder .shade-finder__stage-tone-tab-image img{display:inline-block;height:100%;width:100%}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-tone-tab-image{width:50%;padding:0 .2142857143rem}.shade-finder .shade-finder__stage-tone-tab-image:nth-child(n+3){margin-top:.3571428571rem}}.shade-finder .shade-finder__stage-footer{background-color:#fdfcf8;border-top:1px solid #c7c7c7;display:flex;padding:2.2857142857rem 6.4285714286rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-footer{padding:1.1428571429rem}.shade-finder .shade-finder__stage-footer button{min-width:7.4285714286rem}}.shade-finder .shade-finder__stage-footer-next{margin-left:auto}.shade-finder .shade-finder__stage-list{margin-left:auto;margin-right:auto;margin-bottom:12.2142857143rem;margin-top:9.2142857143rem;padding:0;text-align:left;list-style:none;width:15.3571428571rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-list{margin-bottom:5.7142857143rem;margin-top:3.2142857143rem;width:15rem}}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-list.shade-finder__stage-list--small{margin-top:4.6428571429rem;width:11.4285714286rem}}.shade-finder .shade-finder__stage-list-item+.shade-finder__stage-list-item{margin-top:2.3571428571rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-list-item+.shade-finder__stage-list-item{margin-top:2.8571428571rem}}.shade-finder .shade-finder__stage-list-item-label{position:relative}.shade-finder .shade-finder__stage-list-item-label:before{content:"";border:1.5px solid #000;border-radius:50%;display:inline-block;margin-right:1.1428571429rem;height:1.2857142857rem;vertical-align:middle;width:1.2857142857rem}.shade-finder .shade-finder__stage-list-item-label svg{position:absolute;left:.3571428571rem;top:.4285714286rem;opacity:0;visibility:hidden;width:.7142857143rem}@media screen and (max-width: 1024px){.shade-finder .shade-finder__stage-list-item-label svg{left:.3571428571rem;top:.2857142857rem}}@media screen and (max-width: 768px){.shade-finder .shade-finder__stage-list-item-label svg{left:.3571428571rem;top:.4285714286rem}}.shade-finder .shade-finder__stage-list-item-input{display:none}.shade-finder .shade-finder__stage-list-item-input:checked+.shade-finder__stage-list-item-label svg{opacity:1;visibility:visible}.shade-finder .shade-finder__stage-footer-start-over{margin:0 auto}.shade-finder .shade-finder__variants{display:none}.shade-finder .shade-finder__product{border:1px solid #c7c7c7}.shade-finder .shade-finder__product .before-after{padding-top:0}.shade-finder .shade-finder__product-before-after-title{text-align:center;margin-bottom:.7142857143rem;margin-top:1.7142857143rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__product-before-after-title{margin-top:1.1428571429rem}}.shade-finder .shade-finder__product-before-after-subtitle{text-align:center;margin-bottom:1.7857142857rem}.shade-finder .shade-finder__product-before-after-image-container{margin:auto;position:relative;width:100%}.shade-finder .shade-finder__product-before-after-image.shade-finder__product-before-after-image--first{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%;z-index:2}.shade-finder .shade-finder__product-before-after-image.shade-finder__product-before-after-image--second{display:block}.shade-finder .shade-finder__product-before-after-image.shade-finder__product-before-after-image--second img{display:block;max-width:100%;width:100%}.shade-finder .shade-finder__product-before-after-image img{display:block;height:100%;width:auto}.shade-finder .shade-finder__product-before-slider-button{position:absolute;display:flex;align-items:center;z-index:5;top:0;left:50%;height:100%;width:4px;background:#fff;-ms-touch-action:pan-y;touch-action:pan-y}.shade-finder .shade-finder__product-before-slider-button:after{background-color:#fffc;background-image:url('data:image/svg+xml,<svg width="24" height="31" viewBox="0 0 24 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.62216 0.752511C3.95634 0.25958 2.87684 0.25958 2.21102 0.752511C1.54521 1.24544 1.54521 2.04464 2.21102 2.53757L19.0994 15.0408L1.00608 28.436C0.34026 28.9289 0.34026 29.7281 1.00608 30.2211C1.67189 30.714 2.75139 30.714 3.41721 30.2211L21.5112 16.8254C21.7306 16.6629 21.8777 16.4671 21.9525 16.2601C22.2322 16.2047 22.4966 16.0958 22.7161 15.9333C23.3819 15.4404 23.3819 14.6412 22.7161 14.1482L4.62216 0.752511Z" fill="%23787878"/></svg>');background-position:center;background-repeat:no-repeat;border-radius:50%;content:"";display:inline-block;height:70px;position:absolute;transform:translate(-50%);width:70px}@media screen and (max-width: 768px){.shade-finder .shade-finder__product-before-slider-button:after{background-image:url('data:image/svg+xml,<svg width="13" height="17" viewBox="0 0 13 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.10202 1.25398C2.43621 0.761045 1.35671 0.761045 0.69089 1.25398C0.0250745 1.74691 0.0250745 2.54611 0.69089 3.03904L8.39743 8.74452L0.926736 14.2754C0.260921 14.7683 0.260921 15.5675 0.926736 16.0605C1.59255 16.5534 2.67205 16.5534 3.33787 16.0605L11.9254 9.70277C12.5393 9.24828 12.5871 8.53342 12.069 8.03832C11.9858 7.88295 11.8593 7.73735 11.6895 7.61165L3.10202 1.25398Z" fill="%23787878"/></svg>');height:38px;width:38px}}.shade-finder .shade-finder__product-wrapper{display:flex;padding:1.7142857143rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__product-wrapper{flex-direction:column;padding:1.1428571429rem}}.shade-finder .shade-finder__result-slider{margin-top:2.2857142857rem;margin-bottom:5.3571428571rem;padding:0 23%}@media screen and (max-width: 768px){.shade-finder .shade-finder__result-slider{padding:0 8%}}.shade-finder .shade-finder__result-pagination{display:none;justify-content:space-between;margin:0 auto;position:relative;max-width:28.7857142857rem}.shade-finder .shade-finder__result-pagination:after{border-bottom:1px dashed #000;bottom:.5714285714rem;content:"";display:block;left:50%;position:absolute;transform:translate(-50%);width:21.7857142857rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__result-pagination:after{width:calc(100% - 102px)}}.shade-finder .shade-finder__result-pagination-item{align-items:center;display:flex;flex-direction:column;color:#787878;transition:color .4s}.shade-finder .shade-finder__result-pagination-item.shade-finder__result-pagination-item--active{color:#000}.shade-finder .shade-finder__result-pagination-item.shade-finder__result-pagination-item--active .shade-finder__result-pagination-item-dot{background-color:#000;border-color:#000}.shade-finder .shade-finder__result-pagination-item-dot{border:.4285714286rem solid currentColor;border-radius:50%;height:1.1428571429rem;margin-top:.5714285714rem;transition-property:background-color,border-color;transition-duration:.4s;width:1.1428571429rem}.shade-finder .shade-finder__product-column{width:42%}@media screen and (max-width: 768px){.shade-finder .shade-finder__product-column{width:100%}}.shade-finder .shade-finder__product-column.shade-finder__product-column--content{display:flex;flex-direction:column;padding-bottom:.3571428571rem;padding-left:1.8571428571rem;text-align:left;width:58%}@media screen and (max-width: 768px){.shade-finder .shade-finder__product-column.shade-finder__product-column--content{padding-left:0;padding-top:.8571428571rem;text-align:center;width:100%}}.shade-finder .shade-finder__product-column img{display:inline-block;height:auto;object-fit:cover;width:100%}@media screen and (max-width: 768px){.shade-finder .shade-finder__product-column img{max-height:13.8571428571rem}}.shade-finder span.stamped-badge{text-align:left}@media screen and (max-width: 768px){.shade-finder span.stamped-badge{text-align:center}}.shade-finder .shade-finder__product-title{margin-bottom:.5714285714rem;margin-top:1.7142857143rem}@media screen and (max-width: 768px){.shade-finder .shade-finder__product-title{font-size:1.7142857143rem;margin-bottom:.1428571429rem;margin-top:1.1428571429rem}}.shade-finder .shade-finder__product-subtitle{font-size:.9285714286rem;color:#787878}.shade-finder .shade-finder__product-result-shade{font-size:.9285714286rem;margin-bottom:1.1428571429rem;margin-top:auto}@media screen and (max-width: 768px){.shade-finder .shade-finder__product-result-shade{margin-bottom:.5714285714rem;margin-top:1rem}}.shade-finder .shade-finder__product-result-shade span{color:#787878}.shade-finder .shade-finder__product-button .product-price__container{pointer-events:none}@media screen and (max-width: 768px){.shade-finder .shade-finder__product-button{width:100%}}.shade-finder .shade-finder__product-button .product-price__container{margin-left:.3571428571rem}.shade-finder .shade-finder__product-button .product-item__price-compare{display:none}.shade-finder .shade-finder__product-dewy-day-shade{color:#787878;font-size:.9285714286rem;margin-top:.5714285714rem}
/*# sourceMappingURL=/cdn/shop/t/60/assets/shade-finder.css.map */