@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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)format("woff2"),url(data:font/woff;base64,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)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/lumiose/examples/spa-dotmatrix/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2"),url(/lumiose/examples/spa-dotmatrix/assets/silkscreen-latin-400-normal-D0DfPJut.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/lumiose/examples/spa-dotmatrix/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/lumiose/examples/spa-dotmatrix/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/lumiose/examples/spa-dotmatrix/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.sheet[data-l-v3y1vgag]{background:var(--shell);inline-size:min(460px,100vw - 32px);color:var(--ink);border:0;border-radius:20px;padding:22px;box-shadow:0 24px 60px -20px #0009}.sheet[data-l-v3y1vgag]::backdrop{background:#0a0a1473}h2[data-l-v3y1vgag]{color:var(--indigo);font-size:16px}dl[data-l-v3y1vgag]{gap:6px;margin:16px 0;display:grid}.row[data-l-v3y1vgag]{grid-template-columns:11rem 1fr;align-items:baseline;gap:10px;display:grid}dd[data-l-v3y1vgag]{color:var(--dim);margin:0}kbd[data-l-v3y1vgag]{background:var(--shell-low);border:1px solid var(--edge);border-radius:5px;padding:2px 6px;font-family:inherit;font-size:12px;font-weight:600}
.page[data-l-ic9l69aq]{grid-template-rows:auto 1fr auto;gap:14px;min-block-size:100dvh;max-inline-size:1480px;margin-inline:auto;padding:14px clamp(10px,2.4vw,28px) 10px;display:grid}.bar[data-l-ic9l69aq]{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.brand[data-l-ic9l69aq]{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.badge[data-l-ic9l69aq]{background:var(--bezel);border-radius:6px 6px 14px;place-items:center;block-size:36px;inline-size:46px;padding:5px;display:grid;box-shadow:inset 0 -2px #00000040}.dots[data-l-ic9l69aq]{background-color:var(--l0);background-image:radial-gradient(var(--l3) 45%, transparent 50%);block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 1px var(--l1);background-size:4px 4px}.word[data-l-ic9l69aq]{letter-spacing:.04em;color:var(--indigo);font-family:Silkscreen,ui-monospace,monospace;font-size:22px;line-height:1;display:grid}.word small[data-l-ic9l69aq]{letter-spacing:.02em;color:var(--dim);margin-block-start:3px;font-family:Space Grotesk Variable,Space Grotesk,system-ui,sans-serif;font-size:12px}.views[data-l-ic9l69aq]{background:var(--shell-low);border-radius:999px;gap:4px;padding:4px;display:flex;box-shadow:inset 0 1px 2px #00000026}.view[data-l-ic9l69aq]{color:var(--dim);border-radius:999px;padding:7px 14px;font-family:Silkscreen,ui-monospace,monospace;font-size:13px;text-decoration:none}.view:hover[data-l-ic9l69aq]{color:var(--ink)}.view[aria-current=page][data-l-ic9l69aq]{background:var(--shell);color:var(--accent);box-shadow:0 1px 0 var(--edge), 0 2px 6px #0000001f}.tools[data-l-ic9l69aq]{align-items:center;gap:12px;margin-inline-start:auto;display:flex}.palettes[data-l-ic9l69aq]{gap:5px;display:flex}.swatch[data-l-ic9l69aq]{border:2px solid var(--edge);cursor:pointer;border-radius:5px;block-size:22px;inline-size:22px;padding:0}.swatch[aria-checked=true][data-l-ic9l69aq]{border-color:var(--accent);box-shadow:0 0 0 2px var(--shell)}.swatch.pea[data-l-ic9l69aq]{background:linear-gradient(135deg,#c5cea0 50%,#4f5a3e 50%)}.swatch.pocket[data-l-ic9l69aq]{background:linear-gradient(135deg,#e0f0c8 50%,#3c6b58 50%)}.swatch.dusk[data-l-ic9l69aq]{background:linear-gradient(135deg,#f6e2c6 50%,#6e4e6f 50%)}.swatch.ice[data-l-ic9l69aq]{background:linear-gradient(135deg,#e2f0f6 50%,#406c9b 50%)}.theme[data-l-ic9l69aq]{background:var(--shell-low);block-size:36px;inline-size:36px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:8px;display:grid}.theme svg[data-l-ic9l69aq]{fill:currentColor;block-size:16px;inline-size:16px}.main[data-l-ic9l69aq]{min-inline-size:0}.foot[data-l-ic9l69aq]{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}kbd[data-l-ic9l69aq]{background:var(--shell-low);border:1px solid var(--edge);border-radius:4px;padding:1px 5px;font-family:Silkscreen,ui-monospace,monospace;font-size:11px}@media (width<720px){.bar[data-l-ic9l69aq]{gap:10px}.views[data-l-ic9l69aq]{order:3;justify-content:space-between;inline-size:100%}.view[data-l-ic9l69aq]{text-align:center;flex:1;padding-inline:4px;font-size:11px}.word small[data-l-ic9l69aq],.keys[data-l-ic9l69aq]{display:none}}:root{--page:#cfcabd;--shell:#e9e5db;--shell-low:#dcd7cb;--edge:#b7b0a1;--ink:#26243a;--dim:#625e74;--accent:#a3205a;--accent-ink:#fff;--indigo:#3d3a8c;--bezel:#56566a;--groove:#c5bfb1;--l0:#c5cea0;--l1:#8d9a6b;--l2:#4f5a3e;--l3:#1e2419;--c0:#d0336f;--c1:#e0812a;--c2:#1c9b8c;--c3:#6460d6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#121118;--shell:#1f1e28;--shell-low:#191820;--edge:#363445;--ink:#eceaf4;--dim:#a19eb6;--accent:#e2508d;--accent-ink:#1a0c13;--indigo:#9a96ff;--bezel:#0c0c12;--groove:#2b2a36;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--page:#121118;--shell:#1f1e28;--shell-low:#191820;--edge:#363445;--ink:#eceaf4;--dim:#a19eb6;--accent:#e2508d;--accent-ink:#1a0c13;--indigo:#9a96ff;--bezel:#0c0c12;--groove:#2b2a36;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-lcd=pocket]{--l0:#e0f0c8;--l1:#8fbf78;--l2:#3c6b58;--l3:#0d1c22}:root[data-lcd=dusk]{--l0:#f6e2c6;--l1:#d08e7b;--l2:#6e4e6f;--l3:#291a33}:root[data-lcd=ice]{--l0:#e2f0f6;--l1:#93bad6;--l2:#406c9b;--l3:#13223a}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Space Grotesk Variable,Space Grotesk,system-ui,sans-serif;font-size:15px;line-height:1.45}h1,h2,h3{letter-spacing:.02em;margin:0;font-family:Silkscreen,ui-monospace,monospace;font-weight:400}button,input,select,textarea{font:inherit;color:inherit}.btn{background:var(--shell-low);min-block-size:36px;color:var(--ink);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-family:Silkscreen,ui-monospace,monospace;font-size:12px;text-decoration:none;display:inline-flex;box-shadow:inset 0 -2px #00000024,0 1px #ffffff0f}.btn:hover{filter:brightness(1.04);background:var(--groove)}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px #00000029}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn svg{fill:currentColor;block-size:14px;inline-size:14px}.panel{background:var(--shell);border-radius:22px;padding:16px;box-shadow:inset 0 1px #ffffff59,inset 0 -3px #00000014,0 10px 24px -14px #00000073}.label{letter-spacing:.06em;color:var(--dim);text-transform:uppercase;font-family:Silkscreen,ui-monospace,monospace;font-size:11px}input[type=range]{accent-color:var(--accent);inline-size:100%}select,input[type=text],input[type=number],input[type=url]{border:2px solid var(--edge);background:var(--shell-low);border-radius:10px;min-block-size:34px;min-inline-size:0;max-inline-size:100%;padding:4px 10px}:focus{outline:none}:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}