@layer base,components,variants;@layer components{.sb-timer{--sb-cell: 10px;--sb-gap: 2px;--sb-off: #292d34;--sb-block-bg: rgba(41, 45, 52, .58);--sb-block-border: rgba(255, 255, 255, .04);--sb-block-radius: 4px;--sb-block-pad: calc(var(--sb-gap) * 2.5);container-type:inline-size;display:flex;justify-content:center;width:100%}.sb-timer__bezel{width:fit-content;border-radius:12px;padding:clamp(12px,2.8cqi,24px);background:linear-gradient(180deg,#23272f,#15181d);box-shadow:inset 0 1px #ffffff14,inset 0 -2px 8px #000000a6,0 8px 24px #00000073}.sb-timer[data-bezel-style=flat] .sb-timer__bezel{border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff14;background:#1f2329}.sb-timer[data-bezel-style=none] .sb-timer__bezel{background:transparent;box-shadow:none;padding:0}.sb-timer__panel{border-radius:6px;padding:clamp(.6rem,1.4cqi,1rem);background:transparent;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 14px 32px #00000094}.sb-timer__digits{display:flex;align-items:center;gap:calc(var(--sb-gap) * 2)}.sb-block{background:var(--sb-block-bg);border:0;border-radius:var(--sb-block-radius);padding:var(--sb-block-pad);box-shadow:inset 0 2px 6px #00000080}.sb-digit{display:grid;grid-template-columns:repeat(5,var(--sb-cell));grid-template-rows:repeat(7,var(--sb-cell));gap:var(--sb-gap)}.sb-colon{display:grid;grid-template-columns:var(--sb-cell);grid-template-rows:repeat(7,var(--sb-cell));gap:var(--sb-gap)}.sb-cell{width:var(--sb-cell);height:var(--sb-cell);border-radius:1.5px;background:var(--sb-off);box-shadow:inset 0 1px 1px #ffffff0f,inset 0 -1px 2px #0000008c}.sb-cell--on{background:var(--tk-accent, #f2cf45);box-shadow:0 0 calc(var(--tk-scoreboard-glow, .78) * 6px) color-mix(in srgb,var(--tk-accent, #f2cf45) 70%,transparent),inset 0 1px #fff6}.sb-timer[data-cell-size=small]{--sb-cell: 7px;--sb-gap: 1.5px}.sb-timer[data-cell-size=large]{--sb-cell: 13px;--sb-gap: 2.5px}@container (min-width: 700px){.sb-timer{--sb-cell: clamp(10px, 1.6cqi, 16px);--sb-gap: clamp(2px, .3cqi, 3px)}.sb-timer[data-cell-size=small]{--sb-cell: clamp(7px, 1.1cqi, 11px);--sb-gap: clamp(1.5px, .22cqi, 2.5px)}.sb-timer[data-cell-size=large]{--sb-cell: clamp(13px, 2cqi, 20px);--sb-gap: clamp(2.5px, .38cqi, 4px)}}@container (max-width: 460px){.sb-timer{--sb-cell: 7.5px;--sb-gap: 1.5px}.sb-timer[data-cell-size=small]{--sb-cell: 6px;--sb-gap: 1px}.sb-timer[data-cell-size=large]{--sb-cell: 9px;--sb-gap: 2px}}[data-fullscreen] .sb-timer{--sb-cell: clamp(8px, 1.4vh, 14px);--sb-gap: clamp(1.5px, .22vh, 3px)}.sb-timer--no-glow .sb-cell--on{box-shadow:inset 0 1px #ffffff59}@keyframes sb-flash{0%,to{opacity:1}50%{opacity:.25}}.sb-timer--flash .sb-timer__panel{animation:sb-flash .5s steps(2) 4}}