/* stylelint-disable */
.Segment {
  --segment-border-radius: var(--border-radius-s);
  background-color: var(--segment-background-color);
  border-radius: var(--segment-border-radius);
  box-sizing: border-box;
  margin: 0;
  border: none;
  display: flex;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: 2px;
  gap: 3px;
  white-space: nowrap;
}
.Segment_size_2xs {
      font: var(--typography-text-2xs-font);
      text-transform: var(--typography-text-2xs-text_transform, none);
      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);

      --segment-item-padding-vertical: 6px;
      --segment-item-padding-horizontal: 12px;
    }
.Segment_size_xs {
      font: var(--typography-text-xs-font);
      text-transform: var(--typography-text-xs-text_transform, none);
      letter-spacing: var(--typography-text-xs-letter_spacing, 0);

      --segment-item-padding-vertical: 10px;
      --segment-item-padding-horizontal: 12px;
    }
.Segment_size_s {
      font: var(--typography-text-s-font);
      text-transform: var(--typography-text-s-text_transform, none);
      letter-spacing: var(--typography-text-s-letter_spacing, 0);

      --segment-item-padding-vertical: 12px;
      --segment-item-padding-horizontal: 16px;
    }
.Segment_size_m {
      font: var(--typography-text-m-font);
      text-transform: var(--typography-text-m-text_transform, none);
      letter-spacing: var(--typography-text-m-letter_spacing, 0);

      --segment-item-padding-vertical: 14px;
      --segment-item-padding-horizontal: 20px;
    }
.Segment_size_l {
      font: var(--typography-text-l-font);
      text-transform: var(--typography-text-l-text_transform, none);
      letter-spacing: var(--typography-text-l-letter_spacing, 0);

      --segment-item-padding-vertical: 16px;
      --segment-item-padding-horizontal: 24px;
    }
.Segment_variant_primary {
      --segment-background-color: var(--color-background-base-primary);
    }
.Segment_variant_secondary {
      --segment-background-color: var(--color-background-base-secondary);
    }
.Segment_selectedColor_main {
      --segment-selected-item-background-color: var(--color-background-base-main);
      --segment-selected-item-text-color: var(--color-content-base-primary);
    }
.Segment_selectedColor_action {
      --segment-selected-item-background-color: var(--color-background-accent-default);
      --segment-selected-item-text-color: var(--color-content-base-accent-on);
    }
.Segment_fullWidth {
    inline-size: 100%;
  }
.Segment_fullWidth .SegmentItem {
      flex: 1 1 auto;
      justify-content: center;
    }
.Segment_disabled.Segment_selectedColor_action {
      --segment-selected-item-background-color: var(--color-background-base-disabled);
    }