.ss{--ss-beat:72svh;--ss-gap:calc(var(--ss-steps) * var(--ss-beat) / max(1, var(--ss-steps) - 1));--ss-top:calc(61px + env(safe-area-inset-top,0px) + .75rem);--ss-bottom:.9rem;position:relative}@media (min-width:900px){.ss{--ss-top:calc(72px + 1.25rem);--ss-bottom:1.5rem}}.ss[data-pinned=true] .ss__track{height:calc(100svh + var(--ss-steps) * var(--ss-beat));view-timeline:--ss-track block;position:relative}.ss[data-pinned=true] .ss__stage{box-sizing:border-box;height:100svh;padding:var(--ss-top) 0 var(--ss-bottom);pointer-events:none;position:sticky;top:0}.ss[data-pinned=true] .ss__stage>*{pointer-events:auto}.ss--centre[data-pinned=true]{margin-block:calc(var(--ss-slack,0px) / -2)}.ss--centre[data-pinned=true] .ss__stage>*{translate:0 calc(var(--ss-slack,0px) / 2)}.ss__beat{width:1px;left:0;top:calc(50svh + (var(--i) - .5) * var(--ss-gap));height:var(--ss-gap);pointer-events:none;position:absolute}.ss__beat[data-edge=first]{height:calc(50svh + .5 * var(--ss-gap));top:0}.ss__beat[data-edge=last]{height:calc(50svh + .5 * var(--ss-gap))}.ss[data-pinned=false] .ss__beat{display:none}.ss[data-pinned=true] [data-ss-fit]{width:calc(100% / var(--ss-fit,1));transform:scale(var(--ss-fit,1));transform-origin:0 0}.ss-fill{transform-origin:0;transition:transform var(--mm-dur-emphasized,.42s) var(--mm-ease-out,ease-out);display:block;transform:scaleX(0)}.ss-fill[data-state=done],.ss-fill[data-state=on]{transform:scaleX(1)}.ss-fill--y{transform-origin:top;transform:scaleY(0)}.ss-fill--y[data-state=done],.ss-fill--y[data-state=on]{transform:scaleY(1)}@keyframes ss-fill-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ss-fill-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@supports (animation-timeline:view()){.ss[data-pinned=true] .ss-fill{animation:linear both ss-fill-x;animation-timeline:--ss-track;animation-range:contain calc((var(--ss-i,0) - 1) * 100% / max(1, var(--ss-steps) - 1)) contain calc(var(--ss-i,0) * 100% / max(1, var(--ss-steps) - 1));transition:none}.ss[data-pinned=true] .ss-fill--y{animation-name:ss-fill-y}}@media (max-width:899px){.mm.lp .mm-dock{transition:opacity .15s ease, transform .2s var(--mm-ease-out,ease-out)}.mm.lp:has(.ss[data-live=true]) .mm-dock:not(:focus-within){opacity:0;pointer-events:none;transform:translateY(calc(100% + 2rem))}}@media (prefers-reduced-motion:reduce){.mm.lp .mm-dock{transition:none}}