.routine-timeline__content{text-wrap:balance;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:2.4rem;display:flex}.routine-timeline__inner{max-width:56.8rem;margin:0 auto}@media only screen and (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 (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:initial;top:0}@media only screen and (width>=1280px){.routine-timeline__steps.routine-timeline__steps--last-hidden-m .routine-timeline__step.routine-timeline__step--pre-last:after{height:.2rem}.routine-timeline__steps{justify-content:space-between;display:flex}.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{padding-left:2.4rem;position:relative}@media only screen and (width>=1280px){.routine-timeline__step{width:var(--step-width-desktop,auto);flex-grow:1;padding-top:2rem;padding-left:0}}.routine-timeline__step:after{content:"";z-index:2;background-color:var(--clay);width:.2rem;height:100%;position:absolute;bottom:0;left:0}@media only screen and (width>=1280px){.routine-timeline__step:after{width:100%;height:.2rem;top:0;left:0;bottom:initial}}.routine-timeline__step:before{content:"";z-index:3;background-color:var(--clay);border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:.85rem;left:0;transform:translate(calc(.1rem - 50%),-50%)}@media only screen and (width>=1280px){.routine-timeline__step:before{top:0;transform:translateY(calc(.1rem - 50%))}}.routine-timeline__step:not(:last-child){padding-bottom:3.6rem}@media only screen and (width>=1280px){.routine-timeline__step:not(:last-child){padding-bottom:0;padding-right:2.4rem}.routine-timeline__step:last-child:before{left:initial;right:0}.routine-timeline__step:last-child{text-align:right}}.routine-timeline__step:last-child:after{bottom:initial;height:.85rem;top:0}@media only screen and (width>=1280px){.routine-timeline__step:last-child:after{height:.2rem}}.routine-timeline__step:first-child:after{height:calc(100% - .85rem)}@media only screen and (width>=1280px){.routine-timeline__step:first-child:after{height:.2rem}}.routine-timeline__step.routine-timeline__step--active:before{background-color:var(--ink);top:1.15rem}@media only screen and (width>=1280px){.routine-timeline__step.routine-timeline__step--active:before{top:0}}.routine-timeline__step.routine-timeline__step--active .routine-timeline__step-title{background-color:var(--morning-sky);color:var(--white);padding:.3rem .6rem}@media only screen and (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 (width>=1280px){.routine-timeline__step-product{margin-top:2.4rem}}.routine-timeline__am-pm-switcher-text{transition:var(--transition-all)}.routine-timeline__am-pm-switcher{align-items:center;gap:.4rem;width:fit-content;max-width:100%;display:flex}.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%;transform:translate(-100%)}.routine-timeline__am-pm-switcher-inner{background-color:var(--chalk);border:.1rem solid var(--clay);width:4.4rem;height:2.4rem;transition:var(--transition-all);border-radius:2rem;position:relative}.routine-timeline__am-pm-switcher-icon-wrapper{z-index:1;width:2rem;height:100%;transition:var(--transition-all);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:.2rem}.routine-timeline__am-pm-switcher-icon-wrapper .icon-sun{color:var(--ink)}.routine-timeline__am-pm-switcher-icon-wrapper .icon-moon{color:var(--white)}