:root {
  --crossroad-scrollbar-track: #03090e;
  --crossroad-scrollbar-thumb: #1d4c60;
  --crossroad-scrollbar-thumb-hover: #28677f;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--crossroad-scrollbar-thumb) var(--crossroad-scrollbar-track) !important;
}

*::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

*::-webkit-scrollbar-track {
  background: var(--crossroad-scrollbar-track) !important;
}

*::-webkit-scrollbar-thumb {
  border: 0;
  background: var(--crossroad-scrollbar-thumb) !important;
}

*::-webkit-scrollbar-thumb:hover {
  background: var(--crossroad-scrollbar-thumb-hover) !important;
}

*::-webkit-scrollbar-corner,
*::-webkit-scrollbar-button {
  background: var(--crossroad-scrollbar-track) !important;
}