.braille-cell.svelte-12r0h09{--dot-size: 44px;display:inline-grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:.4em .9em;padding:.75em 1em;background:var(--rc-bg-card);border:2px solid var(--rc-border);border-radius:12px;justify-items:center;align-items:center}html[data-large-targets=true] .braille-cell.interactive.svelte-12r0h09{--dot-size: 48px}.dot-btn.svelte-12r0h09{width:var(--dot-size);height:var(--dot-size);padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--rc-bg-card-hover);border:1px solid var(--rc-border);cursor:pointer;transition:background var(--rc-transition),border-color var(--rc-transition)}.dot-btn.on.svelte-12r0h09{background:var(--rc-primary);border-color:var(--rc-primary-dark)}.dot-btn.svelte-12r0h09:focus-visible{outline:3px solid var(--rc-border-focus);outline-offset:2px}.num.svelte-12r0h09{font-weight:700;font-family:var(--rc-font-sans);font-size:.9375rem;color:var(--rc-accent);pointer-events:none}.dot-btn.on.svelte-12r0h09 .num:where(.svelte-12r0h09){color:var(--rc-on-primary)}.dot-display.svelte-12r0h09{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--rc-bg-card-hover);border:1px solid var(--rc-border)}.dot-display.on.svelte-12r0h09{background:var(--rc-primary);border-color:var(--rc-primary-dark)}