.keyboard-button{touch-action:manipulation;position:relative;display:inline-block;cursor:pointer;outline:none;vertical-align:middle;text-decoration:none;font-size:var(--kb-font-size);font-family:inherit;font-weight:600;color:var(--kb-text);text-transform:uppercase;padding:1em 1.5em;background:var(--kb-bg);border:2px solid var(--kb-border);border-radius:.75em;transform-style:preserve-3d;transition:transform .15s ease-out,background .15s ease-out,box-shadow .15s ease-out;margin-bottom:.75em}.keyboard-button:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:var(--kb-shadow-bg);border-radius:inherit;box-shadow:0 0 0 2px var(--kb-border),0 .625em 0 0 color-mix(in srgb,var(--kb-shadow) calc(var(--kb-shadow-opacity, 1) * 100%),transparent);transform:translate3d(0,.75em,-1em);transition:transform .15s ease-out,box-shadow .15s ease-out;z-index:-1}.keyboard-button:focus-visible,.keyboard-button:hover{background:var(--kb-hover-bg);transform:translateY(.25em)}.keyboard-button:focus-visible:before,.keyboard-button:hover:before{box-shadow:0 0 0 2px var(--kb-border),0 .5em 0 0 color-mix(in srgb,var(--kb-shadow) calc(var(--kb-shadow-opacity, 1) * 100%),transparent);transform:translate3d(0,.5em,-1em)}.keyboard-button.keyboard-button-pressed,.keyboard-button:active{background:var(--kb-hover-bg);transform:translateY(.75em)}.keyboard-button.keyboard-button-pressed:before,.keyboard-button:active:before{box-shadow:0 0 0 2px var(--kb-border),0 0 color-mix(in srgb,var(--kb-shadow) calc(var(--kb-shadow-opacity, 1) * 100%),transparent);transform:translateZ(-1em)}.keyboard-button-disabled{cursor:not-allowed;opacity:1;pointer-events:none}.keyboard-button-disabled:active,.keyboard-button-disabled:focus-visible,.keyboard-button-disabled:hover{transform:none;background:var(--kb-bg)}.keyboard-button-disabled:active:before,.keyboard-button-disabled:before,.keyboard-button-disabled:focus-visible:before,.keyboard-button-disabled:hover:before{box-shadow:0 0 0 2px var(--kb-border),0 .625em 0 0 color-mix(in srgb,var(--kb-shadow) calc(var(--kb-shadow-opacity, 1) * 100%),transparent);transform:translate3d(0,.75em,-1em)}.keyboard-button-text{position:relative;z-index:1}.keyboard-button-glow{box-shadow:0 0 18px 2px color-mix(in srgb,var(--kb-bg) 60%,transparent);animation:keyboard-button-glow-pulse 1.8s ease-in-out infinite}@keyframes keyboard-button-glow-pulse{0%,to{box-shadow:0 0 14px 1px color-mix(in srgb,var(--kb-bg) 45%,transparent)}50%{box-shadow:0 0 26px 5px color-mix(in srgb,var(--kb-bg) 75%,transparent)}}@media (prefers-reduced-motion:reduce){.keyboard-button-glow{animation:none;box-shadow:0 0 18px 2px color-mix(in srgb,var(--kb-bg) 60%,transparent)}}