.drum-voice-automation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--drums) 35%,transparent);border-radius:8px;margin-bottom:12px;background:color-mix(in srgb,var(--bg) 35%,transparent)}
.drum-voice-automation button{font-size:11px;min-height:36px}
.drum-voice-automation button[aria-pressed=true]{border-color:var(--drums);color:var(--drums)}
.drum-voice-automation button:first-child[aria-pressed=true]{background:var(--drums);color:var(--bg)}
.drum-voice-automation label{width:100px;font-size:10px}
.drum-voice-automation input{width:100%;min-height:36px}
.drum-voice-automation-status{float:none!important;flex-basis:100%;height:30px;line-height:15px;overflow:hidden;font-size:10px;color:var(--muted)}
.drum-slider-controls>label.kick-pitch-envelope .dial{display:block;border-color:var(--drums)}
.kick-pitch-envelope>span{display:block;min-height:32px}
.drum-slider-controls>label.ratchet-region-control .dial{display:block;border-color:var(--drums)}
.drum-ratchet-window{display:flex;gap:3px;height:26px;margin:8px 0}
.drum-ratchet-window i{flex:1;min-width:0;overflow:hidden;text-align:center;font-size:9px;font-style:normal;line-height:24px;border:1px solid var(--drums);border-radius:3px}
.drum-ratchet-window i.eligible{background:var(--drums);color:var(--bg)}
.drum-ratchet-window i.base-hit{box-shadow:inset 0 -3px currentColor}