.timer.svelte-12t9biz{gap:1.25rem;display:grid}@container widget (width>=34rem){.ruler.svelte-12t9biz{block-size:6rem}.readout.svelte-12t9biz{font-size:4.5rem}}@container widget (width<=22rem){.readout.svelte-12t9biz{font-size:2.25rem}}.ruler.svelte-12t9biz{cursor:grab;touch-action:pan-y;outline:none;block-size:5.25rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.dragging.svelte-12t9biz{cursor:grabbing}.ruler[aria-disabled=true].svelte-12t9biz{cursor:default}.ruler.svelte-12t9biz:focus-visible{outline:var(--ui-ring-width) solid var(--ui-ring);outline-offset:-2px;border-radius:.75rem}.track.svelte-12t9biz{transition:translate .26s var(--ui-ease-out);position:absolute;inset:0 auto 0 50%}.dragging.svelte-12t9biz .track:where(.svelte-12t9biz),.running.svelte-12t9biz .track:where(.svelte-12t9biz){transition:none}.tick.svelte-12t9biz{background:color-mix(in srgb, var(--tone) 32%, transparent);border-radius:2px;block-size:2.25rem;inline-size:3px;margin-inline-start:-1.5px;transition:background-color .12s;position:absolute;top:1.5rem}.tick.lit.svelte-12t9biz{background:var(--tone)}.num.svelte-12t9biz{color:var(--ui-muted);font:600 .9375rem/1 var(--ui-font);font-variant-numeric:tabular-nums;transition:color .12s;position:absolute;bottom:calc(100% + .375rem);left:50%;translate:-50%}.lit.svelte-12t9biz .num:where(.svelte-12t9biz){color:var(--tone)}.pointer.svelte-12t9biz{border-inline:7px solid #0000;border-block-end:10px solid var(--tone);border-radius:2px;block-size:0;inline-size:0;position:absolute;bottom:.125rem;left:50%;translate:-50%}.bottom.svelte-12t9biz{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.buttons.svelte-12t9biz{align-items:center;gap:.5rem;display:flex}.readout.svelte-12t9biz{font:200 3.25rem/1 var(--ui-font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0}.paused.svelte-12t9biz .readout:where(.svelte-12t9biz){animation:2s ease-in-out infinite svelte-12t9biz-breathe}.done.svelte-12t9biz .readout:where(.svelte-12t9biz){animation:.9s ease-in-out infinite svelte-12t9biz-pulse}@keyframes svelte-12t9biz-breathe{50%{opacity:.45}}@keyframes svelte-12t9biz-pulse{50%{scale:1.05}}@media (prefers-reduced-motion:reduce){.track.svelte-12t9biz{transition:none}.paused.svelte-12t9biz .readout:where(.svelte-12t9biz),.done.svelte-12t9biz .readout:where(.svelte-12t9biz){animation:none}}