.a-select {
  position: relative;
}

  .a-select__element {
    width: 100%;
    min-width: 7rem;
    height: 3.75rem;
    padding: 1.1875rem 1.25rem;
    cursor: pointer;
    color: var(--color-greyscale-2);
    border: 0.0625rem solid var(--color-greyscale-5);
    border-radius: 0.9375rem;
    background-color: var(--color-greyscale-7);
    box-shadow: none;
    font-family: inherit;
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-500);
    line-height: var(--line-height-1-428);
    appearance: none;
  }

  .a-select__element::placeholder {
      opacity: 1;
      color: var(--color-greyscale-4);
    }

  .is-focused .a-select__element {
      border-color: var(--color-greyscale-2);
    }

  .a-select__element:focus {
      border-color: var(--color-greyscale-2);
      outline: none;
    }

  .a-select__element[disabled],
      .a-select__element[disabled] ~ .a-select__js-select-list .a-select__element,
      .a-select__element.is-disabled,
      .a-select__element.is-disabled ~ .a-select__js-select-list .a-select__element {
        cursor: not-allowed;
        color: var(--color-greyscale-5);
        border-color: currentColor;
        background-color: var(--color-greyscale-6);
      }

  .error ~ .a-select__js-select-list .a-select__element {
      color: var(--color-feedback-5);
      border-color: currentColor;
    }

  .a-select__chevron {
    position: absolute;
    top: 50%;
    right: 1.625rem;
    width: 0.5rem;
    height: 0.5rem;
    transform: translateY(-50%);
    pointer-events: none;
    fill: var(--color-greyscale-2);
  }

  [data-once*="storybook-a-select"] > .a-select__chevron {
      display: none;
    }

  .error ~ .a-select__chevron,
    .error ~ .a-select__js-select-list .a-select__chevron {
      fill: var(--color-feedback-5);
    }

  [disabled] ~ .a-select__chevron,
    .is-disabled ~ .a-select__chevron,
    [disabled] ~ .a-select__js-select-list .a-select__chevron,
    .is-disabled .a-select__chevron {
      fill: var(--color-greyscale-5);
    }

  .is-open .a-select__chevron {
      transform: translateY(-50%) rotate(-180deg);
    }

  .a-select__js-select:focus {
      outline: none;
    }

  .a-select__js-select-inner {
    position: relative;
    z-index: 11;
  }

  .is-open .a-select__js-select-inner {
      z-index: 21;
    }

  .a-select__js-select-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    pointer-events: none;
    opacity: 0;
  }

  .a-select__js-select-placeholder {
    color: var(--color-greyscale-4);
  }

  .a-select__js-select-list--dropdown {
      position: absolute;
      z-index: 10;
      top: calc(100% - 0.9375rem);
      left: 0;
      display: none;
      overflow: auto;
      min-width: 100%;
      max-height: 15rem;
      padding: 1.5625rem 0.625rem 0.625rem;
      border-radius: 0 0 0.9375rem 0.9375rem;
      background-color: var(--color-greyscale-6);
    }

  .is-open .a-select__js-select-list--dropdown {
        z-index: 20;
        display: block;
      }

  .is-flipped .a-select__js-select-list--dropdown {
        top: auto;
        bottom: calc(100% - 0.9375rem);
        padding: 0.625rem 0.625rem 1.5625rem;
        border-radius: 0.9375rem 0.9375rem 0 0;
      }

  .a-select__js-select-item--choice {
      padding: 0.625rem 0.625rem;
      cursor: pointer;
      border-radius: 0.9375rem;
    }

  .a-select__js-select-item--choice.is-highlighted {
        background-color: var(--color-greyscale-5);
      }

  .a-select__js-select-item--default-value {
      display: none;
    }

  .a-select__js-preview-item {
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
  }