---

@mixin scrollbar {
  @supports selector(::-webkit-scrollbar) {
    &::-webkit-scrollbar {
      width: var(--space-0250);
      height: var(--space-0250);
    }

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

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

    &::-webkit-scrollbar-thumb {
      background: var(--neutral-6);
      border-radius: 999px;
    }

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

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

  @supports not selector(::-webkit-scrollbar) {
    scrollbar-width: thin;
    scrollbar-color: var(--neutral-6) transparent;
  }
}