@import 'styles/vars';

.commonControl {
  cursor: pointer !important;
  box-shadow: none !important;

  background-color: $colorFieldForm;

  &:hover {
    border-color: $colorFieldStroke !important;
  }
}

.focusedControl {
  background-color: $colorBgWhite;
  border-color: $colorFieldText !important;
  box-shadow: 0px 0px 2px 0px #9d99ac;
}

.hoverControl {
  border-color: $colorFieldStroke !important;
}

.disabledControl {
  background-color: $colorFieldForm;
}

.control {
  &.normal {
    height: 48px;
    padding: 5px 16px;
  }
}

.multiControl {
  &.normal {
    padding: 5px 16px;
  }
}

.multiValueContainer {
  gap: 6px;
}
