.segmented-control{background:var(--color-surface-secondary,#f3f4f6);border-radius:.75rem;display:flex;gap:0;isolation:isolate;padding:3px;position:relative}.segmented-control--disabled{opacity:.5;pointer-events:none}.segmented-control__indicator{background:var(--color-surface,#fff);border-radius:.625rem;bottom:3px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);left:0;position:absolute;top:3px;transition:transform .35s var(--ease-spring-gentle);width:0;will-change:transform;z-index:0}.segmented-control__segment{align-items:center;background:transparent;border:none;border-radius:.625rem;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;flex:1;font-family:inherit;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;position:relative;transition:color .2s ease;white-space:nowrap;z-index:1}.segmented-control__segment:focus-visible{box-shadow:var(--focus-ring);outline:none}.segmented-control__segment--selected{color:var(--color-text-primary,#1f2937)}.segmented-control__segment i{font-size:.875em}.segmented-control__segment .material-symbols-outlined{font-size:1.25em;line-height:1}.segmented-control__segment span{font-size:inherit}.segmented-control--ink .segmented-control__indicator{background:var(--interactive-neutral)}.segmented-control--ink .segmented-control__segment--selected{color:var(--text-inverse)}.segmented-control--small{padding:2px}.segmented-control--small .segmented-control__indicator{bottom:2px;top:2px}.segmented-control--small .segmented-control__segment{font-size:.75rem;padding:5px 10px}.segmented-control--medium .segmented-control__segment{font-size:.875rem}.segmented-control--large{padding:4px}.segmented-control--large .segmented-control__indicator{bottom:4px;top:4px}.segmented-control--large .segmented-control__segment{font-size:1rem;padding:12px 16px}@media (prefers-color-scheme:dark) and (min-width:999999px){.segmented-control{background:var(--color-surface-secondary,#374151)}.segmented-control__indicator{background:var(--color-surface,#1f2937);box-shadow:0 1px 3px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.1)}.segmented-control__segment{color:var(--color-text-secondary,#9ca3af)}.segmented-control__segment--selected{color:var(--color-text-primary,#f9fafb)}}@media (prefers-reduced-motion:reduce){.segmented-control__indicator{transition:none}.segmented-control__segment{transition:none}}