@utility custom-scroll {
  &::-webkit-scrollbar {
    @apply w-1.5 h-1.5 rounded-3xl;
  }

  &::-webkit-scrollbar-thumb {
    @apply rounded-3xl !bg-black/30;
  }

  &::-webkit-scrollbar-track {
    @apply !bg-white rounded-3xl;
  }
}

@utility custom-scroll-y {
  @apply pr-2;
}

@utility custom-scroll-x {
  @apply pb-2;
}

@utility media-info {
  @apply flex items-center gap-2;
}

@utility media-info__media {
  @apply shrink-0;
}

@utility hv-center {
  @apply grid place-content-center;
}

@utility bd {
  @apply border border-red-500;
}