.app-select-search {
  background-color: rgba(45, 57, 57, 0.98);
}

.app-select-icon-flag {
  height: 1rem;
  width: 1.5rem;
  border-radius: 0.125rem;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
}

.app-select-icon-square,
.app-select-initials {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.375rem;
  border: 1px solid rgba(34, 211, 238, 0.2);
  background: rgba(34, 211, 238, 0.08);
}

.app-select-icon-square {
  object-fit: contain;
}

.app-select-initials {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: #a5f3fc;
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1;
}

.app-select-scroll {
  scrollbar-color: rgba(34, 211, 238, 0.5) rgba(255, 255, 255, 0.055);
  scrollbar-width: thin;
}

.app-select-scroll::-webkit-scrollbar {
  width: 8px;
}

.app-select-scroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.055);
  border-radius: 999px;
}

.app-select-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(34, 211, 238, 0.82), rgba(74, 222, 128, 0.78));
  border: 2px solid rgba(16, 25, 35, 0.98);
  border-radius: 999px;
}

select.field {
  cursor: pointer;
  padding-right: 2.25rem;
  color-scheme: dark;
}

select.field option,
select.field optgroup {
  background-color: #101923;
  color: #f8fafc;
}

select.field option:checked {
  background-color: #0e7490;
  color: #ffffff;
}

select.field option:disabled {
  color: #64748b;
}