@import '../utils/mixins/vertical-align';

.domains-dropdown__toggle-btn.domains-dropdown__toggle-btn,
.domains-dropdown__toggle-btn.domains-dropdown__toggle-btn:hover,
.domains-dropdown__toggle-btn.domains-dropdown__toggle-btn:active {
  text-align: left;
  color: #6c757d;
  border-color: #ced4da;
  background-color: white;
}

.domains-dropdown__toggle-btn--active.domains-dropdown__toggle-btn--active,
.domains-dropdown__toggle-btn--active.domains-dropdown__toggle-btn--active:hover,
.domains-dropdown__toggle-btn--active.domains-dropdown__toggle-btn--active:active {
  color: #495057;
}

.domains-dropdown__back-btn.domains-dropdown__back-btn,
.domains-dropdown__back-btn.domains-dropdown__back-btn:hover {
  border-color: #ced4da;
}

.domains-dropdown__toggle-btn.domains-dropdown__toggle-btn::after {
  right: .75rem;

  @include vertical-align();
}

.domains-dropdown__menu {
  width: 100%;
}