/* -------------------------------- 

File#: _1_scrollbar
Title: Scrollbar
Descr: (WebKit) custom scrollbar
Usage: codyhouse.co/license

-------------------------------- */
.custom-scrollbar::-webkit-scrollbar {
  width: 16px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-clip: content-box;
  border-radius: 50em;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.125);
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2);
}