@property --un-fill-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}#blob1{animation:22s cubic-bezier(.65,-.67,.24,1.63) infinite colorful__blob}#blob2{animation:28s cubic-bezier(.65,-.67,.24,1.63) infinite reverse colorful__blob}#blob3{animation:36s cubic-bezier(.65,-.67,.24,1.63) infinite colorful__blob}@keyframes colorful__blob{0%{--at-apply:fill-[#10b9811a];transform:scale(1)translateY(0)}10%{fill:color-mix(in srgb, var(--colors-brilliantsea-400) 20%, transparent);transform:scale(.9)translateY(-9%)}50%{fill:color-mix(in srgb, var(--colors-greenspring-500) 25%, transparent);transform:scale(1.2)translateY(-6%)}65%{--at-apply:fill-[#14b8a640];transform:scale(1)translateY(-4%)}80%{fill:color-mix(in srgb, var(--colors-brilliantsea-400) 40%, transparent);transform:scale(.9)translateY(-6%)}to{--at-apply:fill-[#10b9811a];transform:scale(1)translateY(0)}}