.chip-button{border:1px solid var(--theme-border);background:var(--theme-surface);height:28px;color:var(--theme-text-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;line-height:16px;transition:background .12s cubic-bezier(.25,.46,.45,.94),border-color .12s cubic-bezier(.25,.46,.45,.94),color .12s cubic-bezier(.25,.46,.45,.94),transform .12s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.chip-button:active:not(:disabled){transform:translateY(1px)}.chip-button:hover:not(:disabled){background:var(--theme-background);color:var(--theme-text)}.chip-button:focus-visible{border-color:var(--theme-text);outline:none}.chip-button:disabled{cursor:default;opacity:.55}.chip-button--set{background:var(--theme-hover);color:var(--theme-text);border-color:#0000}.chip-button--set:hover:not(:disabled){background:var(--theme-hover-strong);color:var(--theme-text)}.chip-button--on{background:var(--theme-brand-tint);color:var(--theme-brand-text);border-color:#0000}.chip-button--on svg{color:var(--theme-brand)}.chip-button--on:hover:not(:disabled){background:var(--theme-brand-tint-strong);color:var(--theme-brand-text)}.chip-button--square{justify-content:center;width:30px;padding:0}.chip-button__text{text-overflow:ellipsis;overflow:hidden}.chip-button__text--num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.chip-button__value{color:var(--theme-text);font-weight:600}@media (width<=768px){.chip-button{border-radius:12px;height:44px;padding:0 12px;font-size:14px}.chip-button--square{width:44px;padding:0}}