.routine-timeline{background:var(--background-color)}.routine-timeline__container.page-width{--page-width: 1360px}.routine-timeline__intro{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:890px;margin-inline:auto;text-align:center}.routine-timeline__label{padding:6px 14px;border-radius:5px;background-color:rgb(var(--accent-color-rgb) / .1);color:rgb(var(--accent-color-rgb));font-family:var(--font-body-family);font-size:12px;font-weight:700;line-height:140%;text-transform:uppercase}.routine-timeline__content{width:100%;color:var(--text-color)}.routine-timeline__content :is(h1,h2,h3,h4,h5,h6){margin:12px 0 0;font-family:var(--font-heading-family);font-weight:600;line-height:124%;letter-spacing:0;text-transform:capitalize;color:inherit}.routine-timeline__content>h1{font-size:34px}.routine-timeline__content>h2{font-size:30px}.routine-timeline__content p{margin:12px 0 0;font-family:var(--font-body-family);font-size:14px;font-weight:400;line-height:140%;color:inherit}.routine-timeline__content>:first-child{margin-top:0}.routine-timeline__grid{--grid-gap: 10px;position:relative;display:grid;grid-template-columns:1fr;gap:var(--grid-gap);width:100%;margin-top:20px}.routine-timeline__cell{display:flex;min-width:0}.routine-timeline__marker{position:relative;flex:0 0 auto}.routine-timeline__marker:before,.routine-timeline__marker:after{content:"";position:absolute;z-index:1}.routine-timeline__marker:before{width:16px;height:16px;border-radius:50%;background-color:rgb(var(--accent-color-rgb));box-shadow:0 0 0 3px var(--background-color)}.routine-timeline__track{position:absolute;border-radius:100px;background-color:var(--card-background)}.routine-timeline__marker:after{border-width:0;border-color:rgb(var(--accent-color-rgb));border-style:dashed}.routine-timeline__item{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px;padding:15px;border-radius:20px;background-color:var(--card-background)}.routine-timeline__item-title{margin:0;font-family:var(--font-heading-family);font-size:18px;font-weight:600;line-height:124%;letter-spacing:0;color:rgb(var(--accent-color-rgb))}.routine-timeline__item-subtitle{margin:0;font-family:var(--font-body-family);font-size:14px;line-height:140%;color:var(--text-color)}.routine-timeline__item-text{margin:0;font-family:var(--font-body-family);font-size:14px;font-weight:400;line-height:140%;color:var(--text-color)}.routine-timeline__footnote{margin:20px 0 0;font-family:var(--font-heading-family);font-size:18px;line-height:124%;text-align:center;color:rgb(var(--accent-color-rgb))}@media screen and (max-width:749px){.routine-timeline__grid{clip-path:inset(0 -20px)}.routine-timeline__track{top:calc(var(--grid-gap) / -2);bottom:calc(var(--grid-gap) / -2);left:7px;width:6px}.routine-timeline__cell{flex-direction:row;align-items:center}.routine-timeline__marker{align-self:stretch;width:55px}.routine-timeline__marker:before{top:50%;left:2px;transform:translateY(-50%)}.routine-timeline__marker:after{top:50%;left:25px;width:25px;border-top-width:1px}.routine-timeline__item{text-align:left}}@media screen and (min-width:750px){.routine-timeline__label{font-size:14px}.routine-timeline__content :is(h1,h2,h3,h4,h5,h6){margin-top:16px}.routine-timeline__content>h1{font-size:54px}.routine-timeline__content>h2{font-size:46px}.routine-timeline__content p{margin-top:16px;font-size:16px}.routine-timeline__grid{margin-top:40px}.routine-timeline__item{gap:16px;border-radius:10px}.routine-timeline__item-title,.routine-timeline__footnote{font-size:20px}.routine-timeline__grid{grid-template-columns:repeat(var(--columns-tablet),1fr)}.routine-timeline--tablet-column .routine-timeline__grid{clip-path:inset(0 -20px)}.routine-timeline--tablet-column .routine-timeline__track{top:calc(var(--grid-gap) / -2);bottom:calc(var(--grid-gap) / -2);left:5px;width:6px}.routine-timeline--tablet-column .routine-timeline__cell{flex-direction:row;align-items:center}.routine-timeline--tablet-column .routine-timeline__marker{align-self:stretch;width:55px}.routine-timeline--tablet-column .routine-timeline__marker:before{top:50%;left:0;transform:translateY(-50%)}.routine-timeline--tablet-column .routine-timeline__marker:after{top:50%;left:30px;width:25px;border-top-width:1px}.routine-timeline--tablet-column .routine-timeline__item{text-align:left}.routine-timeline--tablet-row .routine-timeline__grid{clip-path:inset(-20px 0)}.routine-timeline--tablet-row .routine-timeline__track{top:7px;left:calc(var(--grid-gap) / -2);right:calc(var(--grid-gap) / -2);height:6px}.routine-timeline--tablet-row .routine-timeline__cell:last-child .routine-timeline__track{right:0}.routine-timeline--tablet-row .routine-timeline__cell{flex-direction:column;align-items:stretch}.routine-timeline--tablet-row .routine-timeline__marker{height:65px}.routine-timeline--tablet-row .routine-timeline__marker:before{top:2px;left:50%;transform:translate(-50%)}.routine-timeline--tablet-row .routine-timeline__marker:after{top:30px;left:50%;height:25px;border-left-width:1px}.routine-timeline--tablet-row .routine-timeline__item{text-align:center}}@media screen and (min-width:1200px){.routine-timeline__grid{grid-template-columns:repeat(var(--columns-desktop),1fr)}.routine-timeline--desktop-column .routine-timeline__grid{clip-path:inset(0 -20px)}.routine-timeline--desktop-column .routine-timeline__track{top:calc(var(--grid-gap) / -2);right:auto;bottom:calc(var(--grid-gap) / -2);left:7px;width:6px;height:auto}.routine-timeline--desktop-column .routine-timeline__cell:last-child .routine-timeline__track{right:auto}.routine-timeline--desktop-column .routine-timeline__cell{flex-direction:row;align-items:center}.routine-timeline--desktop-column .routine-timeline__marker{align-self:stretch;width:55px;height:auto}.routine-timeline--desktop-column .routine-timeline__marker:before{top:50%;left:0;transform:translateY(-50%)}.routine-timeline--desktop-column .routine-timeline__marker:after{top:50%;left:30px;width:25px;height:0;border-top-width:1px;border-left-width:0}.routine-timeline--desktop-column .routine-timeline__item{text-align:left}.routine-timeline--desktop-row .routine-timeline__grid{clip-path:inset(-20px 0)}.routine-timeline--desktop-row .routine-timeline__track{top:5px;right:calc(var(--grid-gap) / -2);bottom:auto;left:calc(var(--grid-gap) / -2);width:auto;height:6px}.routine-timeline--desktop-row .routine-timeline__cell:last-child .routine-timeline__track{right:0}.routine-timeline--desktop-row .routine-timeline__cell{flex-direction:column;align-items:stretch}.routine-timeline--desktop-row .routine-timeline__marker{align-self:auto;width:auto;height:55px}.routine-timeline--desktop-row .routine-timeline__marker:before{top:0;left:50%;transform:translate(-50%)}.routine-timeline--desktop-row .routine-timeline__marker:after{top:25px;left:50%;width:0;height:25px;border-top-width:0;border-left-width:1px}.routine-timeline--desktop-row .routine-timeline__item{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-routine-timeline.css.map */