.axonometric-module__divqoW__fig{gap:var(--s4);display:grid}.axonometric-module__divqoW__stage{perspective:1400px;perspective-origin:50% 46%;--cx:58%;--spread:1;--zs:.6;height:min(62vw,272px);position:relative;overflow:hidden}@media (min-width:680px){.axonometric-module__divqoW__stage{height:min(46vw,320px)}}@media (min-width:1024px){.axonometric-module__divqoW__stage{height:min(30vw,380px)}}.axonometric-module__divqoW__scene{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(58deg)rotate(-38deg)}.axonometric-module__divqoW__plane{--pw:min(44vw, 300px);left:var(--cx);width:var(--pw);height:var(--pw);margin:calc(var(--pw) / -2) 0 0 calc(var(--pw) / -2);transform-style:preserve-3d;transform:translateZ(calc(var(--z,0) * var(--spread) * var(--zs) * 1px));border:1.5px solid var(--edge,var(--rule));background:var(--fill,color-mix(in srgb, var(--panel) 86%, transparent));box-shadow:0 18px 32px -22px var(--sunk);transition:background .25s var(--out), border-color .25s var(--out), box-shadow .25s var(--out);position:absolute;top:50%}.axonometric-module__divqoW__plane:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:26px 26px;position:absolute;inset:0}.axonometric-module__divqoW__planeA{--fill:color-mix(in srgb, var(--a) 15%, var(--panel));--edge:var(--a)}.axonometric-module__divqoW__planeB{--fill:color-mix(in srgb, var(--b) 15%, var(--panel));--edge:var(--b)}.axonometric-module__divqoW__plane[data-lit=true]{--fill:color-mix(in srgb, var(--a) 30%, var(--panel));--edge:var(--a);box-shadow:0 22px 40px -20px var(--a)}.axonometric-module__divqoW__key{border-top:var(--hair) solid var(--rule)}.axonometric-module__divqoW__keyRow{align-items:center;gap:var(--s3);width:100%;min-height:var(--tap);text-align:left;border-bottom:var(--hair) solid var(--line);transition:padding-left .2s var(--out), background .2s var(--out);padding:7px 0;display:flex}.axonometric-module__divqoW__keyRow:hover,.axonometric-module__divqoW__keyRow:focus-visible,.axonometric-module__divqoW__keyRow[aria-pressed=true]{padding-left:var(--s2);background:var(--panel)}.axonometric-module__divqoW__keyCode{width:22px;font-family:var(--f-mono);letter-spacing:.06em;color:var(--faint);flex:none;font-size:10px;font-weight:600}.axonometric-module__divqoW__keySwatch{border:1px solid var(--rule);background:color-mix(in srgb, var(--panel) 86%, transparent);flex:none;width:16px;height:9px}.axonometric-module__divqoW__keyRow[data-accent=a] .axonometric-module__divqoW__keySwatch{border-color:var(--a);background:color-mix(in srgb, var(--a) 15%, var(--panel))}.axonometric-module__divqoW__keyRow[data-accent=b] .axonometric-module__divqoW__keySwatch{border-color:var(--b);background:color-mix(in srgb, var(--b) 15%, var(--panel))}.axonometric-module__divqoW__keyRow[aria-pressed=true] .axonometric-module__divqoW__keySwatch{border-color:var(--a);background:color-mix(in srgb, var(--a) 30%, var(--panel))}.axonometric-module__divqoW__keyName{min-width:0;font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.axonometric-module__divqoW__keyRow:hover .axonometric-module__divqoW__keyName,.axonometric-module__divqoW__keyRow:focus-visible .axonometric-module__divqoW__keyName,.axonometric-module__divqoW__keyRow[aria-pressed=true] .axonometric-module__divqoW__keyName{color:var(--ink)}.axonometric-module__divqoW__caption{justify-content:space-between;align-items:baseline;gap:var(--s2) var(--s4);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);flex-wrap:wrap;font-size:10px;font-weight:500;display:flex}.axonometric-module__divqoW__readout{font-variant-numeric:tabular-nums;white-space:nowrap}@media (prefers-reduced-motion:reduce){.axonometric-module__divqoW__scene{transform:rotateX(58deg)rotate(-38deg)!important}.axonometric-module__divqoW__plane,.axonometric-module__divqoW__keyRow{transition:none}}