::-webkit-scrollbar {
  width: 2px;
  height: 4px;

  @media (max-width:768px) {
    height: 6px;
  }

  @media (hover: none) and (pointer: coarse) {
    height: 12px;
  }
}

/* Track */
::-webkit-scrollbar-track {
  background: $neutral-95;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: $neutral-70;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: $neutral-80;
}