.aurora{view-timeline-name:--aurora}.aurora-layer{position:absolute;inset:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.aurora-layer{animation:aurora-parallax linear both;animation-timeline:--aurora;animation-range:cover 0 cover 100%}}}.aurora-blob{position:absolute;border-radius:50%;transform:translate(-50%,-50%);animation:aurora-drift var(--duration) ease-in-out var(--delay) infinite alternate;will-change:transform}.aurora-dots{position:absolute;inset:-160px 0;animation:aurora-float 37s ease-in-out infinite alternate}.aurora-grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:reduce){.aurora-blob,.aurora-dots{animation:none}}@keyframes aurora-drift{to{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(var(--ds))}}@keyframes aurora-float{0%{transform:translateY(24px)}to{transform:translateY(-24px)}}@keyframes aurora-parallax{0%{translate:0 calc(-1 * var(--depth))}to{translate:0 var(--depth)}}