.pads.svelte-1qaaiez{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;display:grid}@media (width<=560px){.pads.svelte-1qaaiez:not(.overlay):not(.compact){grid-template-columns:repeat(2,1fr)}.pads.svelte-1qaaiez:not(.overlay):not(.compact) .pad:where(.svelte-1qaaiez){aspect-ratio:1;min-height:0}}.pads.compact.svelte-1qaaiez{grid-template-columns:repeat(3, var(--pad-sz,2.6rem));grid-auto-rows:var(--pad-sz,2.6rem);gap:.3rem;width:max-content}.pads.compact.svelte-1qaaiez .pad:where(.svelte-1qaaiez){border-radius:var(--radius-sm,.4rem);gap:.05rem;min-height:0;padding:.15rem}.pads.compact.svelte-1qaaiez .label:where(.svelte-1qaaiez){font-size:.5rem;line-height:1.05}.pads.compact.svelte-1qaaiez .key:where(.svelte-1qaaiez){font-size:.5rem}@media (width<=46rem){.pads.compact.svelte-1qaaiez{grid-template-columns:repeat(2, var(--pad-sz));--pad-sz:1.9rem;gap:.22rem}.pads.compact.svelte-1qaaiez .label:where(.svelte-1qaaiez){font-size:.44rem}}.pad.svelte-1qaaiez{border:1px solid var(--pad-color);background:var(--pad-color);color:#10131a;min-height:4.5rem;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;touch-action:none;border-radius:.6rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.5rem;transition:transform 20ms,filter 20ms,box-shadow 20ms;display:flex}.pad.svelte-1qaaiez:focus{outline:none}.pad.svelte-1qaaiez:hover:not(:disabled),.pad.svelte-1qaaiez:active:not(:disabled){background:var(--pad-color);border-color:var(--pad-color);transform:none}.pad.struck.svelte-1qaaiez,.pad.lit.svelte-1qaaiez{filter:brightness(1.35);box-shadow:0 0 .6rem color-mix(in srgb, var(--pad-color) 70%, transparent);transform:scale(.96)}.pad.used.svelte-1qaaiez{outline:2px solid var(--text,#e8e8ea);outline-offset:1px}.pad.idle.svelte-1qaaiez{opacity:.4}.pad.cue.svelte-1qaaiez{outline-offset:-1px;box-shadow:0 0 .9rem color-mix(in srgb, var(--pad-color) 65%, white);opacity:1;outline:3px solid #fff}.label.svelte-1qaaiez{text-align:center;font-size:.9rem;font-weight:600}.key.svelte-1qaaiez{opacity:.55;font-variant:small-caps;letter-spacing:.05em;font-size:.65rem}.overlay.svelte-1qaaiez{z-index:60;padding:.5rem max(.5rem, env(safe-area-inset-left)) calc(.5rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg,#16161a) 82%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);gap:.35rem;position:fixed;bottom:0;left:0;right:0}.overlay.svelte-1qaaiez .pad:where(.svelte-1qaaiez){min-height:3.25rem}@media (width<=46rem){.overlay.svelte-1qaaiez{grid-template-columns:repeat(2,1fr)}}@media (orientation:portrait){.overlay.svelte-1qaaiez .pad:where(.svelte-1qaaiez){min-height:min(15vh,7rem)}}