.select-control {
  height: 36px;
  width: -webkit-max-content;
  width: max-content;
  cursor: default;
}

  .select-control--hovered:hover {
      background-color: #cce4ff;
    }

  .select-control--hovered:hover .select-dropdown-indicator,
      .select-control--hovered:hover .select-value-container {
        color: #004da6;
      }

.select-clear {
  height: 18px;
}

.select-clear--active {
    background-color: rgba(0, 113, 242, 0.12);
  }

.select-clear--active:hover {
      background-color: rgba(0, 113, 242, 0.24);
    }

.select-clear--focused {
    background-color: rgba(0, 113, 242, 0.12);
  }

.select-clear--focused:hover {
      background-color: rgba(0, 113, 242, 0.24);
    }

.select-clear--disabled {
    background-color: rgba(192, 192, 196, 0.12);
  }

.select-clear--disabled:hover {
      background-color: rgba(192, 192, 196, 0.24);
    }

.select-clear--invalid {
    background-color: rgba(237, 158, 0, 0.12);
  }

.select-clear--invalid:hover {
      background-color: rgba(237, 158, 0, 0.24);
    }

.select-clear--broken {
    background-color: rgba(232, 75, 23, 0.12);
  }

.select-clear--broken:hover {
      background-color: rgba(232, 75, 23, 0.24);
    }

.select-clear-icon {
  cursor: pointer;
}

.select-dropdown-indicator--focused {
  transform: rotateZ(180deg);
}
