.keys.svelte-1dv1uib{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#0c0d10,#1c1e23);border-radius:6px;grid-template-columns:repeat(7,1fr);gap:3px;padding:4px;display:grid;box-shadow:inset 0 2px 5px #000000b3}.k.svelte-1dv1uib{color:#24272d;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 3px),linear-gradient(#e9ebee 0%,#b9bec6 55%,#8d939c 100%);border-radius:3px 3px 5px 5px;place-items:center;height:34px;transition:transform 70ms ease-out,box-shadow 70ms ease-out,filter .2s;display:grid;position:relative;transform:translateY(-4px);box-shadow:0 5px #4c5159,0 6px 6px #0000008c,inset 0 1px #ffffffe6}.k.svelte-1dv1uib svg:where(.svelte-1dv1uib){fill:currentColor;width:18px;height:11px}.k.svelte-1dv1uib:hover{filter:brightness(1.07)}.k.svelte-1dv1uib:active,.k.down.svelte-1dv1uib{transform:translateY(0);box-shadow:0 1px #4c5159,0 1px 2px #0009,inset 0 2px 4px #00000040}.k.play.down.svelte-1dv1uib{color:#0f5e2f;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 3px),linear-gradient(#dfe9e1 0%,#aebdb2 60%,#84928a 100%)}.k.rec.svelte-1dv1uib{color:#8e1b14;justify-content:center;align-items:center;gap:3px;display:flex}.k.rec.svelte-1dv1uib .dot:where(.svelte-1dv1uib){background:radial-gradient(circle at 35% 35%,#ff7a6b,#b3160c);border-radius:50%;width:9px;height:9px;box-shadow:0 0 4px #ff3c2899}.k.rec.svelte-1dv1uib small:where(.svelte-1dv1uib){font:800 8px var(--font-mono);letter-spacing:.05em}.big.svelte-1dv1uib .k:where(.svelte-1dv1uib){height:46px}.big.svelte-1dv1uib .k:where(.svelte-1dv1uib) svg:where(.svelte-1dv1uib){width:24px;height:15px}.big.svelte-1dv1uib .k.rec:where(.svelte-1dv1uib) small:where(.svelte-1dv1uib){font-size:10px}@media (prefers-reduced-motion:reduce){.k.svelte-1dv1uib{transition:none}}.vu.svelte-1afv442{background:linear-gradient(#2a2c31,#111215);border-radius:7px;padding:3px;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #00000080}svg.svelte-1afv442{border-radius:5px;width:100%;height:auto;display:block;box-shadow:inset 0 0 14px #ffaa3c66}.needle.svelte-1afv442{transform-origin:60px 70px;transform:rotate(-50deg)}.counter.svelte-1sz02ik{background:linear-gradient(#2b2d33,#0d0e11);border-radius:4px;align-items:center;gap:2px;padding:3px 5px;display:inline-flex;box-shadow:inset 0 1px 3px #000c,0 1px #ffffff14}.drum.svelte-1sz02ik{background:linear-gradient(#000 0%,#232323 30%,#2d2d2d 50%,#232323 70%,#000 100%);border-radius:2px;width:.78em;height:1.25em;position:relative;overflow:hidden}.strip.svelte-1sz02ik{flex-direction:column;transition:transform .35s cubic-bezier(.3,1.4,.5,1);display:flex;position:absolute;inset:0 0 auto}b.svelte-1sz02ik{color:#f1ede4;text-shadow:0 0 1px #fff;place-items:center;height:1.25em;font-weight:500;display:grid}.colon.svelte-1sz02ik{color:#f1ede4;opacity:.7;margin:0 -1px}@media (prefers-reduced-motion:reduce){.strip.svelte-1sz02ik{transition:none}}