/* Works on Chrome, Safari, and newer versions of Edge */
::-webkit-scrollbar {
  width: 1em;
}
::-webkit-scrollbar-thumb {
  background: var(--primary);
  /*border-radius: 30px;*/
}
::-webkit-scrollbar-thumb:hover {
  background: var(--primary-medium);
}
::-webkit-scrollbar-track {
  background: var(--base-dark);
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px 0px #F0F0F0;
}
/* Works on Firefox */
* {
  /*scrollbar-width: thin;*/
  scrollbar-color: var(--primary) #f1f1f1;
}
/* Works on Internet Explorer and Microsoft Edge (legacy) */
body {
  -ms-overflow-style: scrollbar;
}
::-ms-scrollbar {
  width: 1em;
}
::-ms-scrollbar-thumb {
  background: var(--primary);
  border-radius: 30px;
  border: 0.5px solid var(--base-ultra-dark);
}
::-ms-scrollbar-thumb:hover {
  background: var(--primary-hover);
}
::-ms-scrollbar-track {
  background: var(--base-dark);
  border-radius: 0px;
}