.characternav::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

.characternav::-webkit-scrollbar-track {
  image-rendering: pixelated;
  background-image: radial-gradient(#f4edd3, #f1ead1, #d7cdab);
  box-shadow: inset 0 0 5px grey; 
}

.characternav::-webkit-scrollbar-thumb:active {
  border-radius: 5px;
  border: 1px solid #f1ead1;
  background-image: linear-gradient(white, lightgray);
  width: 16px;
  height: 16px;
  background-color: white;
  z-index: 1;
}

.characternav::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 1px solid black;
  background-image: linear-gradient(black, darkgray);
  width: 16px;
  height: 16px;
  background-color: black;
  z-index: 1;
}

.characternav::-webkit-scrollbar-corner {
  background-color: transparent;
}

.characternav::-webkit-scrollbar-button, .characternav::-webkit-scrollbar-button {
  width: 16px;
  height: 16px;
  background-color: black;
  image-rendering: pixelated;
  background-repeat: no-repeat;
  background-position: center center;
}

 .characternav::-webkit-scrollbar-button:active {
  background-position: 1px 2px;
}

 .characternav::-webkit-scrollbar-button:horizontal:increment {
  background-image: url('/right.png');
}
 .characternav::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url('/left.png');
}

.characternav::-webkit-scrollbar-button:horizontal:increment:active {
  background-image: url('/right-active.png');
}
 .characternav::-webkit-scrollbar-button:horizontal:decrement:active {
  background-image: url('/left-active.png');
}

.characternav::-webkit-scrollbar-button:horizontal:increment:start { display: block; }
.characternav::-webkit-scrollbar-button:horizontal:decrement:end { display: block; }
.characternav::-webkit-scrollbar-button:vertical:increment:start { display: block; }
.characternav::-webkit-scrollbar-button:vertical:decrement:end { display: block; }

.characternav::-webkit-scrollbar-button:active {
  border-top: 1px solid  transparent;
  border-left: 1px solid  transparent;
  border-bottom: 1px solid  transparent;
  border-right: 1px solid  transparent;
  background-color: white;
  box-shadow: none;
}