:root{--orange:#ff6f61;--cyan:#6bffe5;--violet:#9d6bff}.container-bg-animated{background-color:var(--foreground);contain:paint;background-color:#0f0450;border-radius:24px;max-width:100vw;height:480px;position:relative;overflow:hidden}.bg-animated-circle{opacity:1;backface-visibility:hidden;border-radius:1000px;width:80vw;height:80vw}.container-bg-animated[data-animating=true] .bg-animated-circle{will-change:transform}.bg-animated-circle.orange{animation:2s ease-in-out infinite alternate move-orange;position:absolute;top:20%;right:40%}.bg-animated-circle.cyan{animation:2.5s ease-in-out infinite alternate move-cyan;position:absolute;top:65%;right:75%}.bg-animated-circle.violet{animation:3s ease-in-out infinite alternate move-violet;position:absolute;top:75%;right:25%}.bg-animated-circle img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@keyframes move-orange{0%{transform:translate(50%,-50%)}to{transform:translate(65%,-65%)}}@keyframes move-cyan{0%{transform:translate(50%,-50%)}to{transform:translate(70%,-70%)}}@keyframes move-violet{0%{transform:translate(50%,-50%)}to{transform:translate(75%,-75%)}}@media (prefers-reduced-motion:reduce){.bg-animated-circle.orange,.bg-animated-circle.cyan,.bg-animated-circle.violet{animation:none!important}}