@layer base,components,variants;@layer components{.d7-timer{--d7-digit-width: 52px;--d7-digit-height: 86px;--d7-digit-padding: 2px;--d7-colon-gap: 18px;--d7-colon-width: 18px;--d7-colon-dot: 8px;border-radius:var(--tk-radius-lg);padding:2rem 2.5rem;background:var(--tk-face-bg, #0a0a0f);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a;position:relative;overflow:hidden;container-type:inline-size;opacity:var(--tk-face-opacity, 1);color:var(--tk-face-text, var(--tk-text));display:flex;justify-content:center}.d7-timer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.d7-timer__bezel{width:fit-content;background:transparent;border-radius:0;padding:0;box-shadow:none}.d7-timer[data-bezel-style=flat] .d7-timer__bezel{background:transparent;box-shadow:none}.d7-timer[data-bezel-style=none] .d7-timer__bezel{background:transparent;box-shadow:none;padding:0}.d7-timer__panel{border-radius:0;padding:0;background:transparent;box-shadow:none;position:relative}.d7-timer__digits{display:flex;align-items:center;justify-content:center;gap:.35rem;position:relative;z-index:1}.d7-timer__digits>.d7-digit,.d7-timer__digits>.d7-colon{flex:0 0 auto}.d7-digit{position:relative;width:var(--d7-digit-width);height:var(--d7-digit-height);padding:var(--d7-digit-padding);box-sizing:content-box}.d7-svg{width:100%;height:100%;display:block;shape-rendering:geometricPrecision}.d7-seg{fill:#ffffff0a;transition:fill .12s ease,filter .12s ease}.d7-seg--on{fill:var(--tk-accent, #ff1a1a);filter:drop-shadow(0 0 calc(var(--tk-digital7-glow, .8) * 4px) color-mix(in srgb,var(--tk-accent, #ff1a1a) 50%,transparent)) drop-shadow(0 0 calc(var(--tk-digital7-glow, .8) * 10px) color-mix(in srgb,var(--tk-accent, #ff1a1a) 25%,transparent))}.d7-seg--ghost{fill:#ffffff0a}.d7-colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--d7-colon-gap);width:var(--d7-colon-width);padding:0 .15rem}.d7-colon-dot{width:var(--d7-colon-dot);height:var(--d7-colon-dot);border-radius:2px;background:#ffffff0f;transition:background .1s ease,box-shadow .1s ease}.d7-colon-dot--on{background:var(--tk-accent, #ff1a1a);box-shadow:0 0 calc(var(--tk-digital7-glow, .8) * 6px) color-mix(in srgb,var(--tk-accent, #ff1a1a) 50%,transparent)}.d7-colon--dot{gap:0;justify-content:flex-end;width:10px;padding:0}.d7-colon-dot--small{width:6px;height:6px}@container (min-width: 480px){.d7-colon-dot--small{width:8px;height:8px}}.d7-timer[data-cell-size=small]{--d7-digit-width: 44px;--d7-digit-height: 72px;--d7-digit-padding: 2px;--d7-colon-gap: 14px;--d7-colon-width: 14px;--d7-colon-dot: 7px}.d7-timer[data-cell-size=large]{--d7-digit-width: 64px;--d7-digit-height: 106px;--d7-digit-padding: 3px;--d7-colon-gap: 22px;--d7-colon-width: 22px;--d7-colon-dot: 10px}@container (min-width: 480px){.d7-timer{--d7-digit-width: 70px;--d7-digit-height: 116px;--d7-digit-padding: 3px;--d7-colon-gap: 26px;--d7-colon-width: 24px;--d7-colon-dot: 10px}.d7-timer[data-cell-size=small]{--d7-digit-width: 58px;--d7-digit-height: 96px;--d7-colon-gap: 20px;--d7-colon-width: 18px;--d7-colon-dot: 8px}.d7-timer[data-cell-size=large]{--d7-digit-width: 86px;--d7-digit-height: 142px;--d7-digit-padding: 4px;--d7-colon-gap: 30px;--d7-colon-width: 30px;--d7-colon-dot: 12px}}@container (min-width: 640px){.d7-timer{--d7-digit-width: 88px;--d7-digit-height: 146px;--d7-digit-padding: 4px}.d7-timer[data-cell-size=small]{--d7-digit-width: 74px;--d7-digit-height: 122px;--d7-colon-gap: 24px;--d7-colon-width: 22px;--d7-colon-dot: 10px}.d7-timer[data-cell-size=large]{--d7-digit-width: 102px;--d7-digit-height: 170px;--d7-colon-gap: 34px;--d7-colon-width: 34px;--d7-colon-dot: 14px}}@container (max-width: 460px){.d7-timer{padding:1.15rem 1.25rem}.d7-timer[data-cell-size=small]{--d7-digit-width: 36px;--d7-digit-height: 60px;--d7-colon-gap: 10px;--d7-colon-width: 12px;--d7-colon-dot: 6px}.d7-timer[data-cell-size=large]{--d7-digit-width: 54px;--d7-digit-height: 88px;--d7-colon-gap: 16px;--d7-colon-width: 16px;--d7-colon-dot: 8px}}@container (max-width: 340px){.d7-timer{border-radius:10px;padding:.8rem .9rem;--d7-digit-width: 36px;--d7-digit-height: 60px;--d7-colon-gap: 10px;--d7-colon-width: 12px;--d7-colon-dot: 6px}}[data-fullscreen] .d7-timer{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] .d7-digit{height:clamp(86px,25vh,320px);width:calc(clamp(86px,25vh,320px)*.603);padding:4px}[data-fullscreen] .d7-colon{gap:clamp(18px,3.8vh,36px);width:clamp(18px,3vh,30px)}[data-fullscreen] .d7-colon-dot{width:clamp(8px,1.6vh,14px);height:clamp(8px,1.6vh,14px)}.d7-timer--no-glow .d7-seg--on{filter:none}.d7-timer--no-glow .d7-colon-dot--on{box-shadow:none}@keyframes d7-flash{0%,to{opacity:1}50%{opacity:.25}}.d7-timer--flash .d7-timer__panel{animation:d7-flash .5s steps(2) 4}}