@layer base,components,variants;@layer variants{.gigabyte-clock{container-type:inline-size;display:flex;justify-content:center;width:100%;opacity:var(--tk-face-opacity, 1)}.gigabyte-clock__panel{position:relative;display:grid;place-items:center;width:100%;max-width:100%;padding:3rem 2.5rem;border-radius:clamp(16px,2.4cqi,28px);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--tk-face-bg, #050a05) 72%,white 8%) 0%,transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--tk-face-bg, #050a05) 90%,black 10%) 0%,var(--tk-face-bg, #050a05) 100%);border:1px solid color-mix(in srgb,var(--tk-accent, #00ff88) 10%,white 8%);box-shadow:inset 0 1px #ffffff14,inset 0 -24px 40px #00000052,0 24px 48px #0000004d;overflow:hidden;isolation:isolate}.gigabyte-svg{width:100%;height:auto;display:block;max-width:100%;overflow:visible}.gb-seg-active{transition:opacity .05s}.gb-seg-ghost{pointer-events:none}.gigabyte-clock__scanlines{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.28;mix-blend-mode:screen}.gigabyte-clock__scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,#ffffff0f 0 1px,#0000002e 1px 3px)}.gigabyte-clock--complete .gigabyte-svg{animation:gb-complete-flash .55s steps(2,end) 4}@container (max-width: 380px){.gigabyte-clock__panel{padding:1.15rem 1.25rem}}[data-fullscreen] .gigabyte-clock__panel{width:100%;height:100%;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}@keyframes gb-complete-flash{0%,to{opacity:1}50%{opacity:.28}}}