.ritual-steps__header{text-align:center;max-width:700px;margin:0 auto 56px}.ritual-steps__heading{font-family:var(--sl-font-heading);color:var(--sl-color-heading);margin:0}.ritual-steps__subheading{font-family:var(--sl-font-body);color:var(--sl-color-text);margin:12px 0 0}.ritual-steps__track{position:relative}.ritual-steps__line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--ritual-line-color);transform:translate(-50%)}.ritual-steps__line-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--ritual-line-fill-color)}.ritual-steps__nodes{position:relative;display:flex;flex-direction:column;gap:56px}.ritual-steps__row{display:grid;grid-template-columns:1fr 64px 1fr;gap:48px}.ritual-steps__row--image-left .ritual-steps__image{grid-column:1}.ritual-steps__row--image-left .ritual-steps__copy,.ritual-steps__row--image-right .ritual-steps__image{grid-column:3}.ritual-steps__row--image-right .ritual-steps__copy{grid-column:1;text-align:right}.ritual-steps__row--image-right .ritual-steps__actives{justify-content:flex-end}.ritual-steps__image,.ritual-steps__number,.ritual-steps__copy{grid-row:1}.ritual-steps__image img{display:block;width:100%;height:auto;border-radius:12px}.ritual-steps__number{grid-column:2;justify-self:center;z-index:2;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--ritual-number-bg);border:2px solid var(--ritual-number-border);color:var(--ritual-number-color);font-size:2.5em;transition:background-color .4s ease,color .4s ease}.ritual-steps__node--step.is-active .ritual-steps__number{background:var(--ritual-number-active-bg);color:var(--ritual-number-active-color)}.ritual-steps__copy{font-family:var(--sl-font-body);color:var(--sl-color-text)}.ritual-steps__eyebrow{margin:0 0 8px;font-size:.8125em;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--sl-color-accent)}.ritual-steps__product{margin:0 0 4px;font-family:var(--sl-font-heading);color:var(--sl-color-heading);font-size:1.15em}.ritual-steps__timing{margin:0 0 16px;font-size:.8125em;color:var(--sl-color-accent)}.ritual-steps__desc{margin:0}.ritual-steps__actives-label{margin:20px 0 8px;font-size:.75em;letter-spacing:.08em;text-transform:uppercase;color:#8a857e;text-decoration:underline}.ritual-steps__actives{display:flex;flex-wrap:wrap;gap:8px}.ritual-steps__active-pill{padding:6px 12px;border:1px solid #e4e1dc;border-radius:6px;font-size:.8125em}.ritual-steps__node--banner{position:relative;z-index:2}.ritual-steps__banner{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:24px 32px;border-radius:12px;background:var(--ritual-banner-bg);color:var(--ritual-banner-color);text-align:center;justify-content:center;transition:background-color .4s ease,color .4s ease}.ritual-steps__node--banner.is-active .ritual-steps__banner{background:var(--ritual-banner-active-bg);color:var(--ritual-banner-active-color)}.ritual-steps__banner-icon img{display:block;width:32px;height:32px}.ritual-steps__banner-heading{margin:0 0 4px;font-family:var(--sl-font-heading);font-weight:600;font-size:1.5rem}.ritual-steps__banner .ritual-steps__banner-heading{margin:0 0 10px}.ritual-steps__banner-text{margin:0;font-size:.9375em}@media(prefers-reduced-motion:reduce){.ritual-steps__number,.ritual-steps__banner{transition:none}}@media screen and (max-width:749px){.ritual-steps__header{margin-bottom:32px}.ritual-steps__row,.ritual-steps__row--image-left,.ritual-steps__row--image-right{grid-template-columns:40px 1fr;gap:20px}.ritual-steps__row--image-left .ritual-steps__image,.ritual-steps__row--image-right .ritual-steps__image{grid-column:2;grid-row:1}.ritual-steps__number{grid-column:1;grid-row:1;align-self:start;width:40px;height:40px;font-size:1.1em}.ritual-steps__row--image-left .ritual-steps__copy,.ritual-steps__row--image-right .ritual-steps__copy{grid-column:2;grid-row:2}.ritual-steps__line{left:20px}.ritual-steps__banner{max-width:100%;flex-direction:column;text-align:center;padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/391/assets/sl-ritual-steps.css.map */