.ma-routine-steps{position:relative;padding-top:var(--ma-pt, 60px);padding-bottom:var(--ma-pb, 60px);--wave-h: clamp(33px, 6.74vw, 97px)}.ma-routine-steps.has-wave-top{padding-top:calc(var(--ma-pt, 60px) + var(--wave-h))}.ma-routine-steps__wave-left{display:none}@media screen and (min-width:990px){.ma-routine-steps__wave-left{display:block;position:absolute;inset:0 0 auto 0;height:var(--wave-h);clip-path:inset(-2px 59.72% 0 0);pointer-events:none}}.ma-routine-steps__header{text-align:center;display:flex;flex-direction:column;gap:10px}.ma-routine-steps__heading{font-family:var(--ma-font-display);font-size:var(--ma-fs-h2);line-height:1.1;text-transform:uppercase;color:var(--ma-ink);margin:0}.ma-routine-steps__body{font-family:var(--ma-font-body);font-size:var(--ma-fs-lg);line-height:var(--ma-lh-body-lg);color:#292929;max-width:890px;margin:0 auto}.ma-routine-steps__body p{margin:0}.ma-routine-steps__list{--col: 167px;--gap: 52px;--spark: 42px;--thumb-h: 218px;list-style:none;margin:60px auto 0;padding:0;display:grid;grid-template-columns:repeat(var(--steps, 4),var(--col));column-gap:var(--gap);justify-content:center;position:relative}.ma-routine-steps__list:before{content:"";position:absolute;left:50%;width:calc((var(--steps, 4) - 1) * (var(--col) + var(--gap)));transform:translate(-50%);top:var(--line-y, 259px);border-top:1px dashed var(--ma-terracotta)}.ma-routine-steps__link{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit}a.ma-routine-steps__link:focus-visible{outline:2px solid var(--ma-olive);outline-offset:6px;border-radius:var(--ma-r-sm)}.ma-routine-steps__thumb{width:84px;height:calc(var(--thumb-h) - 52px);display:flex;align-items:flex-end;justify-content:center;opacity:.5;transition:opacity .25s ease,transform .25s ease}.ma-routine-steps__thumb img,.ma-routine-steps__thumb svg{width:84px;height:124px;object-fit:cover;border-radius:var(--ma-r-sm);box-shadow:0 6px 16px #2f2a2414}.ma-routine-steps__thumb.is-cutout img{width:52px;height:100%;object-fit:contain;object-position:bottom;border-radius:0}.ma-routine-steps__label{margin-top:24px;height:28px;font-family:var(--ma-font-display);font-size:20px;line-height:28px;color:var(--ma-ink-soft)}.ma-routine-steps__spark{position:relative;z-index:1;width:var(--spark);height:var(--spark);margin:20px 0;color:#fbd893}.ma-routine-steps__spark svg{width:100%;height:100%;display:block}.ma-routine-steps__name{font-family:var(--ma-font-display);font-size:24px;line-height:28px;color:var(--ma-ink);opacity:.5;transition:opacity .25s ease}.ma-routine-steps__here{margin-top:12px;font-family:var(--ma-font-body);font-size:20px;line-height:28px;color:var(--ma-clay)}.ma-routine-steps__step.is-current .ma-routine-steps__thumb,.ma-routine-steps__step.is-current .ma-routine-steps__label,.ma-routine-steps__step.is-current .ma-routine-steps__name{opacity:1}.ma-routine-steps__step.is-current .ma-routine-steps__spark{color:var(--ma-terracotta)}a.ma-routine-steps__link:hover .ma-routine-steps__thumb{opacity:.85;transform:translateY(-4px)}.ma-routine-steps__step.is-current .ma-routine-steps__label{color:var(--ma-ink)}a.ma-routine-steps__link:hover .ma-routine-steps__name{opacity:.85}@media screen and (max-width:989px){.ma-routine-steps__list{--col: minmax(0, 1fr);--gap: 8px;--spark: 22px;--thumb-h: 124px;--line-y: 123px;margin-top:32px;max-width:420px;grid-template-columns:repeat(var(--steps, 4),minmax(0,1fr))}.ma-routine-steps__list:before{width:auto;left:calc(100% / var(--steps, 4) / 2);right:calc(100% / var(--steps, 4) / 2);transform:none}.ma-routine-steps__thumb{width:48px;height:72px}.ma-routine-steps__thumb img,.ma-routine-steps__thumb svg{width:48px;height:48px}.ma-routine-steps__thumb.is-cutout img{width:30px}.ma-routine-steps__label{margin-top:12px;font-size:13px;line-height:16px;height:16px}.ma-routine-steps__spark{margin:12px 0}.ma-routine-steps__name{font-size:15px;line-height:18px}.ma-routine-steps__here{font-size:13px;line-height:16px;margin-top:8px}}@media(prefers-reduced-motion:reduce){.ma-routine-steps__thumb,.ma-routine-steps__name{transition:none}}.ma-routine-steps__thumb img,.ma-routine-steps__thumb svg{width:108px;height:150px;border-radius:12px;box-shadow:0 8px 20px #2f2a241a}.ma-routine-steps__thumb{width:108px}.ma-routine-steps__step.is-current .ma-routine-steps__thumb img{outline:2px solid var(--ma-terracotta);outline-offset:4px}.ma-routine-steps__here{display:inline-block;margin-top:12px;padding:4px 14px;border-radius:999px;background:#f28c5224;font-size:16px;line-height:22px}.ma-routine-steps__step.is-current .ma-routine-steps__name{font-weight:400}@media screen and (max-width:989px){.ma-routine-steps{--wave-h: clamp(24px, 6.74vw, 60px)}.ma-routine-steps.has-wave-top{padding-top:calc(32px + var(--wave-h))}.ma-routine-steps{padding-bottom:32px}.ma-routine-steps__heading{font-size:28px}.ma-routine-steps__body{font-size:15px;max-width:320px}.ma-routine-steps__list{--spark: 20px;--line-y: 136px;margin-top:28px;max-width:none;column-gap:6px}.ma-routine-steps__thumb{width:64px;height:84px}.ma-routine-steps__thumb img,.ma-routine-steps__thumb svg{width:64px;height:84px;border-radius:8px}.ma-routine-steps__step.is-current .ma-routine-steps__thumb img{outline-offset:2px}.ma-routine-steps__label{margin-top:12px;font-size:12px;line-height:16px;height:16px}.ma-routine-steps__spark{margin:14px 0 12px}.ma-routine-steps__name{font-size:14px;line-height:17px}.ma-routine-steps__here{font-size:11px;line-height:16px;padding:2px 8px;margin-top:8px}}@media screen and (max-width:989px){.ma-routine-steps.has-wave-top>.ma-wave--top [fill]:not([fill=none]){fill:#fceae0}.ma-routine-steps.has-wave-top>.ma-wave--top [stroke]{stroke:#fceae0}}.ma-routine-steps__thumb.is-cutout{width:auto;min-width:84px}.ma-routine-steps__thumb.is-cutout img{width:auto;height:auto;max-width:170px;max-height:100%;object-fit:contain;border-radius:0;box-shadow:none;outline:none!important;background:none}.is-cutout--lit-it-be-eye-cream img{width:65px!important}.is-cutout--gimme-a-shine-face-moisturizer img{width:84px!important}.is-cutout--glow-keeper-face-oil img{height:165px!important;max-height:none}.is-cutout--that-yoga-glow-kansa-wand img{width:160px!important}@media screen and (max-width:989px){.ma-routine-steps__thumb.is-cutout{min-width:0;height:90px}.ma-routine-steps__thumb.is-cutout img{max-width:100%}.is-cutout--lit-it-be-eye-cream img{width:34px!important}.is-cutout--gimme-a-shine-face-moisturizer img{width:44px!important}.is-cutout--glow-keeper-face-oil img{height:86px!important}.is-cutout--that-yoga-glow-kansa-wand img{width:84px!important}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-ma-routine-steps-v2.css.map */