.routine-steps{--rs-card-width: 154px;--rs-gap: clamp(24px, 5vw, 80px);--rs-reveal-width: 330px}.routine-steps__intro{text-align:center;margin:0 auto 64px;max-width:356px;padding:0 20px}.routine-steps__intro-heading{margin:0 0 24px;font-family:var(--font-primary);font-size:var(--text-xs)!important;font-weight:400!important;font-variation-settings:var(--font-weight-normal);letter-spacing:var(--letter-spacing-l);line-height:var(--lh-l);text-transform:uppercase}.routine-steps__intro-text,.routine-steps__intro-text p{margin:0;font-family:var(--font-primary);font-size:var(--text-xs)!important;font-weight:400!important;font-variation-settings:var(--font-weight-normal);letter-spacing:var(--letter-spacing-l);line-height:var(--lh-l)}.routine-steps__track{list-style:none;margin:0;padding:0;display:flex;gap:var(--rs-gap)}.routine-steps__item{flex:0 0 auto;min-width:0}@media screen and (min-width:750px){.routine-steps__track{justify-content:center;flex-wrap:wrap;row-gap:48px}.routine-steps__item{width:var(--rs-card-width)}}@media screen and (max-width:749px){.routine-steps__track{gap:3px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0;scrollbar-width:none}.routine-steps__track::-webkit-scrollbar{display:none}.routine-steps__item{flex:0 0 calc((100% - 6px) / 3);scroll-snap-align:start}}.routine-step__label{display:flex;flex-direction:column;align-items:center;margin:0 0 22px;font-size:var(--text-xs);font-variation-settings:var(--font-weight-thin);letter-spacing:.117rem;line-height:2;text-transform:uppercase;color:rgba(var(--color-foreground),.45);transition:color .2s ease}.routine-step__bullet{width:4px;height:4px;margin-bottom:18px;background:rgb(var(--color-foreground));opacity:0;transition:opacity .3s ease}.routine-step.is-active .routine-step__label{color:rgb(var(--color-foreground))}.routine-step.is-active .routine-step__bullet{opacity:1}.routine-step__media{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;cursor:pointer}.routine-step__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.routine-steps__pagination{display:none}@media screen and (max-width:749px){.routine-steps__pagination{display:flex;justify-content:center;gap:3px;margin-top:24px}.routine-steps__page{border:0;background:none;padding:12px 0;margin:0;cursor:pointer;line-height:0}.routine-steps__page-bar{display:block;width:34px;height:1px;background:rgba(var(--color-foreground),.3);transition:background-color .2s ease}.routine-steps__page.is-active .routine-steps__page-bar{background:rgb(var(--color-foreground))}}.routine-steps__reveals{margin-top:40px}.routine-steps__reveal{display:none;text-align:center}.routine-steps__reveal.is-active{display:block;animation:routine-step-reveal .3s ease}@keyframes routine-step-reveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.routine-steps__reveal.is-active{animation:none}.routine-step__bullet{transition:none}}.routine-steps__reveal-heading{margin:0 0 24px;font-family:var(--font-primary);font-size:var(--text-xs)!important;font-weight:400!important;font-variation-settings:var(--font-weight-normal);letter-spacing:var(--letter-spacing-l);line-height:var(--lh-l);text-transform:uppercase}.routine-step__dot{font-variation-settings:var(--font-weight-bold);margin:0 .4em;vertical-align:middle}.routine-steps__reveal-body,.routine-steps__reveal-body p{margin:0;font-family:var(--font-primary);font-size:var(--text-xs)!important;font-weight:400!important;font-variation-settings:var(--font-weight-normal);letter-spacing:var(--letter-spacing-l);line-height:var(--lh-l)}@media screen and (min-width:750px){.routine-steps__reveals{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--rs-gap)}.routine-steps__reveal-col{flex:0 0 auto;width:var(--rs-card-width);min-width:0}.routine-steps__reveal.is-active{position:relative;left:50%;transform:translate(-50%);width:var(--rs-reveal-width);max-width:90vw}}@media screen and (max-width:749px){.routine-steps__intro{margin-bottom:40px}.routine-steps__reveal.is-active{max-width:405px;margin:0 auto;padding:0 40px}.routine-steps__pagination+.routine-steps__reveals{margin-top:12px}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/component-routine-steps.css.map */