.darbuka-trainer-icon-link{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#64748b;text-decoration:none;border-radius:6px;transition:color .12s ease,background-color .12s ease}.darbuka-trainer-icon-link .material-symbols-outlined{font-size:16px;line-height:1}.darbuka-trainer-icon-link:hover{color:#475569;background:#64748b1a}.drum-notation-mini{--notation-ink: #333333;--notation-staff-line: #d1d5db;--notation-highlight: #9d8ec7}.drum-notation-mini svg{color:var(--notation-ink)}.drum-notation-mini svg g[class*=vf-stave]>path:not([class*=barline]),.drum-notation-mini svg g[class*=vf-stave]>line:not([class*=barline]){stroke:var(--notation-staff-line, #d1d5db)}.drum-notation-mini-x-scroll{width:100%;overflow-x:auto;overflow-y:hidden}.rhythm-template-variation{display:grid;gap:6px;margin-bottom:6px;justify-items:center}.rhythm-template-variation-controls{display:inline-flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;padding:2px 0}.rhythm-template-variation-arrows{display:inline-flex;align-items:center;gap:6px}.rhythm-template-variation-arrow{width:28px;height:28px;border:1px solid color-mix(in srgb,var(--notation-ink, #333) 18%,#cbd5e1);border-radius:999px;background:color-mix(in srgb,#ffffff 92%,transparent);color:color-mix(in srgb,var(--notation-ink, #333) 72%,#64748b);display:inline-grid;place-items:center;cursor:pointer;padding:0}.rhythm-template-variation-arrow:hover{border-color:color-mix(in srgb,var(--notation-highlight, #9d8ec7) 42%,#cbd5e1);color:var(--notation-ink, #333)}.rhythm-template-variation-arrow .material-symbols-outlined{font-size:18px}.rhythm-template-variation-counter{font-size:.7rem;font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,var(--notation-ink, #333) 68%,#64748b);white-space:nowrap}.drum-pattern-input-row{display:flex;align-items:center;gap:4px}.drum-pattern-input-row .drum-pattern-input{flex:1 1 auto;min-width:0;margin-bottom:0}.drum-notation-mini-header-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:28px;margin-bottom:2px}.drum-notation-mini-header-row__main{flex:1 1 auto;min-width:0}.drum-notation-mini-header-row .rhythm-template-variation{margin-bottom:0}.drum-notation-mini-toolbar-row{display:flex;align-items:center;justify-content:flex-end;min-height:28px;margin-bottom:2px}