.sky{--violet:oklch(0.54 0.21 288);--indigo:oklch(0.47 0.19 270);--azure:oklch(0.51 0.15 243);position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.sky:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,oklch(.42 .16 284),oklch(.2 .08 276) 34%,transparent 72%);opacity:calc(.5 - var(--sp, 0) * .26)}.sky-blob{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform}.sky-blob-1{top:-22vh;left:26%;width:78vw;height:78vh;background:radial-gradient(closest-side,var(--violet),transparent 72%);opacity:calc(.9 - var(--sp, 0) * .45);translate:0 calc(var(--sp, 0) * 34vh);animation:f-drift-a 26s ease-in-out infinite alternate}.sky-blob-2{top:-8vh;left:-20%;width:70vw;height:70vh;background:radial-gradient(closest-side,var(--indigo),transparent 72%);opacity:calc(.8 - var(--sp, 0) * .3);translate:0 calc(var(--sp, 0) * 22vh);animation:f-drift-b 34s ease-in-out infinite alternate}.sky-blob-3{top:46vh;left:40%;width:66vw;height:62vh;background:radial-gradient(closest-side,var(--azure),transparent 74%);opacity:calc(.25 + var(--sp, 0) * .5);translate:0 calc(var(--sp, 0) * -40vh);animation:f-drift-c 30s ease-in-out infinite alternate}.sky-blob-4{bottom:-30vh;left:10%;width:72vw;height:60vh;background:radial-gradient(closest-side,var(--violet),transparent 72%);opacity:calc(.15 + var(--sp, 0) * .45);translate:0 calc(var(--sp, 0) * -26vh);animation:f-drift-a 28s ease-in-out infinite alternate}@keyframes f-drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-7%,5%,0) scale(1.14)}}@keyframes f-drift-b{0%{transform:translateZ(0) scale(1.06)}to{transform:translate3d(8%,-6%,0) scale(1)}}@keyframes f-drift-c{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(5%,8%,0) scale(1.18)}}