.seg{background:var(--surface-high);border:1px solid var(--outline-strong);border-radius:var(--r-full);gap:2px;padding:3px;display:inline-flex}.seg-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);color:var(--ink-2);font:500 var(--fs-label) / 1.3 var(--ui);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-std), color var(--dur-fast) var(--ease-std);background:0 0;border:0;display:inline-flex}.seg:not([aria-disabled=true]) .seg-btn:not([aria-disabled=true]):hover,.seg:not([aria-disabled=true]) .seg-btn:not([aria-disabled=true]):active{background:var(--well);color:var(--ink)}.seg-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.seg .seg-btn[aria-checked=true],.seg .seg-btn[aria-selected=true]{background:var(--ink);color:var(--inv-ink);font-weight:600}.seg-val{font:400 var(--fs-secondary) / 1 var(--mono);font-variant-numeric:tabular-nums}.seg--wrap{border-radius:var(--r-lg);flex-wrap:wrap;row-gap:2px;max-width:100%}.seg-note{max-width:65ch;margin-top:var(--sp-2);color:var(--ink-2);font:400 var(--fs-secondary) / 1.45 var(--ui);display:block}.seg[aria-disabled=true] .seg-btn,.seg .seg-btn[aria-disabled=true]{opacity:.38;cursor:not-allowed}