---

@mixin scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--neutral-6) transparent;

  &::-webkit-scrollbar {
    width: var(--space-0250);
    height: var(--space-0250);
  }

  &::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }

  &::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 999px;
  }

  &::-webkit-scrollbar-thumb {
    background: #4a5568;
    border-radius: 999px;
  }

  &::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-6);
  }

  &::-webkit-scrollbar-corner {
    background: transparent;
  }
}