/**
* Mixin to scrollbar.
*/

@mixin scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #d3d3d3;

  &::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #ccc;
  }

  &::-webkit-scrollbar-track:hover {
    background-color: #ccc;
  }

  &::-webkit-scrollbar-track:active {
    background-color: #ccc;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #aaa;
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
  }

  &::-webkit-scrollbar-thumb:active {
    background-color: #aaa;
  }
}