.KeyboardMap-module__T7zl7q__figure{flex-direction:column;align-items:center;gap:14px;margin:0;display:flex;container-type:inline-size}.KeyboardMap-module__T7zl7q__slab{--slab-pad:clamp(12px, 2vw, 18px);--key-unit:46px;--key-gap:calc(var(--key-unit) * 7 / 46);gap:var(--key-gap);max-width:100%;padding:var(--slab-pad);background:var(--pill-track);overscroll-behavior-x:contain;border-radius:18px;flex-direction:column;display:flex;overflow-x:auto}@supports (container-type:inline-size){.KeyboardMap-module__T7zl7q__slab{--key-unit:min(46px, (100cqw - 2 * var(--slab-pad)) / 16.73)}}.KeyboardMap-module__T7zl7q__row{gap:var(--key-gap);justify-content:safe center;display:flex}.KeyboardMap-module__T7zl7q__key{width:calc(var(--u) * var(--key-unit) + (var(--u) - 1) * var(--key-gap));height:var(--key-unit);border-radius:calc(var(--key-unit) * 9 / 46);box-shadow:0 calc(var(--key-unit) * 2 / 46) 0 var(--key-shadow);font-family:var(--font-mono);font-size:max(10px, calc(var(--key-unit) * 15 / 46));color:var(--key-legend);transition:transform 80ms var(--ease-out), background .15s var(--ease-out), box-shadow .15s var(--ease-out);flex:none;justify-content:center;align-items:center;font-weight:500;display:flex;position:relative}.KeyboardMap-module__T7zl7q__key:has(.KeyboardMap-module__T7zl7q__glyph) .KeyboardMap-module__T7zl7q__label{top:calc(var(--key-unit) * 4 / 46);left:calc(var(--key-unit) * 6 / 46);font-size:max(9px, calc(var(--key-unit) * 11 / 46));position:absolute}.KeyboardMap-module__T7zl7q__glyph{font-size:max(13px, calc(var(--key-unit) * 19 / 46));padding-top:calc(var(--key-unit) * 6 / 46);line-height:1}.KeyboardMap-module__T7zl7q__digit{top:calc(var(--key-unit) * 4 / 46);right:calc(var(--key-unit) * 6 / 46);font-size:max(8px, calc(var(--key-unit) * 9 / 46));font-weight:400;line-height:1;position:absolute}.KeyboardMap-module__T7zl7q__key[data-finger=pinky]{background:var(--finger-pinky)}.KeyboardMap-module__T7zl7q__key[data-finger=ring]{background:var(--finger-ring)}.KeyboardMap-module__T7zl7q__key[data-finger=middle]{background:var(--finger-middle)}.KeyboardMap-module__T7zl7q__key[data-finger=index]{background:var(--finger-index)}.KeyboardMap-module__T7zl7q__key[data-finger=pinky][data-home]{background:var(--finger-pinky-home)}.KeyboardMap-module__T7zl7q__key[data-finger=ring][data-home]{background:var(--finger-ring-home)}.KeyboardMap-module__T7zl7q__key[data-finger=middle][data-home]{background:var(--finger-middle-home)}.KeyboardMap-module__T7zl7q__key[data-finger=index][data-home]{background:var(--finger-index-home)}.KeyboardMap-module__T7zl7q__key[data-mod]{background:var(--key-modifier);font-family:var(--font-sans);font-size:max(8px, calc(var(--key-unit) * 11 / 46));color:var(--ink-muted)}.KeyboardMap-module__T7zl7q__key[data-space]{background:var(--key-space)}.KeyboardMap-module__T7zl7q__figure[data-variant=heat] .KeyboardMap-module__T7zl7q__key{background:var(--bg);color:var(--ink-muted)}.KeyboardMap-module__T7zl7q__figure[data-variant=heat] .KeyboardMap-module__T7zl7q__key[data-heat]{color:var(--heat-ink)}.KeyboardMap-module__T7zl7q__figure[data-variant=heat] .KeyboardMap-module__T7zl7q__key[data-heat="4"]{color:var(--heat-ink-hot)}.KeyboardMap-module__T7zl7q__figure[data-variant=heat] .KeyboardMap-module__T7zl7q__key[data-mod]{background:var(--key-modifier)}.KeyboardMap-module__T7zl7q__figure[data-variant=heat] .KeyboardMap-module__T7zl7q__key[data-heat="1"]{background:var(--heat-1)}.KeyboardMap-module__T7zl7q__figure[data-variant=heat] .KeyboardMap-module__T7zl7q__key[data-heat="2"]{background:var(--heat-2)}.KeyboardMap-module__T7zl7q__figure[data-variant=heat] .KeyboardMap-module__T7zl7q__key[data-heat="3"]{background:var(--heat-3)}.KeyboardMap-module__T7zl7q__figure[data-variant=heat] .KeyboardMap-module__T7zl7q__key[data-heat="4"]{background:var(--heat-4)}.KeyboardMap-module__T7zl7q__swatch[data-heat="1"]{background:var(--heat-1)}.KeyboardMap-module__T7zl7q__swatch[data-heat="2"]{background:var(--heat-2)}.KeyboardMap-module__T7zl7q__swatch[data-heat="3"]{background:var(--heat-3)}.KeyboardMap-module__T7zl7q__swatch[data-heat="4"]{background:var(--heat-4)}.KeyboardMap-module__T7zl7q__slab .KeyboardMap-module__T7zl7q__key[data-next]{background:var(--accent);color:var(--on-accent);box-shadow:0 calc(var(--key-unit) * 3 / 46) 0 color-mix(in srgb, var(--accent-hover) 90%, transparent), 0 0 0 max(2px, calc(var(--key-unit) * 3 / 46)) color-mix(in srgb, var(--accent) 25%, transparent)}.KeyboardMap-module__T7zl7q__key[data-pressed]{transform:translateY(calc(var(--key-unit) * 2 / 46))}.KeyboardMap-module__T7zl7q__label{line-height:1}.KeyboardMap-module__T7zl7q__nub{bottom:calc(var(--key-unit) * 7 / 46);width:calc(var(--key-unit) * 12 / 46);height:max(2px, calc(var(--key-unit) * 3 / 46));background:var(--key-nub);border-radius:2px;position:absolute;left:50%;transform:translate(-50%)}.KeyboardMap-module__T7zl7q__key[data-next] .KeyboardMap-module__T7zl7q__nub{background:color-mix(in srgb, var(--on-accent) 70%, transparent)}.KeyboardMap-module__T7zl7q__legend{color:var(--ink-muted);flex-wrap:wrap;justify-content:center;gap:18px;font-size:12.5px;display:flex}.KeyboardMap-module__T7zl7q__legendItem{align-items:center;gap:7px;display:flex}.KeyboardMap-module__T7zl7q__swatch{width:17px;height:17px;box-shadow:inset 0 0 0 1px var(--swatch-ring);font-family:var(--font-mono);color:var(--key-legend);border-radius:4px;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex}.KeyboardMap-module__T7zl7q__swatch[data-finger=pinky]{background:var(--finger-pinky)}.KeyboardMap-module__T7zl7q__swatch[data-finger=ring]{background:var(--finger-ring)}.KeyboardMap-module__T7zl7q__swatch[data-finger=middle]{background:var(--finger-middle)}.KeyboardMap-module__T7zl7q__swatch[data-finger=index]{background:var(--finger-index)}@media (prefers-reduced-motion:reduce){.KeyboardMap-module__T7zl7q__key{transition:none}.KeyboardMap-module__T7zl7q__key[data-pressed]{transform:none}}