@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Source+Sans+3:wght@400;500;600&display=swap";@font-face{font-family:BraillePreview;src:url(/fonts/OverpassMono-Braille.otf) format("opentype");font-display:swap}html,body,#root{margin:0;min-height:100%}body{font-family:"Source Sans 3",Helvetica Neue,Arial,sans-serif}.braille-cell{--cell-dot-size: 10px;--cell-gap: 8px;--cell-dot-color: var(--bt-ink);--cell-dot-empty-color: var(--bt-dot-border);--cell-dot-background: transparent;--cell-border-color: var(--bt-border);display:inline-grid;grid-template-columns:repeat(2,var(--cell-dot-size));gap:var(--cell-gap);border:1px solid var(--cell-border-color);border-radius:8px;padding:8px}.braille-cell--xs{--cell-dot-size: 6px;--cell-gap: 4px;padding:5px;border-radius:6px}.braille-cell--sm{--cell-dot-size: 8px;--cell-gap: 6px}.braille-cell--md{--cell-dot-size: 10px;--cell-gap: 8px}.braille-cell--lg{--cell-dot-size: 14px;--cell-gap: 10px}.braille-dot{width:var(--cell-dot-size);height:var(--cell-dot-size);border-radius:50%;border:1px solid var(--cell-dot-empty-color);background:var(--cell-dot-background)}.braille-dot.is-raised{background:var(--cell-dot-color)}