.aurora{view-timeline-name:--aurora}.aurora-layer{position:absolute;inset:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.aurora-layer{animation:linear both aurora-parallax;animation-timeline:--aurora;animation-range:cover}}}.aurora-blob{animation:aurora-drift var(--duration) ease-in-out var(--delay) infinite alternate;will-change:transform;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.aurora-dots{animation:37s ease-in-out infinite alternate aurora-float;position:absolute;inset:-160px 0}.aurora-grain{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");position:absolute;inset:0}@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)}}