.skin-concern-selector{display:block;width:100%}.skin-concern-selector__header{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;width:min(68rem,100%);margin:0 0 3.2rem}.skin-concern-selector__heading{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(calc(var(--font-heading-scale) * 3.4rem),4vw,calc(var(--font-heading-scale) * 5.2rem));line-height:1.08;letter-spacing:-.01em}.skin-concern-selector__subheading{margin:0;max-width:48rem;color:rgba(var(--color-foreground),.7);font-family:var(--font-body-family);font-size:1.7rem;line-height:1.6}.skin-concern-selector__subheading.rte p{margin:0}.skin-concern-selector__body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:start;gap:4vw}.skin-concern-selector__list{display:flex;flex-direction:column;border-top:.1rem solid rgba(var(--color-foreground),.12)}.skin-concern-selector__item{position:relative;display:flex;align-items:baseline;gap:1.6rem;width:100%;margin:0;padding:2.6rem 0 2.6rem 1.8rem;border:none;border-bottom:.1rem solid rgba(var(--color-foreground),.12);background:transparent;cursor:pointer;text-align:left;-webkit-appearance:none;appearance:none}.skin-concern-selector__item:before{content:"";position:absolute;top:0;left:0;width:.3rem;height:100%;background:#c89e47;opacity:0;transform:scaleY(.3);transform-origin:center;transition:opacity .4s ease,transform .4s ease}.skin-concern-selector__item.is-active:before{opacity:1;transform:scaleY(1)}.skin-concern-selector__item-index{flex:0 0 auto;padding-top:.4rem;color:rgba(var(--color-foreground),.35);font-family:var(--font-body-family);font-size:1.3rem;font-variant-numeric:tabular-nums;letter-spacing:.05em;transition:color .4s ease}.skin-concern-selector__item.is-active .skin-concern-selector__item-index{color:#c89e47}.skin-concern-selector__item-copy{display:flex;flex-direction:column;gap:.8rem;min-width:0}.skin-concern-selector__item-label{color:rgba(var(--color-foreground),.45);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:clamp(2.2rem,2.4vw,3rem);font-weight:var(--font-heading-weight);letter-spacing:.04em;line-height:1.15;text-transform:uppercase;transition:color .4s ease,transform .4s ease}.skin-concern-selector__item.is-active .skin-concern-selector__item-label{color:#c89e47;transform:translate(.4rem)}.skin-concern-selector__item-desc{max-width:34rem;color:rgba(var(--color-foreground),.55);font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5;opacity:.55;transition:opacity .4s ease}.skin-concern-selector__item.is-active .skin-concern-selector__item-desc{opacity:1}.skin-concern-selector__item:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem}.skin-concern-selector__stage{position:relative;display:grid}.skin-concern-selector__panel{grid-area:1 / 1;display:flex;flex-direction:column;gap:2.8rem;opacity:0;visibility:hidden;transform:translateY(1rem) scale(.99);filter:blur(6px);pointer-events:none;transition:opacity .6s ease,transform .6s ease,filter .6s ease,visibility 0s linear .6s}.skin-concern-selector__panel.is-active{position:relative;z-index:1;opacity:1;visibility:visible;transform:none;filter:blur(0);pointer-events:auto;transition:opacity .6s ease,transform .6s ease,filter .6s ease,visibility 0s linear 0s}.skin-concern-selector__media{display:flex;align-items:flex-start;justify-content:center;max-height:380px;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:rgba(var(--color-foreground),.03);border-radius:8px}.skin-concern-selector__image{max-width:100%;max-height:380px;width:auto;height:auto;object-fit:contain;object-position:top center}.skin-concern-selector__image--placeholder{width:55%;height:55%;object-fit:contain;opacity:.6}.skin-concern-selector__panel-body{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;max-width:46rem}.skin-concern-selector__eyebrow{color:rgba(var(--color-foreground),.55);font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.skin-concern-selector__product-name{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.2rem,2vw + 1rem,3rem);line-height:1.2}.skin-concern-selector__panel-desc{margin:0;color:rgba(var(--color-foreground),.7);font-family:var(--font-body-family);font-size:1.6rem;line-height:1.6}.skin-concern-selector__cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:.6rem;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.5rem;font-weight:600;letter-spacing:.04em;text-decoration:none}.skin-concern-selector__cta span:first-child{position:relative}.skin-concern-selector__cta span:first-child:after{content:"";position:absolute;left:0;bottom:-.3rem;width:100%;height:.1rem;background:currentColor;transform:scaleX(.3);transform-origin:left;transition:transform .35s ease}.skin-concern-selector__cta:hover span:first-child:after{transform:scaleX(1)}.skin-concern-selector__cta-arrow{display:inline-block;transition:transform .35s ease}.skin-concern-selector__cta:hover .skin-concern-selector__cta-arrow{transform:translate(.4rem)}.skin-concern-selector__cta[aria-disabled=true]{color:rgba(var(--color-foreground),.4);cursor:default;pointer-events:none}@media screen and (max-width:989px){.skin-concern-selector__header{margin-bottom:4.4rem}.skin-concern-selector__body{grid-template-columns:1fr;gap:4rem}.skin-concern-selector__list{order:1}.skin-concern-selector__stage{order:2}.skin-concern-selector__item{padding:2.2rem 0 2.2rem 1.6rem}.skin-concern-selector__media{aspect-ratio:5 / 4}}@media screen and (max-width:749px){.skin-concern-selector__header{gap:1.2rem;margin-bottom:3.6rem}.skin-concern-selector__heading{font-size:clamp(calc(var(--font-heading-scale) * 2.8rem),8vw,calc(var(--font-heading-scale) * 3.6rem))}.skin-concern-selector__subheading{font-size:1.5rem}.skin-concern-selector__item{gap:1.2rem;padding:1.8rem 0 1.8rem 1.2rem}.skin-concern-selector__item-label{font-size:2rem}.skin-concern-selector__item-desc{max-width:100%;font-size:1.3rem}.skin-concern-selector__panel{gap:2rem}.skin-concern-selector__media{aspect-ratio:1 / 1}.skin-concern-selector__product-name{font-size:2.2rem}.skin-concern-selector__panel-desc{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.skin-concern-selector__panel,.skin-concern-selector__panel.is-active{transition:opacity .3s ease,visibility 0s linear 0s;transform:none;filter:none}.skin-concern-selector__item:before,.skin-concern-selector__item-label,.skin-concern-selector__cta-arrow,.skin-concern-selector__cta span:first-child:after{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-skin-concern-selector.css.map */