/* stylelint-disable */
.Select {
  --select-icon-color: var(--color-content-base-primary);
  --select-text-color: var(--color-content-base-primary);
  --select-background-color: var(--color-background-base-primary);
  --select-border-color: var(--color-border-base-main);
  --select-border-width: var(--border-width-s);
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  min-inline-size: 120px;
}
.Select-Icon {
    display: flex;
    align-items: center;
    color: var(--select-icon-color);
    transition: transform var(--transition-default);
    will-change: transform;
  }
.Select-Icon_open {
      transform: rotate(180deg);
    }
.Select-Option {
    -webkit-padding-end: 24px;
            padding-inline-end: 24px;
  }
.Select-Input {
    inset-block-end: 0;
    inset-inline-start: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    inline-size: 100%;
    box-sizing: border-box;
  }
.Select-Fieldset {
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-inline-start: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    border-radius: var(--border-radius-xs);
    border: var(--select-border-width) solid var(--select-border-color);
    transition: border var(--transition-default);
  }
.Select-Body {
    position: relative;
    display: flex;
    -moz-column-gap: var(--select-input-gap);
         column-gap: var(--select-input-gap);
    align-items: center;
    box-sizing: border-box;
    background-color: var(--select-background-color);
    transition: background-color var(--transition-slow);
    padding: 0 var(--select-gutter-x);
    color: var(--select-text-color);
    border-radius: var(--border-radius-xs);
    cursor: pointer;
    outline: none;
  }
.Select-FieldContainer {
    inline-size: 100%;
    position: relative;
    overflow: hidden;
  }
.Select-Field {
    border: none;
    position: relative;
    display: flex;
    inline-size: 100%;
    padding: 0;
    background: none;
    color: var(--select-text-color);
    box-sizing: border-box;
    block-size: var(--select-input-block-size);
    font: var(--select-input-font);
    align-items: center;
  }
.Select-Field span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
.Select-Field_asPlaceholder {
      color: var(--color-content-base-tertiary);
    }
.Select_multiline .Select-FieldContainer {
      overflow: auto;
    }
.Select_multiline .Select-Field {
      block-size: initial;
      min-block-size: var(--select-input-block-size);
    }
.Select_multiline .Select-Field span {
        overflow: auto;
        text-overflow: initial;
        white-space: initial;
      }
.Select_size_2xs {
      --select-gutter-x: 12px;
      --select-input-block-size: 32px;
      --select-input-font: var(--typography-text-2xs-font);
      --select-input-padding: 8px 0 8px;
      --select-input-gap: var(--spacing-2x);
    }
.Select_size_xs {
      --select-gutter-x: 12px;
      --select-input-block-size: 40px;
      --select-input-font: var(--typography-text-xs-font);
      --select-input-padding: 19px 0 4px;
      --select-input-gap: var(--spacing-2x);
    }
.Select_size_s {
      --select-gutter-x: 16px;
      --select-input-block-size: 48px;
      --select-input-font: var(--typography-text-s-font);
      --select-input-padding: 21px 0 6px;
      --select-input-gap: var(--spacing-3x);
    }
.Select_size_m {
      --select-gutter-x: 20px;
      --select-input-block-size: 56px;
      --select-input-font: var(--typography-text-m-font);
      --select-input-padding: 24px 0 6px;
      --select-input-gap: var(--spacing-3x);
    }
.Select_size_l {
      --select-gutter-x: 24px;
      --select-input-block-size: 64px;
      --select-input-font: var(--typography-text-l-font);
      --select-input-padding: 26px 0 6px;
      --select-input-gap: var(--spacing-4x);
    }
.Select_fullWidth {
    inline-size: 100%;
  }
.Select_hasLabel .Select-Field {
      padding: var(--select-input-padding);
      font: var(--select-input-font);
    }
.Select:hover {
    --select-border-color: var(--color-border-base-main-hover);
  }
.Select_focused,
  .Select_focused:hover {
    --select-border-width: var(--border-width-m);
    --select-background-color: var(--color-background-base-main);
    --select-border-color: var(--color-border-accent-default);
  }
.Select_error,
  .Select_error.Select:hover,
  .Select_error.Select_focused,
  .Select_error.Select_focused:hover {
    --select-border-color: var(--color-border-error-default);
  }
.Select_disabled {
    --select-border-color: var(--color-border-base-disabled);
    --select-background-color: var(--color-background-base-disabled);
    --select-text-color: var(--color-content-base-secondary);
    --select-icon-color: var(--color-content-base-disabled);
    pointer-events: none;
    cursor: default;
  }
.Select_disabled .Select-RenderRight,
    .Select_disabled .Select-RenderLeft {
      pointer-events: all;
    }
.Select .ListItemButton::after {
  content: none;
}
.Select_animation-enter {
    opacity: 0;
    transform: translate(0, calc(var(--spacing-2x) * -1));
    pointer-events: none;
  }
.Select_animation-enter-active {
    opacity: 1;
    transition: opacity var(--transition-default),
      transform var(--transition-default);
    transform: translate(0);
    pointer-events: none;
  }
.Select_animation-enter-done {
    opacity: 1;
    transform: translate(0);
  }
.Select_animation-exit {
    opacity: 1;
    transform: translate(0);
    pointer-events: none;
  }
.Select_animation-exit-active {
    opacity: 0;
    transition: opacity var(--transition-default),
      transform var(--transition-default);
    transform: translate(0, calc(var(--spacing-2x) * -1));
    pointer-events: none;
  }
.Select_animation-exit-done {
    opacity: 0;
    transform: translate(0, calc(var(--spacing-2x) * -1));
    pointer-events: none;
  }