.clock.svelte-vckp0f{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.clock.svelte-vckp0f div:where(.svelte-vckp0f){text-align:center;border-radius:var(--r);background:linear-gradient(#24527c,#1b4266);border:1px solid #a9e4fb38;padding:12px 4px 10px}.clock.svelte-vckp0f span:where(.svelte-vckp0f){font:700 34px/1 var(--display);color:var(--cream);font-variant-numeric:tabular-nums;display:block}.clock.svelte-vckp0f small:where(.svelte-vckp0f){font:600 10.5px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:6px;display:block}.live.svelte-vckp0f span:where(.svelte-vckp0f){color:var(--gold)}.lg.svelte-vckp0f div:where(.svelte-vckp0f){padding:16px 4px 12px}.lg.svelte-vckp0f span:where(.svelte-vckp0f){text-shadow:0 0 20px #f8cd6438;font-size:clamp(34px,3.6vw,50px)}.lg.svelte-vckp0f small:where(.svelte-vckp0f){margin-top:8px}.sm.svelte-vckp0f span:where(.svelte-vckp0f){font-size:24px}.sm.svelte-vckp0f div:where(.svelte-vckp0f){padding:9px 2px 8px}@media (width<=720px){.clock.svelte-vckp0f{gap:6px}}@media (width<=900px),(pointer:coarse) and (width<=1194px){.md.svelte-vckp0f div:where(.svelte-vckp0f){padding:clamp(7px,1.3svh,12px) 4px clamp(6px,1.1svh,10px)}.md.svelte-vckp0f span:where(.svelte-vckp0f){font-size:clamp(22px,3.6svh,26px)}}