.orb-container{width:var(--sb-width);height:var(--sb-height);--sb-duration:7s;--sb-lens-size:400px;--sb-lens-stroke:32px;--sb-butterfly-scale:.65;--sb-particle-size:200px;--sb-particle-blur:25px;--sb-particle-1-color:#f3b11f;--sb-particle-1-scale:.95;--sb-particle-1-to-scale:.85;--sb-particle-1-to-pos:65;--sb-particle-2-color:#1d52b1;--sb-particle-2-scale:.95;--sb-particle-2-to-scale:.85;--sb-particle-2-to-pos:40;--sb-particle-3-color:#5464ff;--sb-particle-3-scale:.97;--sb-particle-3-to-scale:.85;--sb-particle-3-to-pos:80;--sb-particle-4-color:#56bda2;--sb-particle-4-scale:.95;--sb-particle-4-to-scale:.75;--sb-particle-4-to-pos:50;--sb-calculated-particle-size:calc((var(--sb-particle-size) - var(--sb-particle-blur) * 1.8) * 2);--sb-particle-offset:calc(var(--sb-particle-blur) * var(--sb-scale) * 1.15);--sb-calculated-lens-size:calc((var(--sb-lens-size) - var(--sb-lens-stroke)) * var(--sb-scale));position:relative;overflow:hidden}.orb-debug,.orb-debug :not(svg *){outline:1px solid red}.orb-lens-stroke{width:calc(var(--sb-lens-size) * var(--sb-scale));height:calc(var(--sb-lens-size) * var(--sb-scale));background-image:conic-gradient(from 0deg, var(--sb-particle-3-color), var(--sb-particle-2-color), var(--sb-particle-1-color), var(--sb-particle-4-color), var(--sb-particle-3-color));animation:orb-lens-animation var(--sb-duration) linear infinite;will-change:transform;border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}@keyframes orb-lens-animation{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.orb-lens{width:var(--sb-calculated-lens-size);height:var(--sb-calculated-lens-size);will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-lens-bg{background-color:#0d152c;border-radius:9999px}.orb-butterflies{width:var(--sb-width);height:var(--sb-height);transform:scale(calc(var(--sb-butterfly-scale) * 1)) rotate(0deg);will-change:transform;animation:40s linear infinite orb-butterflies-animation;position:absolute;top:0;left:0}@keyframes orb-butterflies-animation{0%{transform:scale(calc(var(--sb-butterfly-scale) * 1)) rotate(0deg)}25%{transform:scale(calc(var(--sb-butterfly-scale) * .8)) rotate(90deg)}50%{transform:scale(calc(var(--sb-butterfly-scale) * 1)) rotate(180deg)}75%{transform:scale(calc(var(--sb-butterfly-scale) * .8)) rotate(270deg)}to{transform:scale(calc(var(--sb-butterfly-scale) * 1)) rotate(360deg)}}.orb-particles{animation:orb-particles-animation var(--sb-duration) linear infinite;will-change:transform;transform-origin:50%;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(180deg)}@keyframes orb-particles-animation{0%{transform:rotate(180deg)}to{transform:rotate(540deg)}}.orb-particle{width:calc(var(--sb-calculated-particle-size) * var(--sb-scale));height:calc(var(--sb-calculated-particle-size) * var(--sb-scale));filter:blur(calc(var(--sb-particle-blur) * var(--sb-scale)));animation:var(--sb-duration) linear infinite;transform-origin:50%;will-change:transform;border-radius:9999px;position:absolute}.orb-particle-1{--sb-particle-x:-50%;top:var(--sb-particle-offset);background-color:var(--sb-particle-1-color);transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-1-scale));animation-name:orb-sb-particle-orbit-1;left:50%}.orb-particle-2{--sb-particle-y:-50%;top:50%;left:var(--sb-particle-offset);background-color:var(--sb-particle-2-color);transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-2-scale));animation-name:orb-sb-particle-orbit-2}.orb-particle-3{--sb-particle-x:-50%;bottom:var(--sb-particle-offset);background-color:var(--sb-particle-3-color);transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-3-scale));animation-name:orb-sb-particle-orbit-3;left:50%}.orb-particle-4{--sb-particle-y:-50%;top:50%;right:var(--sb-particle-offset);background-color:var(--sb-particle-4-color);transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-4-scale));animation-name:orb-sb-particle-orbit-4}@keyframes orb-sb-particle-orbit-1{0%{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-1-scale))}65%{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-1-to-scale))}to{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-1-scale))}}@keyframes orb-sb-particle-orbit-2{0%{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-2-scale))}40%{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-2-to-scale))}to{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-2-scale))}}@keyframes orb-sb-particle-orbit-3{0%{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-3-scale))}80%{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-3-to-scale))}to{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-3-scale))}}@keyframes orb-sb-particle-orbit-4{0%{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-4-scale))}50%{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-4-to-scale))}to{transform:translate(var(--sb-particle-x,0), var(--sb-particle-y,0)) scale(var(--sb-particle-4-scale))}}