.aurora{--au-top:#e4f6fd;--au-mid:#f6fcff;--au-bot:#f4fdf3;--au-1:#5ccbef;--au-2:#9ad8ff;--au-3:#8ff0c4;--au-4:#d6f58f;--au-5:#fff;--au-alpha:.5;z-index:-10;pointer-events:none;background:linear-gradient(180deg, var(--au-top) 0%, var(--au-mid) 55%, var(--au-bot) 100%);height:calc(100lvh + 16rem);position:fixed;inset:-8rem 0 auto;overflow:hidden}:root[data-sky=dawn] .aurora{--au-top:#fff0e8;--au-mid:#fffaf3;--au-bot:#f6fdf3;--au-1:#ffb79a;--au-2:#ffa9c4;--au-3:#ffe08a;--au-4:#b6f0c6;--au-5:#a6dcff}:root[data-sky=dusk] .aurora{--au-top:#eaeefc;--au-mid:#fff3ec;--au-bot:#fffaf0;--au-1:#ff9a86;--au-2:#ffc596;--au-3:#b7a6f2;--au-4:#ffd27a;--au-5:#ffaed0}:root[data-sky=night] .aurora{--au-top:#e8edfa;--au-mid:#f4f7fd;--au-bot:#f3f9f8;--au-1:#8ea6ec;--au-2:#c4b2f2;--au-3:#86dde6;--au-4:#b6e8d6;--au-5:#e2ecff}:root[data-theme=dark] .aurora{--au-top:#06324a;--au-mid:#08202f;--au-bot:#071a20;--au-1:#0f6a7e;--au-2:#1f4f9a;--au-3:#156b52;--au-4:#4a2f8a;--au-5:#0e8a9a;--au-alpha:.6}.aurora-field{position:absolute;inset:-15%}:root[data-sky=dawn] .aurora-field{scale:-1 1}:root[data-sky=dusk] .aurora-field{rotate:180deg}:root[data-sky=night] .aurora-field{scale:1 -1}.aurora-blob{width:var(--w);aspect-ratio:1.25;contain:strict;opacity:var(--au-alpha);position:absolute}.aurora-blob>span{-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;position:absolute;inset:0}.aurora-blob>span:first-child{background:var(--c-a)}.aurora-blob>span:nth-child(2){background:var(--c-b);opacity:0}.aurora-blob>span:nth-child(3){background:var(--c-c);opacity:0}.aurora-blob:first-child{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-160 -160 860 860'%3E%3Cfilter id='b' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='60'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' d='M420 257C434 291 455 331 441 364C427 396 373 448 335 452C298 455 260 401 216 386C171 371 100 389 69 362C39 335 14 267 32 225C49 183 136 144 174 110C212 76 228 13 258 21C288 30 327 124 354 163C381 203 405 224 420 257Z'/%3E%3C/svg%3E");--w:46vmax;--c-a:var(--au-1);--c-b:var(--au-3);--c-c:var(--au-2);top:4%;left:2%}.aurora-blob:nth-child(2){--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-160 -160 860 860'%3E%3Cfilter id='b' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='60'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' d='M409 292C404 329 401 381 382 397C363 413 333 387 293 385C253 383 174 404 141 384C109 363 98 311 100 262C101 214 119 123 148 92C178 61 235 63 278 77C321 91 387 138 409 174C430 210 413 254 409 292Z'/%3E%3C/svg%3E");--w:40vmax;--c-a:var(--au-2);--c-b:var(--au-4);--c-c:var(--au-1);top:0%;left:52%}.aurora-blob:nth-child(3){--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-160 -160 860 860'%3E%3Cfilter id='b' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='60'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' d='M472 234C479 273 450 313 426 358C401 403 367 491 326 502C285 513 218 445 180 425C141 406 122 420 94 387C66 354 3 261 13 226C23 191 124 213 155 177C186 140 174 24 200 9C226 -6 279 68 310 87C341 105 358 95 385 120C412 144 466 194 472 234Z'/%3E%3C/svg%3E");--w:44vmax;--c-a:var(--au-3);--c-b:var(--au-5);--c-c:var(--au-4);top:40%;left:30%}.aurora-blob:nth-child(4){--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-160 -160 860 860'%3E%3Cfilter id='b' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='60'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' d='M395 248C403 284 407 345 378 367C350 389 282 380 222 381C163 382 31 407 19 373C7 340 122 237 150 180C177 122 157 35 187 30C217 25 295 114 330 150C365 186 387 212 395 248Z'/%3E%3C/svg%3E");--w:36vmax;--c-a:var(--au-4);--c-b:var(--au-2);--c-c:var(--au-3);top:52%;left:64%}.aurora-blob:nth-child(5){--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-160 -160 860 860'%3E%3Cfilter id='b' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='60'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' d='M460 245C460 272 381 293 359 330C336 366 358 448 324 464C290 480 185 453 155 426C125 399 165 346 144 300C123 255 23 182 30 153C37 124 143 125 187 125C231 126 267 148 295 155C323 163 327 155 355 170C383 185 459 219 460 245Z'/%3E%3C/svg%3E");--w:38vmax;--c-a:var(--au-5);--c-b:var(--au-1);--c-c:var(--au-5);top:60%;left:-6%}@supports (animation-timeline:scroll()){.aurora-blob>span:nth-child(n+2){animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root)}.aurora-blob>span:nth-child(2){animation-name:au-mid}.aurora-blob>span:nth-child(3){animation-name:au-end}}@keyframes au-mid{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes au-end{0%,50%{opacity:0}to{opacity:1}}.aurora-demo .aurora{z-index:-1;height:auto;position:absolute;inset:0}:root:has(.aurora){background-color:#eefafd}:root[data-sky=dawn]:has(.aurora){background-color:#fff6ee}:root[data-sky=dusk]:has(.aurora){background-color:#f6f0f4}:root[data-sky=night]:has(.aurora){background-color:#eef2fb}:root[data-theme=dark]:has(.aurora){background-color:#08202f}:root:has(.aurora) body{background:0 0}:root[data-contrast=more]:has(.aurora){background-color:var(--color-cream)}