.abg{z-index:0;pointer-events:none;background:#000;position:fixed;inset:0;overflow:hidden}.abg__blob{filter:blur(140px);will-change:transform;border-radius:50%;position:absolute}.abg__blob--1{background:radial-gradient(circle,#30d15838 0%,#0000 70%);width:1000px;height:1000px;animation:12s ease-in-out infinite aurora1;top:-30%;left:-20%}.abg__blob--2{background:radial-gradient(circle,#1ec88c2e 0%,#0000 70%);width:800px;height:800px;animation:16s ease-in-out infinite aurora2;bottom:-25%;right:-15%}.abg__blob--3{background:radial-gradient(circle,#30d15824 0%,#0000 70%);width:600px;height:600px;animation:10s ease-in-out infinite aurora3;top:30%;left:30%}@keyframes aurora1{0%{transform:translate(0)}50%{transform:translate(25vw,20vh)}to{transform:translate(0)}}@keyframes aurora2{0%{transform:translate(0)}50%{transform:translate(-20vw,-25vh)}to{transform:translate(0)}}@keyframes aurora3{0%{transform:translate(0)}50%{transform:translate(15vw,-20vh)}to{transform:translate(0)}}html.warm .abg{background:var(--bg)}html.warm .abg__blob--1{background:radial-gradient(circle,#c85a1a33 0%,#0000 70%)}html.warm .abg__blob--2{background:radial-gradient(circle,#dc822829 0%,#0000 70%)}html.warm .abg__blob--3{background:radial-gradient(circle,#c85a1a1f 0%,#0000 70%)}.abg__grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:72px 72px;animation:40s linear infinite gridDrift;position:absolute;inset:0}@keyframes gridDrift{0%{background-position:0 0}to{background-position:72px 72px}}