// Scrollbars
// --------------------------------------------------
// Styling for dekstop webkit browsers
// These do not apply for mobile browsers

.css-scrollbars {

  ::-webkit-scrollbar {
    width: 9px;
  }

  ::-webkit-scrollbar-thumb:vertical {
    min-height: 10px;

    border: 2px solid transparent;
    border-radius: 20px;

    background: rgba(0, 0, 0, .4);

    background-clip: padding-box;
  }

  ::-webkit-scrollbar-thumb:vertical:active {
    min-height: 10px;

    border: 2px solid transparent;
    border-radius: 20px;

    background: rgba(0, 0, 0, .6);

    background-clip: padding-box;
  }

}