.ap-routine{background:var(--ap-cream-soft);color:var(--ap-forest);font-family:var(--ap-font-body);scroll-margin-block-start:8rem}.ap-routine__inner{padding-block:clamp(4.4rem,5.4vh,7.2rem)}.ap-routine__lead{max-width:64rem;margin:0 auto 4rem;text-align:center}.ap-routine__eyebrow{margin-bottom:1.6rem}.ap-routine__title{margin:0 0 1.2rem;color:var(--ap-forest);font-family:var(--ap-font-display);font-size:4rem;font-weight:400;letter-spacing:-.02em;line-height:1.03}.ap-routine__lede{margin:0;color:var(--ap-ink);font-size:1.7rem;line-height:1.5}.ap-routine__track{position:relative;max-width:108rem;margin-inline:auto}.ap-routine__rail{position:absolute;top:2.7rem;right:16%;left:16%;height:.1rem;background:linear-gradient(to right,color-mix(in srgb,var(--ap-rule) 50%,transparent),var(--ap-rule-strong),color-mix(in srgb,var(--ap-rule) 50%,transparent))}.ap-routine__steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem;margin:0;padding:0;list-style:none}.ap-routine__step{text-align:center}.ap-routine__marker{display:flex;align-items:center;justify-content:center;width:5.4rem;height:5.4rem;margin:0 auto 1.8rem;border:.1rem solid color-mix(in srgb,var(--ap-goal, var(--ap-goal-fallback)) 45%,transparent);border-radius:50%;background:var(--ap-cream-soft);color:var(--ap-goal, var(--ap-goal-fallback));font-family:var(--ap-font-mono);font-size:1.3rem}.ap-routine__step:last-child .ap-routine__marker{border-color:var(--ap-forest);background:var(--ap-forest);color:var(--ap-lemon)}.ap-routine__step-title{margin:0 0 .7rem;color:var(--ap-forest);font-family:var(--ap-font-body);font-size:2.1rem;font-weight:700;letter-spacing:0;line-height:1.2}.ap-routine__step-body{max-width:26ch;margin:0 auto;color:var(--ap-ink);font-size:1.4rem;line-height:1.55}@media screen and (max-width:989px){.ap-routine__title{font-size:3.2rem}.ap-routine__steps{gap:2.4rem}.ap-routine__rail{right:12%;left:12%}}@media screen and (max-width:749px){.ap-routine__title{font-size:2.8rem}.ap-routine__steps{grid-template-columns:minmax(0,1fr);gap:3.2rem}.ap-routine__rail{display:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-pdp-how-to-use.css.map */