@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}:root{color:#e7e8e4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--legend-color:#e7e8e4;background:#101111;font-family:IBM Plex Sans,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}button{font:inherit;color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.variant-toolbar{justify-content:center;align-items:center;height:58px;padding:6px 12px;display:flex}.variant-switch{background:#151616;border:1px solid #ffffff14;border-radius:9px;gap:3px;padding:3px;display:inline-flex}.variant-switch button{color:#9c9e9d;letter-spacing:.035em;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:6px;min-width:108px;min-height:38px;padding:7px 17px;font-size:13px}.variant-switch button[aria-pressed=true]{color:#f2f3ef;background:#303232;box-shadow:inset 0 1px #ffffff13,0 1px 3px #0008}.variant-switch button:focus-visible{outline-offset:2px;outline:2px solid #b2c0bd}.panel-viewport{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;align-items:center;width:100%;min-height:calc(100svh - 58px);display:flex;overflow:auto hidden}.panel-viewport::-webkit-scrollbar{display:none}.panel-stage{flex:0 0 100%;min-width:960px;position:relative}.panel{aspect-ratio:1402/543;isolation:isolate;z-index:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;position:relative;overflow:clip;container-type:inline-size}.panel:not([data-ready=true]){opacity:.15;pointer-events:none}.artwork-error{color:#f2f3ef;background:#202222;border:1px solid #727775;border-radius:6px;width:min(330px,100vw - 32px);padding:18px;position:absolute;top:30%;left:16px}.artwork-error button{cursor:pointer;background:#303232;border:1px solid #a1a6a3;border-radius:4px;min-height:44px;padding:8px 16px}.panel:focus{outline:none}.sprite{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.faceplate{object-fit:contain;z-index:0;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.model-suffix,.dual-engraving,.legend{z-index:1}.led{z-index:2}.model-suffix{color:var(--legend-color);pointer-events:none;font:1.56cqw Arial,sans-serif;display:none;position:absolute;top:7.24%;left:6.99%;transform:translateY(-50%)}.panel[data-variant=g13116r] .model-suffix{display:block}.dual-engraving{pointer-events:none;width:100%;height:100%;color:var(--legend-color);font:26px Arial,sans-serif;display:none;position:absolute;inset:0}.panel[data-variant=g13116r] .dual-engraving{display:block}.panel[data-variant=g13116r] .ics-label,.panel[data-variant=g13116r] .vox-label{display:none}.control,.led{position:absolute}.control{touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:0 0;border:0;outline:none;padding:0}:where(.panel:not([data-input=pointer])) .control:focus-visible:after{content:"";pointer-events:none;border:1px solid #e1d6ab;border-radius:50%;outline:1px solid #0007;position:absolute;inset:5%}.control[aria-disabled=true]{cursor:default}.knob{z-index:3;cursor:ns-resize}.knob:before{content:"";position:absolute;inset:-5% -18% -16% -5%}.knob-art{pointer-events:none;filter:drop-shadow(0 .12cqw .12cqw #0008);transform-origin:50%;transition:transform 90ms ease-out;position:absolute;inset:7%}.knob[data-pulled=true] .knob-art{transform:scale(1.025)}.knob .rotor{width:89.42%;height:89.42%;inset:5.29%}.grip-ribs{width:100%;height:100%;transform:rotate(var(--angle,0deg));transform-origin:50%;pointer-events:none;position:absolute;inset:0}.knob-face-light{pointer-events:none;background:linear-gradient(135deg,#ffffff09,#0000 42%,#0000000b);border-radius:50%;position:absolute;inset:5.29%;box-shadow:inset 0 .3px .5px #ffffff18,inset 0 -.5px .6px #0004}.knob .rotor{transform:rotate(var(--angle,0deg));transform-origin:50%}.knob .shadow-out{opacity:0;transition:opacity 90ms ease-out}.knob[data-pulled=true] .shadow-out{opacity:1}.led{pointer-events:none;isolation:isolate;overflow:visible}.led-art{pointer-events:none;width:500%;height:500%;transition:opacity 40ms linear;position:absolute;top:-200%;left:-200%}.led-on{filter:brightness(.89)}.led-on,.led[data-on=true] .led-off{opacity:0}.led-off,.led[data-on=true] .led-on{opacity:1}.panel-key{z-index:2;cursor:pointer}.panel-key[aria-disabled=true]{cursor:pointer}.key-face{pointer-events:none;filter:drop-shadow(.35cqw .9cqw .35cqw #0008);transition:transform 55ms ease-out,filter 55ms ease-out;position:absolute;inset:0}.button-art{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.panel-key[data-depressed=true] .key-face{filter:brightness(.94)drop-shadow(.1cqw .25cqw .15cqw #0009);transform:translateY(4%)scale(.99)}.panel-key[data-printed=true] .key-legend{opacity:0}.panel-key:before{content:"";height:max(100%,44px);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.panel-key:focus-visible:after{border-radius:.2cqw;inset:6% 3%}.key-legend{z-index:1;letter-spacing:-.035em;color:var(--legend-color);pointer-events:none;justify-content:center;align-items:center;font-family:Arial,IBM Plex Sans,sans-serif;font-size:2.15cqw;font-weight:400;line-height:.99;display:flex;position:absolute;inset:0;transform:scaleX(.86)}.panel-key[data-lines="2"] .key-legend{letter-spacing:-.025em;font-size:1.65cqw}.panel-key[data-depressed=true] .key-legend{filter:brightness(.93)}.legend{color:var(--legend-color);white-space:nowrap;letter-spacing:-.02em;pointer-events:none;font-family:Arial,sans-serif;font-weight:400;line-height:1;position:absolute;transform:translate(-50%,-50%)scaleX(.86)}.toggle{z-index:4}.emergency:focus-visible:after{inset:15%}.ptt:focus-visible:after{inset:20%}@media (orientation:landscape) and (width<=959px){.panel-stage{min-width:760px}.variant-toolbar{height:46px;padding:2px}.variant-switch button{min-height:36px}.panel-viewport{min-height:calc(100svh - 46px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}