.segmented{--segmented-bg:var(--surface-2);--segmented-border:var(--border-default);--segmented-radius:var(--radius-md);--segmented-active-bg:var(--surface-page);--segmented-active-text:var(--text-primary);--segmented-inactive-text:var(--text-muted);--segmented-py:var(--control-py-sm);--segmented-px:var(--control-px-md);--segmented-fs:var(--fs-body);display:inline-flex;max-width:100%;overflow-x:auto;background:var(--segmented-bg);border:var(--border-w-sm) solid var(--segmented-border);border-radius:var(--segmented-radius);padding:calc(var(--sp-1) - var(--border-w-sm));gap:2px}.segmented-btn{flex:0 0 auto;padding:var(--segmented-py) var(--segmented-px);font-size:var(--segmented-fs);font-weight:var(--fw-medium);border:none;background:transparent;cursor:pointer;color:var(--segmented-inactive-text);border-radius:calc(var(--segmented-radius) - 2px);font-family:inherit;text-decoration:none;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented-btn:hover{color:var(--segmented-active-text)}.segmented-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.segmented-btn[data-active=true]{background:var(--segmented-active-bg);color:var(--segmented-active-text);box-shadow:var(--shadow-sm)}.segmented-sm{--segmented-py:var(--sp-1);--segmented-px:var(--control-px-sm);--segmented-fs:var(--fs-sm);--segmented-radius:var(--radius-sm)}.segmented-lg{--segmented-py:var(--sp-2);--segmented-px:var(--control-px-lg);--segmented-fs:var(--fs-body-lg);--segmented-radius:var(--radius-lg)}@media (prefers-reduced-motion:reduce){.segmented-btn{transition-duration:.01ms}}