.m-routine-clock{--clock-bg:hsla(0,0%,100%,.1);--clock-border:hsla(0,0%,100%,.14);--clock-track:hsla(0,0%,100%,.25);--clock-track-on:var(--color-primary,#f0592a);backdrop-filter:blur(1.2rem);background:var(--clock-bg);border:1px solid var(--clock-border);border-radius:1.6rem;max-width:28rem;padding:.8rem 2rem;width:100%}@media screen and (min-width:1100px){.m-routine-clock{max-width:28rem;padding:2rem 2.8rem}}.m-routine-clock__list{list-style:none;margin:0;padding:0}.m-routine-clock__row{align-items:center;border-bottom:1px solid var(--clock-border);display:flex;gap:2rem;justify-content:space-between;padding:.6rem 0}.m-routine-clock__info{min-width:0}.m-routine-clock__time{align-items:baseline;display:flex;font-family:var(--ff-sf-display);font-size:2.8rem;font-weight:300;gap:.1rem;line-height:.9;margin:0}@media screen and (min-width:1100px){.m-routine-clock__time{font-size:3rem}}.m-routine-clock__meridiem{font-family:var(--ff-sf-text);font-size:.5em;font-weight:400;text-transform:uppercase}.m-routine-clock__label{font-family:var(--ff-sf-text);font-size:1rem;font-weight:400;margin:0;opacity:.72}.m-routine-clock__toggle{background:var(--clock-track);border:0;border-radius:10rem;cursor:pointer;flex-shrink:0;height:2rem;padding:0;position:relative;transition:background .3s ease;width:3.5rem}.m-routine-clock__toggle[aria-checked=true]{background:var(--clock-track-on)}.m-routine-clock__toggle:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.m-routine-clock__knob{background:#fff;border-radius:50%;height:1.4rem;left:.3rem;position:absolute;top:.3rem;transition:transform .3s cubic-bezier(.4,0,.2,1);width:1.4rem}.m-routine-clock__toggle[aria-checked=true] .m-routine-clock__knob{transform:translateX(1.5rem)}@media(prefers-reduced-motion:reduce){.m-routine-clock__knob,.m-routine-clock__toggle{transition:none}}