/* Custom scrollbar for webkit browsers.
   Colors resolve to the neutral ramp defined in app/assets/tailwind/application.css. */
[data-character-results]::-webkit-scrollbar {
  width: 6px;
}

[data-character-results]::-webkit-scrollbar-track {
  background: var(--color-neutral-100);
  border-radius: 3px;
}

[data-character-results]::-webkit-scrollbar-thumb {
  background: var(--color-neutral-300);
  border-radius: 3px;
}

[data-character-results]::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-400);
}