.aurora{background:radial-gradient(circle at 20% 15%, color-mix(in oklch, var(--primary) 10%, transparent), transparent 34%), radial-gradient(circle at 85% 80%, color-mix(in oklch, var(--foreground) 7%, transparent), transparent 32%), var(--background);position:absolute;inset:0;overflow:hidden}.aurora__beam{filter:blur(80px);opacity:.28;will-change:transform;border-radius:9999px;width:70vw;height:70vw;position:absolute}.aurora__beam--one{background:color-mix(in oklch, var(--primary) 32%, transparent);animation:18s ease-in-out infinite alternate aurora-drift-one;top:-40%;left:-12%}.aurora__beam--two{background:color-mix(in oklch, var(--foreground) 18%, transparent);animation:22s ease-in-out infinite alternate aurora-drift-two;bottom:-48%;right:-18%}.aurora__grain{opacity:.35;background-image:radial-gradient(color-mix(in oklch, var(--foreground) 12%, transparent) .6px, transparent .6px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}@keyframes aurora-drift-one{to{transform:translate(18%,12%)scale(1.12)}}@keyframes aurora-drift-two{to{transform:translate(-16%,-10%)scale(1.08)}}@media (prefers-reduced-motion:reduce){.aurora__beam{animation:none}}