.el-legacy-guide{--skin-color-type1-primary: #87b1e3;--skin-color-type1-dark: #0098b9;--skin-color-type1-light: #98bde7;--skin-color-type2-primary: #ffa4d0;--skin-color-type2-dark: #d53971;--skin-color-type2-light: #ffb6d8;--skin-color-type3-primary: #65c590;--skin-color-type3-dark: #4c7f70;--skin-color-type3-light: #81cfa4;--skin-color-type4-primary: #ba99b8;--skin-color-type4-dark: #936c8b;--skin-color-type4-light: #d0bacf;--skin-color-type5-primary: #ffcb84;--skin-color-type5-dark: #ffaa40;--skin-container: 860px;--skin-product-size: 275px;--skin-content-padding: 15px;--skin-button-shape-right: 0 35px;--skin-button-shape-left: 35px 0px;--skin-color-30s_and_under-primary: #038083;--skin-color-40s-primary: #084E67;--skin-color-50s-primary: #67084E;--skin-color-60s-primary: #953B76;--skin-color-70s_plus-primary: #C85D5D;--skin-age-icon-color: var(--white) }.el-legacy-guide .skin-guide{overflow-x:hidden;padding-top:40px;padding-bottom:40px;font-size:18px}.el-legacy-guide .skin-guide .container{max-width:var(--skin-container);padding:0 10px;margin:0 auto}.el-legacy-guide .skin-guide h1{font-family:var(--font-heading-family),serif;font-size:55px;margin:0 auto 30px;line-height:.7;font-weight:300}.el-legacy-guide .skin-guide h1 .accent{color:var(--skin-color-type1-primary);text-transform:uppercase}.el-legacy-guide .skin-guide h2{font-size:24px}.el-legacy-guide .skin-guide h3{font-size:18px}.el-legacy-guide .skin-guide{font-size:14px}.el-legacy-guide .skin-guide__step-num h2,.el-legacy-guide .skin-guide h3,.el-legacy-guide .skin-guide__tab span{font-weight:600;line-height:1.3}.el-legacy-guide .skin-guide h3{margin-bottom:10px}.el-legacy-guide .skin-age-icon{color:var(--skin-age-icon-color)}.el-legacy-guide .skin-guide--background-dry{background-color:var(--skin-color-type1-primary)}.el-legacy-guide .skin-guide--background-combo{background-color:var(--skin-color-type2-primary)}.el-legacy-guide .skin-guide--background-oily{background-color:var(--skin-color-type3-primary)}.el-legacy-guide .skin-guide--background-normal{background-color:var(--skin-color-type4-primary)}.el-legacy-guide .skin-guide--background-help{background-color:var(--skin-color-type5-primary)}.el-legacy-guide .skin-guide--background-normal-dark{background-color:var(--skin-color-type1-dark)}.el-legacy-guide .skin-guide--background-30s_and_under{background-color:var(--skin-color-30s_and_under-primary)}.el-legacy-guide .skin-guide--background-40s{background-color:var(--skin-color-40s-primary)}.el-legacy-guide .skin-guide--background-50s{background-color:var(--skin-color-50s-primary)}.el-legacy-guide .skin-guide--background-60s{background-color:var(--skin-color-60s-primary)}.el-legacy-guide .skin-guide--background-70s_plus{background-color:var(--skin-color-70s_plus-primary)}.el-legacy-guide .skin-guide--background-dry.skin-guide__step-heading{background:linear-gradient(to right,var(--skin-color-type1-primary) 40%,var(--skin-color-type1-dark))}.el-legacy-guide .skin-guide--background-combo.skin-guide__step-heading{background:linear-gradient(to right,var(--skin-color-type2-primary) 40%,var(--skin-color-type2-dark))}.el-legacy-guide .skin-guide--background-oily.skin-guide__step-heading{background:linear-gradient(to right,var(--skin-color-type3-primary) 40%,var(--skin-color-type3-dark))}.el-legacy-guide .skin-guide--background-normal.skin-guide__step-heading{background:linear-gradient(to right,var(--skin-color-type4-primary) 40%,var(--skin-color-type4-dark))}.el-legacy-guide .skin-guide--background-30s_and_under.skin-guide__step-heading,.el-legacy-guide .skin-guide--background-40s.skin-guide__step-heading,.el-legacy-guide .skin-guide--background-50s.skin-guide__step-heading,.el-legacy-guide .skin-guide--background-60s.skin-guide__step-heading,.el-legacy-guide .skin-guide--background-70s_plus.skin-guide__step-heading{background:linear-gradient(to right,var(--skin-color-type1-primary) 40%,var(--skin-color-type1-dark))}.el-legacy-guide .skin-guide--background-dry .skin-guide__step-num .icon{fill:var(--skin-color-type1-light)}.el-legacy-guide .skin-guide--background-combo .skin-guide__step-num .icon{fill:var(--skin-color-type2-light)}.el-legacy-guide .skin-guide--background-oily .skin-guide__step-num .icon{fill:var(--skin-color-type3-light)}.el-legacy-guide .skin-guide--background-normal .skin-guide__step-num .icon{fill:var(--skin-color-type4-light)}.el-legacy-guide .skin-guide--text-dry{color:var(--skin-color-type1-primary)}.el-legacy-guide .skin-guide--text-combo{color:var(--skin-color-type2-primary)}.el-legacy-guide .skin-guide--text-oily{color:var(--skin-color-type3-primary)}.el-legacy-guide .skin-guide--text-normal{color:var(--skin-color-type4-primary)}.el-legacy-guide .skin-guide__header{text-align:center}.el-legacy-guide .skin-guide__header p .accent,.el-legacy-guide .skin-age-steps-subheading .accent{display:block;font-weight:600}.el-legacy-guide .skin-guide__header .age_accent{color:#038083}.el-legacy-guide .skin-guide__card{background-color:var(--white);margin-bottom:40px;padding:var(--skin-content-padding)}.el-legacy-guide .skin-guide__steps .skin-guide__card{padding:0;overflow:hidden}.el-legacy-guide .skin-guide__tab{margin-top:15px;text-align:center}.el-legacy-guide .skin-guide__tab-text{text-transform:uppercase;font-size:16px}.el-legacy-guide .skin-guide__tab-text--outer{display:none}.el-legacy-guide .skin-guide__btns{list-style:none}.el-legacy-guide .skin-guide__btn{position:relative;width:100%;height:60px;border-radius:8px;padding:10px;text-align:center}.el-legacy-guide .skin-guide__btn-icon{position:absolute;left:10px}.el-legacy-guide .skin-age-icon{transform:translateY(-15%)}.el-legacy-guide .skin-guide__btn>*,.el-legacy-guide .skin-guide__nav-arrow>*{pointer-events:none}.el-legacy-guide .skin-guide .icon{width:100%;max-width:60px;height:auto;display:inline}.el-legacy-guide .skin-guide__icon-container{display:flex;justify-content:center;flex:0 0 135px;height:135px;border-radius:var(--skin-button-shape-left)}.el-legacy-guide .skin-guide__help-details:nth-child(2n) .skin-guide__icon-container{border-radius:var(--skin-button-shape-right)}.el-legacy-guide .skin-guide__skin-type-heading{margin-bottom:20px;text-align:center}.el-legacy-guide .skin-guide .skin-guide__steps-heading-text{font-family:var(--font-heading-family),serif;font-weight:400;line-height:.8;margin-bottom:10px;font-size:40px}.el-legacy-guide .skin-guide__steps-heading-text .accent{text-transform:uppercase}.el-legacy-guide .skin-guide__steps{margin-left:10px;margin-right:10px}.el-legacy-guide .skin-guide__step-heading{position:relative;margin-bottom:40px;padding:var(--skin-content-padding);color:var(--black);overflow:hidden}.el-legacy-guide .skin-guide__step-num{display:flex;align-items:center}.el-legacy-guide .skin-guide__step-num .icon{max-width:40px}.el-legacy-guide .skin-guide__step-heading h2{margin-bottom:0;text-transform:uppercase}.el-legacy-guide .skin-guide__step-heading p{margin-bottom:0}.el-legacy-guide .skin-guide__step-icon{display:none}.el-legacy-guide .skin-guide__step-icon .icon{max-width:100px}.el-legacy-guide .skin-guide__step-text{max-width:80vw}.el-legacy-guide .skin-guide__best-seller{position:relative}.el-legacy-guide .skin-guide__best-seller-badge{position:absolute;z-index:1;left:50%;margin-left:-55px;padding:5px 14px;border-radius:20px;background-color:var(--pale-neutral-2);text-transform:uppercase;font-size:12px}.el-legacy-guide .skin-guide__expert-recommended-badge{display:block;background-color:var(--pale-neutral-2);text-transform:uppercase;font-weight:600;width:fit-content;padding:14px 20px;margin:0 auto}.el-legacy-guide .skin-guide__step-products{display:flex;overflow-x:scroll;padding:0 calc(100% - 95vw) 25px 25px}.el-legacy-guide .skin-guide__step-products--single{display:block}.el-legacy-guide .skin-guide__step-products--single product-card{margin:0 auto}.el-legacy-guide .skin-guide__featured-products{display:flex}.el-legacy-guide .skin-guide__step-products product-card{width:var(--skin-product-size)}.el-legacy-guide .skin-guide__step-products .ProductItem__Title{font-size:20px;font-weight:400}.el-legacy-guide .skin-guide a.product-title:hover{color:var(--link-color)}.el-legacy-guide .skin-guide__help-details{display:flex;align-items:center;gap:var(--skin-content-padding);margin-top:var(--skin-content-padding)}.el-legacy-guide .skin-guide__nav-arrows{display:flex;justify-content:space-between}.el-legacy-guide .skin-guide__nav-arrows .skin-guide__arrow{display:inline-block;background-color:var(--black)}.el-legacy-guide .skin-guide__arrow{border-radius:50%}.el-legacy-guide .skin-guide__arrow .icon{width:30px;height:30px;padding:4px;transform:rotate(90deg)}.el-legacy-guide .skin-guide__nav-arrows .skin-guide__arrow .icon{width:23px;height:20px;padding:0;transform:none;color:var(--white)}.el-legacy-guide .skin-guide__nav-arrow-text{margin:0 10px;font-size:16px;font-weight:500;text-transform:capitalize}.el-legacy-guide .skin-guide__help,.el-legacy-guide .skin-guide__steps,.el-legacy-guide .skin-guide__btn .skin-guide__arrow{display:none}.el-legacy-guide .skin-guide__help.active,.el-legacy-guide .skin-guide__steps.active{display:block}.el-legacy-guide .skin-guide__btn.active .skin-guide__arrow{display:inline-block}@media screen and (min-width:641px){.el-legacy-guide .skin-guide h1{max-width:600px;font-size:80px}.el-legacy-guide .skin-guide h2{font-size:40px}.el-legacy-guide .skin-guide__header p{font-size:20px;margin-bottom:50px}.el-legacy-guide .skin-guide__btns{display:flex;justify-content:space-between;gap:10px}.el-legacy-guide .skin-guide__tab{width:100%;max-width:135px;margin:0}.el-legacy-guide .skin-guide__btn-icon{position:static}.el-legacy-guide .skin-guide .icon{max-width:100px}.el-legacy-guide .skin-guide__btn-icon{top:0}.el-legacy-guide .skin-guide__tab-text--inner{display:none}.el-legacy-guide .skin-guide__tab-text--outer{display:inline-block;margin-top:10px}.el-legacy-guide .skin-guide__tab:nth-child(2n) .skin-guide__btn{border-radius:var(--skin-button-shape-right)}.el-legacy-guide .skin-guide__btn{height:141px;border-radius:var(--skin-button-shape-left);transition:all .8s}.el-legacy-guide .skin-guide__btn:hover{transform:scale(1.1)}.el-legacy-guide .skin-guide__btn .skin-guide__btn-content{flex:unset}.el-legacy-guide .skin-guide__skin-type-heading{display:flex;gap:20px;align-items:flex-end;text-align:left;margin-bottom:40px}.el-legacy-guide .skin-age-guide .skin-guide__skin-type-heading{width:auto;margin:0 auto 20px;padding:0;flex-direction:column;align-items:center}.el-legacy-guide .skin-age-guide .skin-guide__skin-type-heading .skin-guide__steps-heading-text{width:100%;text-align:center}.el-legacy-guide .skin-age-guide .skin-guide__skin-type-heading .skin-age-steps-subheading{width:80%;text-align:center}.el-legacy-guide .skin-guide__skin-type-heading .skin-guide__steps-heading-text{width:60%;margin-bottom:0;font-size:50px;text-align:right}.el-legacy-guide .skin-guide__steps-heading-text .accent{display:inline-block;padding-left:10px;background-color:var(--white)}.el-legacy-guide .skin-guide__steps-heading-text .accent-bar{position:relative}.el-legacy-guide .skin-guide__steps-heading-text .accent-bar:after{content:"";display:block;position:absolute;top:30px;z-index:-1;width:100%;height:1px;background-color:var(--black)}.el-legacy-guide .skin-guide__skin-type-heading p{width:40%}.el-legacy-guide .skin-guide__step-heading{display:flex;align-items:center;gap:10px;height:100px;border-radius:0 35px 0 0}.el-legacy-guide .skin-guide__step-num,.el-legacy-guide .skin-guide__step-icon{flex:1}.el-legacy-guide .skin-guide__step-heading p{flex:2;padding:10px 0}.el-legacy-guide .skin-guide__step-heading h2{position:relative;z-index:1;margin-left:40px;font-size:18px;text-transform:uppercase}.el-legacy-guide .skin-guide__steps{max-width:var(--skin-container);margin:0 auto;padding:0 10px}.el-legacy-guide .skin-guide__step-num{display:block}.el-legacy-guide .skin-guide__step-num .icon{position:absolute;top:-15px;left:-15px;max-width:132px}.el-legacy-guide .skin-guide__step-num .icon.icon--step2{top:-12px}.el-legacy-guide .skin-guide__step-icon{display:block;text-align:right}.el-legacy-guide .skin-age__section-heading{font-weight:600;text-align:center}.el-legacy-guide .skin-age-guide__step_icon-30s_and_under,.el-legacy-guide .skin-guide_color-badge-30s_and_under,.el-legacy-guide .skin-age__section-heading-30s_and_under{color:var(--skin-color-30s_and_under-primary)}.el-legacy-guide .skin-age-guide__step_icon-40s,.el-legacy-guide .skin-guide_color-badge-40s,.el-legacy-guide .skin-age__section-heading-40s{color:var(--skin-color-40s-primary)}.el-legacy-guide .skin-age-guide__step_icon-50s,.el-legacy-guide .skin-guide_color-badge-50s,.el-legacy-guide .skin-age__section-heading-50s{color:var(--skin-color-50s-primary)}.el-legacy-guide .skin-age-guide__step_icon-60s,.el-legacy-guide .skin-guide_color-badge-60s,.el-legacy-guide .skin-age__section-heading-60s{color:var(--skin-color-60s-primary)}.el-legacy-guide .skin-age-guide__step_icon-70s_plus,.el-legacy-guide .skin-guide_color-badge-70s_plus,.el-legacy-guide .skin-age__section-heading-70s_plus{color:var(--skin-color-70s_plus-primary)}.el-legacy-guide .skin-guide__help-details-container{display:flex;flex-wrap:wrap;margin-left:-3%}.el-legacy-guide .skin-guide__help-details{width:47%;margin-top:35px;margin-left:3%}.el-legacy-guide .skin-guide__btn.active .skin-guide__arrow{display:none}.el-legacy-guide .skin-guide__arrow.active{display:inline-block}}@media screen and (min-width:1008px){.el-legacy-guide .skin-guide__step-products{padding-right:var(--skin-content-padding);overflow-x:auto}.el-legacy-guide .skin-guide__featured-products{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.el-legacy-guide .skin-guide_direction-column{flex-direction:column}.el-legacy-guide .skin-guide__best-seller,.el-legacy-guide .skin-guide__featured-products{flex:1}.el-legacy-guide .skin-guide__best-seller product-card{width:auto}.el-legacy-guide .skin-guide__featured-products product-card{max-width:155px;margin-right:35px}.el-legacy-guide .skin-guide__step-products--single product-card{max-width:300px}}.el-legacy-guide{--white:#fff;--black:#111;color:#1c1c1c}.el-legacy-guide product-card{display:block;min-width:0}.el-legacy-guide .el-native-guide-card{width:100%}.el-legacy-guide .skin-guide__best-seller{min-width:200px}.el-legacy-guide .skin-guide__featured-products{align-items:start}.el-legacy-guide .skin-guide__featured-products .el-native-guide-card{max-width:210px}.el-legacy-guide .skin-guide__best-seller .el-native-guide-card{max-width:300px}.el-legacy-guide .skin-guide__tab-text,.el-legacy-guide .skin-guide__btn-icon{pointer-events:none}@media(max-width:640px){.el-legacy-guide .skin-guide__btn-icon{display:block;width:48px;height:48px;top:6px;left:10px}.el-legacy-guide .skin-guide__btn-icon .icon{width:48px;height:48px;max-width:48px}}
/*# sourceMappingURL=/cdn/shop/t/924/assets/el-skin-guides.css.map */