@layer theme,base;@layer components{.timer-bar{background:color-mix(in srgb, var(--sg-ink) 8%, transparent)}.timer-bar-fill{width:calc(var(--progress,0) * 100%);background:color-mix(in srgb, var(--sg-accent) 55%, transparent);transition:width .12s linear;position:absolute;inset:0 auto 0 0}.timer-bar[data-phase=done]{background:color-mix(in srgb, var(--sg-sage) 30%, transparent)}.timer-bar[data-phase=done] .timer-bar-fill{width:0}@media (prefers-reduced-motion:reduce){.timer-bar-fill{transition:none}}}@layer utilities;