.dark ::-webkit-scrollbar,
.dark::-webkit-scrollbar {
  max-height: 10px;
  max-width: 10px;
  width: auto;
}

.dark ::-webkit-scrollbar-corner,
.dark::-webkit-scrollbar-corner,
.dark ::-webkit-scrollbar-track,
.dark::-webkit-scrollbar-track {
  background: #2a2a2a;
}

.dark ::-webkit-scrollbar-thumb,
.dark::-webkit-scrollbar-thumb {
  background: #5a5a5a;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
}

.dark,
.dark * {
  scrollbar-width: thin;
  scrollbar-color: #5a5a5a #2a2a2a;
}

.dark .compact-scrollbar::-webkit-scrollbar-thumb {
  background: #5a5a5a;
}

.compact-scrollbar::-webkit-scrollbar {
  max-height: 6px;
  max-width: 6px;
  width: auto;
}

.compact-scrollbar::-webkit-scrollbar-corner,
.compact-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.compact-scrollbar::-webkit-scrollbar-thumb {
  background: rgb(193 193 193);
  border: none;
  border-radius: 10px;
}

.compact-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgb(193 193 193) transparent;
}

.hidden-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hidden-scrollbar::-webkit-scrollbar {
  display: none;
}

.stable-scrollbar {
  scrollbar-gutter: stable;
}