.area.svelte-sdokmy{position:relative;outline:none;touch-action:pan-y;cursor:crosshair}.area.svelte-sdokmy:focus-visible{box-shadow:0 0 0 2px #5d6eff73;border-radius:10px}svg.svelte-sdokmy{display:block;width:100%}.grid.svelte-sdokmy{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.cross.svelte-sdokmy{position:absolute;left:0;top:10px;width:0;border-left:1px dashed var(--muted);pointer-events:none;transition:opacity .25s}.dot.svelte-sdokmy{position:absolute;left:0;top:0;transition:opacity .25s,scale .3s var(--ease-out);width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px #00000040;pointer-events:none}.tip.svelte-sdokmy{position:absolute;left:0;top:0;transition:opacity .25s;padding:8px 12px;border-radius:10px;background:var(--pop);box-shadow:var(--sh-pop);display:grid;font-size:12.5px;pointer-events:none;white-space:nowrap;z-index:2}.off.svelte-sdokmy{opacity:0}.dot.off.svelte-sdokmy{scale:.4}.tip.svelte-sdokmy b:where(.svelte-sdokmy){font-weight:400;color:var(--muted)}.x.svelte-sdokmy{display:flex;justify-content:space-between;padding:6px 12px 0;font-size:11.5px;color:var(--faint)}.x.svelte-sdokmy .on:where(.svelte-sdokmy){color:var(--ink)}.msw.svelte-70pdko{container-type:inline-size}.track.svelte-70pdko{position:relative;height:3px;margin:26px calc(50% / var(--n)) 0;border-radius:3px;background:var(--track)}.fill.svelte-70pdko{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#8e9bff,#4b5cf0);transform-origin:left center}.list.svelte-70pdko{list-style:none;display:grid;grid-template-columns:repeat(var(--n),1fr);margin:-9px 0 0;padding:0;text-align:center}.ms.svelte-70pdko{display:grid;justify-items:center;gap:2px;min-width:0}.ms.svelte-70pdko i:where(.svelte-70pdko){width:15px;height:15px;border-radius:50%;background:var(--pop);border:2px solid var(--track);margin-bottom:8px}.done.svelte-70pdko i:where(.svelte-70pdko){background:#4b5cf0;border-color:#4b5cf0}.now.svelte-70pdko i:where(.svelte-70pdko){border-color:#4b5cf0;box-shadow:0 0 0 5px #5d6ef033}b.svelte-70pdko{font-weight:400;font-size:13.5px}span.svelte-70pdko{font-size:12px;color:var(--muted)}.ms.svelte-70pdko:not(.done):not(.now) b:where(.svelte-70pdko){color:var(--muted)}@container (max-width: 560px){b.svelte-70pdko{font-size:11px}span.svelte-70pdko{display:none}}