.select__container {
  @apply relative w-full;
  min-width: 150px;
}

.select__container .select {
  @apply mt-1;
  z-index: 1;
}

.select__container .select__control {
  @apply appearance-none bg-transparent w-full text-grey-dark px-3 py-4 leading-none text-sm border border-manatee outline-none rounded;
}

.select__container .select__control:hover,
.select__container .select__control--is-focused {
  @apply border-blue outline-blue;
  outline-width: 1px;
  outline-style: solid;
}

.select__container .select__value-container {
  @apply p-0;
}

.select__container .select__single-value,
.select__container .select__placeholder {
  color: #787c83;
}

.select__container .select__indicator {
  @apply text-grey py-0 pr-0;
}

.select__container .select__indicator-separator {
  @apply bg-grey;
}

.select__container--hide-dropdown .select__dropdown-indicator,
.select__container--hide-dropdown .select__indicator-separator {
  display: none;
}

.select__container .select__value-container > *,
.select__container .select__value-container--has-value > *,
.select__container .select__single-value ~ *,
.select__container .select__indicator-separator,
.select__container .select__placeholder ~ * {
  @apply my-0 py-0;
}

.select__container .select__indicator svg {
  height: 16px;
  width: 16px;
}

.select__container .select__menu {
  @apply text-grey-dark leading-none text-sm;
}
.select__container .select__menu-list {
  @apply border-grey-light rounded;
}

.select__container .select__option {}

.select__container .select__option--is-focused:not(.select__option--is-selected) {
  @apply bg-blue-lightest;
}

.select__container .select__option--is-selected {
  @apply bg-blue;
}

.select__container .select__subtext,
.select__container .select__supertext {
  @apply text-tn text-grey;
}

.select__container .select__supertext {
  @apply absolute bg-white p-1 ml-2 -mt-2;
  top: 0;
  z-index: 1;
}

.select__container input:focus ~ .select__supertext {
  @apply text-blue;
}

.select__selected-option-input {
  @apply relative;
  z-index: 0;
}

.select ~ .select__selected-option-input {
  @apply mt-6;
}