.date-dropdown {
  white-space: nowrap;

  @media(min-width: 768px) {
    --bs-dropdown-min-width: 40rem;
  }

  @media screen and (max-width: 767px) {
    .border-end {
      border: none !important;
    }
  }

  .btn-link {
    line-height: 1;
  }
}

.selected-icon {
  min-width: 1em;
  min-height: 1em;
}

.input-group-sm {
  .form-control {
    font-size: 0.875rem;
  }
}

.focus-variants {
  .variant-focused {
    display: none;
  }

  &:hover, &:focus {
    .variant-unfocused {
      display: none;
    }
    .variant-focused {
      display: block;
    }
  }
}

.btn-group-xs {
  > .btn {
    border-radius: 0.15rem;
  }
}