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

/* Track */
::-webkit-scrollbar-track {
  background: rgba(141, 136, 144, 0.7);
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: white; 
  border-radius: 10px;
  cursor: pointer;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: white;
}

::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement{
  height: 1.2rem;
  display: block;
}



#wrapper.is-mobile ::-webkit-scrollbar {
  width: .5rem;
}
/* Track */
#wrapper.is-mobile ::-webkit-scrollbar-track {
  border-radius: .25rem;
}

#wrapper.is-mobile nav::-webkit-scrollbar{
 width: 1vw; 
}
#wrapper.is-mobile ::-webkit-scrollbar-button:end:increment,
#wrapper.is-mobile ::-webkit-scrollbar-button:start:decrement {
  height: 1rem;
}
#wrapper.is-mobile nav::-webkit-scrollbar-track {
/*  box-shadow: inset 0 0 5px grey;*/
  background: transparent;
  border-radius: .5vw;
}
#wrapper.is-mobile nav::-webkit-scrollbar-button:end:increment,
#wrapper.is-mobile nav::-webkit-scrollbar-button:start:decrement {
  height: 0rem;
  display: block;
}
#wrapper.is-mobile nav::-webkit-scrollbar-button:end:increment {
  height: 3rem;
  display: block;
}

#wrapper.is-mobile nav::-webkit-scrollbar-button:end:increment,
#wrapper.is-mobile nav::-webkit-scrollbar-button:start:decrement {
  height: 0rem;
}
#wrapper.is-mobile nav::-webkit-scrollbar-button:end:increment {
  height: 3rem;
}