.ap-key{position:relative;isolation:isolate;display:grid;place-items:center;min-width:var(--ap-key-min-size,44px);min-height:var(--ap-key-min-size,44px);padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.ap-key__face{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--ap-key-radius,0);background:var(--ap-key-bg,transparent);color:var(--ap-key-fg,inherit);pointer-events:none;transition:background-color var(--ap-key-transition-ms,90ms) var(--ap-key-ease,ease),color var(--ap-key-transition-ms,90ms) var(--ap-key-ease,ease),transform var(--ap-key-transition-ms,90ms) var(--ap-key-ease,ease)}.ap-key.is-pressed .ap-key__face{transform:scale(var(--ap-key-press-scale,.96))}.ap-key.is-pressed .ap-key__face,.ap-key:active .ap-key__face{background:var(--ap-key-bg-pressed,var(--ap-key-bg,transparent));color:var(--ap-key-fg-pressed,var(--ap-key-fg,inherit))}.ap-key[aria-disabled=true]{cursor:default}.ap-key[aria-disabled=true] .ap-key__face{opacity:var(--ap-key-inactive-opacity,.38)}@media (prefers-reduced-motion:reduce){.ap-key__face{transition-duration:0s}.ap-key.is-pressed .ap-key__face{transform:none}}