.segment-control{gap:var(--space-2xs);padding:var(--space-2xs);background:var(--bg-secondary);border-radius:var(--radius-sm);scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%;display:inline-flex;overflow-x:auto}.segment-control::-webkit-scrollbar{display:none}.segment-control__option{flex-shrink:0}.segment-control--full{width:100%;display:flex}.segment-control--full .segment-control__option{flex:1}.segment-control__option{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:28px;padding:0 var(--space-sm);border-radius:var(--radius-xs);color:var(--text-muted);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard), box-shadow var(--motion-duration-base) var(--motion-ease-standard);background:0 0;border:none;line-height:1;display:inline-flex}.segment-control__option--icon-only{width:28px;padding:0}.segment-control__option:hover:not(:disabled):not(.segment-control__option--active){color:var(--text-primary)}.segment-control__option--active{background:var(--accent-blue);color:var(--bg-primary)}.segment-control__option:disabled{opacity:.5;cursor:not-allowed}.segment-control__option:focus-visible{border-radius:var(--radius-xs);box-shadow:inset 0 0 0 2px var(--focus-ring);outline:none}.segment-control__option--active:focus-visible{box-shadow:inset 0 0 0 2px var(--bg-primary)}@media (forced-colors:active){.segment-control__option--active{color:highlighttext;forced-color-adjust:none;background:highlight}.segment-control__option:focus-visible{outline-offset:-2px;outline:2px solid buttontext}}.segment-control--sm .segment-control__option{min-height:24px;padding:0 var(--space-xs);font-size:var(--font-size-xs)}.segment-control--sm .segment-control__option--icon-only{width:24px;padding:0}.segment-control__icon{justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){.segment-control__option{transition:none}}.segment-control--wrap{flex-wrap:wrap;overflow-x:visible}.segment-control--wrap .segment-control__option{flex-shrink:1}