@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes disperse{0%{top:50%;left:50%;transform:translate(-50%,-50%) scale(.3);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.disperse{animation:disperse 1.8s ease-out forwards;animation-delay:var(--dispDelay, 0s)}@keyframes driftX{0%{transform:translate(calc(var(--dx, 10vw) * -1))}50%{transform:translate(calc(var(--dx, 10vw)))}to{transform:translate(calc(var(--dx, 10vw) * -1))}}.icon-wrap{animation-name:driftX;animation-duration:var(--durX, 18s);animation-delay:var(--delayX, 0s);animation-iteration-count:infinite;animation-timing-function:ease-in-out;will-change:transform}@keyframes bob{0%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(calc(var(--amp, 16px) * -1)) rotate(var(--wobble, 5deg)) scale(1.015)}to{transform:translateY(0) rotate(0) scale(1)}}.icon-sprite{animation-name:bob;animation-duration:var(--durY, 7s);animation-delay:var(--delayY, 0s);animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (prefers-reduced-motion: reduce){.icon-wrap,.icon-sprite{animation:none!important;opacity:.15!important}}.animated-bg{background:linear-gradient(135deg,#fde68a,#fca5a5,#fdba74,#fcd34d);background-size:300% 300%;animation:gradientMove 15s ease infinite}.dark .animated-bg{background:linear-gradient(135deg,#2e1065,#5b21b6,#9333ea,#f472b6);background-size:300% 300%;animation:gradientMove 15s ease infinite}