@layer theme,base;@layer components{.timer-ring{background:radial-gradient(circle, var(--sg-canvas) 0 56px, transparent 57px), conic-gradient(var(--sg-accent) calc(var(--progress,0) * 360deg), color-mix(in srgb, var(--sg-ink) 12%, transparent) 0);transition:background .12s linear}.timer-ring[data-phase=done]{background:radial-gradient(circle, var(--sg-canvas) 0 56px, transparent 57px), conic-gradient(var(--sg-sage) 360deg, var(--sg-sage) 0)}}@layer utilities;