

:root {

  --segmented-track-padding: calc(var(--space-1) / 2);

  --segmented-track-background: initial;
  --segmented-track-background-alpha: initial;

  --segmented-track-radius: initial;
  --segmented-item-radius: initial;

  --segmented-item-padding-inline: calc(var(--control-padding-x) - 1px);

  --segmented-xs-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );

  --segmented-xs-item-padding-inline: calc(var(--control-padding-x-compact) - 1px);

  --segmented-item-gap: calc(var(--space-3) / 2);

  --segmented-item-color: initial;
  --segmented-item-hover-color: initial;
  --segmented-item-selected-color: initial;

  --segmented-item-hover-background: initial;
  --segmented-item-hover-background-alpha: initial;
  --segmented-item-active-background: var(--secondary);
  --segmented-item-active-background-alpha: 100%;

  --segmented-item-selected-background: initial;
  --segmented-item-selected-background-alpha: initial;

  --segmented-item-selected-shadow: initial;

  --segmented-item-selected-font-weight: var(--font-weight-medium);

  --segmented-item-selected-border-color: initial;

  --segmented-count-min-width: var(--button-count-min-width);
  --segmented-count-space-inline: var(--button-count-space-inline);
  --segmented-count-font-size: var(--button-count-font-size);
  --segmented-count-radius: var(--radius-pill);
  --segmented-count-gap: var(--space-1);
  --segmented-count-background: initial;
  --segmented-count-color: initial;
  --segmented-count-selected-background: initial;
  --segmented-count-selected-background-alpha: initial;
  --segmented-count-selected-color: initial;
  --segmented-count-forced-outline-width: initial;
}
