.mz-linked-drum-picker{z-index:1200;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mz-linked-drum-picker__overlay{cursor:pointer;background:#00000073;border:0;padding:0;position:absolute;inset:0}.mz-linked-drum-picker__panel{z-index:1;background:var(--mz-bg-surface,#fff);width:100%;max-width:32rem;box-shadow:var(--mz-shadow-lg,0 -12px 40px #00000047);color:var(--mz-text-body);border-radius:.75rem .75rem 0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}.mz-linked-drum-picker__header{border-bottom:1px solid var(--mz-border-hairline);grid-template-columns:4.5rem 1fr 4.5rem;align-items:center;gap:.5rem;padding:.65rem .75rem;display:grid}.mz-linked-drum-picker__title{text-align:center;color:var(--mz-text-title,var(--mz-fg));font-size:1rem;font-weight:700}.mz-linked-drum-picker__cancel,.mz-linked-drum-picker__confirm{cursor:pointer;background:0 0;border:0;padding:.35rem .25rem;font-size:.9375rem;font-weight:500}.mz-linked-drum-picker__cancel{color:var(--mz-text-muted);justify-self:start}.mz-linked-drum-picker__confirm{color:var(--mz-color-primary,var(--mz-accent));justify-self:end}.mz-linked-drum-picker__confirm:disabled{opacity:.4;cursor:not-allowed}.mz-linked-drum-picker__body{flex:none;height:220px;min-height:0;max-height:220px;position:relative;overflow:hidden}.mz-linked-drum-picker__highlight{z-index:1;border-top:1px solid color-mix(in srgb, var(--mz-border-strong) 70%, transparent);border-bottom:1px solid color-mix(in srgb, var(--mz-border-strong) 70%, transparent);pointer-events:none;border-radius:.5rem;height:44px;position:absolute;top:50%;left:.75rem;right:.75rem;transform:translateY(-50%)}.mz-linked-drum-picker__columns{z-index:2;grid-template-columns:1fr 1fr;height:100%;min-height:0;display:grid;position:relative;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.mz-linked-drum-picker__columns--single{grid-template-columns:1fr}.mz-linked-drum-picker__column{min-width:0;height:100%;min-height:0;overflow:hidden}.mz-linked-drum-picker__scroller{overscroll-behavior:contain;scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;-webkit-user-select:none;user-select:none;height:100%;max-height:100%;overflow:hidden auto}.mz-linked-drum-picker__scroller::-webkit-scrollbar{display:none}.mz-linked-drum-picker__pad,.mz-linked-drum-picker__item{scroll-snap-align:center;flex:0 0 44px;justify-content:center;align-items:center;height:44px;display:flex}.mz-linked-drum-picker__item{width:100%;color:var(--mz-text-muted);text-align:center;pointer-events:auto;padding:0 .75rem;font-size:.9375rem;line-height:1.2}.mz-linked-drum-picker__item--active{color:var(--mz-text-title,var(--mz-fg));font-weight:700}.mz-linked-drum-picker-trigger{border:1px solid var(--mz-border-strong);background:var(--mz-bg-elevated,var(--mz-bg-surface));width:100%;min-height:2.375rem;color:var(--mz-text-body);text-align:left;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex}.mz-linked-drum-picker-trigger:hover{border-color:color-mix(in srgb, var(--mz-accent) 45%, var(--mz-border-strong))}.mz-linked-drum-picker-trigger__value{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.mz-linked-drum-picker-trigger__icon{object-fit:cover;border:1px solid color-mix(in srgb, var(--mz-border-hairline) 80%, transparent);background:var(--mz-bg-subtle);border-radius:.25rem;flex:none;width:1.125rem;height:1.125rem;display:inline-block}.mz-linked-drum-picker-trigger__icon--empty{color:var(--mz-text-muted);justify-content:center;align-items:center;font-size:.625rem;display:inline-flex}.mz-linked-drum-picker-trigger__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.mz-linked-drum-picker-trigger__chevron{border-right:1.5px solid var(--mz-text-muted);border-bottom:1.5px solid var(--mz-text-muted);opacity:.75;flex:none;width:.5rem;height:.5rem;transform:translateY(-.1rem)rotate(45deg)}.mz-linked-drum-picker--enter .mz-linked-drum-picker__overlay{animation:.28s forwards mz-linked-drum-overlay-in}.mz-linked-drum-picker--enter .mz-linked-drum-picker__panel{animation:.32s cubic-bezier(.32,.72,0,1) forwards mz-linked-drum-panel-up}.mz-linked-drum-picker--exit .mz-linked-drum-picker__overlay{animation:.22s forwards mz-linked-drum-overlay-out}.mz-linked-drum-picker--exit .mz-linked-drum-picker__panel{animation:.24s cubic-bezier(.4,0,.68,.06) forwards mz-linked-drum-panel-down}@keyframes mz-linked-drum-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes mz-linked-drum-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes mz-linked-drum-panel-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mz-linked-drum-panel-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.mz-linked-drum-picker--enter .mz-linked-drum-picker__overlay,.mz-linked-drum-picker--enter .mz-linked-drum-picker__panel,.mz-linked-drum-picker--exit .mz-linked-drum-picker__overlay,.mz-linked-drum-picker--exit .mz-linked-drum-picker__panel{animation:none}}