@reference "../../styles/index.css";

.glowingBackdrop {
  @apply after:bg-brand-300
    dark:after:bg-brand-700
    absolute
    top-0
    left-0
    -z-10
    size-full
    opacity-50
    after:absolute
    after:inset-0
    after:m-auto
    after:aspect-square
    after:w-[300px]
    after:rounded-full
    after:blur-[120px]
    after:content-['']
    md:opacity-100;

  svg {
    @apply absolute
      inset-0
      m-auto
      aspect-[1.67]
      max-w-[1004px]
      object-cover
      text-neutral-300
      dark:text-neutral-900/75;
  }
}
