.theka.svelte-t53yvz{flex-wrap:wrap;gap:.75rem 0;margin:0;padding:0;list-style:none;display:flex}.vibhag.svelte-t53yvz{border-left:1.5px solid var(--gold);gap:.2rem;padding:0 .6rem;display:grid}.vibhag.svelte-t53yvz:last-child{border-right:1.5px solid var(--gold)}.mark.svelte-t53yvz{color:var(--vermilion);font-size:.95rem;font-weight:600}.vibhag.khali.svelte-t53yvz .mark:where(.svelte-t53yvz){color:var(--ivory-muted)}.matras.svelte-t53yvz{gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.matra.svelte-t53yvz{border-radius:4px;justify-items:center;min-width:2.6rem;padding:.3rem .35rem .2rem;transition:background-color 80ms;display:grid}.matra.current.svelte-t53yvz{background:#d9a93f2e}.bols.svelte-t53yvz{font-family:var(--font-display);white-space:nowrap;font-size:1.35rem;line-height:1.2;display:flex}.bols.svelte-t53yvz .rest:where(.svelte-t53yvz){color:var(--ivory-muted)}.bols.svelte-t53yvz .now:where(.svelte-t53yvz){color:var(--gold)}.number.svelte-t53yvz{color:var(--ivory-muted);font-variant-numeric:tabular-nums;font-size:.75rem}@media (prefers-reduced-motion:reduce){.matra.svelte-t53yvz{transition:none}}@media (width>=60rem){.folio.svelte-55b0ix .layout:where(.svelte-55b0ix){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}.stage.svelte-55b0ix{align-self:start;gap:1.25rem;display:grid;position:sticky;top:1rem}.stage-foot.svelte-55b0ix{color:var(--ivory-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:-.5rem;font-size:.9rem;display:flex}.stage-foot.svelte-55b0ix p:where(.svelte-55b0ix){max-width:30rem;margin:0}.theka-box.svelte-55b0ix{border:1px solid var(--lapis-line);background:var(--lapis-deep);gap:.6rem;padding:1rem 1.1rem;display:grid}.theka-head.svelte-55b0ix{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.theka-head.svelte-55b0ix h2:where(.svelte-55b0ix){font-family:var(--font-display);margin:0;font-size:1.3rem;font-weight:400}.theka-head.svelte-55b0ix h2:where(.svelte-55b0ix) span:where(.svelte-55b0ix){color:var(--gold)}.cycle.svelte-55b0ix{color:var(--ivory-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.pad-grid.svelte-55b0ix{grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr));gap:.5rem;display:grid}.pad.svelte-55b0ix{border:1px solid var(--lapis-line);color:var(--ivory);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:6px;justify-items:start;gap:.05rem;padding:.5rem .65rem .55rem;display:grid;position:relative}.pad.svelte-55b0ix:hover{border-color:var(--gold)}.pad.svelte-55b0ix:active{background:#d9a93f33}.pad-bol.svelte-55b0ix{font-family:var(--font-display);color:var(--gold);font-size:1.5rem;line-height:1.1}.pad-name.svelte-55b0ix{font-weight:600}.pad-how.svelte-55b0ix{color:var(--ivory-muted);font-size:.75rem;line-height:1.25}kbd.svelte-55b0ix{border:1px solid var(--lapis-line);min-width:1.3rem;color:var(--ivory-muted);font:500 .75rem var(--font-body);text-align:center;border-radius:3px;padding:0 .3rem;position:absolute;top:.45rem;right:.5rem}.wide.svelte-55b0ix{grid-column:1/-1}.taals.svelte-55b0ix{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;display:grid}.taals.svelte-55b0ix label:where(.svelte-55b0ix){border:1px solid var(--lapis-line);cursor:pointer;border-radius:4px;padding:.45rem .7rem;display:grid}.taals.svelte-55b0ix label:where(.svelte-55b0ix):has(:where(.svelte-55b0ix):focus-visible){outline:2px solid var(--gold);outline-offset:2px}.taals.svelte-55b0ix label.selected:where(.svelte-55b0ix){border-color:var(--gold);background:#d9a93f26}.taals.svelte-55b0ix input:where(.svelte-55b0ix){opacity:0;pointer-events:none;position:absolute}.taal-name.svelte-55b0ix{font-family:var(--font-display);color:var(--gold);font-size:1.3rem;line-height:1.2}.taal-latin.svelte-55b0ix{color:var(--ivory-muted);font-size:.8rem}.pair.svelte-55b0ix{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem 1.5rem;display:grid}.touch-hint.svelte-55b0ix{display:none}@media (pointer:coarse){.mouse-hint.svelte-55b0ix,.keys-hint.svelte-55b0ix,kbd.svelte-55b0ix{display:none}.touch-hint.svelte-55b0ix{display:block}.pad.svelte-55b0ix{min-height:3.25rem}}@media (width<=60rem){.stage.svelte-55b0ix,.panel.svelte-55b0ix{display:contents}.pads.svelte-55b0ix{order:1}.panel.svelte-55b0ix>figure,.panel.svelte-55b0ix>footer:where(.svelte-55b0ix){order:2}.taals.svelte-55b0ix label:where(.svelte-55b0ix){min-height:2.75rem}}
