.animated-gradient-ring-wrapper{position:fixed;top:50%;left:50%;z-index:0;pointer-events:none;width:100vw;height:100vh;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;opacity:.5}.animated-gradient-ring{width:60vw;height:60vw;min-width:400px;min-height:400px;max-width:900px;max-height:900px;animation:rotateRingReverse 18s linear infinite}.animated-gradient-ring .multi-rotate{animation:rotateRing 10s linear infinite;transform-origin:50% 50%}.animated-gradient-ring .multi-rotate2{animation:rotateRingAlt 14s linear infinite;transform-origin:50% 50%}.animated-gradient-ring .multi-rotate3{animation:rotateRingAlt2 21s linear infinite;transform-origin:50% 50%}@keyframes rotateRingAlt{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes rotateRingAlt2{0%{transform:rotate(0deg)}to{transform:rotate(-270deg)}}@keyframes rotateRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateRingReverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}