/* ---------------------------
  Modal ScrollBar
--------------------------- */
.scrollable {
  overflow-y: auto;
  max-height: 350px;
  scrollbar-width: thin;
  scrollbar-color: rgba(130, 130, 130, 0.5) transparent;
}

.scrollable::-webkit-scrollbar {
  width: 8px;
}

.scrollable::-webkit-scrollbar-track {
  background: transparent;
}

.scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(130, 130, 130, 0.5);
  border-radius: 6px;
}

.scrollable::-webkit-scrollbar-thumb:hover {
  background-color: rgba(90, 90, 90, 0.8);
}

/* ---------------------------
  Html ScrollBar
--------------------------- */
html.scrollbar {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(130, 130, 130, 0.5) transparent;
}

html.scrollbar::-webkit-scrollbar {
  width: 8px;
}

html.scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

html.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(130, 130, 130, 0.5);
  border-radius: 6px;
}

html.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(90, 90, 90, 0.8);
}


.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(90, 90, 90, 0.8);
}