[data-scene=clock]{background:var(--color-scene-ground);position:absolute;inset:0;overflow:hidden;container-type:size}[data-scene=clock] svg{display:block;overflow:visible}[data-scene=clock] [data-part=clock]{--d:min(75cqh, 42cqw);width:var(--d);height:var(--d);left:calc(74cqw - var(--d) / 2);position:absolute;top:3.5cqh}[data-scene=clock] [data-part=clock]>*,[data-scene=clock] [data-part=minute-wobble],[data-scene=clock] [data-part=minute-wobble]>svg{width:100%;height:100%;position:absolute;top:0;left:0}[data-scene=clock] [data-part=readout]{width:36%;height:auto;top:102%;left:32%}@container (orientation:portrait){[data-scene=clock] [data-part=clock]{--d:min(64cqw, 70cqh);left:calc(50cqw - var(--d) / 2);top:calc(50cqh - .6 * var(--d))}[data-scene=clock] [data-part=readout]{width:40%;top:103%;left:30%}}[data-scene=clock] [data-part=hour]{transform:rotate(305deg)}[data-scene=clock] [data-part=minute]{transform:rotate(60deg)}[data-scene=clock] [data-part=arc]{fill:none;stroke:var(--color-scene-accent);stroke-width:12px;stroke-dasharray:1 1}[data-scene=clock] [data-part=arc]:first-child{stroke-width:8px}[data-scene=clock] [data-part=next]{opacity:0}[data-scene=clock] [data-part=next] path{fill:none;stroke:var(--color-scene-shine);stroke-width:4px}[data-scene=clock] [data-ring=am],[data-scene=clock][data-next="7"] [data-ring=pm]{visibility:hidden}[data-scene=clock][data-next="7"] [data-ring=am]{visibility:visible}[data-scene=clock][data-next="17"] [data-part=next]{transform:rotate(150deg)}[data-scene=clock][data-next="18"] [data-part=next]{transform:rotate(180deg)}[data-scene=clock]:is([data-next="7"],[data-next="19"]) [data-part=next]{transform:rotate(210deg)}[data-scene=clock][data-next="20"] [data-part=next]{transform:rotate(240deg)}[data-scene=clock][data-h="1"] [data-part=glow]{transform:rotate(30deg)}[data-scene=clock][data-h="2"] [data-part=glow]{transform:rotate(60deg)}[data-scene=clock][data-h="3"] [data-part=glow]{transform:rotate(90deg)}[data-scene=clock][data-h="4"] [data-part=glow]{transform:rotate(120deg)}[data-scene=clock][data-h="5"] [data-part=glow]{transform:rotate(150deg)}[data-scene=clock][data-h="6"] [data-part=glow]{transform:rotate(180deg)}[data-scene=clock][data-h="7"] [data-part=glow]{transform:rotate(210deg)}[data-scene=clock][data-h="8"] [data-part=glow]{transform:rotate(240deg)}[data-scene=clock][data-h="9"] [data-part=glow]{transform:rotate(270deg)}[data-scene=clock][data-h="10"] [data-part=glow]{transform:rotate(300deg)}[data-scene=clock][data-h="11"] [data-part=glow]{transform:rotate(330deg)}[data-scene=clock]:not([data-h="0"],[data-h="3"],[data-h="6"],[data-h="9"]) [data-part=halo]{transform:scale(.68)}[data-scene=clock] [data-seg],[data-scene=clock] [data-part=colon]{fill:var(--color-scene-accent)}[data-scene=clock] :is([data-v="1"],[data-v="4"])>[data-seg=a],[data-scene=clock] :is([data-v="5"],[data-v="6"])>[data-seg=b],[data-scene=clock] [data-v="2"]>[data-seg=c],[data-scene=clock] :is([data-v="1"],[data-v="4"],[data-v="7"])>[data-seg=d],[data-scene=clock] :is([data-v="1"],[data-v="3"],[data-v="4"],[data-v="5"],[data-v="7"],[data-v="9"])>[data-seg=e],[data-scene=clock] :is([data-v="1"],[data-v="2"],[data-v="3"],[data-v="7"])>[data-seg=f],[data-scene=clock] :is([data-v="0"],[data-v="1"],[data-v="7"])>[data-seg=g]{fill:var(--color-scene-led-off)}[data-scene=clock] [data-part=blur]{opacity:0}[data-scene=clock] [data-part=plate]{transform-origin:0 calc(33 * var(--scene-unit))}[data-scene=clock] [data-part=plates]>:nth-child(3n+1)>[data-part=plate]{transform-origin:0 calc(50 * var(--scene-unit))}[data-scene=clock] [data-part=plates]>:nth-child(2){--i:1}[data-scene=clock] [data-part=plates]>:nth-child(3){--i:2}[data-scene=clock] [data-part=plates]>:nth-child(4){--i:3}[data-scene=clock] [data-part=plates]>:nth-child(5){--i:4}[data-scene=clock] [data-part=plates]>:nth-child(6){--i:5}[data-scene=clock] [data-part=plates]>:nth-child(7){--i:6}[data-scene=clock] [data-part=plates]>:nth-child(8){--i:7}[data-scene=clock] [data-part=plates]>:nth-child(9){--i:8}[data-scene=clock] [data-part=plates]>:nth-child(10){--i:9}[data-scene=clock] [data-part=plates]>:nth-child(11){--i:10}[data-scene=clock] [data-part=plates]>:nth-child(12){--i:11}@media (prefers-reduced-motion:no-preference){[data-scene=clock]:not([data-live]) [data-part=clock]{animation:clock-wait calc(2.4 * var(--scene-time)) both}[data-scene=clock][data-live]:not([data-landed]) [data-part=dial]{animation:clock-in calc(.6 * var(--scene-time)) var(--ease-scene-settle) both}[data-scene=clock][data-live]:not([data-landed]) [data-part=plate]{animation:clock-drop calc(.5 * var(--scene-time)) calc((.25 + var(--i,0) * .075) * var(--scene-time)) both}[data-scene=clock][data-live]:not([data-landed]) [data-part=arc]:not([data-lit]){stroke-dashoffset:1px}[data-scene=clock][data-live] [data-part=arc][data-lit]{animation:clock-arc calc(.45 * var(--scene-time)) var(--ease-scene-glide) both}[data-scene=clock][data-live]:not([data-landed]) [data-part=hour]{animation:clock-show calc(.35 * var(--scene-time)) calc(.55 * var(--scene-time)) both}[data-scene=clock][data-live]:not([data-landed]) [data-part=minute]{animation:clock-minute calc(4 * var(--scene-time)) linear both}[data-scene=clock][data-live]:not([data-landed]) [data-part=blur]{animation:clock-blur calc(4 * var(--scene-time)) linear both}[data-scene=clock][data-live]:not([data-landed]) [data-part=collar]{animation:clock-collar calc(.5 * var(--scene-time)) calc(.7 * var(--scene-time)) both}[data-scene=clock][data-live]:not([data-landed]) [data-part=readout]{animation:clock-show calc(.3 * var(--scene-time)) calc(.85 * var(--scene-time)) both}[data-scene=clock][data-live]:not([data-landed]) :is([data-part=second],[data-part=glow]){opacity:0}[data-scene=clock][data-landed] [data-part=second]{animation:clock-show calc(.25 * var(--scene-time)) both}[data-scene=clock][data-landed] [data-part=glow]{animation:clock-show calc(.6 * var(--scene-time)) both, clock-breathe calc(3.6 * var(--scene-time)) calc(.6 * var(--scene-time)) ease-in-out infinite alternate}[data-scene=clock][data-landed][data-next] [data-part=next]{animation:clock-pulse calc(3.2 * var(--scene-time)) ease-in-out infinite}@keyframes clock-wait{0%,75%{opacity:0}to{opacity:1}}@keyframes clock-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:none}}@keyframes clock-drop{0%{opacity:0;transform:translateY(calc(-150 * var(--scene-unit)));animation-timing-function:var(--ease-scene-slam)}18%{opacity:1}55%{animation-timing-function:var(--ease-scene-glide);transform:translateY(0)}70%{transform:scale(1.13,.86)}86%{transform:scale(.97,1.03)}to{opacity:1;transform:none}}@keyframes clock-arc{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes clock-show{0%{opacity:0}to{opacity:1}}@keyframes clock-minute{0%,14%{opacity:0}22%,33%{opacity:1}40%,62%{opacity:.18}72%,to{opacity:1}}@keyframes clock-blur{0%,33%{opacity:0}41%,62%{opacity:1}72%,to{opacity:0}}@keyframes clock-collar{0%{opacity:0;transform:scale(1.9)}55%{opacity:1;transform:scale(.9)}78%{transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes clock-breathe{0%{opacity:1}to{opacity:.55}}@keyframes clock-pulse{0%,to{opacity:0}50%{opacity:.9}}}[data-scene=clock] [data-stop=steel-bright]{stop-color:var(--color-scene-steel-bright)}[data-scene=clock] [data-stop=steel]{stop-color:var(--color-scene-steel)}[data-scene=clock] [data-stop=steel-shade]{stop-color:var(--color-scene-steel-shade)}[data-scene=clock] [data-stop=steel-light]{stop-color:var(--color-scene-steel-light)}[data-scene=clock] [data-stop=lime]{stop-color:var(--color-scene-accent)}[data-astro-cid-td6kxry6][data-chip]:has(:focus-visible){outline:var(--focus-width) solid var(--color-focus-ring);outline-offset:var(--focus-offset)}[data-astro-cid-td6kxry6][data-today]>[data-astro-cid-td6kxry6][data-day-head]{box-shadow:inset 0 var(--spacing-bar) 0 var(--color-accent-ink)}[data-astro-cid-td6kxry6][data-past]{border-style:dashed}[data-astro-cid-td6kxry6][data-past] [data-astro-cid-td6kxry6][data-slot-name]{color:var(--color-ink-muted)}