main.svelte-16u1dk6{padding:calc(2.5rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.block.svelte-16u1dk6{inset-inline:0;top:calc(var(--from) * var(--ppm) + 1px);height:calc(var(--length) * var(--ppm) - 2px);padding:clamp(0px, calc((var(--length) * var(--ppm) - 2px - 1rem) / 2), .5rem) .75rem 0;background:var(--tint);color:var(--ink);border-radius:.375rem;font-size:.8125rem;font-weight:500;line-height:1rem;transition:opacity .2s,background-color .2s,box-shadow .2s;display:flex;position:absolute;overflow:hidden}.block[data-state=past].svelte-16u1dk6{opacity:.45}.block[data-state=current].svelte-16u1dk6{background:var(--tint-strong);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.block[data-optional].svelte-16u1dk6{background:repeating-linear-gradient(-45deg, var(--tint) 0 4px, transparent 4px 9px);box-shadow:inset 0 0 0 1px var(--tint-strong)}.block[data-optional][data-state=current].svelte-16u1dk6{box-shadow:inset 0 0 0 1px var(--accent)}.remaining.svelte-16u1dk6{font-variant-numeric:tabular-nums;opacity:.7;margin-left:auto;padding-left:.75rem;font-weight:500}.indicator.svelte-16u1dk6{justify-content:flex-end;width:2.75rem;transition:translate linear;display:flex;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.indicator.svelte-16u1dk6{transition:none}}.indicator.svelte-16u1dk6 span:where(.svelte-16u1dk6){background:var(--color-zinc-900);color:var(--color-white);font-variant-numeric:tabular-nums;border-radius:999px;padding:.1875rem .375rem;font-size:.6875rem;font-weight:600;line-height:1}.indicator.svelte-16u1dk6:not([data-phase=during]) span:where(.svelte-16u1dk6){background:var(--color-zinc-200);color:var(--color-zinc-600)}@media (prefers-color-scheme:dark){.indicator.svelte-16u1dk6 span:where(.svelte-16u1dk6){background:var(--color-white);color:var(--color-zinc-900)}.indicator.svelte-16u1dk6:not([data-phase=during]) span:where(.svelte-16u1dk6){background:var(--color-zinc-800);color:var(--color-zinc-300)}}
