svg.svelte-jf3o41{vertical-align:middle;flex:none;display:inline-block}.dot.svelte-hc64sf{width:var(--dot-size);height:var(--dot-size);vertical-align:middle;border-radius:50%;flex:none;display:inline-block;box-shadow:0 0 0 1px #8080868c}.dot[data-encoder="1"].svelte-hc64sf{background-color:var(--xy-mat-enc-1)}.dot[data-encoder="2"].svelte-hc64sf{background-color:var(--xy-mat-enc-2)}.dot[data-encoder="3"].svelte-hc64sf{background-color:var(--xy-mat-enc-3)}.dot[data-encoder="4"].svelte-hc64sf{background-color:var(--xy-mat-enc-4)}.combo.svelte-1eyz4ht{font-family:var(--xy-font-sans);font-size:inherit;vertical-align:middle;white-space:nowrap;align-items:center;gap:.3em;line-height:1;display:inline-flex}.combo--sm.svelte-1eyz4ht{font-size:.875em}.combo__key.svelte-1eyz4ht{background-color:var(--xy-key-tile);height:1.7em;box-shadow:var(--xy-shadow-tile);font:inherit;border-radius:.24em;align-items:stretch;padding:.18em;display:inline-flex}.combo__cap.svelte-1eyz4ht{border-radius:var(--xy-radius-cap);background-color:var(--xy-key-cap);min-width:1.34em;box-shadow:var(--xy-shadow-cap);color:var(--xy-key-legend);letter-spacing:.01em;justify-content:center;align-items:center;padding:.06em .5em 0;font-size:.72em;font-weight:450;display:inline-flex}.combo__cap.svelte-1eyz4ht:has(svg){padding:0 .2em}.combo__cap.svelte-1eyz4ht .combo__glyph--record{color:var(--xy-red)}.combo__knob.svelte-1eyz4ht{background:radial-gradient(circle, #1a1a1f 0 .42em, var(--xy-key-cap) .44em);width:1.7em;height:1.7em;box-shadow:var(--xy-shadow-cap);font:inherit;border-radius:50%;place-items:center;display:inline-grid}.combo__join.svelte-1eyz4ht,.combo__word.svelte-1eyz4ht{color:var(--xy-fg-subtle);font-size:.85em}.combo__word.svelte-1eyz4ht{font-weight:450}.hugeicon.svelte-2rm5ow{flex:none;line-height:0;display:inline-flex}.led.svelte-250s2z{--size:var(--xy-led-size);width:var(--size);height:var(--size);background-color:var(--xy-led-off);box-shadow:inset 0 .5px 1px var(--xy-led-ring);transition:background-color var(--xy-dur-led-off) var(--xy-ease-decay), box-shadow var(--xy-dur-led-off) var(--xy-ease-decay);border-radius:50%;flex:none;display:inline-block}.led--sm.svelte-250s2z{--size:.375rem}.led--lg.svelte-250s2z{--size:.625rem}.led[data-state=dim].svelte-250s2z{background-color:var(--xy-led-dim)}.led[data-state=white].svelte-250s2z{background-color:var(--xy-led-white);box-shadow:var(--xy-glow-white);transition-duration:var(--xy-dur-led-on)}.led[data-state=red].svelte-250s2z{background-color:var(--xy-led-red);box-shadow:var(--xy-glow-red);transition-duration:var(--xy-dur-led-on)}.led[data-blink=slow].svelte-250s2z{animation:1s step-end infinite svelte-250s2z-led-blink}.led[data-blink=fast].svelte-250s2z{animation:.5s step-end infinite svelte-250s2z-led-blink}.led[data-blink=breathe].svelte-250s2z{animation:1.6s cubic-bezier(.45,0,.55,1) infinite svelte-250s2z-led-breathe}@keyframes svelte-250s2z-led-breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes svelte-250s2z-led-blink{50%{background-color:var(--xy-led-off);box-shadow:inset 0 .5px 1px var(--xy-led-ring)}}@media (prefers-reduced-motion:reduce){.led[data-blink].svelte-250s2z{animation:none}}.ikey.svelte-13o797d{--tile-size:var(--xy-key-md);--tile:var(--xy-key-tile);--cap:var(--xy-key-cap);--cap-hover:var(--xy-key-cap-hover);--cap-active:var(--xy-key-cap-active);--legend:var(--xy-key-legend);width:var(--tile-size);height:var(--tile-size);border-radius:var(--xy-radius-tile);background-color:var(--tile);box-shadow:var(--xy-shadow-tile);color:var(--legend);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;vertical-align:middle;border:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.ikey__cap.svelte-13o797d{width:calc(var(--tile-size) * var(--xy-cap-ratio));aspect-ratio:1;background-color:var(--cap);box-shadow:var(--cap-shadow,var(--xy-shadow-cap));transition:transform var(--xy-dur-release) var(--xy-ease-release), box-shadow var(--xy-dur-release) var(--xy-ease-release), background-color var(--xy-dur-quick) var(--xy-ease-standard);border-radius:50%;place-items:center;display:grid;position:relative}.ikey__glyph.svelte-13o797d{font-size:calc(var(--tile-size) * .42);place-items:center;line-height:1;display:grid}.ikey.svelte-13o797d .ikey__led{position:absolute;top:17.5%;left:50%;translate:-50% -50%}.ikey.svelte-13o797d:has(.ikey__led) .ikey__glyph:where(.svelte-13o797d){font-size:calc(var(--tile-size) * .36);translate:0 10%}.ikey.svelte-13o797d:hover .ikey__cap:where(.svelte-13o797d){background-color:var(--cap-hover)}.ikey.svelte-13o797d:active .ikey__cap:where(.svelte-13o797d),.ikey.is-pressed.svelte-13o797d .ikey__cap:where(.svelte-13o797d){background-color:var(--cap-active);box-shadow:var(--cap-shadow-pressed,var(--xy-shadow-cap-pressed));transition-duration:var(--xy-dur-press);transition-timing-function:var(--xy-ease-press);transform:translateY(1px)}.ikey.svelte-13o797d:focus-visible{outline:1.5px solid var(--xy-focus);outline-offset:2px}.ikey.svelte-13o797d:disabled{cursor:not-allowed;--legend:var(--xy-fg-faint);--cap-hover:var(--cap)}.ikey.svelte-13o797d:disabled .ikey__cap:where(.svelte-13o797d){box-shadow:var(--xy-shadow-cap-pressed);transform:none}.ikey--sm.svelte-13o797d{--tile-size:var(--xy-key-sm)}.ikey--lg.svelte-13o797d{--tile-size:var(--xy-key-lg)}.ikey--secondary.svelte-13o797d{--cap-shadow:var(--xy-key-2-shadow);--cap-shadow-pressed:var(--xy-key-2-shadow-pressed);--tile:var(--xy-key-2-tile);--cap:var(--xy-key-2-cap);--cap-hover:var(--xy-key-2-cap-hover);--cap-active:var(--xy-key-2-cap-active);--legend:var(--xy-key-2-legend)}.ikey--primary.svelte-13o797d{--cap-shadow:var(--xy-key-1-shadow);--cap-shadow-pressed:var(--xy-key-1-shadow-pressed);--tile:var(--xy-key-1-tile);--cap:var(--xy-key-1-cap);--cap-hover:var(--xy-key-1-cap-hover);--cap-active:var(--xy-key-1-cap-active);--legend:var(--xy-key-1-legend)}[data-theme=light] .ikey--primary.svelte-13o797d,[data-theme=light] .ikey--secondary.svelte-13o797d{--xy-led-white:var(--xy-paper);--xy-led-off:#f7f5f52e;--xy-led-ring:#00000080}.ikey--ghost.svelte-13o797d{--tile:transparent;--cap:transparent;--cap-hover:var(--xy-hover);--cap-active:var(--xy-hover);--legend:var(--xy-fg-muted);box-shadow:none}.ikey--ghost.svelte-13o797d .ikey__cap:where(.svelte-13o797d),.ikey--ghost.svelte-13o797d:active .ikey__cap:where(.svelte-13o797d),.ikey--ghost.is-pressed.svelte-13o797d .ikey__cap:where(.svelte-13o797d){box-shadow:none}.ikey--ghost.svelte-13o797d:hover{--legend:var(--xy-fg)}