.ds-page .ds-mk-moment{flex-direction:column;gap:16px;min-width:0;display:flex}.ds-page .ds-mk-moment>.ds-src{margin:0}.ds-page .ds-mk-moment-track{flex-direction:column;display:flex;position:relative}.ds-page .ds-mk-moment-track .rail{height:44px;margin:0 calc(50% / var(--n,5));display:block;position:relative}.ds-page .ds-mk-moment-track .rail:before{content:"";background:var(--line-2);border-radius:2px;height:2px;position:absolute;top:21px;left:0;right:0}.ds-page .ds-mk-moment-track .fill{background:var(--blue);height:2px;width:calc(var(--p,0) * 100%);transition:width .7s var(--ease,ease);border-radius:2px;position:absolute;top:21px;left:0}.ds-page .ds-mk-moment-track .tick{top:16px;left:calc(var(--t) * 100%);background:var(--night-card);border:2px solid var(--line-2);border-radius:50%;width:12px;height:12px;margin-left:-6px;transition:border-color .3s,background .3s;position:absolute}.ds-page .ds-mk-moment-track .tick.on{border-color:var(--blue);background:var(--blue)}.ds-page .ds-mk-moment-track .knob{top:11px;left:calc(var(--p,0) * 100%);background:var(--ember);width:22px;height:22px;transition:left .7s var(--spring,ease);border-radius:50%;margin-left:-11px;position:absolute;box-shadow:0 0 0 6px #ff7a452e}.ds-page .ds-mk-moment-track input[type=range]{height:44px;top:0;left:calc(50% / var(--n,5) - 22px);right:calc(50% / var(--n,5) - 22px);opacity:0;cursor:pointer;width:auto;margin:0;position:absolute}.ds-page .ds-mk-moment-track input[type=range]:focus-visible+.stops button[aria-pressed=true]{outline:2px solid var(--blue-soft);outline-offset:2px}.ds-page .ds-mk-moment-track .stops{display:flex}.ds-page .ds-mk-moment-track .stops button{min-width:0;min-height:44px;color:var(--t4);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1 1 0;padding:4px 2px}.ds-page .ds-mk-moment-track .stops button:hover{color:var(--t1)}.ds-page .ds-mk-moment-track .stops button[aria-pressed=true]{color:var(--t1);background:#ffffff0a}.ds-page .ds-mk-moment-track .l{font-family:var(--mono);letter-spacing:.04em;text-align:center;font-size:12px;line-height:1.35;display:block}.ds-page .ds-mk-moment-out{background:var(--night-raised);border:1px solid var(--line);animation:ds-mk-moment-in .45s var(--ease,ease) both;border-radius:20px;padding:18px}.ds-page .ds-mk-moment-out[hidden]{display:none}@keyframes ds-mk-moment-in{0%{transform:translateY(10px)}to{transform:none}}.ds-page .ds-mk-moment-out>.ds-src{margin:0}.ds-page .ds-mk-moment-name{font-family:var(--serif);color:var(--blue-soft);margin:4px 0 12px;font-size:clamp(26px,3vw,34px);line-height:1.1}.ds-page .ds-mk-moment-out dl{flex-direction:column;gap:10px;margin:0;display:flex}.ds-page .ds-mk-moment-out dt{margin:0}.ds-page .ds-mk-moment-out dd{color:var(--t2);margin:3px 0 0;font-size:15px;line-height:1.55}.ds-page .ds-mk-moment-chip{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;vertical-align:1px;border-radius:999px;margin-right:6px;padding:3px 10px;font-size:11px;display:inline-flex}.ds-page .ds-mk-moment-chip.live{background:var(--blue);color:var(--t1)}.ds-page .ds-mk-moment-chip.gone{border:1px solid var(--ember);color:var(--ember-soft)}.ds-page .ds-mk-moment-note{margin:0}@media (max-width:640px){.ds-page .ds-mk-moment-track .l{letter-spacing:0;font-size:10.5px}.ds-page .ds-mk-moment-out{padding:14px}}@media (prefers-reduced-motion:reduce){.ds-page .ds-mk-moment-track .fill,.ds-page .ds-mk-moment-track .knob,.ds-page .ds-mk-moment-track .tick{transition:none}.ds-page .ds-mk-moment-out{animation:none}}
