:root {
  --od-scrollbar-track: #090616;
  --od-scrollbar-thumb: #9d6cff;
  --od-scrollbar-hover: #ff2aa1;
}

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

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

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner {
  border: 0 !important;
  background: var(--od-scrollbar-track) !important;
}

*::-webkit-scrollbar-thumb {
  min-height: 36px;
  border: 3px solid var(--od-scrollbar-track) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--od-scrollbar-thumb), var(--od-scrollbar-hover)) !important;
}

*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #00d9ff, var(--od-scrollbar-hover)) !important;
}