.skin-quiz__landing{position:relative;background-color:#90b7e1;min-height:calc(100vh - 135px)}.skin-quiz__landing__content{position:absolute;left:0;right:0;top:50%;z-index:2;max-width:700px;transform:translateY(-50%);margin:auto;text-align:center}.skin-quiz__landing__superheading{font-family:var(--heading-font-family);font-size:20px;letter-spacing:.194em;text-transform:uppercase;font-weight:700;color:#fff}.skin-quiz__landing__title{position:relative;font-weight:900;font-size:36px;width:100%;max-width:1270px;margin:.5rem auto;text-align:center;letter-spacing:.1214814815em!important;text-transform:uppercase;color:#fff}.skin-quiz__landing__text{font-family:var(--heading-font-family);font-size:19px;line-height:1.8421052632em;font-weight:700;letter-spacing:.08315789474em;margin:1.5em 0 2.5em;color:#fff}.skin-quiz__landing__button{font-weight:900}.skin-quiz__landing__image{position:absolute;z-index:1;right:0;bottom:0;width:28%}.skin-quiz__results__header{position:relative;background-color:#bebdc1;background:linear-gradient(180deg,#bebdc1,#b6b6b8);height:480px}.skin-quiz__results__header__content{position:absolute;right:0;left:0;top:50%;z-index:2;max-width:556px;transform:translateY(-50%);margin:auto;text-align:center}.skin-quiz__results__header__superheading{font-family:var(--heading-font-family);font-size:20px;letter-spacing:.194em;text-transform:uppercase;font-weight:700}.skin-quiz__results__header__title{position:relative;font-weight:400;font-size:36px;width:100%;max-width:1270px;margin:.5rem auto;text-align:center;letter-spacing:.1214814815em!important;text-transform:uppercase;font-family:Canela,Georgia}.skin-quiz__results__header__text{font-family:var(--heading-font-family);font-size:19px;line-height:1.8421052632em;font-weight:700;letter-spacing:.08315789474em}.skin-quiz__results__header__image,.skin-quiz__results__header__mobile-image{position:absolute;z-index:1;left:0;bottom:0;height:100%;width:100%;object-fit:cover;object-position:center left}.skin-quiz__results__header__mobile-image{display:none}.skin-quiz__results__header__button{background-color:transparent;color:#000;border:1px solid #000;margin-top:30px}.skin-quiz__results__pre-title{position:relative;font-weight:500;font-size:27px;width:100%;max-width:1270px;margin:3.5rem auto;text-align:center;letter-spacing:.1214814815em!important}.skin-quiz__results__pre-title:after{content:"";position:absolute;z-index:1;top:50%;left:0;transform:translateY(-50%);height:1px;background-color:#000;width:100%}.skin-quiz__results__pre-title span{position:relative;z-index:2;display:inline-block;padding:0 35px;background-color:#fff}.skin-quiz__result{display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:1310px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;flex-wrap:wrap}.skin-quiz__result__item{width:22%;margin-right:4%;margin-bottom:60px}.skin-quiz__result__item:last-of-type{margin-right:0}.skin-quiz__result__step{text-align:center}.skin-quiz__result__step__number{font-family:var(--heading-font-family);color:#6c767f;font-weight:700;font-size:24px;letter-spacing:.0975em;line-height:1;padding:10px 20px 5px;text-transform:uppercase;border:1px solid #6c767f;display:inline-block}.skin-quiz__result__step__label{font-family:var(--heading-font-family);font-weight:900;font-size:27px;letter-spacing:.1213333333em;text-transform:uppercase;margin-top:7px;margin-bottom:17px}.skin-quiz__result__tip{width:100%;max-width:890px;margin:0 auto;padding:0 0 3em;text-align:center;font-size:18px;line-height:1.5555555556;letter-spacing:.08333333333em}.skin-quiz__cta{position:relative;height:480px}.skin-quiz__cta__content{position:absolute;left:0;right:0;top:50%;z-index:2;max-width:550px;transform:translateY(-50%);margin:auto;text-align:center}.skin-quiz__cta__title{position:relative;font-weight:900;font-size:36px;width:100%;max-width:1270px;margin:.5rem auto;text-align:center;letter-spacing:.1214814815em!important;text-transform:uppercase}.skin-quiz__cta__text{font-family:var(--heading-font-family);font-size:19px;line-height:1.8421052632em;font-weight:700;letter-spacing:.08315789474em}.skin-quiz__cta__image{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center right}.skin-quiz__cta__button{background-color:transparent;color:#000;border:1px solid #000}.skin-quiz__quiz{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:50px 20px 80px;width:100%;max-width:1310px;margin-left:auto;margin-right:auto;min-height:calc(100vh - 135px)}.skin-quiz__quiz__inner{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}.skin-quiz__quiz__nav{font-size:20px;letter-spacing:.139em;font-family:var(--text-font-family);width:100%;text-align:center;margin-bottom:70px}.skin-quiz__quiz__question{width:100%;text-align:center;margin-bottom:40px}.skin-quiz__quiz__question__text{font-family:var(--heading-font-family);letter-spacing:.08333333333em;font-size:30px;font-weight:300;text-align:center;max-width:500px;margin-left:auto;margin-right:auto}.skin-quiz__quiz__question__input{width:100%}.skin-quiz__quiz__question__input input{border:1px solid var(--button-background);line-height:1.3;padding:10px 15px;width:350px;max-width:100%;display:block;margin:20px auto;text-align:center}.skin-quiz__quiz__cta{width:100%;margin-bottom:2rem}@media screen and (min-width: 1025px){.skin-quiz__quiz__question__options--std,.skin-quiz__quiz__question__options--horizontal,.skin-quiz__quiz__question__options--vertical{max-width:100%;min-width:600px;margin-left:auto;margin-right:auto;display:inline-flex;justify-content:space-between}.skin-quiz__quiz__question__options--std{border-top:1px solid #979797;margin-top:70px}.skin-quiz__quiz__question__options--std .skin-quiz__quiz__question__option{position:relative;font-family:var(--text-font-family);color:#000;font-size:14px;letter-spacing:.1em;line-height:1.7;text-align:center;min-width:120px;padding:80px 15px 40px;font-weight:700;margin:-20px 10px 0}.skin-quiz__quiz__question__options--std .skin-quiz__quiz__question__option:first-of-type{margin-left:0}.skin-quiz__quiz__question__options--std .skin-quiz__quiz__question__option:last-of-type{margin-right:0}.skin-quiz__quiz__question__options--std .skin-quiz__quiz__question__option:before{position:absolute;content:"";width:1px;height:40px;left:50%;top:0;background-color:#979797}.skin-quiz__quiz__question__options--std .skin-quiz__quiz__question__option.active:before{position:absolute;content:"";width:24px;height:24px;left:50%;transform:translate(-50%);top:6px;background-color:var(--button-background);border-radius:100%}.skin-quiz__quiz__question__options--horizontal{width:100%;min-width:unset;max-width:804px;flex-wrap:wrap;justify-content:center}.skin-quiz__quiz__question__options--horizontal .skin-quiz__quiz__question__option{width:175px;height:150px;margin:26px 13px;padding:20px;border:1px solid #000;font-weight:700;font-size:18px;letter-spacing:.1em;line-height:1.1667;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.skin-quiz__quiz__question__options--9.skin-quiz__quiz__question__options--horizontal .skin-quiz__quiz__question__option{font-size:14px}.skin-quiz__quiz__question__options--horizontal span{display:block;width:100%}.skin-quiz__quiz__question__options--horizontal span.skin-quiz__quiz__question__option__dot{display:block;width:15px;height:15px;border-radius:100%;border:1px solid #979797;margin:auto auto 10px}.skin-quiz__quiz__question__option__dot.active{border-color:var(--button-background);background-color:var(--button-background)}.skin-quiz__quiz__question__options--vertical{margin-top:55px;display:block}.skin-quiz__quiz__question__options--vertical .skin-quiz__quiz__question__option{width:270px;border:1px solid #000;font-size:14px;letter-spacing:.1em;min-height:60px;padding:15px;text-align:center;display:block;margin:0 auto 20px;font-weight:700}.skin-quiz__quiz__question__options--vertical .skin-quiz__quiz__question__option.active{border-color:var(--button-background);background-color:var(--button-background);color:#fff}}.skin-quiz__quiz__next{padding:14px 27px}.Footer--withMargin{margin-top:0!important}@media screen and (max-width: 1024px){.skin-quiz__landing{height:calc(var(--window-height) - 170px)}.skin-quiz__landing__content{padding:20px}.skin-quiz__landing__superheading{font-size:10px}.skin-quiz__landing__title{font-size:24px}.skin-quiz__landing__text{font-size:12px}.skin-quiz__landing__image{position:absolute;z-index:1;right:0;bottom:0;width:36.5%}.skin-quiz__results__header{height:480px;height:calc(75vw + 200px)}.skin-quiz__results__header__content{right:0;left:0;top:40px;transform:none;padding:20px}.skin-quiz__results__header__superheading{font-size:10px}.skin-quiz__results__header__title{font-size:21px}.skin-quiz__results__header__text{font-size:12px}.skin-quiz__results__header__image{display:none}.skin-quiz__results__header__mobile-image{display:block}.skin-quiz__results__header__image{display:block;width:100%;height:100%}.skin-quiz__results__header__button{margin-top:0}.skin-quiz__results__pre-title{font-size:16px;margin:2rem auto}.skin-quiz__results__pre-title span{padding:0 20px}.skin-quiz__result__item{width:45%;margin-right:auto;margin-left:auto;max-width:280px}.skin-quiz__result__item:last-of-type{margin-right:auto}.skin-quiz__result__step__number{font-size:18px}.skin-quiz__result__step__label{font-size:24px}.skin-quiz__cta{position:relative;height:150vw;background-color:#76a5b2}.skin-quiz__cta__content{padding:20px;top:3%;transform:none}.skin-quiz__cta__title{font-size:24px}.skin-quiz__cta__text{font-size:12px}.skin-quiz__cta__image{left:unset;right:0;width:100%;height:67%}.skin-quiz__quiz{padding:30px 20px;min-height:calc(var(--window-height) - 170px);height:auto}.skin-quiz__quiz__inner{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}.skin-quiz__quiz__nav{font-size:16px;margin-bottom:10px}.skin-quiz__quiz__question{width:100%;text-align:center;margin-bottom:20px}.skin-quiz__quiz__question__text{font-size:20px}.skin-quiz__quiz__question__input input{border:1px solid var(--button-background);line-height:1.3;padding:10px 15px;width:350px;max-width:100%;display:block;margin:20px auto;text-align:center}.skin-quiz__quiz__question__option{padding:10px;border:1px solid #979797;display:block;width:100%;margin:12px 0;font-weight:700}.skin-quiz__quiz__question__option.active{background-color:var(--button-background);border-color:var(--button-background);color:#fff}.skin-quiz__quiz__next{padding:14px 27px}}@media screen and (max-width: 600px){.skin-quiz__result__step__label{font-size:18px}.ProductItem__Info .Button.Button--primary{margin-top:1rem;padding:14px 12px}.skin-quiz__result__step__number{font-size:12px;padding:9px 12px 7px}.product-tags__item{border-radius:4px;text-transform:uppercase;color:#000;border:1px solid #525252;padding:4px 2px;font-size:8px;line-height:1;display:inline-block;margin:0 2px 6px}.ProductItem__Info{margin-top:10px}.ProductItem .ProductItem__Title.Heading{margin-bottom:0}.ProductItem .ProductItem__Title.Heading{font-size:14px}.features--heading-uppercase .ProductItem__Info{line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/skin-quiz.css.map */