@layer base,components,variants;@layer variants{.sand-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;user-select:none}.sand-timer__canvas-wrap{position:relative;width:200px;height:300px}.sand-timer__canvas-wrap canvas{display:block;width:100%;height:100%}.sand-timer__canvas-wrap:before{content:"";position:absolute;inset:10% 15%;background:radial-gradient(ellipse at 50% 50%,var(--tk-accent-glow) 0%,transparent 70%);filter:blur(20px);z-index:-1;opacity:.6;transition:opacity .6s var(--tk-ease)}.sand-timer--complete .sand-timer__canvas-wrap:before{opacity:0}[data-fullscreen] .sand-timer{width:100%;height:100%;justify-content:center}[data-fullscreen] .sand-timer__canvas-wrap{width:min(50vw,40vh);height:min(75vw,60vh)}.sand-timer--complete .sand-timer__canvas-wrap{animation:sand-complete-pulse 1.5s ease-in-out 3}@keyframes sand-complete-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}}