@custom-variant light (&:where([data-theme=light], [data-theme=light] *));
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
@custom-variant kubefirst (&:where([data-theme=kubefirst], [data-theme=kubefirst] *));
@custom-variant kubefirst-dark (&:where([data-theme=kubefirst-dark], [data-theme=kubefirst-dark] *));

@layer components {
  .scrollbar-none {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .scrollbar-none::-webkit-scrollbar {
    display: none;
  }
}