:root{--surface: #f1f4f9;--spring-overshoot: cubic-bezier(.34, 1.56, .64, 1);--spring-elastic: cubic-bezier(.175, .885, .32, 1.275);--key-bg: var(--surface);--key-shadow-color: oklch(.54 .09 266 / .15);--key-shadow-hard: var(--c-muted)}.dark{--surface: oklch(.22 .025 260);--key-bg: oklch(.25 .025 260);--key-shadow-color: oklch(0 0 0 / .35);--key-shadow-hard: var(--c-muted)}.demo-wrap[data-astro-cid-ndvd27vh]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.card[data-astro-cid-ndvd27vh]{background:var(--surface);border-radius:1.75rem;corner-shape:squircle;padding:2.25rem 2.75rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;box-shadow:0 1px 3px #11161f0f,0 8px 24px #11161f14}.dark .card[data-astro-cid-ndvd27vh]{box-shadow:0 1px 3px #0003,0 8px 24px #0000004d}@supports not (corner-shape: squircle){.card[data-astro-cid-ndvd27vh]{border-radius:1.25rem}}.card-title[data-astro-cid-ndvd27vh]{font-size:1.125rem;font-weight:600;color:var(--c-muted)}.shortcut-row[data-astro-cid-ndvd27vh]{display:flex;align-items:center;gap:.625rem;margin:.5rem 0}.shortcut-plus[data-astro-cid-ndvd27vh]{font-size:.875rem;font-weight:500;color:var(--c-muted);user-select:none}.key[data-astro-cid-ndvd27vh]{appearance:none;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;font-family:var(--font-sans)}.key-face[data-astro-cid-ndvd27vh]{display:flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;padding:0 .875rem;border-radius:.875rem;corner-shape:squircle;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:1.125rem;font-weight:700;color:var(--c-muted);background:var(--key-bg);border:2px solid var(--c-muted);box-shadow:0 4px 0 var(--key-shadow-hard),0 4px 8px var(--key-shadow-color);transform:translateY(0);transition:transform .3s var(--spring-elastic),box-shadow .4s var(--spring-elastic),color .4s var(--spring-elastic),border-color .4s var(--spring-elastic)}@supports not (corner-shape: squircle){.key-face[data-astro-cid-ndvd27vh]{border-radius:.75rem}}.key[data-astro-cid-ndvd27vh]:hover .key-face[data-astro-cid-ndvd27vh],.key[data-astro-cid-ndvd27vh].cursor-hover .key-face[data-astro-cid-ndvd27vh]{transform:translateY(-2px);box-shadow:0 6px 0 var(--key-shadow-hard),0 6px 12px var(--key-shadow-color)}.key[data-astro-cid-ndvd27vh]:active .key-face[data-astro-cid-ndvd27vh],.key[data-astro-cid-ndvd27vh].is-pressed .key-face[data-astro-cid-ndvd27vh]{transform:translateY(3px);box-shadow:0 1px 0 var(--key-shadow-hard),0 1px 3px var(--key-shadow-color);transition-duration:80ms}.key[data-astro-cid-ndvd27vh].mode-flat .key-face[data-astro-cid-ndvd27vh]{box-shadow:0 0 oklch(.55 .24 260 / 0);border:2.5px solid var(--c-accent);background:oklch(.55 .24 260 / 0);color:var(--c-accent);transform:scale(1);transition:background .4s var(--spring-overshoot),color .4s var(--spring-overshoot),transform .4s var(--spring-overshoot),box-shadow .4s var(--spring-overshoot),border-color .4s var(--spring-overshoot)}.dark .key[data-astro-cid-ndvd27vh].mode-flat .key-face[data-astro-cid-ndvd27vh]{background:oklch(.72 .19 260 / 0);box-shadow:0 0 oklch(.72 .19 260 / 0)}.key[data-astro-cid-ndvd27vh].mode-flat:hover .key-face[data-astro-cid-ndvd27vh],.key[data-astro-cid-ndvd27vh].mode-flat.cursor-hover .key-face[data-astro-cid-ndvd27vh]{background:var(--c-accent);color:#fff;border-color:var(--c-accent);transform:scale(1.06);box-shadow:0 4px 18px oklch(.55 .24 260 / .3)}.dark .key[data-astro-cid-ndvd27vh].mode-flat:hover .key-face[data-astro-cid-ndvd27vh],.dark .key[data-astro-cid-ndvd27vh].mode-flat.cursor-hover .key-face[data-astro-cid-ndvd27vh]{box-shadow:0 4px 18px oklch(.72 .19 260 / .25)}.key[data-astro-cid-ndvd27vh].mode-flat:active .key-face[data-astro-cid-ndvd27vh],.key[data-astro-cid-ndvd27vh].mode-flat.is-pressed .key-face[data-astro-cid-ndvd27vh]{transform:scale(.95);background:oklch(.45 .24 260);color:#fff;border-color:oklch(.45 .24 260);transition-duration:.1s}.dark .key[data-astro-cid-ndvd27vh].mode-flat:active .key-face[data-astro-cid-ndvd27vh],.dark .key[data-astro-cid-ndvd27vh].mode-flat.is-pressed .key-face[data-astro-cid-ndvd27vh]{background:#337aef;border-color:#337aef}.card-hint[data-astro-cid-ndvd27vh]{font-size:.75rem;color:var(--c-muted);opacity:.7;margin-top:.25rem}.controls[data-astro-cid-ndvd27vh]{display:flex;justify-content:center}@media(prefers-reduced-motion:reduce){.key-face[data-astro-cid-ndvd27vh]{transition:none!important}}