.segment-control{--seg-bg:var(--card-bg,var(--card));--seg-line:var(--card-line,var(--border));--seg-muted:var(--module-muted,var(--muted-foreground));--seg-ink:var(--module-ink,var(--foreground));--seg-thumb:var(--red,var(--brand-accent,#cd071e));--seg-active-fg:#fff;--seg-ease:var(--ease-expo,cubic-bezier(.16, 1, .3, 1));--seg-ease-std:var(--ease-std,cubic-bezier(.4, 0, .2, 1));border:1px solid var(--seg-line);background:var(--seg-bg);border-radius:999px;flex-shrink:0;gap:2px;padding:4px;display:inline-flex;position:relative}.segment-control--full{justify-content:stretch;width:100%}.segment-control__thumb{background:var(--seg-thumb);z-index:0;will-change:transform, width;pointer-events:none;border-radius:999px;width:0;position:absolute;top:4px;bottom:4px;left:0}.segment-control--ready .segment-control__thumb{transition:transform .45s var(--seg-ease), width .45s var(--seg-ease)}.segment-control__opt{z-index:1;cursor:pointer;font:inherit;color:var(--seg-muted);white-space:nowrap;min-height:38px;transition:color .3s var(--seg-ease-std);background:0 0;border:0;border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:600;position:relative}.segment-control--full .segment-control__opt{flex:1}.segment-control__opt:hover{color:var(--seg-ink)}.segment-control__opt[aria-selected=true],.segment-control__opt[aria-selected=true]:hover{color:var(--seg-active-fg)}.segment-control__opt:focus-visible{outline:2px solid var(--seg-thumb);outline-offset:2px}@media (max-width:720px){.segment-control--full .segment-control__opt{padding:9px 10px}}@media (prefers-reduced-motion:reduce){.segment-control--ready .segment-control__thumb{transition:none}}