.input-glyphs-v30{--ig-ink:#181818;--ig-paper:#d7d7d7;--ig-rim:#6b6b6b;--ig-highlight:#afafaf;display:inline-flex;vertical-align:middle;line-height:1;white-space:nowrap;flex-shrink:0}
.input-glyphs-v30 .ig-tokens{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.input-glyphs-v30 .ig-token{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:29px;height:29px;flex-shrink:0;font:600 13px/1 system-ui,sans-serif;letter-spacing:.025em;text-transform:none;position:relative;margin:0}
.input-glyphs-v30 .ig-token svg{display:block;width:100%;height:100%;overflow:visible}
.input-glyphs-v30 .ig-key{color:var(--ig-paper);background:linear-gradient(160deg,#393939,#232323);border:1px solid var(--ig-rim);border-bottom:3px solid #545454;border-radius:5px;padding:3px 5px;box-shadow:0 2px 0 #101010,0 0 0 1px #131313;font-size:12px;font-family:system-ui,sans-serif}
.input-glyphs-v30 .ig-key-wide{min-width:43px;padding-inline:7px;font-size:9px;letter-spacing:.035em}
.input-glyphs-v30 .ig-key[data-key-code="Space"]{min-width:69px}
.input-glyphs-v30 .ig-key svg{width:20px;height:20px}
.input-glyphs-v30 .ig-pad{width:29px;border:1px solid var(--ig-rim);border-radius:50%;color:#dddddd;background:radial-gradient(ellipse at 35% 25%,#464646,#212121 75%);box-shadow:0 2px 0 #121212,0 0 0 1px #111111;text-shadow:0 1px #000000}
.input-glyphs-v30 .ig-pad svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.input-glyphs-v30 .ig-pad-b4,.input-glyphs-v30 .ig-pad-b5,.input-glyphs-v30 .ig-pad-b6,.input-glyphs-v30 .ig-pad-b7{min-width:36px;border-radius:6px;font-size:11px}
.input-glyphs-v30 .ig-pad-b10,.input-glyphs-v30 .ig-pad-b11{font-size:10px}
.input-glyphs-v30 .ig-pad-xbox.ig-pad-b0{color:#b5b5b5}.input-glyphs-v30 .ig-pad-xbox.ig-pad-b1{color:#adadad}.input-glyphs-v30 .ig-pad-xbox.ig-pad-b2{color:#b1b1b1}.input-glyphs-v30 .ig-pad-xbox.ig-pad-b3{color:#cdcdcd}
.input-glyphs-v30 .ig-pad-playstation.ig-pad-b0{color:#b4b4b4}.input-glyphs-v30 .ig-pad-playstation.ig-pad-b1{color:#aeaeae}.input-glyphs-v30 .ig-pad-playstation.ig-pad-b2{color:#aeaeae}.input-glyphs-v30 .ig-pad-playstation.ig-pad-b3{color:#b2b2b2}
.input-glyphs-v30 .ig-mouse{width:28px;height:32px;min-width:28px;color:var(--ig-paper)}
.input-glyphs-v30 .ig-mouse svg{fill:#292929;stroke:var(--ig-rim);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.input-glyphs-v30 .ig-mouse .ig-mouse-body{fill:#222222}.input-glyphs-v30 .ig-mouse .ig-mouse-wheel{fill:#7a7a7a}.input-glyphs-v30 .ig-mouse .ig-mouse-pressed{fill:var(--ig-highlight);stroke:#d0d0d0}.input-glyphs-v30 .ig-mouse .ig-mouse-line{fill:none;stroke:var(--ig-rim);stroke-width:1.4}
.input-glyphs-v30 .ig-stick{width:34px;height:32px;color:var(--ig-paper)}
.input-glyphs-v30 .ig-stick svg{fill:#323232;stroke:var(--ig-rim);stroke-width:1.5}.input-glyphs-v30 .ig-stick text{fill:var(--ig-paper);stroke:none;font:600 10px system-ui,sans-serif}
.input-glyphs-v30 .ig-touch{border:1px solid var(--ig-rim);border-radius:50%;background:#262626;color:var(--ig-paper);padding:2px}.input-glyphs-v30 .ig-touch svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.input-glyphs-v30 .ig-alternative{font:400 10px/1 system-ui,sans-serif;color:#8b8b8b;padding-inline:1px}
.input-glyphs-v30 .ig-token.is-pressed{transform:translateY(1px);filter:brightness(1.28)}.input-glyphs-v30 .ig-key.is-pressed,.input-glyphs-v30 .ig-pad.is-pressed,.input-glyphs-v30 .ig-touch.is-pressed{border-color:#c7c7c7;box-shadow:0 0 9px #9797974d,0 0 0 1px #a5a5a5;color:#f0f0f0}.input-glyphs-v30 .ig-stick.is-pressed{transform:translateY(-1px);filter:brightness(1.35)}
.input-glyphs-v30.ig-compact .ig-token{min-width:23px;height:23px;font-size:11px}.input-glyphs-v30.ig-compact .ig-key{padding:2px 4px;border-bottom-width:2px;border-radius:4px}.input-glyphs-v30.ig-compact .ig-key-wide{min-width:36px;font-size:8px}.input-glyphs-v30.ig-compact .ig-key[data-key-code="Space"]{min-width:57px}.input-glyphs-v30.ig-compact .ig-key svg{width:16px;height:16px}.input-glyphs-v30.ig-compact .ig-pad{width:23px}.input-glyphs-v30.ig-compact .ig-pad svg{width:19px;height:19px}.input-glyphs-v30.ig-compact .ig-pad-b4,.input-glyphs-v30.ig-compact .ig-pad-b5,.input-glyphs-v30.ig-compact .ig-pad-b6,.input-glyphs-v30.ig-compact .ig-pad-b7{min-width:29px;font-size:9px}.input-glyphs-v30.ig-compact .ig-mouse{height:27px;width:24px}.input-glyphs-v30.ig-compact .ig-stick{height:27px;width:29px}.input-glyphs-v30.ig-compact .ig-tokens{gap:3px}
@media (prefers-contrast:more){.input-glyphs-v30{--ig-rim:#c5c5c5;--ig-paper:#f5f5f5}.input-glyphs-v30 .ig-key,.input-glyphs-v30 .ig-pad{border-color:#d5d5d5;background:#1a1a1a}}
@media (forced-colors:active){.input-glyphs-v30 .ig-key,.input-glyphs-v30 .ig-pad,.input-glyphs-v30 .ig-touch{border-color:ButtonText;color:ButtonText;background:ButtonFace}.input-glyphs-v30 .ig-mouse svg,.input-glyphs-v30 .ig-stick svg{stroke:ButtonText;fill:ButtonFace}.input-glyphs-v30 .ig-mouse .ig-mouse-pressed{fill:Highlight;stroke:Highlight}.input-glyphs-v30 .ig-stick text{fill:ButtonText}}