.tactile-button-module__SZY6na__root{--stage:#f0eef4;--line:#0000000a;--face-1:#7d44ea;--face-2:#7638e7;--face-3:#7031e5;--face-4:#6826e0;--ink:#fff;--ink-shadow:#34089659;--rim-top:#ccb0ffe6;--rim-bottom:#c496fff2;--glow:#ac84ff66;--glow-side:#a57dff66;--halo:#c4a8ff73;--shade:#320a9666;--press-dim:#460adc14;--slab:#490eb4;--lip:#be9cfabf;--shadow-near:#461e9633;--shadow-far:#461e9629;--shadow-pressed:#461e9633;--print:#fff;--focus:#387bff;--pointer:#fff;--pointer-edge:#16151a;contain:size layout;aspect-ratio:16/9;background:var(--stage);width:100%;min-height:260px;box-shadow:inset 0 0 0 1px var(--line);-webkit-tap-highlight-color:transparent;border-radius:18px;place-items:center;display:grid;position:relative;overflow:clip;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.tactile-button-module__SZY6na__root{--stage:light-dark(#f0eef4,#121016);--line:light-dark(#0000000a,#ffffff0f);--face-1:light-dark(#7d44ea,#773ee6);--face-2:light-dark(#7638e7,#7034e2);--face-3:light-dark(#7031e5,#6a2ddf);--face-4:light-dark(#6826e0,#6022d6);--rim-top:light-dark(#ccb0ffe6,#c4a6ffcc);--slab:light-dark(#490eb4,#4712ab);--lip:light-dark(#be9cfabf,#b08aff8c);--shadow-near:light-dark(#461e9633,#0009);--shadow-far:light-dark(#461e9629,#280a6459);--shadow-pressed:light-dark(#461e9633,#0000008c)}}.tactile-button-module__SZY6na__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tactile-button-module__SZY6na__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tactile-button-module__SZY6na__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.tactile-button-module__SZY6na__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.tactile-button-module__SZY6na__key{--v:calc(1em / 40);--depth:calc(var(--v) * 10);--radius:calc(var(--v) * 20);box-sizing:content-box;padding:0 0 var(--depth);border-radius:var(--radius);color:var(--ink);-webkit-font-smoothing:antialiased;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:0;font:600 clamp(16px,4.12cqi,44px)/1 -apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,Arial,sans-serif;display:inline-grid;position:relative}.tactile-button-module__SZY6na__key:focus{outline:none}.tactile-button-module__SZY6na__key:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.tactile-button-module__SZY6na__key:disabled{cursor:not-allowed}.tactile-button-module__SZY6na__slab{inset:var(--depth) 0 0;border-radius:var(--radius);background:var(--slab);box-shadow:0 calc(var(--v) * 1.5) 0 var(--lip), 0 calc(var(--v) * 4) calc(var(--v) * 9) var(--shadow-near), 0 calc(var(--v) * 14) calc(var(--v) * 28) var(--shadow-far);transition:box-shadow .11s cubic-bezier(.25,.6,.4,1),transform .11s cubic-bezier(.25,.6,.4,1);position:absolute}.tactile-button-module__SZY6na__key[data-pressed=true] .tactile-button-module__SZY6na__slab{box-shadow:0 calc(var(--v) * 1.5) 0 var(--lip), 0 calc(var(--v) * 2) calc(var(--v) * 5) var(--shadow-pressed), 0 calc(var(--v) * 4) calc(var(--v) * 10) var(--shadow-far);transition-duration:80ms;transform:scaleX(.982)}.tactile-button-module__SZY6na__face{box-sizing:border-box;height:calc(var(--v) * 108);padding:calc(var(--v) * 3) calc(var(--v) * 58.5) 0;border-radius:var(--radius);background:linear-gradient(180deg, var(--face-1) 0%, var(--face-2) 25%, var(--face-3) 45%, var(--face-4) 85%);box-shadow:0 calc(var(--v) * -1) calc(var(--v) * 2) var(--halo);transform-origin:50% 100%;will-change:transform;place-items:center;transition:transform .11s cubic-bezier(.25,.6,.4,1);display:grid;position:relative;overflow:hidden}.tactile-button-module__SZY6na__key[data-pressed=true] .tactile-button-module__SZY6na__face{transform:translateY(var(--depth)) scaleX(.982);transition-duration:80ms;transition-timing-function:cubic-bezier(.3,.7,.4,1)}.tactile-button-module__SZY6na__gloss{border-radius:inherit;box-shadow:inset 0 calc(var(--v) * 2) 0 var(--rim-top), inset 0 calc(var(--v) * 16) calc(var(--v) * 14) calc(var(--v) * -6) var(--glow), inset 0 calc(var(--v) * -2) 0 var(--rim-bottom), inset 0 calc(var(--v) * -14) calc(var(--v) * 12) calc(var(--v) * -6) var(--glow), inset calc(var(--v) * 6) 0 calc(var(--v) * 6) calc(var(--v) * -4) var(--glow-side), inset calc(var(--v) * -6) 0 calc(var(--v) * 6) calc(var(--v) * -4) var(--glow-side);pointer-events:none;transition:opacity .11s;position:absolute;inset:0}.tactile-button-module__SZY6na__key[data-pressed=true] .tactile-button-module__SZY6na__gloss{opacity:.45;transition-duration:80ms}.tactile-button-module__SZY6na__face:after{content:"";border-radius:inherit;background:var(--press-dim);box-shadow:inset 0 calc(var(--v) * 3) calc(var(--v) * 4) var(--shade);pointer-events:none;opacity:0;transition:opacity .11s;position:absolute;inset:0}.tactile-button-module__SZY6na__key[data-pressed=true] .tactile-button-module__SZY6na__face:after{opacity:1;transition-duration:80ms}.tactile-button-module__SZY6na__label{letter-spacing:.045em;white-space:nowrap;text-shadow:0 calc(var(--v) * 1) calc(var(--v) * 2) var(--ink-shadow);margin-right:-.045em;position:relative}.tactile-button-module__SZY6na__prints{pointer-events:none;position:absolute;inset:0}.tactile-button-module__SZY6na__print{width:calc(var(--v) * 100);height:calc(var(--v) * 130);fill:none;stroke:var(--print);stroke-width:.9px;stroke-linecap:round;opacity:.42;background:radial-gradient(closest-side,#ffffff5c,#ffffff26 60%,#0000);transition:opacity .14s;animation:60ms ease-out tactile-button-module__SZY6na__print-in;position:absolute;overflow:visible;-webkit-mask-image:radial-gradient(closest-side,#000 45%,#0000 100%);mask-image:radial-gradient(closest-side,#000 45%,#0000 100%)}.tactile-button-module__SZY6na__print[data-fresh=true]{opacity:.22}.tactile-button-module__SZY6na__print[data-leaving=true]{opacity:0;transition-duration:.45s}@keyframes tactile-button-module__SZY6na__print-in{0%{opacity:0}}.tactile-button-module__SZY6na__key:disabled .tactile-button-module__SZY6na__face,.tactile-button-module__SZY6na__key:disabled .tactile-button-module__SZY6na__slab{filter:saturate(.15)brightness(1.15)}.tactile-button-module__SZY6na__key:disabled .tactile-button-module__SZY6na__face{opacity:.75}.tactile-button-module__SZY6na__pointer{z-index:2;pointer-events:none;opacity:0;filter:drop-shadow(0 1px 1.5px #0000004d);will-change:transform;width:1em;height:1em;margin:-.04em 0 0 -.34em;font-size:clamp(20px,2.5cqi,28px);transition:opacity .3s;position:absolute;top:0;left:0}.tactile-button-module__SZY6na__pointer svg{width:100%;height:100%;fill:var(--pointer);stroke:var(--pointer-edge);stroke-width:1.2px;stroke-linejoin:round;display:block}.tactile-button-module__SZY6na__pointer .tactile-button-module__SZY6na__knuckles{fill:none;stroke-width:.9px;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.tactile-button-module__SZY6na__face,.tactile-button-module__SZY6na__slab,.tactile-button-module__SZY6na__gloss,.tactile-button-module__SZY6na__face:after,.tactile-button-module__SZY6na__print{transition:none;animation:none}}