[data-component=segmented-control]{display:inline-flex;align-items:center;padding:var(--padding-xs);background:var(--color-foundation-white);border-radius:var(--radius-lg);box-shadow:var(--elevation-low);gap:var(--spacing-1);transition:all .3s ease}[data-component=segmented-control][data-full-width]{display:flex;width:100%}[data-component=segmented-control][data-size=sm]{padding:var(--padding-xs);gap:var(--spacing-0_5)}[data-component=segmented-control][data-size=lg]{padding:var(--spacing-1_5);gap:var(--spacing-1_5)}[data-component=segmented-control][data-size=xl]{padding:var(--spacing-2) var(--spacing-2_5);gap:var(--spacing-2)}[data-component=segmented-control][data-variant=outline]{background:transparent;border:1px solid color-mix(in srgb,var(--color-border-emphasis) 75%,transparent);box-shadow:var(--elevation-low)}[data-component=segmented-control][data-variant=subtle]{background:var(--color-surface-tertiary);box-shadow:none}[data-component=segmented-control][data-variant=subtle] [data-element=segment][data-selected]{background:var(--color-foundation-white);color:var(--color-content-primary);box-shadow:var(--elevation-minimal)}[data-component=segmented-control][data-variant=subtle-inverse]{background:var(--color-foundation-white);box-shadow:none}[data-component=segmented-control][data-variant=subtle-inverse] [data-element=segment][data-selected]{background:var(--color-surface-tertiary);color:var(--color-content-primary);box-shadow:var(--elevation-minimal)}[data-component=segmented-control][data-variant=emphasis] [data-element=segment][data-selected]{background:var(--gradient-emphasis-primary);color:var(--color-content-inverse);box-shadow:var(--elevation-minimal)}[data-component=segmented-control][data-variant=brand] [data-element=segment][data-selected]{background:var(--gradient-brand-primary);color:var(--color-content-inverse);box-shadow:var(--elevation-minimal)}[data-element=segment]{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1_5) var(--spacing-3);border:none;background:transparent;color:var(--color-content-tertiary);font-size:var(--font-size-xs);font-weight:500;line-height:1.5;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;white-space:nowrap;user-select:none}[data-component=segmented-control][data-size=sm] [data-element=segment]{padding:var(--padding-xs) var(--padding-sm);font-size:.75rem}[data-component=segmented-control][data-size=lg] [data-element=segment]{padding:var(--padding-sm) var(--padding-lg);font-size:.875rem}[data-component=segmented-control][data-size=xl] [data-element=segment]{padding:var(--padding-sm) var(--padding-2xl);font-size:1rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-2)}[data-full-width] [data-element=segment]{flex:1;justify-content:center}[data-element=segment]:hover:not([data-disabled]):not([data-selected]){color:var(--color-content-secondary)}[data-element=segment][data-selected]{background:var(--color-action-primary);color:var(--color-content-inverse);box-shadow:var(--elevation-minimal)}[data-element=segment][data-default]:not([data-selected]){color:var(--color-action-text-secondary)}[data-element=segment][data-default]:not([data-selected]):hover{color:var(--color-action-text-secondary-hover)}[data-element=segment][data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}[data-element=segment-label]{display:inline-block}[data-element=segment-sublabel]{display:inline-block;margin-left:var(--spacing-1);font-size:.625em;opacity:.6}[data-element=segment]:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}