@import url(https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap);.app-bar{align-items:center;background-color:var(--color-dark);display:flex;height:3rem;justify-content:space-between}.app-bar .app-name{color:var(--color-light);flex:1 1;font-size:2rem}.app-bar .logo{height:2rem;margin:auto 12px}.app-bar svg{fill:var(--color-light);height:2rem;margin:auto .5rem}.dot-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.dot-selector input{visibility:hidden}.dot-selector label{border:2px solid #d3d3d3;border-radius:50%;height:2rem;width:2rem}.dot-selector label:has(input[type=checkbox]:checked){background:#000;border:2px solid transparent}.radio-group input[type=radio]{display:none}.radio-group label{border:2px solid #d3d3d3;border-radius:calc(var(--margin-page)*.2);color:gray;cursor:pointer;line-height:2rem;padding:.2rem .5rem}.radio-group label:has(input[type=radio]:checked){background-color:var(--color-accent-light);border:2px solid transparent}@font-face{font-family:Optimamodoki;src:url(/static/media/Optimamodoki-rgABO.a382eefb48499544ca79.ttf)}.ref-cell{align-items:center;background-color:var(--color-light);border:none;border-radius:calc(var(--margin-page)*.4);display:flex;flex-direction:column;justify-content:space-evenly;padding-bottom:calc(var(--margin-page)*.5)}.ref-cell:hover{opacity:65%}.ref-cell:active,.ref-cell:hover{background-color:var(--color-accent-light)}.ref-cell:active{opacity:100%}.braille{border-radius:calc(var(--margin-page)*.2);color:var(--color-dark);font-family:Optimamodoki,sans-serif;font-size:2rem}.english{color:var(--color-accent-light);font-size:.3rem}@media only screen and (min-width:660px){.braille{font-size:3rem}.english{font-size:.6rem}}.ref-table{grid-gap:calc(var(--margin-page)*.3);display:grid;gap:calc(var(--margin-page)*.3);margin:var(--margin-page)}.translator{display:flex;flex-direction:column;gap:.5rem}.text-field{background-color:var(--color-bg);border-radius:calc(var(--margin-page)*.2);font-size:1rem;height:2rem;padding:0 .3rem}:root{--color-bg:#fff;--color-dark:#222;--color-light:#f2f2f2;--color-accent:#f20;--color-accent-light:#ff9180;--color-accent-dark:#801100;--color-link:#add8e6;--font-stack:"Atkinson Hyperlegible",sans-serif;--font-strong:700 var(--font-stack);--font-default:400 var(--font-stack);--margin-page:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--color-bg);font-family:Atkinson Hyperlegible,sans-serif;font-family:var(--font-stack)}.description{color:#222;color:var(--color-dark);font:400 Atkinson Hyperlegible,sans-serif;font:var(--font-default);font-size:1rem}.description,.table-tools{margin:1rem;margin:var(--margin-page)}.table-tools{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"dots inputs" "dots radios";grid-template-columns:auto 1fr;grid-template-rows:auto}.dot-area{grid-area:dots}.input-area{grid-area:inputs}.radio-area{display:flex;gap:1rem;grid-area:radios}
/*# sourceMappingURL=main.de4072d5.css.map*/