.clocks[data-astro-cid-zqjix6br]{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,32px)}.bare[data-astro-cid-zqjix6br]{background:0 0;border:0;padding:0}dl[data-astro-cid-zqjix6br]{flex-wrap:wrap;gap:18px clamp(28px,5vw,64px);margin-block:20px 28px;display:flex;& div{flex-direction:column-reverse;gap:4px;display:flex}}dt[data-astro-cid-zqjix6br]{font:500 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--muted)}dd[data-astro-cid-zqjix6br]{font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--ink);font-size:clamp(2rem,4.4vw,3rem);font-weight:600;line-height:1}.day[data-astro-cid-zqjix6br]{background:repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px calc(100% / 24)), var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);height:64px;position:relative;overflow:hidden;& span{left:calc(var(--from,0) / 24 * 100%);width:calc((var(--to,0) - var(--from,0)) / 24 * 100%);transition:left .8s var(--ease-out), width .8s var(--ease-out);position:absolute}& span:first-child{background:var(--accent);border-radius:var(--radius-xs);height:22px;top:8px}& span:nth-child(2){background:repeating-linear-gradient(-45deg, var(--ink) 0 2px, transparent 2px 7px);border-radius:var(--radius-xs);height:22px;box-shadow:inset 0 0 0 1px var(--ink);opacity:.55;bottom:8px}& span:nth-child(3){background:var(--accent);width:2px;margin-left:-1px;top:0;bottom:0}}.scale[data-astro-cid-zqjix6br]{font:400 13px/1.5 var(--font-mono);color:var(--muted);justify-content:space-between;margin-top:8px;display:flex}.legend[data-astro-cid-zqjix6br]{flex-wrap:wrap;gap:10px 26px;margin-top:18px;display:flex;& li{font:13px/1.4 var(--font-mono);color:var(--muted);align-items:center;gap:10px;display:flex;&:before{background:var(--accent);content:"";border-radius:4px;width:22px;height:12px}&:nth-child(2):before{background:repeating-linear-gradient(-45deg, var(--ink) 0 2px, transparent 2px 6px);box-shadow:inset 0 0 0 1.5px var(--ink);opacity:.55}&:nth-child(3):before{background:var(--accent);border-radius:0;width:2px}}}.note[data-astro-cid-zqjix6br]{color:var(--ink);margin-top:20px;font-size:15px}
