.qs{background:var(--bz-tonal);height:42px;box-shadow:inset 0 0 0 1px var(--bz-border);border-radius:999px;flex:none;align-items:center;gap:2px;padding:4px;display:inline-flex}.qs[data-size=sm]{height:36px;padding:3px}.qs-btn{width:34px;height:34px;color:var(--bz-text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .15s,box-shadow .2s,transform .12s,color .15s;display:inline-flex;position:relative}.qs[data-size=sm] .qs-btn{width:30px;height:30px}.qs-btn:hover:not(:disabled){background:var(--bz-control);box-shadow:var(--bz-sh-disc)}.qs-btn:active:not(:disabled){transform:scale(.92)}.qs-btn:disabled{color:var(--bz-muted);opacity:.45;cursor:default}.qs-btn:focus-visible{outline:2px solid var(--bz-focus);outline-offset:1px}.qs-glyph{width:12px;height:12px;display:block;position:relative}.qs-glyph:before,.qs-plus .qs-glyph:after{content:"";background:currentColor;border-radius:2px;width:12px;height:2px;position:absolute;top:5px;left:0}.qs-plus .qs-glyph:after{transform:rotate(90deg)}.qs-val{text-align:center;min-width:32px;color:var(--bz-text);font-variant-numeric:tabular-nums;padding:0 2px;font-size:15px;font-weight:800;line-height:1;transition:opacity .15s}.qs[data-size=sm] .qs-val{min-width:28px;font-size:14px}.qs[data-busy] .qs-val{opacity:.5}@media (prefers-reduced-motion:reduce){.qs-btn,.qs-val{transition:none}.qs-btn:active:not(:disabled){transform:none}}