.ActionBar-module__xn4SgW__actionBar{gap:var(--spacing);width:fit-content;padding:var(--spacing);margin:var(--spacing);background-color:var(--surface);box-shadow:var(--box-shadow);border-radius:999rem;flex-direction:row;align-items:center;display:flex}
.ActionBarDivider-module__2crruW__actionBarDivider{border-left:var(--border);align-self:stretch;width:0;padding:0}
.DrumKitSvg-module__B-JgbG__kit{--neutral-fill:color-mix(in srgb, var(--foreground) 12%, var(--surface));--neutral-body:color-mix(in srgb, var(--foreground) 22%, var(--surface));--neutral-line:color-mix(in srgb, var(--foreground) 55%, var(--surface));width:clamp(300px,100%,780px);height:auto}.DrumKitSvg-module__B-JgbG__kit[data-size=small]{width:clamp(120px,100%,200px)}.DrumKitSvg-module__B-JgbG__kit[data-size=fill]{width:100%;max-height:100%}.DrumKitSvg-module__B-JgbG__kit[data-mirrored=true]{scale:-1 1}.DrumKitSvg-module__B-JgbG__drum{--drum-color:var(--lightningcss-light,var(--drum-color-light))var(--lightningcss-dark,var(--drum-color-dark));fill:none;stroke:var(--neutral-line);stroke-width:6px;stroke-linecap:round;transform-origin:bottom;transform-box:fill-box;transition:fill var(--transition-duration) ease-in-out;outline:none}.DrumKitSvg-module__B-JgbG__drum[role=button]{touch-action:manipulation;cursor:pointer}.DrumKitSvg-module__B-JgbG__kit[data-interaction=play] .DrumKitSvg-module__B-JgbG__drum{touch-action:none}.DrumKitSvg-module__B-JgbG__drum[data-selected=false]{opacity:.4}.DrumKitSvg-module__B-JgbG__drum[data-active=true]{filter:drop-shadow(0 0 24px var(--drum-color));stroke:var(--foreground)}.DrumKitSvg-module__B-JgbG__surface{fill:var(--neutral-fill)}.DrumKitSvg-module__B-JgbG__body{fill:var(--neutral-body)}.DrumKitSvg-module__B-JgbG__drum[data-active=true] .DrumKitSvg-module__B-JgbG__surface{fill:var(--drum-color)}.DrumKitSvg-module__B-JgbG__drum[data-active=true] .DrumKitSvg-module__B-JgbG__body{fill:color-mix(in srgb, var(--drum-color) 45%, var(--neutral-body))}.DrumKitSvg-module__B-JgbG__bellArc,.DrumKitSvg-module__B-JgbG__detail,.DrumKitSvg-module__B-JgbG__stand{pointer-events:none}.DrumKitSvg-module__B-JgbG__stand{stroke-width:20px}.DrumKitSvg-module__B-JgbG__drum:focus-visible .DrumKitSvg-module__B-JgbG__surface{stroke:var(--drum-color);stroke-width:16px}@media (prefers-reduced-motion:reduce){.DrumKitSvg-module__B-JgbG__drum{transition:none}}
.NotationError-module__g_k6zq__notationError{gap:var(--half-spacing);width:100%;min-height:6rem;padding:var(--half-spacing);font-family:var(--font-body);color:var(--error-text);background-color:var(--error-bg);border:1px solid var(--error-accent);border-radius:var(--half-spacing);justify-content:center;align-items:center;display:flex}.NotationError-module__g_k6zq__icon{color:var(--error-accent);flex-shrink:0;font-size:1.2rem}
.RoundActionButton-module__ox2hgq__roundActionButton{width:var(--size);height:var(--size);aspect-ratio:1;color:var(--foreground);touch-action:manipulation;cursor:pointer;background-color:var(--surface);border:var(--border);transition:background-color var(--transition-duration) ease;--size:3em;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.RoundActionButton-module__ox2hgq__roundActionButton:disabled{cursor:not-allowed;opacity:.4}.RoundActionButton-module__ox2hgq__roundActionButton:not(:disabled):hover{background-color:var(--hover-color)}.RoundActionButton-module__ox2hgq__roundActionButton:not(:disabled):active{border:2px var(--border-color) solid}.RoundActionButton-module__ox2hgq__roundActionButton[data-size=small]{--size:2em;font-size:.8rem}.RoundActionButton-module__ox2hgq__roundActionButton[data-size=large]{--size:4em;font-size:1.2rem}.RoundActionButton-module__ox2hgq__icon{width:var(--icon-size,1.1em);height:var(--icon-size,1.1em)}.RoundActionButton-module__ox2hgq__label{font-family:var(--font-body);font-size:1em;font-weight:700}
.Button-module__e7WGRa__button{--bg-color:var(--surface);--accent-color:var(--hover-color);--text-color:var(--foreground);gap:var(--half-spacing);padding:var(--half-spacing) var(--spacing);color:var(--text-color);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--bg-color);border:1px var(--text-color) solid;border-radius:var(--half-spacing);transition:background-color var(--transition-duration) ease;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.Button-module__e7WGRa__button:disabled{cursor:not-allowed;opacity:.4}.Button-module__e7WGRa__button:not(:disabled):hover{background-color:color-mix(in oklch, var(--bg-color) 95%, var(--foreground))}.Button-module__e7WGRa__button:not(:disabled):active{background-color:color-mix(in oklch, var(--bg-color) 85%, var(--foreground));box-shadow:inset 0 0 0 1px var(--border-color)}.Button-module__e7WGRa__button[data-severity=danger]{--bg-color:var(--error-bg);--accent-color:var(--error-accent);--text-color:var(--error-text)}.Button-module__e7WGRa__icon{flex-shrink:0;font-size:.9em}
.Dialog-module__Bw1M2G__dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:backdrop-filter var(--transition-duration) ease;background:0 0}.Dialog-module__Bw1M2G__content{display:contents}
.AccountButton-module__e0jGBa__accountLink{width:var(--size);height:var(--size);aspect-ratio:1;color:var(--foreground);touch-action:manipulation;cursor:pointer;background-color:var(--surface);border:var(--border);transition:background-color var(--transition-duration) ease;--size:3em;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.AccountButton-module__e0jGBa__accountLink:hover{background-color:var(--hover-color)}.AccountButton-module__e0jGBa__accountLink:active{border:2px var(--border-color) solid}.AccountButton-module__e0jGBa__accountLink[data-size=small]{--size:2em;font-size:.8rem}.AccountButton-module__e0jGBa__icon{width:1.1em;height:1.1em}.AccountButton-module__e0jGBa__menuItem{width:100%;font:inherit;color:var(--foreground);text-align:left;white-space:nowrap;cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none;align-items:center;gap:.6em;padding:.5em .75em;text-decoration:none;display:flex}.AccountButton-module__e0jGBa__menuItem:hover{background-color:var(--hover-color)}.AccountButton-module__e0jGBa__menuIcon{flex-shrink:0;width:1.1em;height:1.1em}
.IconButtonBadge-module__Cg364q__wrapper{display:inline-flex;position:relative}.IconButtonBadge-module__Cg364q__badge{--size:1.75em;--distance:-.5em;top:var(--distance);right:var(--distance);min-width:var(--size);height:var(--size);color:var(--surface);pointer-events:none;background-color:var(--foreground);border-radius:999px;justify-content:center;align-items:center;padding:0 .2em;font-size:.7rem;line-height:1;display:flex;position:absolute}.IconButtonBadge-module__Cg364q__srOnly{white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.MetronomeTempoInput-module__RPdrqa__tempoInput{gap:var(--half-spacing);margin-top:var(--spacing);grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 200px 1fr;place-items:center;display:grid}.MetronomeTempoInput-module__RPdrqa__tempoDisplay{gap:var(--half-spacing);flex-direction:row;align-items:baseline;display:flex}.MetronomeTempoInput-module__RPdrqa__slider{width:100%}.MetronomeTempoInput-module__RPdrqa__tempoNumberInput{width:5ch;padding:var(--quarter-spacing) var(--half-spacing);font-family:var(--font-headings);color:var(--foreground);text-align:center;appearance:textfield;background-color:var(--surface);border:var(--border);border-radius:var(--half-spacing);transition:border-color var(--transition-duration);font-size:1.5em;font-weight:700}.MetronomeTempoInput-module__RPdrqa__tempoNumberInput::-webkit-inner-spin-button{appearance:none;margin:0}.MetronomeTempoInput-module__RPdrqa__tempoNumberInput::-webkit-outer-spin-button{appearance:none;margin:0}.MetronomeTempoInput-module__RPdrqa__tempoNumberInput:focus{background-color:var(--hover-color);border-color:var(--foreground);outline:none}
.Popover-module__YE3OyG__popover{z-index:1002;filter:drop-shadow(0 8px 24px #00000059)drop-shadow(0 2px 6px #00000040)}.Popover-module__YE3OyG__arrow{--size:16px;width:var(--size);height:var(--size);background-color:var(--surface);border:var(--border);position:absolute;transform:rotate(45deg)}.Popover-module__YE3OyG__heading{white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.Popover-module__YE3OyG__panel{gap:var(--half-spacing);padding:var(--spacing);color:var(--foreground);background-color:var(--surface);border:var(--border);border-radius:var(--border-radius);flex-direction:column;align-items:center;display:flex;position:relative}
.NoteGridRowMenu-module__8_6ctG__trigger{padding:0 var(--quarter-spacing);color:var(--foreground);cursor:pointer;border-radius:calc(var(--border-radius) / 4);opacity:.45;transition:opacity var(--transition-duration-short);background:0 0;border:none;font-size:1.2em;line-height:1}.NoteGridRowMenu-module__8_6ctG__trigger:hover,.NoteGridRowMenu-module__8_6ctG__trigger:focus-visible,.NoteGridRowMenu-module__8_6ctG__trigger[aria-expanded=true]{background-color:var(--hover-color);opacity:1}.NoteGridRowMenu-module__8_6ctG__menu{flex-direction:column;align-items:stretch;min-width:8em;display:flex}.NoteGridRowMenu-module__8_6ctG__item{padding:var(--quarter-spacing) var(--half-spacing);color:var(--foreground);text-align:left;cursor:pointer;border-radius:calc(var(--border-radius) / 4);background:0 0;border:none}.NoteGridRowMenu-module__8_6ctG__item:hover{background-color:var(--hover-color)}.NoteGridRowMenu-module__8_6ctG__dialog{padding:var(--spacing);color:var(--foreground);background-color:var(--surface);border:var(--border);border-radius:var(--border-radius)}.NoteGridRowMenu-module__8_6ctG__dialogActions{gap:var(--half-spacing);margin-top:var(--spacing);justify-content:flex-end;display:flex}
.AudioSettings-module__UYqlKW__tempoInputContainer{gap:var(--quarter-spacing);flex-direction:column;align-items:center;display:flex}.AudioSettings-module__UYqlKW__tempoInputContainer input[type=range]{width:100%}.AudioSettings-module__UYqlKW__volumeControl{grid-template-columns:1fr 3em;display:grid}.AudioSettings-module__UYqlKW__bpm{font-family:var(--font-headings);place-self:center;font-size:.875em;font-weight:700}
.Score-module__CcOa2W__score{border-radius:var(--half-spacing);width:100%}.Score-module__CcOa2W__score:empty{animation:1.2s ease-in-out .2s infinite alternate both Score-module__CcOa2W__skeleton-pulse}@media (prefers-reduced-motion:reduce){.Score-module__CcOa2W__score:empty{background-color:var(--hover-color);animation:none}}.Score-module__CcOa2W__score svg{fill:currentColor;stroke:currentColor;width:100%;height:auto;display:block;overflow:visible}.Score-module__CcOa2W__score [data-highlighted=true]{filter:drop-shadow(0 0 8px #1dc11d);fill:#1dc11d;stroke:#1dc11d}.Score-module__CcOa2W__score [data-helper-shape]{stroke-width:1px}.Score-module__CcOa2W__score [data-helper-shape=circle]{fill:#80d4ffb3;stroke:#005f8f}.Score-module__CcOa2W__score [data-helper-shape=triangle]{fill:#80ffbfb3;stroke:#007a3d}.Score-module__CcOa2W__score [data-helper-shape=square]{fill:#ff8095b3;stroke:#b8001f}.Score-module__CcOa2W__score [data-type=partIdentifier] circle{fill:var(--hover-color);stroke:var(--foreground);stroke-width:1px}.Score-module__CcOa2W__score [data-type=partIdentifier] text{font-family:var(--font-headings);fill:var(--foreground)}.Score-module__CcOa2W__score[data-render-tom-shapes=false] [data-helper-shape]{display:none}.Score-module__CcOa2W__score[data-render-ghost-notes=true] [data-loudness=ghost]{transform:scale(var(--ghost-scale));transform-origin:var(--head-scale-origin);transform-box:view-box}.Score-module__CcOa2W__score[data-render-stickings=false] [data-sticking]{display:none}@keyframes Score-module__CcOa2W__skeleton-pulse{0%{background-color:#0000}to{background-color:var(--hover-color)}}
.FormAlert-module__LjHZmG__alert{gap:var(--spacing);padding:var(--half-spacing);font-family:var(--font-body);color:var(--alert-text-color);background-color:var(--alert-bg-color);border:1px solid var(--alert-accent-color);border-radius:var(--half-spacing);align-items:flex-start;display:flex}.FormAlert-module__LjHZmG__alert[data-severity=error]{--alert-bg-color:var(--error-bg);--alert-accent-color:var(--error-accent);--alert-text-color:var(--error-text)}.FormAlert-module__LjHZmG__alert[data-severity=warning]{--alert-bg-color:var(--warning-bg);--alert-accent-color:var(--warning-accent);--alert-text-color:var(--warning-text)}.FormAlert-module__LjHZmG__alert[data-severity=info]{--alert-bg-color:var(--info-bg);--alert-accent-color:var(--info-accent);--alert-text-color:var(--info-text)}.FormAlert-module__LjHZmG__alert[data-severity=success]{--alert-bg-color:var(--success-bg);--alert-accent-color:var(--success-accent);--alert-text-color:var(--success-text)}.FormAlert-module__LjHZmG__content{gap:var(--half-spacing);flex:1;align-items:flex-start;display:flex}.FormAlert-module__LjHZmG__icon{color:var(--alert-accent-color);flex-shrink:0;margin-top:2px;font-size:1.2rem}.FormAlert-module__LjHZmG__message{flex:1}
.NotationBase-module__cxd6lG__notation{width:clamp(400px,100%,700px);min-width:0;height:auto;padding:var(--spacing);font-family:var(--font-headings);color:var(--foreground);border-radius:var(--border-radius);transition:all var(--transition-duration) ease-in-out;flex-direction:column;justify-content:center;align-items:center;display:flex}.NotationBase-module__cxd6lG__notation[data-is-hoverable=true]{cursor:pointer}.NotationBase-module__cxd6lG__notation[data-is-hoverable=true]:hover{background-color:var(--hover-color)}.NotationBase-module__cxd6lG__notation[data-is-selected=true]{outline:2px solid #3498db}
.FormGroup-module__qJJzUa__formGroup{gap:var(--half-spacing);min-width:0;display:grid}.FormGroup-module__qJJzUa__formGroup[data-inline=true]{grid-auto-flow:column;justify-content:start;align-items:center}.FormGroup-module__qJJzUa__formGroup[data-inline=true] input[type=checkbox]{margin:0}.FormGroup-module__qJJzUa__formGroup[data-inline=true] label{cursor:pointer}
.SelectionToolbar-module__4Q4WwG__toolbar{z-index:1001;gap:var(--quarter-spacing);padding:var(--quarter-spacing);background-color:var(--surface);border:var(--border);border-radius:calc(var(--border-radius) * .75);box-shadow:var(--box-shadow);display:flex}.SelectionToolbar-module__4Q4WwG__button{width:2.5em;height:2.5em;color:var(--foreground);cursor:pointer;border-radius:calc(var(--border-radius) / 2);transition:background-color var(--transition-duration-short);background:0 0;border:none;place-items:center;display:grid}.SelectionToolbar-module__4Q4WwG__button:hover{background-color:var(--hover-color)}.SelectionToolbar-module__4Q4WwG__button:disabled{cursor:default;opacity:.35;background:0 0}.SelectionToolbar-module__4Q4WwG__button:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}
.GlobalSettingsMenu-module__ruIpLq__settingsMenuContainer{z-index:1000;resize:horizontal;scrollbar-width:none;background-color:var(--surface);border-left:var(--border);width:100%;min-width:20rem;height:100vh;box-shadow:var(--box-shadow-hover);transition:transform var(--transition-duration-long) ease-out;-ms-overflow-style:none;direction:rtl;position:fixed;top:0;right:0;overflow:hidden scroll;transform:translate(100%)}@media (min-width:500px) and (max-width:849px){.GlobalSettingsMenu-module__ruIpLq__settingsMenuContainer{width:75vw}}@media (min-width:850px){.GlobalSettingsMenu-module__ruIpLq__settingsMenuContainer{width:50vw}}.GlobalSettingsMenu-module__ruIpLq__settingsMenuContainer[data-open=true]{transition:transform var(--transition-duration-long) ease-out;display:block;transform:translate(0)}.GlobalSettingsMenu-module__ruIpLq__content{gap:var(--spacing);max-width:100%;height:100%;margin:var(--spacing);text-align:center;direction:ltr;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:3.5rem;display:flex;overflow:hidden}
.NoteGrid-module__HTleqa__noteGrid{--label-width:8.5em;--cell-gap:var(--half-spacing);--min-size:1.25em;--max-size:2em;--pad-radius:.45em;--pad-color:color-mix(in oklch, var(--foreground) 15%, var(--surface));--pad-color-beat:color-mix(in oklch, var(--foreground) 30%, var(--surface));--muted:color-mix(in oklch, var(--foreground) 75%, transparent);--copy-line:2px;--copy-outset:calc(2px + var(--copy-line));--copy-radius:calc(var(--pad-radius) + var(--copy-outset));gap:var(--half-spacing);width:fit-content;max-width:100%;height:fit-content;padding:var(--spacing);-webkit-user-select:none;user-select:none;background-color:var(--surface);border:var(--border);border-radius:var(--border-radius);flex-direction:column;display:flex}.NoteGrid-module__HTleqa__grid{gap:var(--cell-gap);padding:0 var(--copy-outset) var(--copy-outset) 0;flex-direction:column;display:flex;overflow-x:auto}.NoteGrid-module__HTleqa__row{grid-template-columns:var(--label-width);grid-auto-columns:minmax(var(--min-size), var(--max-size));gap:var(--cell-gap);grid-auto-flow:column;min-width:min-content;display:grid}.NoteGrid-module__HTleqa__rowHeader{z-index:1;gap:var(--quarter-spacing);padding:0 var(--half-spacing);background-color:var(--surface);justify-content:space-between;align-items:center;font-weight:600;display:flex;position:sticky;left:0}.NoteGrid-module__HTleqa__cell{aspect-ratio:1;color:var(--foreground);touch-action:none;-webkit-touch-callout:none;cursor:pointer;background-color:var(--pad-color);border-radius:var(--pad-radius);transition:background-color var(--transition-duration);align-self:center;place-items:center;display:grid}.NoteGrid-module__HTleqa__cell:hover{background-color:var(--hover-color)}.NoteGrid-module__HTleqa__cell:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}.NoteGrid-module__HTleqa__groupStart{background-color:var(--pad-color-beat)}.NoteGrid-module__HTleqa__cell[data-filled=true]{color:var(--surface);background-color:var(--accent-color)}.NoteGrid-module__HTleqa__cell[data-filled=true]:hover{background-color:var(--hover-color)}.NoteGrid-module__HTleqa__cell[aria-selected=true]{--selection:var(--selection-color,var(--link-color));box-shadow:inset 0 0 0 2px var(--selection)}.NoteGrid-module__HTleqa__cell[aria-selected=true]:not([data-filled=true],[data-sticking=R],[data-sticking=L]){background-color:color-mix(in oklch, var(--selection) 25%, var(--pad-color))}.NoteGrid-module__HTleqa__cell[data-outline]{position:relative}.NoteGrid-module__HTleqa__cell[data-outline]:after{inset:0 calc(var(--cell-gap) * -1) calc(var(--cell-gap) * -1) 0;pointer-events:none;content:"";border:0 dashed var(--link-color);position:absolute}.NoteGrid-module__HTleqa__cell[data-outline][data-outline~=top]:after{top:calc(var(--copy-outset) * -1);border-top-width:var(--copy-line)}.NoteGrid-module__HTleqa__cell[data-outline][data-outline~=right]:after{right:calc(var(--copy-outset) * -1);border-right-width:var(--copy-line)}.NoteGrid-module__HTleqa__cell[data-outline][data-outline~=bottom]:after{bottom:calc(var(--copy-outset) * -1);border-bottom-width:var(--copy-line)}.NoteGrid-module__HTleqa__cell[data-outline][data-outline~=left]:after{left:calc(var(--copy-outset) * -1);border-left-width:var(--copy-line)}.NoteGrid-module__HTleqa__cell[data-outline][data-outline~=top][data-outline~=left]:after{border-top-left-radius:var(--copy-radius)}.NoteGrid-module__HTleqa__cell[data-outline][data-outline~=top][data-outline~=right]:after{border-top-right-radius:var(--copy-radius)}.NoteGrid-module__HTleqa__cell[data-outline][data-outline~=bottom][data-outline~=right]:after{border-bottom-right-radius:var(--copy-radius)}.NoteGrid-module__HTleqa__cell[data-outline][data-outline~=bottom][data-outline~=left]:after{border-bottom-left-radius:var(--copy-radius)}.NoteGrid-module__HTleqa__icon{pointer-events:none;width:62%;height:62%}.NoteGrid-module__HTleqa__cell[data-preview=added]{color:var(--surface);background-color:var(--success-accent)}.NoteGrid-module__HTleqa__cell[data-preview=removed]{color:var(--surface);background-color:color-mix(in oklch, var(--error-accent) 50%, var(--pad-color))}.NoteGrid-module__HTleqa__cell[data-preview=removed] .NoteGrid-module__HTleqa__icon{opacity:.6}.NoteGrid-module__HTleqa__cell[data-preview=changed]{color:var(--surface);background-color:var(--info-accent)}.NoteGrid-module__HTleqa__grid[data-fill-open]{pointer-events:none}.NoteGrid-module__HTleqa__cell[data-cut][data-filled=true]{background-color:color-mix(in oklch, var(--accent-color) 50%, var(--pad-color))}.NoteGrid-module__HTleqa__cell[data-cut][data-filled=true] .NoteGrid-module__HTleqa__icon{opacity:.6}.NoteGrid-module__HTleqa__stickingRow{padding-top:var(--half-spacing);margin-top:var(--half-spacing)}.NoteGrid-module__HTleqa__stickingRow .NoteGrid-module__HTleqa__rowHeader{color:var(--muted);font-weight:400}.NoteGrid-module__HTleqa__row[data-disabled=true] .NoteGrid-module__HTleqa__rowHeader{color:var(--muted)}.NoteGrid-module__HTleqa__row[data-disabled=true] .NoteGrid-module__HTleqa__cell{cursor:not-allowed;opacity:.35}.NoteGrid-module__HTleqa__row[data-disabled=true] .NoteGrid-module__HTleqa__cell:hover{background-color:var(--pad-color)}.NoteGrid-module__HTleqa__rowLabel{font:inherit;font-family:var(--font-body);color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.NoteGrid-module__HTleqa__rowLabel:hover{color:var(--link-color)}.NoteGrid-module__HTleqa__headerCell{font-family:var(--font-body);color:var(--muted);background:0 0}.NoteGrid-module__HTleqa__headerCell:hover{color:var(--link-color);background:0 0}.NoteGrid-module__HTleqa__headerCell[data-beat=true]{color:var(--foreground);font-weight:700}.NoteGrid-module__HTleqa__stickingCell{font-family:var(--font-body);font-weight:700}.NoteGrid-module__HTleqa__stickingCell[data-sticking=R]{--letter-color:var(--accent-color);color:var(--letter-color);background-color:color-mix(in oklch, var(--accent-color) 14%, var(--surface));outline:none}.NoteGrid-module__HTleqa__stickingCell[data-sticking=L]{--letter-color:var(--link-color);color:var(--letter-color);background-color:color-mix(in oklch, var(--link-color) 14%, var(--surface));outline:none}.NoteGrid-module__HTleqa__stickingCell[data-cut]{color:color-mix(in oklch, var(--letter-color) 50%, transparent)}.NoteGrid-module__HTleqa__stickingCell[aria-disabled=true]{cursor:default;background:0 0;outline:none}.NoteGrid-module__HTleqa__stickingCell[aria-disabled=true]:hover{background:0 0}.NoteGrid-module__HTleqa__stickingCell:focus-visible,.NoteGrid-module__HTleqa__stickingCell[data-sticking]:focus-visible,.NoteGrid-module__HTleqa__stickingCell[aria-disabled=true]:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}.NoteGrid-module__HTleqa__addRowButton{padding:var(--quarter-spacing) var(--half-spacing);margin-left:calc(var(--half-spacing) * -1);color:var(--link-color);cursor:pointer;border-radius:calc(var(--border-radius) / 2);background:0 0;border:none;font-weight:600}.NoteGrid-module__HTleqa__addRowButton:hover{background-color:var(--hover-color)}.NoteGrid-module__HTleqa__addList{flex-direction:column;align-items:stretch;min-width:8em;display:flex}.NoteGrid-module__HTleqa__addItem{padding:var(--quarter-spacing) var(--half-spacing);color:var(--foreground);text-align:left;cursor:pointer;border-radius:calc(var(--border-radius) / 4);background:0 0;border:none}.NoteGrid-module__HTleqa__addItem:hover{background-color:var(--hover-color)}
.QuizScore-module__kbKl7G__container{flex-direction:column;justify-content:space-between;align-items:center;height:2.5em;display:flex}.QuizScore-module__kbKl7G__container span{font-family:var(--font-headings);font-size:1.2em;font-weight:700}.QuizScore-module__kbKl7G__correct{color:var(--lightningcss-light,#00a000)var(--lightningcss-dark,#7dff7d)}.QuizScore-module__kbKl7G__incorrect{color:var(--lightningcss-light,#a00000)var(--lightningcss-dark,#ff7d7d)}
.AddBarsForm-module__o7jn2q__form{gap:var(--spacing);flex-direction:column;display:flex}.AddBarsForm-module__o7jn2q__field{gap:var(--quarter-spacing);border:none;flex-direction:column;align-items:flex-start;min-width:0;margin:0;padding:0;display:flex}.AddBarsForm-module__o7jn2q__field:disabled{opacity:.5}.AddBarsForm-module__o7jn2q__legend{font-family:var(--font-body);padding:0;font-weight:700}.AddBarsForm-module__o7jn2q__choices{gap:var(--quarter-spacing) var(--spacing);flex-wrap:wrap;display:flex}.AddBarsForm-module__o7jn2q__choice{gap:var(--quarter-spacing);cursor:pointer;align-items:center;display:flex}.AddBarsForm-module__o7jn2q__field:disabled .AddBarsForm-module__o7jn2q__choice{cursor:default}.AddBarsForm-module__o7jn2q__actions{gap:var(--half-spacing);justify-content:center;display:flex}
.PageTemplateNav-module__elq4DG__page{height:100dvh;padding:var(--double-spacing);flex-direction:column;align-items:center;display:flex}.PageTemplateNav-module__elq4DG__header{grid-template-columns:1fr 1fr;width:100%;display:grid}.PageTemplateNav-module__elq4DG__headerButtons{z-index:1001;gap:var(--half-spacing);justify-content:flex-end;align-items:center;display:flex}.PageTemplateNav-module__elq4DG__title,.PageTemplateNav-module__elq4DG__subtitle{text-overflow:ellipsis;text-align:center;white-space:nowrap;min-width:0;padding-top:.15em;display:block;overflow-x:hidden}.PageTemplateNav-module__elq4DG__mainContent{gap:var(--spacing);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.PageTemplateNav-module__elq4DG__content{gap:var(--double-spacing);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}
.ResultDialog-module__MiDSXa__container{z-index:1000;border-radius:var(--border-radius);--accent-color:var(--lightningcss-light,#d84343)var(--lightningcss-dark,#ff8080);--background-color:var(--lightningcss-light,#ffefef)var(--lightningcss-dark,#4a3339);border:none;margin:auto}.ResultDialog-module__MiDSXa__container[data-correct=true]{--accent-color:var(--lightningcss-light,#3fa14f)var(--lightningcss-dark,#80e090);--background-color:var(--lightningcss-light,#efffee)var(--lightningcss-dark,#2c4438)}.ResultDialog-module__MiDSXa__icon{z-index:1;color:var(--accent-color);pointer-events:none;opacity:.2;transition:all var(--transition-duration) ease;font-size:150px;position:absolute;top:25%;left:25%;transform:translate(-50%,-50%)rotate(30deg)}.ResultDialog-module__MiDSXa__confetti{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.ResultDialog-module__MiDSXa__card{z-index:1;gap:var(--spacing);max-width:90vw;max-height:90vh;padding:var(--double-spacing);color:var(--foreground);background-color:var(--background-color);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.ResultDialog-module__MiDSXa__card>:not(.ResultDialog-module__MiDSXa__icon){z-index:2;position:relative}.ResultDialog-module__MiDSXa__card:hover .ResultDialog-module__MiDSXa__icon{transition:all var(--transition-duration) ease;transform:translate(-50%,-50%)rotate(40deg)scale(1.1)}@keyframes ResultDialog-module__MiDSXa__dialog-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ResultDialog-module__MiDSXa__container[open] .ResultDialog-module__MiDSXa__card{animation:ResultDialog-module__MiDSXa__dialog-appear var(--transition-duration) ease-out forwards}
.RhythmCard-module__zsUDSq__rhythmCard[data-theme=dark]{filter:brightness(.7)}.RhythmCard-module__zsUDSq__rhythmCard{transition:all var(--transition-duration) ease-in-out}.RhythmCard-module__zsUDSq__rhythmCard[data-highlighted=true]{box-shadow:var(--box-shadow);outline:2px solid orange;transition:none;scale:1.1}.RhythmCard-module__zsUDSq__rhythmCard[data-blurred=true]{filter:blur(1px)}
.TextInput-module__1XoT5G__container{gap:var(--half-spacing);min-width:0;padding:var(--half-spacing) var(--spacing);background-color:var(--surface);border:var(--border);border-radius:var(--half-spacing);transition:border-color var(--transition-duration), background-color var(--transition-duration);align-items:center;display:flex}.TextInput-module__1XoT5G__container:focus-within{background-color:var(--hover-color);border-color:var(--foreground)}.TextInput-module__1XoT5G__container[data-state=error]{border-color:var(--error-color)}.TextInput-module__1XoT5G__container[data-state=success]{border-color:var(--correct-color)}.TextInput-module__1XoT5G__container:has(.TextInput-module__1XoT5G__input:disabled){cursor:not-allowed;opacity:.5}.TextInput-module__1XoT5G__input{min-width:0;font-family:var(--font-body);color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:1em}.TextInput-module__1XoT5G__input::placeholder{color:var(--border-color)}.TextInput-module__1XoT5G__input:disabled{cursor:not-allowed}.TextInput-module__1XoT5G__leftIcon,.TextInput-module__1XoT5G__rightIcon{color:var(--border-color);flex-shrink:0;font-size:.9em}.TextInput-module__1XoT5G__container[data-state=success] .TextInput-module__1XoT5G__rightIcon{color:var(--correct-color)}.TextInput-module__1XoT5G__container[data-state=error] .TextInput-module__1XoT5G__rightIcon{color:var(--error-color)}
.TimeSignature-module___ZgNbG__digit{width:auto;height:20px}.TimeSignature-module___ZgNbG__timeSignature{padding:var(--spacing);margin:var(--spacing);border-radius:var(--border-radius);transition:all var(--transition-duration);flex-direction:column;justify-content:center;align-items:center;display:flex}.TimeSignature-module___ZgNbG__timeSignature:hover{background-color:var(--hover-color)}.TimeSignature-module___ZgNbG__timeSignature[data-is-selected=true]{background-color:var(--hover-color);scale:1.2}.TimeSignature-module___ZgNbG__timeSignature[data-size=small]{pointer-events:none;margin:0;padding:0}.TimeSignature-module___ZgNbG__timeSignature[data-size=small] .TimeSignature-module___ZgNbG__digit{height:.7em}.TimeSignature-module___ZgNbG__tsNumber{flex-flow:row;display:flex}
.FormLink-module__YsTF0G__formLink{text-align:center;font-size:small}.FormLink-module__YsTF0G__formLink a{color:var(--link-color);transition:color var(--transition-duration) ease;font-weight:500;text-decoration:none}.FormLink-module__YsTF0G__formLink a:hover{text-decoration:underline}
.NoteGridActionBar-module__DxGl1a__actionBar{gap:var(--half-spacing);flex-wrap:wrap;align-items:center;display:flex}.NoteGridActionBar-module__DxGl1a__toolBox{gap:var(--quarter-spacing);padding:var(--quarter-spacing);background-color:var(--surface);border:var(--border);border-radius:calc(var(--border-radius) * .75);display:flex}.NoteGridActionBar-module__DxGl1a__toolButton{width:2.75em;height:2.75em;padding:var(--quarter-spacing);color:var(--foreground);cursor:pointer;border-radius:calc(var(--border-radius) / 2);transition:background-color var(--transition-duration-short);background:0 0;border:none;place-items:center;display:grid}.NoteGridActionBar-module__DxGl1a__toolButton:hover,.NoteGridActionBar-module__DxGl1a__toolButton[aria-expanded=true]{background-color:var(--hover-color)}.NoteGridActionBar-module__DxGl1a__toolButton:disabled{cursor:default;opacity:.35;background:0 0}.NoteGridActionBar-module__DxGl1a__toolButton:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}.NoteGridActionBar-module__DxGl1a__toolButton[aria-pressed=true],.NoteGridActionBar-module__DxGl1a__toolButton[aria-checked=true]{color:var(--surface);background-color:var(--accent-color)}.NoteGridActionBar-module__DxGl1a__group{gap:var(--quarter-spacing);display:flex}.NoteGridActionBar-module__DxGl1a__timeSignatureButton{width:auto;min-width:2.75em;padding:.3em .55em}.NoteGridActionBar-module__DxGl1a__icon{width:100%;height:100%}.NoteGridActionBar-module__DxGl1a__presetMenu{gap:var(--half-spacing);grid-template-columns:repeat(3,1fr);display:grid}.NoteGridActionBar-module__DxGl1a__preset{padding:var(--quarter-spacing) var(--half-spacing);font-variant-numeric:tabular-nums;color:var(--foreground);cursor:pointer;border-radius:calc(var(--border-radius) / 4);background:0 0;border:none}.NoteGridActionBar-module__DxGl1a__preset:hover{background-color:var(--hover-color)}.NoteGridActionBar-module__DxGl1a__preset[aria-pressed=true]{color:var(--surface);background-color:var(--accent-color)}
.DrumPartEditor-module__ZH2paW__editor{gap:var(--half-spacing);flex-direction:column;align-items:center;display:flex}.DrumPartEditor-module__ZH2paW__editor:not(:focus-within){--selection-color:color-mix(in oklch, var(--link-color) 40%, transparent)}
.DummyRhythmCard-module__1aUHcq__dummyRhythmCard{border:2px dashed var(--border-color)}
.PasswordInput-module__4GzVha__toggle{all:unset;color:var(--border-color);cursor:pointer;transition:color var(--transition-duration);flex-shrink:0;justify-content:center;align-items:center;font-size:.9em;display:inline-flex}.PasswordInput-module__4GzVha__toggle::-moz-focus-inner{border:0;padding:0}.PasswordInput-module__4GzVha__toggle:hover{color:var(--foreground)}.PasswordInput-module__4GzVha__toggle:focus-visible{outline:2px solid var(--foreground);outline-offset:2px;border-radius:2px}.PasswordInput-module__4GzVha__toggle:disabled{color:var(--border-color);cursor:not-allowed}
.page-module__hlLF7q__backgroundIcon{z-index:-1;width:clamp(30em,60em,100dvw);height:clamp(30em,60em,100dvh);color:var(--foreground);pointer-events:none;opacity:.075;transition:all var(--transition-duration) ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(20deg)}.page-module__hlLF7q__backgroundIcon:has(~a:hover){color:var(--accent-color);transform:translate(-50%,-50%)rotate(22.5deg)scale(1.05)}
.page-module__gvKYDW__page{height:100dvh;color:var(--foreground);background:var(--background);grid-template-columns:320px minmax(0,1fr);display:grid}.page-module__gvKYDW__sidebar{border-right:var(--border);flex-direction:column;gap:1rem;padding:1rem;font-size:.85rem;display:flex;overflow-y:auto}.page-module__gvKYDW__content{padding:1rem;overflow-y:auto}.page-module__gvKYDW__settings{flex-direction:column;gap:.5rem;display:flex}.page-module__gvKYDW__styleControls{flex-direction:column;gap:.75rem;display:flex}.page-module__gvKYDW__buttons{gap:.5rem;display:flex}.page-module__gvKYDW__changes{white-space:pre-wrap;background:var(--hover-color);border-radius:var(--border-radius);margin:0;padding:.5rem;font-size:.75rem}.page-module__gvKYDW__sliderGroup{border:var(--border);border-radius:var(--border-radius);flex-direction:column;gap:.4rem;margin:0;padding:.5rem;display:flex}.page-module__gvKYDW__sliderGroup legend{padding:0 .25rem;font-weight:700}.page-module__gvKYDW__slider{flex-direction:column;display:flex}.page-module__gvKYDW__slider span{justify-content:space-between;display:flex}.page-module__gvKYDW__slider input{width:100%}.page-module__gvKYDW__slider[data-is-changed=true] output{font-weight:700}.page-module__gvKYDW__sample{border-bottom:var(--border);padding:1rem 0}
.BuildingBlock-module__-8AWkq__buildingBlockContainer{--default-size:85px;width:var(--building-block-size,var(--default-size));height:var(--building-block-size,var(--default-size));aspect-ratio:1;padding:var(--building-block-padding,var(--half-spacing));color:var(--foreground);border-radius:var(--border-radius);transition:all var(--transition-duration-short) ease;justify-content:center;align-items:center;display:flex}.BuildingBlock-module__-8AWkq__buildingBlockContainer[data-is-hoverable=true]:hover{cursor:pointer;background-color:var(--hover-color)}.BuildingBlock-module__-8AWkq__buildingBlockContainer[data-is-selected=true]{background-color:var(--hover-color)}
.RhythmCardSelector-module__3W6ZbG__rhythmCardSelector{gap:var(--spacing);flex-direction:column;min-width:0;display:flex}.RhythmCardSelector-module__3W6ZbG__deckRow{gap:var(--half-spacing);flex-direction:column;min-width:0;display:flex}.RhythmCardSelector-module__3W6ZbG__deckRow[inert]{opacity:.4}.RhythmCardSelector-module__3W6ZbG__deckHeading{font-family:var(--font-body)}.RhythmCardSelector-module__3W6ZbG__levels{gap:var(--half-spacing);flex-shrink:0;display:flex}.RhythmCardSelector-module__3W6ZbG__levels>[data-level="0"]{--level-color:var(--card-level-1-color)}.RhythmCardSelector-module__3W6ZbG__levels>[data-level="1"]{--level-color:var(--card-level-2-color)}.RhythmCardSelector-module__3W6ZbG__levels>[data-level="2"]{--level-color:var(--card-level-3-color)}.RhythmCardSelector-module__3W6ZbG__levels>[data-level="3"]{--level-color:var(--card-level-4-color)}.RhythmCardSelector-module__3W6ZbG__levels>[aria-pressed=mixed]{background-image:linear-gradient(135deg, transparent 50%, var(--level-color) 50%);paint-order:stroke fill;-webkit-text-stroke:4px var(--surface)}.RhythmCardSelector-module__3W6ZbG__levels>[aria-pressed=true]{color:var(--text-on-pastel-color);background-color:var(--level-color)}.RhythmCardSelector-module__3W6ZbG__levels>[aria-pressed=true]:not(:disabled):hover{background-color:color-mix(in oklch, var(--level-color) 85%, var(--foreground))}.RhythmCardSelector-module__3W6ZbG__actions{gap:var(--spacing);flex-direction:row;align-items:center;max-width:100%;display:flex;overflow-x:auto}
.GlobalPageStyles-module__Yxqgcq__pageContainer{flex-direction:column;align-items:center;max-width:100%;max-height:100%;display:flex}.GlobalPageStyles-module__Yxqgcq__contentContainer{gap:var(--spacing);width:var(--content-width);padding:var(--double-spacing);margin:var(--spacing);background-color:var(--surface);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-direction:column;flex-grow:1;align-items:center;display:flex;overflow:hidden auto}.GlobalPageStyles-module__Yxqgcq__settingsModal{z-index:1000;width:clamp(350px,50vw,1200px);max-height:75vh;padding:var(--double-spacing);background-color:var(--surface);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.GlobalPageStyles-module__Yxqgcq__settingsSection{gap:var(--half-spacing);padding-bottom:var(--spacing);display:grid}.GlobalPageStyles-module__Yxqgcq__settingsSection>label{font-weight:700}.GlobalPageStyles-module__Yxqgcq__settingsSection input[type=checkbox]{justify-self:start;width:auto}.GlobalPageStyles-module__Yxqgcq__errorMessage{color:var(--error-color);font-weight:700}
.DrumKitSidePanel-module__eru2Jq__layout{gap:var(--spacing);width:var(--content-width);min-height:0;margin:var(--spacing);flex-grow:1;display:flex}.DrumKitSidePanel-module__eru2Jq__main{flex:1 1 0;width:auto;min-width:0;margin:0}.DrumKitSidePanel-module__eru2Jq__panel{aspect-ratio:1;padding:var(--spacing);background-color:var(--surface);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex:0 0 clamp(200px,30%,400px);justify-content:center;align-self:center;align-items:center;display:flex}.DrumKitSidePanel-module__eru2Jq__animationsOff{gap:var(--spacing);text-align:center;flex-direction:column;align-items:center;display:flex}@media not (min-width:840px),(orientation:portrait){.DrumKitSidePanel-module__eru2Jq__layout{flex-direction:column}.DrumKitSidePanel-module__eru2Jq__main{flex-basis:auto}.DrumKitSidePanel-module__eru2Jq__panel{flex:none;max-width:100%;height:30dvh}}
.PageTemplate-module__e9KSZa__page{height:100dvh;padding:var(--double-spacing);flex-direction:column;align-items:center;display:flex}.PageTemplate-module__e9KSZa__header{grid-template-columns:1fr 2fr 1fr;width:100%;display:grid}.PageTemplate-module__e9KSZa__headerButtons{z-index:1001;gap:var(--half-spacing);justify-content:flex-end;align-items:center;display:flex}.PageTemplate-module__e9KSZa__title,.PageTemplate-module__e9KSZa__subtitle{text-overflow:ellipsis;min-width:0;color:var(--foreground);text-align:center;white-space:nowrap;padding-top:.15em;display:block;overflow-x:hidden}.PageTemplate-module__e9KSZa__content{flex-grow:1;justify-content:center;align-items:center;min-height:0;display:flex}
.layout-module__Wa5ImG__settingsButton{top:var(--double-spacing);right:var(--double-spacing);z-index:1001;position:fixed}
.MetronomeTick-module__JQnyva__tick{--tick-size:.5rem;width:var(--tick-size);height:var(--tick-size);aspect-ratio:1;background-color:color-mix(in srgb, var(--background) 50%, var(--foreground) 50%);transform:translate(-50%, -50%) rotate(calc(var(--index) * (360deg / var(--total)))) translateY(calc(var(--size) / -2));border-radius:50%;position:absolute;top:50%;left:50%}.MetronomeTick-module__JQnyva__tick[data-primary=true]{z-index:3;background-color:color-mix(in srgb, var(--background) 25%, var(--foreground) 75%);--tick-size:1rem}.MetronomeTick-module__JQnyva__tick[data-secondary=true]{z-index:2;background-color:color-mix(in srgb, var(--background) 33%, var(--foreground) 66%);--tick-size:.7rem}.MetronomeTick-module__JQnyva__tick[data-deactivated=true]{z-index:0;background-color:var(--foreground);--tick-size:.2rem;border:none}.MetronomeTick-module__JQnyva__tick[data-active=true]{z-index:4;background-color:orange}
.SelectionCarousel-module__QxwbTG__carousel{gap:var(--spacing);flex-direction:row;min-width:0;display:flex;overflow-x:auto}.SelectionCarousel-module__QxwbTG__itemWrapper[data-active=false]{opacity:.5}
.MetronomePlayButton-module__uI8qca__outerRing{--size:8rem;width:var(--size);height:var(--size);aspect-ratio:1;margin:var(--spacing);border:var(--border);border-radius:100vw;justify-content:center;align-items:center;display:flex;position:relative}.MetronomePlayButton-module__uI8qca__playButton{--size:5.5rem;width:var(--size);height:var(--size);aspect-ratio:1;color:var(--foreground);cursor:pointer;background-color:var(--surface);border:1px solid;border-radius:100vw;flex-direction:column;justify-content:center;align-items:center;display:flex}.MetronomePlayButton-module__uI8qca__playButton:hover{background-color:var(--hover)}.MetronomePlayButton-module__uI8qca__playButton .MetronomePlayButton-module__uI8qca__icon{font-size:1.5rem}.MetronomePlayButton-module__uI8qca__ticksContainer{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
.page-module__rM2rjG__pageContainer{height:100%;padding:var(--spacing);grid-template-columns:400px 1fr;display:grid}.page-module__rM2rjG__sidebarHeader{gap:var(--half-spacing);align-items:center;display:flex}.page-module__rM2rjG__greeting{margin-bottom:var(--spacing);text-align:center}.page-module__rM2rjG__sidebar{gap:var(--quarter-spacing);height:100%;padding:var(--spacing);background-color:var(--surface);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-direction:column;display:flex}.page-module__rM2rjG__contentContainer{flex-direction:column;justify-content:center;align-items:center;display:flex}.page-module__rM2rjG__navItem{gap:var(--half-spacing);padding:var(--half-spacing) var(--spacing);color:var(--foreground);text-align:left;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--half-spacing);transition:background-color var(--transition-duration) ease, color var(--transition-duration) ease;background-color:#0000;border:none;align-items:center;font-weight:700;display:flex}.page-module__rM2rjG__navItem:hover,.page-module__rM2rjG__navItem[aria-selected=true]{background-color:var(--hover-color)}
.page-module__Dbj_Rq__level{margin-bottom:1rem}.page-module__Dbj_Rq__blocks{gap:var(--spacing);flex-wrap:wrap;display:flex}.page-module__Dbj_Rq__outlined :has(>[aria-label^="notation for building block"]){outline:1px dashed var(--border-color)}
.NotationCollection-module__ElGY1W__notationCollection{gap:var(--double-spacing);grid-template-columns:repeat(auto-fit,minmax(475px,1fr));place-items:center;width:100%;display:grid}
.MetronomePage-module__sEnxXa__timeSignatureInputs{gap:var(--spacing);padding:var(--spacing);margin-top:var(--spacing);flex-direction:column;justify-content:center;align-items:center;display:flex}.MetronomePage-module__sEnxXa__timeSignatureInput{gap:var(--half-spacing);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.MetronomePage-module__sEnxXa__metronomeControls{flex-direction:column;justify-content:center;align-items:center;display:flex}
.page-module__kDUMra__themes{height:100dvh;display:flex}.page-module__kDUMra__themeHalf[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.page-module__kDUMra__themeHalf[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.page-module__kDUMra__themeHalf{min-width:0;height:100dvh;color:var(--foreground);background:var(--background-gradient);flex:50%;overflow-y:auto}.page-module__kDUMra__themeHalf:first-child{border-right:var(--border)}.page-module__kDUMra__themeLabel{z-index:1;padding:var(--half-spacing) var(--double-spacing);text-transform:uppercase;background:var(--background);opacity:.7;font-size:.8rem;font-weight:700;display:block;position:sticky;top:0}.page-module__kDUMra__page{gap:var(--double-spacing);padding:var(--double-spacing);flex-direction:column;display:flex}.page-module__kDUMra__section{gap:var(--spacing);padding:var(--spacing);background:var(--surface);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-direction:column;display:flex}.page-module__kDUMra__sectionTitle{margin:0}.page-module__kDUMra__group{gap:var(--half-spacing);flex-direction:column;display:flex}.page-module__kDUMra__groupTitle{opacity:.7;margin:0;font-size:.85rem;font-weight:700}.page-module__kDUMra__row{gap:var(--double-spacing);flex-wrap:wrap;align-items:flex-end;display:flex}.page-module__kDUMra__column{gap:var(--half-spacing);flex-direction:column;display:flex}.page-module__kDUMra__swatch{gap:var(--quarter-spacing);flex-direction:column;align-items:center;display:flex}.page-module__kDUMra__swatchLabel{text-overflow:ellipsis;text-align:center;white-space:nowrap;opacity:.7;max-width:100%;font-size:.75rem;overflow:hidden}.page-module__kDUMra__colorSwatch{border:var(--border);border-radius:var(--border-radius);width:4em;height:4em}
.page-module__OmXfwq__section{gap:var(--spacing);flex-direction:column;width:100%;display:flex}.page-module__OmXfwq__list{gap:var(--half-spacing);flex-direction:column;padding:0;list-style:none;display:flex}.page-module__OmXfwq__row{gap:var(--spacing);align-items:center;display:flex}.page-module__OmXfwq__grow{flex-grow:1}
.error-module__bSZLSW__error{gap:var(--spacing);padding:calc(var(--spacing) * 2);text-align:center;flex-direction:column;align-items:center;display:flex}
.DrumStaff-module__hAELKW__drumStaff{--note-color:var(--lightningcss-light,var(--drum-color-light,var(--foreground)))var(--lightningcss-dark,var(--drum-color-dark,var(--foreground)));width:100%;max-width:500px;color:var(--foreground);flex-direction:column;align-items:center;display:flex}.DrumStaff-module__hAELKW__staff{width:100%;padding:var(--spacing)}.DrumStaff-module__hAELKW__staff [class~=vf-stavenote]{fill:var(--note-color);stroke:var(--note-color);transition:fill var(--transition-duration) ease-in-out, stroke var(--transition-duration) ease-in-out}.DrumStaff-module__hAELKW__label{min-height:1.5em;font-family:var(--font-headings);color:var(--note-color);margin:0;font-weight:700}
.DictionaryPage-module__CbdZJq__header,.DictionaryPage-module__CbdZJq__searchContainer{width:100%}.DictionaryPage-module__CbdZJq__searchInput{width:100%;padding:var(--half-spacing);font-family:var(--font-body);color:var(--foreground);background-color:var(--surface);border:var(--border);border-radius:var(--border-radius);font-size:1rem}.DictionaryPage-module__CbdZJq__searchInput:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}.DictionaryPage-module__CbdZJq__noResults{gap:var(--half-spacing);text-align:center;flex-direction:column;align-items:center;display:flex}.DictionaryPage-module__CbdZJq__noResultsMessage{font-weight:700}.DictionaryPage-module__CbdZJq__noResultsHint{color:var(--border-color)}.DictionaryPage-module__CbdZJq__symbolenLijst{gap:var(--spacing);grid-template-columns:1fr;width:100%;display:grid}@media (min-width:900px){.DictionaryPage-module__CbdZJq__symbolenLijst{grid-template-columns:1fr 1fr}}.DictionaryPage-module__CbdZJq__symbolCard{padding:var(--spacing);background-color:var(--surface);border:var(--border);border-radius:var(--border-radius);flex-direction:column;display:flex;position:relative}.DictionaryPage-module__CbdZJq__categoryBadge{--color:white;padding:var(--half-spacing);font-family:var(--font-body);color:#000;white-space:nowrap;background-color:var(--color);border:var(--border);border-radius:999em;flex-shrink:0;font-size:.75rem;font-weight:700}.DictionaryPage-module__CbdZJq__categoryBadge[data-category=Vorm]{--color:#cce4ff}.DictionaryPage-module__CbdZJq__categoryBadge[data-category=Dynamiek]{--color:#c4e1d4}.DictionaryPage-module__CbdZJq__categoryBadge[data-category=Techniek]{--color:#e0d6ff}.DictionaryPage-module__CbdZJq__categoryBadge[data-category=Sleutel]{--color:#fff2d1}.DictionaryPage-module__CbdZJq__categoryBadge[data-category=Maat]{--color:#ffb3b3}.DictionaryPage-module__CbdZJq__symbolContent{gap:var(--spacing);grid-template-columns:150px minmax(0,1fr);display:grid}.DictionaryPage-module__CbdZJq__symbolImage{object-fit:contain;background-color:#fff;width:150px;height:150px}.DictionaryPage-module__CbdZJq__symbolInfo{gap:var(--half-spacing);flex-direction:column;min-width:0;display:flex}.DictionaryPage-module__CbdZJq__symbolHeader{gap:var(--half-spacing);flex-wrap:nowrap;justify-content:space-between;align-items:center;display:flex}.DictionaryPage-module__CbdZJq__symbolName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}