.Metronome-module__3jJTNa__slider input[type=range],.Metronome-module__3jJTNa__slider{width:100%}.Metronome-module__3jJTNa__slider input[type=range]{height:44px;accent-color:var(--v2-blue);cursor:pointer;margin:0;display:block}.Metronome-module__3jJTNa__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.Metronome-module__3jJTNa__steps>button{padding-inline:8px}.Metronome-module__3jJTNa__presets{flex-wrap:wrap;gap:8px;display:flex}.Metronome-module__3jJTNa__preset{min-height:44px;color:var(--v2-paper-ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #d6d0c8;border-radius:999px;padding:0 14px;font-size:15px}.Metronome-module__3jJTNa__preset:hover{border-color:var(--v2-paper-ink)}.Metronome-module__3jJTNa__preset[aria-pressed=true]{border-color:var(--v2-blue);color:var(--v2-blue);background:#eef1fd}.Metronome-module__3jJTNa__preset:focus-visible,.Metronome-module__3jJTNa__stage:focus-visible{outline:2px solid var(--v2-blue);outline-offset:3px}.Metronome-module__3jJTNa__tapNote{color:var(--v2-paper-ink-muted);align-self:center;margin:0;font-size:14px}.Metronome-module__3jJTNa__stage{border:1px solid var(--v2-hairline-ink);text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:18px;padding:28px 18px;display:flex}.Metronome-module__3jJTNa__bpm{justify-content:center;align-items:baseline;gap:10px;margin:0;display:flex}.Metronome-module__3jJTNa__bpmValue{font-family:var(--v2-font-display);font-variant-numeric:tabular-nums;color:var(--v2-paper-ink);font-size:88px;font-weight:500;line-height:1}.Metronome-module__3jJTNa__bpmUnit{color:var(--v2-paper-ink-muted);font-size:18px;font-weight:600}.Metronome-module__3jJTNa__band{color:var(--v2-paper-ink);margin:0;font-size:17px}.Metronome-module__3jJTNa__dots{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.Metronome-module__3jJTNa__dot{background:#fff;border:2px solid #b9b3ab;border-radius:50%;width:26px;height:26px}.Metronome-module__3jJTNa__dotStrong{border-color:var(--v2-blue);width:34px;height:34px}.Metronome-module__3jJTNa__dotActive{border-color:var(--v2-blue);background:var(--v2-blue);transform:scale(1.12)}.Metronome-module__3jJTNa__start{width:100%;max-width:320px;min-height:60px;font-size:18px}.Metronome-module__3jJTNa__keys{color:var(--v2-paper-ink-muted);margin:0;font-size:13px;line-height:1.6}@media (max-width:640px){.Metronome-module__3jJTNa__bpmValue{font-size:72px}.Metronome-module__3jJTNa__steps>button{min-width:0}}