.routine-timeline__content{margin-bottom:2.4rem;text-wrap:balance;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;grid-gap:.8rem;gap:.8rem}.routine-timeline__inner{max-width:56.8rem;margin:0 auto}@media only screen and (min-width: 1280px){.routine-timeline__inner{max-width:100%}}.routine-timeline__step-content{margin-top:.06rem}.routine-timeline__steps.routine-timeline__steps--last-hidden-m .routine-timeline__step:last-child{display:none}@media only screen and (min-width: 1280px){.routine-timeline__steps.routine-timeline__steps--last-hidden-m .routine-timeline__step:last-child{display:block}}.routine-timeline__steps.routine-timeline__steps--last-hidden-m .routine-timeline__step.routine-timeline__step--pre-last:after{height:1.2rem;bottom:auto;bottom:initial;top:0}@media only screen and (min-width: 1280px){.routine-timeline__steps.routine-timeline__steps--last-hidden-m .routine-timeline__step.routine-timeline__step--pre-last:after{height:.2rem}}@media only screen and (min-width: 1280px){.routine-timeline__steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.routine-timeline__steps.routine-timeline__steps--last-hidden{position:relative}.routine-timeline__steps.routine-timeline__steps--last-hidden .routine-timeline__step:last-child{display:none}}.routine-timeline__step{position:relative;padding-left:2.4rem}@media only screen and (min-width: 1280px){.routine-timeline__step{padding-left:0;padding-top:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto;width:var(--step-width-desktop, auto)}}.routine-timeline__step:after{content:"";position:absolute;z-index:2;left:0;bottom:0;width:.2rem;height:100%;background-color:var(--clay)}@media only screen and (min-width: 1280px){.routine-timeline__step:after{width:100%;height:.2rem;top:0;left:0;bottom:auto;bottom:initial}}.routine-timeline__step:before{content:"";position:absolute;z-index:3;left:0;-webkit-transform:translate(calc(-50% + .1rem),-50%);transform:translate(calc(-50% + .1rem),-50%);top:.85rem;width:.8rem;height:.8rem;border-radius:50%;background-color:var(--clay)}@media only screen and (min-width: 1280px){.routine-timeline__step:before{top:0;-webkit-transform:translateY(calc(-50% + .1rem));transform:translateY(calc(-50% + .1rem))}}.routine-timeline__step:not(:last-child){padding-bottom:3.6rem}@media only screen and (min-width: 1280px){.routine-timeline__step:not(:last-child){padding-bottom:0;padding-right:2.4rem}}@media only screen and (min-width: 1280px){.routine-timeline__step:last-child{text-align:right}.routine-timeline__step:last-child:before{left:auto;left:initial;right:0}}.routine-timeline__step:last-child:after{bottom:auto;bottom:initial;top:0;height:.85rem}@media only screen and (min-width: 1280px){.routine-timeline__step:last-child:after{height:.2rem}}.routine-timeline__step:first-child:after{height:calc(100% - .85rem)}@media only screen and (min-width: 1280px){.routine-timeline__step:first-child:after{height:.2rem}}.routine-timeline__step.routine-timeline__step--active:before{top:1.15rem;background-color:var(--ink)}@media only screen and (min-width: 1280px){.routine-timeline__step.routine-timeline__step--active:before{top:0}}.routine-timeline__step.routine-timeline__step--active .routine-timeline__step-title{padding:.3rem .6rem;background-color:var(--morning-sky);color:var(--white)}@media only screen and (min-width: 1280px){.routine-timeline__step.routine-timeline__step--last-hidden{display:none}}.routine-timeline__step.routine-timeline__step--hide-dot:before{display:none}.routine-timeline__step-title{display:inline-block}.routine-timeline__step-product{margin-top:1.1rem}@media only screen and (min-width: 1280px){.routine-timeline__step-product{margin-top:2.4rem}}.routine-timeline__am-pm-switcher-text{-webkit-transition:var(--transition-all);transition:var(--transition-all)}.routine-timeline__am-pm-switcher{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:.4rem;gap:.4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%}.routine-timeline__am-pm-switcher .icon-moon{display:none}.routine-timeline__am-pm-switcher .routine-timeline__am-pm-switcher-text--pm{opacity:.4}.routine-timeline__am-pm-switcher.routine-timeline__am-pm-switcher--pm .routine-timeline__am-pm-switcher-inner{background-color:var(--morning-sky);border-color:var(--morning-sky)}.routine-timeline__am-pm-switcher.routine-timeline__am-pm-switcher--pm .icon-moon{display:block}.routine-timeline__am-pm-switcher.routine-timeline__am-pm-switcher--pm .icon-sun{display:none}.routine-timeline__am-pm-switcher.routine-timeline__am-pm-switcher--pm .routine-timeline__am-pm-switcher-text--pm{opacity:1}.routine-timeline__am-pm-switcher.routine-timeline__am-pm-switcher--pm .routine-timeline__am-pm-switcher-text--am{opacity:.4}.routine-timeline__am-pm-switcher.routine-timeline__am-pm-switcher--pm .routine-timeline__am-pm-switcher-icon-wrapper{left:100%;-webkit-transform:translateX(-100%);transform:translate(-100%)}.routine-timeline__am-pm-switcher-inner{position:relative;width:4.4rem;height:2.4rem;border-radius:2rem;background-color:var(--chalk);border:.1rem solid var(--clay);-webkit-transition:var(--transition-all);transition:var(--transition-all)}.routine-timeline__am-pm-switcher-icon-wrapper{position:absolute;z-index:1;top:0;left:.2rem;bottom:0;height:2rem;border-radius:50%;width:2rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:var(--transition-all);transition:var(--transition-all)}.routine-timeline__am-pm-switcher-icon-wrapper .icon-sun{color:var(--ink)}.routine-timeline__am-pm-switcher-icon-wrapper .icon-moon{color:var(--white)}