.segment{padding:var(--pad-segment);background:var(--surface-segment);border:1px solid var(--border-subtle);border-radius:var(--radius-4);font-size:1em;font-family:var(--font-body);font-weight:var(--fw-bold);line-height:var(--lh-none);align-items:center;gap:.1875em;display:inline-flex}.segment .item{border-radius:var(--radius-3);color:var(--text-5);font:inherit;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);background:0 0;border:1px solid #0000}.segment.md .item{padding:var(--space-3) var(--space-7)}.segment.md .txt{font-size:var(--fs-body-sm)}.segment.sm .item{padding:var(--space-2) .6875em}.segment.sm .txt{font-size:var(--fs-meta-sm)}.segment .item:hover{color:var(--text-3)}.segment .item[data-state=on]{background:var(--fill-blue-strong);border-color:var(--line-blue-soft);color:var(--text-0)}