.segmented-toggle {
  border-radius: var(--wds-segmented-toggle-container-border-radius-medium, var(--wds-border-radius-200));
  height: calc(var(--wds-segmented-toggle-size-medium, var(--wds-space-800)) - var(--wds-segmented-toggle-border-width, var(--wds-border-width-100)) * 2);

  &--size-small {
    border-radius: var(--wds-segmented-toggle-container-border-radius-small, var(--wds-border-radius-200));
    height: calc(var(--wds-segmented-toggle-size-small, var(--wds-space-700)) - var(--wds-segmented-toggle-border-width, var(--wds-border-width-100)) * 2);
  }

  &--size-tiny {
    border-radius: var(--wds-segmented-toggle-container-border-radius-small, var(--wds-border-radius-200));
    height: calc(var(--wds-segmented-toggle-size-tiny, var(--wds-space-600)) - var(--wds-segmented-toggle-border-width, var(--wds-border-width-100)) * 2);
  }
}

.segmented-toggle__item {
  border-radius: calc(var(--wds-segmented-toggle-border-radius-medium, var(--wds-border-radius-200)) - var(--wds-segmented-toggle-border-width, var(--wds-border-width-100)));

  &--size-tiny {
    border-radius: calc(var(--wds-segmented-toggle-border-radius-tiny, var(--wds-border-radius-200)) - var(--wds-segmented-toggle-border-width, var(--wds-border-width-100)));
  }

  &--size-small {
    border-radius: calc(var(--wds-segmented-toggle-border-radius-small, var(--wds-border-radius-200)) - var(--wds-segmented-toggle-border-width, var(--wds-border-width-100)));
  }
}