@tailwind base;
@tailwind components;
@tailwind utilities;

.turbolinks-progress-bar {
  height: 5px;
  background-color: green;
}
  
.select2-container {
  width: 100% !important;
}

.select2-dropdown,
.choices__list--dropdown,
[data-controller="cities-select"] + .dropdown-menu,
.tom-select .ts-dropdown {
  border-radius: 0.75rem !important;
  overflow: hidden !important;
  border: 1px solid #1C2D37 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.select2-search__field,
.choices__input--cloned,
[data-controller="cities-select"] + .dropdown-menu .search-input,
.tom-select .ts-dropdown-content .ts-search-input {
  border: none !important;
  border-bottom: 1px solid #1C2D37 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0.5rem !important;
}

.select2-selection--multiple {
  min-height: 38px !important;
}

.favorite-btn {
  background-color: #f0c674;
}

.unfavorite-btn {
  background-color: #e74c3c;
}