/**
 * Custom Scrollbars
 * This adds custom thinner scrollbars to WebKit/Blink browsers and Firefox.
 * These styles will NOT apply to the main HTML/Body window
 */

/* Firefox-only */
body :not(body) {
  scrollbar-width: thin;
  scrollbar-color: $col_gray_6 $col_gray_2;
}

/* Works on Chrome/Edge/Safari */
body :not(body)::-webkit-scrollbar,
body :not(body)::-webkit-scrollbar {
  height: .75em;
  width: .75em;
}

body :not(body)::-webkit-scrollbar-track {
  background-color: $col_gray_2;
}

body :not(body)::-webkit-scrollbar-thumb {
  background-color: $col_gray_6;
  border-radius: .25em;
}