.clock-face.svelte-128zzoz{background:var(--clock-face-bg, rgba(255, 255, 255, .95));box-shadow:0 0 4px #1e1e1e2e}.clock-face.svelte-128zzoz:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(10,10,10,.85) calc(var(--elapsed-angle, 0) * 1deg),transparent 0);opacity:clamp(0,calc(var(--elapsed-angle, 0) / 360),1);pointer-events:none;z-index:0;transition:background .35s linear}.clock-face__hand.svelte-128zzoz{transform-origin:0 center;will-change:transform}.clock-face__hand--shake.svelte-128zzoz{transition:all .08s cubic-bezier(0,1.8,.6,1.8)}.clock-face__hand--hour.svelte-128zzoz{width:35%;height:8px;background:var(--clock-hour-hand, rgb(81, 81, 81));transform:translateY(-50%) rotate(calc(var(--hand-rotation, 0deg) - 90deg))}.clock-face__hand--minute.svelte-128zzoz{width:45%;height:8px;background:var(--clock-minute-hand, rgb(81, 81, 81));transform:translateY(-50%) rotate(calc(var(--hand-rotation, 0deg) - 90deg));transition:opacity .5s ease-in}.clock-face__hand--second.svelte-128zzoz{width:48%;height:2px;background:var(--clock-second-hand, rgb(174, 79, 78));transform:translateY(-50%) rotate(calc(var(--hand-rotation, 0deg) - 90deg));transition:opacity .5s ease-in}.clock-face__hand--shadow.svelte-128zzoz{background-color:#32323266;filter:blur(2.1px)}.clock-face__hand--hour.clock-face__hand--shadow.svelte-128zzoz,.clock-face__hand--minute.clock-face__hand--shadow.svelte-128zzoz{transform:translate(-5px,-50%) rotate(calc(var(--hand-rotation, 0deg) - 90deg))}.clock-face__hand--second.clock-face__hand--shadow.svelte-128zzoz{transform:translate(-5px,calc(-50% + 2px)) rotate(calc(var(--hand-rotation, 0deg) - 90deg))}.page.svelte-1uha8ag{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;width:100%;padding:.75rem;box-sizing:border-box}@media (min-width: 768px){.page.svelte-1uha8ag{padding:2rem}}@media (min-width: 1024px){.page.svelte-1uha8ag{padding:5rem}}.clock-grid.svelte-1uha8ag{--cols: 6;--rows: 4;--gap-count-x: 5;--gap-count-y: 3;--gap-size: 8px;--page-padding: .75rem;--min-clock-size: 60px;--max-clock-size: 180px;--size-from-width: calc( (100vw - (var(--gap-count-x) * var(--gap-size)) - (2 * var(--page-padding))) / var(--cols) );--size-from-height: calc( (100vh - (var(--gap-count-y) * var(--gap-size)) - (2 * var(--page-padding))) / var(--rows) );--clock-size: clamp( var(--min-clock-size), min(var(--size-from-width), var(--size-from-height)), var(--max-clock-size) );display:grid;grid-template-columns:repeat(6,var(--clock-size));gap:var(--gap-size);justify-content:center;align-content:center;transition:grid-template-columns .3s ease,gap .3s ease}.clock-card.svelte-1uha8ag{display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.clock-grid.svelte-1uha8ag{--gap-size: 12px;--page-padding: 2rem}}@media (min-width: 1024px){.clock-grid.svelte-1uha8ag{--gap-size: 16px;--page-padding: 5rem;--min-clock-size: 80px}}@media (prefers-reduced-motion: reduce){.clock-grid.svelte-1uha8ag{transition:none}}@media (orientation: portrait){.clock-grid.svelte-1uha8ag{--cols: 4;--rows: 6;--gap-count-x: 3;--gap-count-y: 5;grid-template-columns:repeat(4,var(--clock-size))}}