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

  scrollbar-gutter: stable;
  &::-webkit-scrollbar {
    @apply nx-w-1.5 nx-h-1.5;
  }
  &::-webkit-scrollbar-track {
    @apply nx-bg-transparent;
  }
  &::-webkit-scrollbar-thumb {
    @apply nx-rounded-[20px];
  }
  &:hover::-webkit-scrollbar-thumb {
    @apply nx-shadow-[inset_0_0_0_5px_var(--tw-shadow-color)];
    @apply nx-shadow-neutral-500/20 hover:nx-shadow-neutral-500/40;
  }

  @media (max-width: 767px) {
    .nextra-container & {
      scrollbar-gutter: auto;
    }
  }
}

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

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