.nextra-scrollbar {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: rgba(115, 115, 115, 0.4) transparent; /* Firefox */
  scrollbar-gutter: stable;

  &::-webkit-scrollbar {
    @apply _size-3;
  }

  &::-webkit-scrollbar-track {
    @apply _bg-transparent;
  }

  &::-webkit-scrollbar-thumb {
    @apply _rounded-[10px];

    &:hover {
      border: 3px solid transparent;
      background-color: var(--tw-shadow-color);
      background-clip: content-box;
      @apply _shadow-neutral-500/20 hover:_shadow-neutral-500/40;
    }
  }
}

/* Hide scrollbar */
.no-scrollbar {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */

  &::-webkit-scrollbar {
    @apply _hidden; /* Chrome, Safari and Opera */
  }
}
