.mb-slider{display:grid;grid-template-columns:52px 42px minmax(0,1fr) 42px 132px;grid-template-areas:"label down track up value" ". . status status status";gap:4px 10px;align-items:center}.mb-slider>label{grid-area:label;font-size:12px;font-weight:600}.mb-slider-step{width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:22px;line-height:1;display:grid;place-items:center}.mb-slider-step[id$=-down]{grid-area:down}.mb-slider-step[id$=-up]{grid-area:up}.mb-slider-step:hover:not(:disabled){background:var(--mb-color-panel-hover)}.mb-slider-step:disabled{opacity:.45}.mb-slider-track{grid-area:track;position:relative;min-width:0}.mb-slider-track[data-ticks]{padding:9px 0}.mb-slider input[type=range]{display:block;width:100%;min-width:0;height:6px;margin:0;accent-color:var(--mb-color-accent);position:relative;z-index:1}.mb-slider input:disabled{cursor:not-allowed}.mb-slider-ticks{position:absolute;left:0;right:0;bottom:-6px;height:14px;font:9px var(--mono);color:var(--muted);pointer-events:none}.mb-slider-ticks span{position:absolute;top:4px;transform:translate(-50%);line-height:1;font-variant-numeric:tabular-nums}.mb-slider-ticks span:before{content:"";position:absolute;left:50%;top:-5px;width:1px;height:4px;background:var(--mb-color-line-strong)}.mb-slider output{grid-area:value;display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}.mb-slider-number{font-size:28px;font-weight:600;letter-spacing:-1.2px;line-height:1;font-variant-numeric:tabular-nums}.mb-slider-unit,.mb-slider-text{font-size:11px;color:var(--muted)}.mb-slider-status{grid-area:status;margin:0;font-size:11px;line-height:1.5;color:var(--muted)}.mb-edit{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--mb-color-action);border-radius:8px;background:var(--lime);color:var(--mb-color-on-action);cursor:pointer}.mb-edit:hover:not(:disabled){background:var(--mb-color-action-hover)}.mb-edit:disabled{opacity:.45;cursor:not-allowed}.mb-edit-actions{display:inline-flex;gap:8px}.mb-edit-done,.mb-edit-cancel{height:40px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.mb-edit-done{border:1px solid var(--green);background:var(--green);color:var(--mb-color-on-accent)}.mb-edit-cancel{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.mb-edit-done:disabled,.mb-edit-cancel:disabled{opacity:.45;cursor:not-allowed}.mb-slider{grid-template-areas:"label down track up value" ". . status status option"}.mb-slider input.mb-slider-number[id][type=number]{font-size:28px;font-weight:600;letter-spacing:-1.2px;line-height:1;width:3.4ch;box-sizing:content-box;padding:2px 4px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-family:inherit;text-align:center;-moz-appearance:textfield;appearance:textfield}input.mb-slider-number::-webkit-outer-spin-button,input.mb-slider-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mb-slider[data-option] .mb-slider-number,.mb-slider[data-option] .mb-slider-unit{opacity:.4}.mb-slider-option{grid-area:option;justify-self:start;min-height:30px;padding:0 12px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:600}.mb-slider-option[aria-pressed=true]{border-color:var(--green);background:var(--green);color:var(--mb-color-on-accent)}.mb-editable{position:relative}.mb-edit-corner{position:absolute;top:12px;right:12px;z-index:2}.mb-editable[data-can-edit] .bf-sequence-list{padding-right:150px}@media(max-width:760px){.mb-editable .bf-sequence-list{flex-wrap:nowrap;overflow-x:auto;gap:2px}.mb-editable .bf-viewer-ball,.mb-editable .bf-sequence-entry{zoom:.8}.mb-editable .bf-viewer-ball,.mb-editable .bf-composer .bf-sequence-item.bf-ball,.mb-editable .bf-composer .bf-add-ball{min-width:46px}.mb-editable[data-can-edit] .bf-sequence-list{padding-right:52px}.mb-editable[data-editing] .bf-sequence-list{padding-right:0}.mb-editable[data-editing] .bf-composer{padding-top:64px}}dialog.mb-confirm{width:min(420px,calc(100vw - 32px));max-width:none;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}dialog.mb-confirm::backdrop{background:var(--mb-color-overlay)}.mb-confirm h2{margin:0;font-size:18px;line-height:1.3}.mb-confirm p{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}.mb-confirm-field{display:grid;gap:6px;margin-top:14px;font-size:12px;font-weight:600}.mb-confirm-field input{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-weight:400;font-size:14px}.mb-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.mb-confirm-danger{border-color:var(--mb-color-danger);background:var(--mb-color-danger);color:var(--mb-color-on-danger)}.mb-ball-limit{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;min-width:0;margin:0;padding:0 0 0 62px;border:0;position:relative}.mb-ball-limit>legend{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:0;font-size:12px;font-weight:600}.mb-ball-limit-choice{display:inline-flex;align-items:center;gap:8px;min-height:42px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}.mb-ball-limit-choice input{width:18px;height:18px;margin:0;accent-color:var(--mb-color-accent)}.mb-ball-limit-count{display:inline-flex;align-items:center;gap:8px}.mb-ball-limit .mb-slider-step{width:36px;height:36px;font-size:18px}.mb-ball-limit input.mb-slider-number[type=number]{width:3.2ch;box-sizing:content-box;padding:2px 4px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-size:22px;font-weight:600;letter-spacing:-1px;line-height:1.1;text-align:center;-moz-appearance:textfield;appearance:textfield}.mb-ball-limit[data-until] .mb-ball-limit-count .mb-slider-number,.mb-ball-limit[data-until] .mb-ball-limit-count .mb-slider-unit,.mb-ball-limit[data-until] .mb-ball-limit-count .mb-ball-limit-choice{color:var(--muted)}.mb-ball-limit[data-until] .mb-ball-limit-count .mb-slider-step{opacity:.6}.mb-ball-limit:disabled{opacity:.55}.mb-ball-limit:disabled .mb-ball-limit-choice{cursor:not-allowed}
