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

:root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
}

body {
  background: white;
  scrollbar-color: rgb(132, 186, 251) transparent;
  scrollbar-width: thin;
}

.Dropdown-placeholder {
  text-wrap: nowrap;
}
.Dropdown-arrow {
  top: 47% !important;
}

.Dropdown-control.Dropdown-disabled {
  background-color: lightgray;
}

::-webkit-scrollbar {
  width: 5px;
  opacity: 0.7;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgb(132, 186, 251);
}