@layer base,components,variants;@layer variants{.g7-timer{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 2.5rem;container-type:inline-size;position:relative;overflow:hidden;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg, 20px);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a}.g7-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}.g7-svg{width:clamp(220px,70cqi,700px);height:auto;display:block;overflow:visible}.g7-seg-active{transition:fill .08s ease}@keyframes g7-flash{0%,to{opacity:1}50%{opacity:.2}}.g7-timer--flash .g7-seg-active{animation:g7-flash .6s ease-in-out infinite}@container (max-width: 460px){.g7-timer{padding:1.15rem 1.25rem}}@container (max-width: 340px){.g7-timer{border-radius:10px;padding:.8rem .9rem}}[data-fullscreen] .g7-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)}}