.labs-metronome-split-control--default,.labs-metronome-settings-popover--default{--metro-icon-size:1rem;--metro-accent:#7c3aed;--metro-accent-dot:#7c3aed;--metro-split-border:#0000001a;--metro-split-border-hover:#7c3aed47;--metro-split-bg:#fff;--metro-split-hover-bg:#7c3aed0a;--metro-split-divider:#0000001a;--metro-primary-color:#64748b;--metro-menu-color:#64748b;--metro-primary-hover-bg:#7c3aed0f;--metro-menu-hover-bg:#7c3aed14;--metro-primary-active-bg:#7c3aed;--metro-primary-active-color:#fff;--metro-split-active-hover-bg:#ffffff24;--metro-split-divider-active:#ffffff47;--metro-panel-bg:#fff;--metro-panel-border:#0000001f;--metro-panel-divider:#00000014;--metro-slider-color:#7c3aed}.labs-metronome-split-control--drums,.labs-metronome-settings-popover--drums{--metro-split-radius:.5rem;--metro-split-height:var(--drums-playback-control-height,2.5rem);--metro-split-min-height:var(--drums-playback-control-height,2.5rem);--metro-split-border-width:2px;--metro-split-border-width-active:2px;--metro-primary-min-width:2rem;--metro-menu-width:1.375rem;--metro-split-border:var(--border-color,#e5e7eb);--metro-split-border-hover:var(--primary-purple,#7c3aed);--metro-split-bg:#fff;--metro-split-hover-bg:#f9fafb;--metro-split-divider:var(--border-color,#e5e7eb);--metro-split-divider-inset:28%;--metro-primary-padding:0 .5rem;--metro-menu-padding:0;--metro-icon-size:calc(var(--drums-playback-control-height,2.5rem) / 1.75 / .9);--metro-menu-icon-size:.75rem;--metro-menu-chevron-opacity:.9;--metro-state-off-color:var(--text-color,#1f2937);--metro-state-on-color:#fff;--metro-accent:var(--primary-purple,#7c3aed);--metro-primary-color:var(--text-color,#1f2937);--metro-menu-color:var(--text-color,#1f2937);--metro-primary-hover-bg:#f9fafb;--metro-menu-hover-bg:#f9fafb;--metro-primary-active-bg:#6d28d9;--metro-primary-active-color:#fff;--metro-primary-active-border:var(--primary-purple,#7c3aed);--metro-split-active-hover-bg:#ffffff1f;--metro-focus-ring:0 0 0 3px #7c3aed38;--metro-focus-ring-active:0 0 0 2px #fff, 0 0 0 4px #7c3aed8c;--metro-panel-bg:var(--labs-popover-bg,var(--menu-surface,#fff));--metro-panel-header-bg:var(--menu-header-bg,#f9fafb);--metro-panel-border:var(--labs-popover-border,var(--menu-border,#d1d5db));--metro-panel-divider:var(--border-color,#d1d5db);--metro-panel-radius:var(--labs-popover-radius,var(--menu-radius,8px));--metro-panel-shadow:var(--labs-popover-shadow,0 8px 24px #4c1d951f);--metro-panel-muted:#1f29379e;--metro-toggle-bg:#fff;--metro-toggle-border:var(--border-color,#e5e7eb);--metro-toggle-hover-bg:#f9fafb;--metro-toggle-focus-ring:0 0 0 2px var(--primary-purple,#7c3aed);--metro-slider-color:var(--primary-purple,#7c3aed)}.labs-metronome-split-control--words,.labs-metronome-settings-popover--words{--metro-split-radius:999px;--metro-split-min-height:34px;--metro-menu-padding:0;--metro-menu-icon-size:.625rem;--metro-menu-chevron-opacity:.88;--metro-split-border:color-mix(in srgb, var(--pastel-6,#0d9488) 20%, #cbd5e1);--metro-split-border-hover:color-mix(in srgb, var(--pastel-6,#0a8a8f) 34%, #94a3b8);--metro-split-bg:color-mix(in srgb, var(--pastel-9,#fff) 72%, var(--pastel-8,#99f6e4));--metro-split-hover-bg:color-mix(in srgb, var(--pastel-8,#99f6e4) 42%, #fff);--metro-split-divider:color-mix(in srgb, var(--pastel-6,#0d9488) 18%, #cbd5e1);--metro-accent:#ea580c;--metro-accent-dot:#ea580c;--metro-primary-color:#0f766e;--metro-menu-color:#0f766e;--metro-primary-hover-bg:color-mix(in srgb, var(--pastel-8,#99f6e4) 55%, #fff);--metro-menu-hover-bg:color-mix(in srgb, var(--pastel-8,#99f6e4) 62%, #fff);--metro-primary-active-bg:linear-gradient(135deg, color-mix(in srgb, var(--pastel-3,#fde68a) 88%, #f59e0b), color-mix(in srgb, var(--pastel-2,#fed7aa) 88%, #ea580c));--metro-primary-active-color:#fff;--metro-primary-active-border:#e3540c;--metro-split-active-hover-bg:#ffffff29;--metro-split-divider-active:#ffffff52;--metro-focus-ring:0 0 0 2px color-mix(in srgb, var(--pastel-5,#67e8f9) 46%, #67e8f9);--metro-panel-bg:var(--labs-popover-bg,#fffffffa);--metro-panel-border:var(--labs-popover-border);--metro-panel-shadow:var(--labs-popover-shadow);--metro-slider-color:#0a8a8f}.labs-metronome-split-control--piano,.labs-metronome-settings-popover--piano{--metro-split-radius:var(--radius-lg,10px);--metro-split-min-height:36px;--metro-menu-padding:0;--metro-menu-icon-size:.625rem;--metro-split-border:var(--piano-border,#e2e8f0);--metro-split-border-hover:color-mix(in srgb, var(--piano-primary,#7c3aed) 28%, var(--piano-border,#e2e8f0));--metro-split-bg:var(--piano-surface,#fff);--metro-split-hover-bg:var(--piano-surface-hover,#f8fafc);--metro-split-divider:var(--piano-border,#e2e8f0);--metro-accent:var(--piano-primary,#7c3aed);--metro-accent-dot:var(--piano-primary,#7c3aed);--metro-primary-color:var(--piano-text-secondary,#6b5b8e);--metro-menu-color:var(--piano-text-secondary,#6b5b8e);--metro-primary-hover-bg:color-mix(in srgb, var(--piano-primary,#7c3aed) 7%, var(--piano-surface-hover,#f8fafc));--metro-menu-hover-bg:color-mix(in srgb, var(--piano-primary,#7c3aed) 9%, var(--piano-surface-hover,#f8fafc));--metro-primary-active-bg:var(--piano-primary,#7c3aed);--metro-primary-active-color:#fff;--metro-primary-active-border:var(--piano-primary,#7c3aed);--metro-split-active-hover-bg:#ffffff24;--metro-panel-bg:var(--piano-surface,#fff);--metro-panel-border:var(--piano-border,#e2e8f0);--metro-slider-color:var(--piano-primary,#7c3aed)}.labs-metronome-split-control--chords,.labs-metronome-settings-popover--chords{--metro-split-radius:var(--control-radius,8px);--metro-split-min-height:var(--control-height,38px);--metro-menu-padding:0;--metro-menu-icon-size:.625rem;--metro-split-border:var(--border-color,#e2e8f0);--metro-split-border-hover:color-mix(in srgb, var(--primary,#7c3aed) 26%, var(--border-color,#e2e8f0));--metro-split-bg:var(--bg-card,#fff);--metro-split-hover-bg:color-mix(in srgb, var(--primary,#7c3aed) 4%, var(--bg-card,#fff));--metro-split-divider:var(--border-color,#e2e8f0);--metro-accent:var(--primary,#7c3aed);--metro-accent-dot:var(--primary,#7c3aed);--metro-primary-color:var(--text-secondary,#64748b);--metro-menu-color:var(--text-secondary,#64748b);--metro-primary-hover-bg:color-mix(in srgb, var(--primary,#7c3aed) 7%, var(--bg-card,#fff));--metro-menu-hover-bg:color-mix(in srgb, var(--primary,#7c3aed) 9%, var(--bg-card,#fff));--metro-primary-active-bg:var(--primary,#7c3aed);--metro-primary-active-color:#fff;--metro-primary-active-border:var(--primary,#7c3aed);--metro-split-active-hover-bg:#ffffff24;--metro-panel-bg:var(--bg-card,#fff);--metro-panel-border:var(--border-color,#e2e8f0);--metro-slider-color:var(--primary,#7c3aed)}.labs-metronome-split-control--stanza,.labs-metronome-settings-popover--stanza{--metro-split-radius:999px;--metro-split-height:32px;--metro-split-min-height:32px;--metro-split-border-width:1px;--metro-primary-min-width:1.75rem;--metro-menu-width:1.5rem;--metro-split-border:transparent;--metro-split-border-hover:#e848a033;--metro-split-bg:transparent;--metro-split-hover-bg:#e848a00f;--metro-split-divider:#312b261a;--metro-split-divider-inset:24%;--metro-primary-padding:0 .25rem 0 .35rem;--metro-menu-padding:0;--metro-icon-size:1.125rem;--metro-menu-icon-size:.625rem;--metro-menu-chevron-opacity:.72;--metro-accent:#e848a0;--metro-primary-color:var(--stanza-ink,#312b26);--metro-menu-color:color-mix(in srgb, var(--stanza-ink,#312b26) 72%, transparent);--metro-primary-hover-bg:#e848a01a;--metro-menu-hover-bg:#e848a01f;--metro-split-active-hover-bg:#e848a033;--metro-primary-active-bg:#e848a01c;--metro-primary-active-color:var(--stanza-ink,#312b26);--metro-primary-active-border:#e848a03d;--metro-split-active-shadow:inset 0 0 0 1px #e848a02e;--metro-split-divider-active:#312b2624;--metro-focus-ring:0 0 0 2px #e848a038;--metro-panel-bg:var(--stanza-paper-elevated-strong,#fffbf5);--metro-panel-border:#312b261f;--metro-slider-color:#e848a0}.labs-metronome-split-control--midi,.labs-metronome-settings-popover--midi{--metro-split-radius:999px;--metro-split-min-height:36px;--metro-menu-padding:0;--metro-menu-icon-size:.625rem;--metro-split-border:var(--midi-border,#ff44991f);--metro-split-border-hover:color-mix(in srgb, var(--midi-accent,#f49) 28%, #ffffffeb);--metro-split-bg:#ffffffeb;--metro-split-hover-bg:color-mix(in srgb, var(--midi-accent-soft,#ff44991f) 55%, #fff);--metro-split-divider:var(--midi-border,#ff449924);--metro-accent:var(--midi-accent,#f49);--metro-accent-dot:var(--midi-accent-strong,#e91e8c);--metro-primary-color:var(--midi-text-muted,#7c6485);--metro-menu-color:var(--midi-text-muted,#7c6485);--metro-primary-hover-bg:var(--midi-accent-soft,#ff44991a);--metro-menu-hover-bg:var(--midi-accent-soft,#ff449924);--metro-primary-active-bg:var(--midi-accent,#f49);--metro-primary-active-color:#fff;--metro-primary-active-border:color-mix(in srgb, var(--midi-accent,#f49) 88%, #e91e8c);--metro-split-active-hover-bg:#ffffff29;--metro-panel-bg:var(--midi-surface,#fff);--metro-panel-border:var(--midi-border,#ff449924);--metro-panel-shadow:var(--midi-shadow,0 10px 40px #3b1f4514);--metro-slider-color:var(--midi-accent,#f49)}.labs-metronome-split-control--default,.labs-metronome-settings-popover--default,.labs-metronome-settings-panel--default,.labs-metronome-split-control--drums,.labs-metronome-settings-popover--drums,.labs-metronome-settings-panel--drums,.labs-metronome-split-control--words,.labs-metronome-settings-popover--words,.labs-metronome-settings-panel--words,.labs-metronome-split-control--piano,.labs-metronome-settings-popover--piano,.labs-metronome-settings-panel--piano,.labs-metronome-split-control--chords,.labs-metronome-settings-popover--chords,.labs-metronome-settings-panel--chords,.labs-metronome-split-control--stanza,.labs-metronome-settings-popover--stanza,.labs-metronome-settings-panel--stanza,.labs-metronome-split-control--midi,.labs-metronome-settings-popover--midi,.labs-metronome-settings-panel--midi{--metro-toggle-selected-bg:color-mix(in srgb, var(--metro-accent,#7c3aed) 12%, var(--metro-panel-bg,#fff));--metro-toggle-selected-hover-bg:color-mix(in srgb, var(--metro-accent,#7c3aed) 18%, var(--metro-panel-bg,#fff));--metro-toggle-selected-color:var(--metro-accent-dot,var(--metro-accent,#7c3aed));--metro-toggle-focus-ring:0 0 0 2px var(--metro-accent,#7c3aed);--labs-control-focus-ring-inset-color:var(--metro-accent,#7c3aed)}.labs-metronome-split-control--drums,.labs-metronome-settings-popover--drums,.labs-metronome-settings-panel--drums{--metro-toggle-selected-color:var(--primary-purple-dark,#6d28d9)}.labs-metronome-split-control--stanza,.labs-metronome-settings-popover--stanza,.labs-metronome-settings-panel--stanza{--metro-toggle-selected-bg:color-mix(in srgb, var(--metro-accent,#e848a0) 18%, var(--metro-panel-bg,#fffbf5));--metro-toggle-selected-hover-bg:color-mix(in srgb, var(--metro-accent,#e848a0) 26%, var(--metro-panel-bg,#fffbf5));--metro-toggle-selected-color:var(--stanza-ink,#312b26)}.labs-metronome-split-control--words,.labs-metronome-settings-popover--words,.labs-metronome-settings-panel--words{--metro-toggle-selected-color:var(--metro-primary-color,#0f766e)}.labs-metronome-split-control[class*=--] .labs-split-action-button__primary,.labs-metronome-split-control[class*=--] .labs-split-action-button__menu{width:100%;min-width:0;height:100%;min-height:100%;box-shadow:none;color:inherit;background:0 0;border:0;border-radius:0;margin:0}.labs-metronome-split-control[class*=--] .labs-split-action-button__primary:hover:not(:disabled),.labs-metronome-split-control[class*=--] .labs-split-action-button__primary.active,.labs-metronome-split-control[class*=--] .labs-split-action-button__primary.is-on{box-shadow:none}.labs-split-action-button{--metro-primary-min-width:2.25rem;--metro-menu-width:1.75rem;grid-template-columns:minmax(var(--metro-primary-min-width), 1fr) var(--metro-menu-width);border-radius:var(--metro-split-radius,999px);border:var(--metro-split-border-width,1px) solid var(--metro-split-border,#0000001f);background:var(--metro-split-bg,#fff);height:var(--metro-split-height,auto);min-height:var(--metro-split-min-height,0);color:var(--metro-menu-color,var(--metro-primary-color,inherit));box-shadow:var(--metro-split-shadow,none);align-items:stretch;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:grid;overflow:visible}.labs-split-action-button__half{min-width:0;min-height:100%;display:flex;overflow:hidden}.labs-split-action-button__half--primary{border-top-left-radius:calc(var(--metro-split-radius,999px) - 1px);border-bottom-left-radius:calc(var(--metro-split-radius,999px) - 1px)}.labs-split-action-button__half--menu{border-top-right-radius:calc(var(--metro-split-radius,999px) - 1px);border-bottom-right-radius:calc(var(--metro-split-radius,999px) - 1px)}.labs-metronome-split-control{display:inline-flex;overflow:visible}.labs-split-action-button__half>.MuiTooltip-root{flex:auto;min-width:0;min-height:100%;display:inline-flex!important}.labs-split-action-button__half>.MuiTooltip-root>span{flex:auto;min-width:0;min-height:100%;display:inline-flex}.labs-split-action-button__primary,.labs-split-action-button__menu{font:inherit;-webkit-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;border:0;border-radius:0;flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;min-height:100%;margin:0;display:inline-flex}.labs-split-action-button__primary{background:var(--metro-primary-bg,transparent);color:var(--metro-primary-color,inherit);padding:var(--metro-primary-padding,0 .625rem);transition:background-color .15s,color .15s}.labs-split-action-button__menu{background:var(--metro-menu-bg,var(--metro-primary-bg,transparent));color:var(--metro-menu-color,var(--metro-primary-color,inherit));padding:var(--metro-menu-padding,0 .125rem);transition:background-color .15s,color .15s;position:relative}.labs-metronome-toggle-content{justify-content:center;align-items:center;gap:.35rem;min-width:0;display:inline-flex}.labs-metronome-toggle-icon{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.labs-split-action-button__primary .material-symbols-outlined.labs-metronome-toggle-icon{font-size:calc(var(--metro-icon-size,1.25rem) * .9);width:auto;height:auto;min-width:calc(var(--metro-icon-size,1.25rem) * .9);min-height:calc(var(--metro-icon-size,1.25rem) * .9);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:visible}html.icons-pending .labs-split-action-button__primary .material-symbols-outlined.labs-metronome-toggle-icon{width:calc(var(--metro-icon-size,1.25rem) * .9);overflow:hidden}.labs-split-action-button__chevron{width:var(--metro-menu-icon-size,.625rem);height:var(--metro-menu-icon-size,.625rem);font-size:calc(var(--metro-menu-icon-size,.625rem) * .9);color:var(--metro-menu-chevron-color,var(--metro-menu-color,currentColor));opacity:var(--metro-menu-chevron-opacity,.88);flex-shrink:0;line-height:1}.labs-metronome-state-pill{letter-spacing:.05em;text-transform:uppercase;color:var(--metro-state-off-color,color-mix(in srgb, var(--metro-accent,#7c3aed) 72%, #374151));opacity:.9;flex-shrink:0;font-size:.5625rem;font-weight:700;line-height:1}.labs-metronome-state-pill.is-on{color:var(--metro-state-on-color,currentColor);opacity:1}.labs-split-action-button:has(.labs-split-action-button__primary.active) .labs-metronome-state-pill{color:var(--metro-state-on-color,currentColor)}.labs-split-action-button:has(.labs-split-action-button__primary.is-on) .labs-metronome-state-pill{color:var(--metro-state-on-color,currentColor)}.labs-split-action-button:not(:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on)):hover{border-color:var(--metro-split-border-hover,var(--metro-split-border,#0000001f));background:var(--metro-split-hover-bg,var(--metro-split-bg,#fff))}.labs-split-action-button:not(:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on)) .labs-split-action-button__primary:hover:not(:disabled){background:var(--metro-primary-hover-bg,#0000000a)}.labs-split-action-button:not(:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on)) .labs-split-action-button__menu:hover:not(:disabled){background:var(--metro-menu-hover-bg,var(--metro-primary-hover-bg,#0000000a))}.labs-split-action-button:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on) .labs-split-action-button__primary:hover:not(:disabled){background:var(--metro-split-active-hover-bg,#ffffff24)}.labs-split-action-button:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on) .labs-split-action-button__menu:hover:not(:disabled){background:var(--metro-split-active-hover-bg,#ffffff24)}.labs-split-action-button:focus-within{z-index:1}.labs-split-action-button:not(:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on)):focus-within{box-shadow:var(--metro-focus-ring,0 0 0 3px #7c3aed59)}.labs-split-action-button:has(.labs-split-action-button__primary.active,.labs-split-action-button__primary.is-on):focus-within{box-shadow:var(--metro-focus-ring-active,0 0 0 2px #fff, 0 0 0 4px #7c3aed8c)}.labs-split-action-button__primary:focus-visible{outline:none}.labs-split-action-button__menu:focus-visible{outline:none}.labs-split-action-button__menu:before{content:"";left:0;top:var(--metro-split-divider-inset,22%);bottom:var(--metro-split-divider-inset,22%);width:var(--metro-split-divider-width,1px);background:var(--metro-split-divider,#0000001f);pointer-events:none;z-index:1;position:absolute}.labs-split-action-button:has(.labs-split-action-button__primary.active){background:var(--metro-primary-active-bg,var(--metro-accent,#7c3aed));border-color:var(--metro-primary-active-border,var(--metro-accent,#7c3aed));border-width:var(--metro-split-border-width-active,var(--metro-split-border-width,1px));color:var(--metro-primary-active-color,#fff);box-shadow:var(--metro-split-active-shadow,none)}.labs-split-action-button:has(.labs-split-action-button__primary.is-on){background:var(--metro-primary-active-bg,var(--metro-accent,#7c3aed));border-color:var(--metro-primary-active-border,var(--metro-accent,#7c3aed));border-width:var(--metro-split-border-width-active,var(--metro-split-border-width,1px));color:var(--metro-primary-active-color,#fff);box-shadow:var(--metro-split-active-shadow,none)}.labs-split-action-button:has(.labs-split-action-button__primary.active) .labs-split-action-button__primary{color:inherit;background:0 0}.labs-split-action-button:has(.labs-split-action-button__primary.is-on) .labs-split-action-button__primary{color:inherit;background:0 0}.labs-split-action-button:has(.labs-split-action-button__primary.active) .labs-split-action-button__menu{color:inherit;background:0 0}.labs-split-action-button:has(.labs-split-action-button__primary.is-on) .labs-split-action-button__menu{color:inherit;background:0 0}.labs-split-action-button:has(.labs-split-action-button__primary.active) .labs-split-action-button__chevron{color:inherit;opacity:.92}.labs-split-action-button:has(.labs-split-action-button__primary.is-on) .labs-split-action-button__chevron{color:inherit;opacity:.92}.labs-split-action-button:has(.labs-split-action-button__primary.active) .labs-split-action-button__menu:before{background:var(--metro-split-divider-active,#ffffff47)}.labs-split-action-button:has(.labs-split-action-button__primary.is-on) .labs-split-action-button__menu:before{background:var(--metro-split-divider-active,#ffffff47)}.labs-metronome-settings-popover{color:var(--metro-panel-text,inherit);overflow:visible}.labs-metronome-settings-panel{box-sizing:border-box;width:min(100vw - 24px,340px);min-width:300px}.labs-metronome-settings-panel__header{border-bottom:1px solid var(--metro-panel-divider,#00000014);background:var(--metro-panel-header-bg,transparent);padding:13px 16px 12px}.labs-metronome-settings-panel__power-control{-webkit-user-select:none;user-select:none;flex:none;gap:.35rem;margin:0 0 0 auto}.labs-metronome-settings-panel__power-control .MuiFormControlLabel-label{color:var(--metro-panel-text,#000000de);font-size:.8125rem;font-weight:600;line-height:1.2}.labs-metronome-settings-panel__power-control .MuiCheckbox-root{color:var(--metro-panel-muted,#0000008a);padding:4px}.labs-metronome-settings-panel__power-control .MuiCheckbox-root.Mui-checked{color:var(--metro-accent,#7c3aed)}.labs-metronome-settings-panel__status{color:var(--metro-panel-muted,#0000009e);background:color-mix(in srgb, var(--metro-accent,#7c3aed) 6%, var(--metro-panel-bg,#fff));border-bottom:1px solid var(--metro-panel-divider,#00000014);padding:.55rem 1rem;font-size:.8125rem;line-height:1.45}.labs-metronome-settings-panel__body{flex-direction:column;gap:16px;max-height:min(70vh,440px);padding:16px;display:flex;overflow-y:auto}.labs-metronome-settings-panel__body--inactive{opacity:.58}.labs-metronome-settings-panel__section{margin:0}.labs-metronome-settings-panel__section-title{letter-spacing:.02em;text-transform:none;color:var(--metro-panel-muted,#0009)!important}.labs-metronome-settings-panel__toggle-group{--metro-toggle-divider:#0000001f;--metro-toggle-divider-selected:color-mix(in srgb, var(--metro-accent,#7c3aed) 16%, var(--metro-toggle-border,#0000001f));border:var(--metro-toggle-border-width,1px) solid var(--metro-toggle-border,#0000001f);border-radius:var(--metro-toggle-radius,8px);background:var(--metro-toggle-bg,#00000005);gap:0;width:100%;display:flex;overflow:visible}.labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped:first-of-type{border-top-left-radius:calc(var(--metro-toggle-radius,8px) - 1px);border-bottom-left-radius:calc(var(--metro-toggle-radius,8px) - 1px)}.labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped:last-of-type{border-top-right-radius:calc(var(--metro-toggle-radius,8px) - 1px);border-bottom-right-radius:calc(var(--metro-toggle-radius,8px) - 1px)}.labs-metronome-settings-panel__toggle-group.MuiToggleButtonGroup-root{gap:0}.labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped{border:0;border-radius:0;flex:1 1 0;min-width:0;margin:0}.labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped:not(:first-of-type){box-shadow:inset 1px 0 0 0 var(--metro-toggle-divider)}.labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped.Mui-selected+.MuiToggleButtonGroup-grouped.Mui-selected{box-shadow:inset 1px 0 0 0 var(--metro-toggle-divider-selected)}.labs-metronome-settings-panel__toggle-group .MuiToggleButton-root{text-transform:none;white-space:nowrap;width:100%;min-width:0;color:var(--metro-toggle-color,inherit);background:0 0;border:0;border-radius:0;flex:1 1 0;padding:8px 10px;font-size:.8125rem;font-weight:500;line-height:1.25}.labs-metronome-settings-panel__toggle-group .MuiToggleButton-root:hover{background:var(--metro-toggle-hover-bg,#0000000a)}.labs-metronome-settings-panel__toggle-group .MuiToggleButton-root.Mui-selected{background:var(--metro-toggle-selected-bg,color-mix(in srgb, var(--metro-accent,#7c3aed) 12%, var(--metro-panel-bg,#fff)));color:var(--metro-toggle-selected-color,var(--metro-accent-dot,var(--metro-accent,#7c3aed)));font-weight:var(--labs-selection-secondary-weight,600)}.labs-metronome-settings-panel__toggle-group .MuiToggleButton-root.Mui-selected:hover{background:var(--metro-toggle-selected-hover-bg,color-mix(in srgb, var(--metro-accent,#7c3aed) 18%, var(--metro-panel-bg,#fff)))}.labs-metronome-settings-panel__toggle-group .MuiToggleButton-root:focus-visible{z-index:2;box-shadow:var(--labs-control-focus-ring-inset,inset 0 0 0 2px var(--metro-accent,#7c3aed));outline:none;position:relative}.labs-metronome-settings-panel__reset-levels{color:var(--metro-accent,#7c3aed)}.labs-metronome-settings-panel__reset-levels:focus-visible{box-shadow:var(--metro-focus-ring,0 0 0 3px #7c3aed38);border-radius:.25rem;outline:none}.labs-metronome-settings-panel__levels .shared-playback-volume-row{padding:3px 0}.labs-metronome-settings-panel__levels .MuiSlider-root{min-width:0;color:var(--metro-slider-color,var(--metro-accent,#7c3aed))}.labs-metronome-settings-panel__levels .MuiSlider-thumb{box-shadow:none}