@layer base,components,variants;@layer variants{.p86-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}.p86-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}.p86-svg{width:clamp(264px,84cqi,840px);height:auto;display:block;overflow:visible}.p86-path{transition:fill .15s ease}@keyframes p86-flash{0%,to{opacity:1}50%{opacity:.25}}.p86-timer--flash .p86-path{animation:p86-flash .6s ease-in-out infinite}@container (max-width: 460px){.p86-timer{padding:1.15rem 1.25rem}}@container (max-width: 340px){.p86-timer{border-radius:10px;padding:.8rem .9rem}}[data-fullscreen] .p86-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)}}