@layer base,components,variants;@layer components{[data-theme=light] .gs-display{--gs-housing-color: #e0e0e0;--gs-ghost-color: color-mix(in srgb, var(--tk-accent, #ee1111) 10%, #ccc);--gs-lamp-rim: color-mix(in srgb, var(--tk-accent, #ee1111) 55%, #333)}.gs-display{--gs-lamp-glow: .85;--gs-lamp-core: color-mix(in srgb, var(--tk-accent, #ee1111) calc(55% - var(--gs-lamp-glow) * 25%), white);--gs-lamp-hot: color-mix(in srgb, var(--tk-accent, #ee1111) calc(80% - var(--gs-lamp-glow) * 10%), white);--gs-lamp-body: var(--tk-accent, #ee1111);--gs-lamp-rim: color-mix(in srgb, var(--tk-accent, #ee1111) 72%, black);--gs-housing-color: #141414;--gs-ghost-color: color-mix(in srgb, var(--tk-accent, #ee1111) 10%, #111);container-type:inline-size;display:flex;align-items:center;justify-content:center;width:100%;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a;padding:2rem 2.5rem;position:relative;overflow:hidden;opacity:var(--tk-face-opacity, 1);color:var(--tk-face-text, var(--tk-text))}.gs-display:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.gs-display svg{width:100%;max-width:clamp(280px,70cqi,700px);height:auto}.gs-display__content{width:100%;display:flex;align-items:center;justify-content:center}.gs-housing{fill:var(--gs-housing-color, #141414);opacity:var(--gs-housing-vis, 1)}.gs-dot-lit{fill:url(#gs-lamp)}.gs-seg-lit{mix-blend-mode:screen}.gs-dot-ghost{fill:var(--gs-ghost-color, #1a0808)}.gs-colon--hidden circle{opacity:0}.gs-display--no-ghost .gs-seg-ghost{display:none}.gs-display--no-glow .gs-seg-lit{filter:none!important;mix-blend-mode:normal}.gs-display--no-glow .gs-dot-lit{fill:var(--gs-lamp-body, var(--tk-accent, #ee1111))}.gs-display--flash{animation:gs-flash .5s step-end 6}@keyframes gs-flash{50%{opacity:.2}}[data-fullscreen] .gs-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] .gs-display svg{max-width:clamp(400px,80vw,1000px)}@container (max-width: 460px){.gs-display{padding:1.15rem 1.25rem}}@container (max-width: 340px){.gs-display{border-radius:10px;padding:.8rem .9rem}}.gs-stopwatch{align-items:flex-end}}