* {
  /* FF */
  scrollbar-color: #000 #85858526;
  scrollbar-width: thin;
}
/* Webkit */
::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}
/* Turn on single button up on top, and down on bottom */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: block;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-clip: padding-box;
  border: 2px solid transparent;
}

*::-webkit-scrollbar-track {
  background-color: #85858526;
}

*::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb:window-inactive {
  background-color: #d7d7d7;
}

  /* Place The scroll down button at the bottom */
  ::-webkit-scrollbar-button:vertical:increment {
    background-color: #000;
    background-image: url('./images/arrow-down-icon.svg');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  
  /* Place The scroll up button at the up */
  ::-webkit-scrollbar-button:vertical:decrement {
    background-color: #000;
    background-image: url('./images/arrow-up-icon.svg');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 9px;
  }
  
  ::-webkit-scrollbar-button:horizontal:increment {
    background-color: #000;
    background-image: url('./images/arrow-right-icon.svg');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  ::-webkit-scrollbar-button:horizontal:decrement {
    background-color: #000;
    background-image: url('./images/arrow-left-icon.svg');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
  }