@layer base,components,variants;@layer variants{.digital-display{background:var(--tk-face-bg, #111);border-radius:var(--tk-radius-lg);box-shadow:inset 0 2px 8px #0006;padding:2rem 2.5rem;position:relative;overflow:hidden;container-type:inline-size;opacity:var(--tk-face-opacity, 1);color:var(--tk-face-text, var(--tk-text))}.digital-display:not(.digital-display--no-scanlines):after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.digital-digits{display:flex;align-items:center;justify-content:center;gap:.5rem}.digital-digits>.digit,.digital-digits>.colon{flex:0 0 auto}.digit{position:relative;width:48px;height:80px;padding:2px;box-sizing:content-box}.digit svg{width:100%;height:100%;display:block}@container (min-width: 480px){.digit{width:64px;height:108px;padding:3px;box-sizing:content-box}}@container (min-width: 640px){.digit{width:80px;height:136px;padding:4px;box-sizing:content-box}}.digital-seg{fill:#ffffff0f;transition:fill .15s ease,filter .15s ease}.digital-seg{stroke-linejoin:round;stroke-width:var(--seg-stroke, 0);stroke:#ffffff0f}.digital-seg[data-active]{fill:var(--tk-accent);stroke:var(--tk-accent)}.digital-display--glow .digital-digits .digital-seg[data-active]{filter:drop-shadow(0 0 calc(var(--tk-digital-glow-strength, .85) * 4px) color-mix(in srgb,var(--tk-accent) 50%,transparent)) drop-shadow(0 0 calc(var(--tk-digital-glow-strength, .85) * 12px) color-mix(in srgb,var(--tk-accent) 30%,transparent))}.digital-display--glow .digital-digits .colon-dot{box-shadow:0 0 calc(var(--tk-digital-glow-strength, .85) * 6px) color-mix(in srgb,var(--tk-accent) 50%,transparent),0 0 calc(var(--tk-digital-glow-strength, .85) * 14px) color-mix(in srgb,var(--tk-accent) 30%,transparent)}.digital-display--no-glow .digital-digits .digital-seg[data-active]{filter:none}.digital-display--no-glow .digital-digits .colon-dot{box-shadow:none}.seg--sharp{--seg-stroke: 0}.seg--rounded{--seg-stroke: 4px}.seg--pixel{--seg-stroke: 0}.colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:20px;padding:0 .25rem}@container (min-width: 480px){.colon{gap:24px;width:28px}}.colon-dot{width:8px;height:8px;border-radius:50%;background:var(--tk-accent);box-shadow:0 0 6px color-mix(in srgb,var(--tk-accent) 35%,transparent)}@container (min-width: 480px){.colon-dot{width:10px;height:10px}}.colon--blink .colon-dot{animation:blink 1s steps(1) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}[data-fullscreen] .digital-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}[data-fullscreen] .digit{height:clamp(80px,25vh,320px);width:calc(clamp(80px,25vh,320px)*.588)}[data-fullscreen] .colon{gap:clamp(16px,4vh,60px);width:clamp(20px,3.5vh,56px)}[data-fullscreen] .colon-dot{width:clamp(8px,1.8vh,22px);height:clamp(8px,1.8vh,22px)}.digital-display--no-ghost .digital-seg:not([data-active]){fill:transparent;stroke:transparent}.digital-display--no-ghost.digital-display--sharp .digital-seg:not([data-active]),.digital-display--no-ghost.digital-display--pixel .digital-seg:not([data-active]){fill:transparent;stroke:transparent}.digital-display--rounded .digital-seg{stroke-linejoin:round}.digital-display--sharp{--tk-seg-point: 6px}.digital-display--sharp .digital-seg{transition:fill .05s steps(1),filter .05s steps(1);stroke-linejoin:miter}.digital-display--sharp:not(.digital-display--glow) .digital-seg[data-active]{filter:none}.digital-display--sharp .digital-seg:not([data-active]){fill:var(--tk-seg-ghost, rgba(0, 0, 0, .12));stroke:var(--tk-seg-ghost, rgba(0, 0, 0, .12))}.digital-display--sharp .colon-dot{border-radius:0}.digital-display--pixel .digital-seg{transition:fill .08s steps(1);stroke-linejoin:bevel}.digital-display--pixel .digital-seg[data-active]{stroke:var(--tk-accent);stroke-width:1px;filter:none}.digital-display--pixel .digital-seg:not([data-active]){fill:var(--tk-seg-ghost, rgba(255, 255, 255, .04));stroke:transparent}.digital-display--pixel .colon-dot{border-radius:0}.colon--dot{gap:0;justify-content:flex-end;width:10px;padding:0}.colon-dot--small{width:6px;height:6px}@container (min-width: 480px){.colon-dot--small{width:8px;height:8px}}.digital-timer__ms-group{display:flex;align-items:flex-end;gap:.5rem;opacity:.75;align-self:flex-end;padding-bottom:.25rem}.digital-timer__ms-group .digit{width:34px;height:56px}@container (min-width: 480px){.digital-timer__ms-group .digit{width:44px;height:75px}}@container (min-width: 640px){.digital-timer__ms-group .digit{width:56px;height:95px}}.digital-display--complete{animation:flash .6s ease-in-out 3}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}}