.orb-main{cursor:pointer;height:var(--react-ai-orb-size);width:var(--react-ai-orb-size);background-image:radial-gradient(circle at 50% 30%,var(--main-bg-start)0%,var(--main-bg-end)70%);box-shadow:var(--main-shadow);animation:var(--main-hue-animation);border-radius:50%;display:flex;position:relative;overflow:hidden}.loc-a{position:absolute}.loc-b{position:absolute;top:5%;left:10%}.loc-c,.loc-d{position:absolute;top:5%;left:5%}.loc-glass{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shape-a{height:var(--shapes-size);width:var(--shapes-size);background-image:radial-gradient(circle at 50% 90%,var(--shape-a-start)0%,var(--shape-a-end)70%);transform-style:preserve-3d;animation:rotateDiagonal var(--animation-rotation-speed-base)linear infinite,hueShift var(--animation-hue-speed-base)linear infinite;border-radius:50%}.shape-b{height:var(--shapes-size);width:var(--shapes-size);background:radial-gradient(circle at 33% 12%,var(--shape-b-start)0%,var(--shape-b-middle)26%,var(--shape-b-end)63%);filter:blur(2px);will-change:transform;transform-style:preserve-3d;animation:rotateDiagonal calc(var(--animation-rotation-speed-base) + var(--animation-rotation-speed-base)*.5)linear infinite,hueShift calc(var(--animation-hue-speed-base) + var(--animation-hue-speed-base)*.5)linear infinite;mix-blend-mode:soft-light;border-radius:50%}.shape-c{height:var(--shapes-size);width:var(--shapes-size);background-image:radial-gradient(circle at 31% 12%,var(--shape-c-start)0%,var(--shape-c-middle)31%,var(--shape-c-end)77%);filter:blur(1px);opacity:.65;transform-style:preserve-3d;animation:rotateDiagonal calc(var(--animation-rotation-speed-base) + var(--animation-rotation-speed-base)*1)linear infinite,hueShift calc(var(--animation-hue-speed-base) + var(--animation-hue-speed-base)*1)linear infinite;mix-blend-mode:color-dodge;border-radius:50%}.shape-d{height:var(--shapes-size);width:var(--shapes-size);background-image:radial-gradient(circle at 12% 80%,var(--shape-d-start)0%,var(--shape-d-middle)31%,var(--shape-d-end)77%);filter:blur(1px);opacity:.55;transform-style:preserve-3d;animation:rotateDiagonal calc(var(--animation-rotation-speed-base) + var(--animation-rotation-speed-base)*1.5)linear infinite,hueShift calc(var(--animation-hue-speed-base) + var(--animation-hue-speed-base)*1.5)linear infinite;mix-blend-mode:color;border-radius:50%}.glass{height:var(--shapes-size);width:var(--shapes-size);opacity:.8;background:0 0;border-radius:50%;box-shadow:inset 0 -1px 6px 1px #ffffff80,inset 0 3px 4px #ffffff80}.blob-a{animation:rotateDiagonal calc(var(--animation-rotation-speed-base) + var(--animation-rotation-speed-base)*2)linear infinite,hueShift calc(var(--animation-hue-speed-base) + var(--animation-hue-speed-base)*2)linear infinite;opacity:var(--blob-a-opacity);mix-blend-mode:screen}.blob-b{opacity:var(--blob-b-opacity);mix-blend-mode:lighten;animation:rotateDiagonal calc(var(--animation-rotation-speed-base) + var(--animation-rotation-speed-base)*2.5)linear infinite,hueShift calc(var(--animation-hue-speed-base) + var(--animation-hue-speed-base)*2.5)linear infinite;position:absolute;top:0}.blob-shine{opacity:.9;fill:#fff;mix-blend-mode:hard-light;filter:blur(15px);animation:3.5s linear infinite expand;position:absolute;top:0;transform:scale(.4)}.shine-b{mix-blend-mode:plus-lighter;opacity:.3;animation:5s ease-in-out infinite expand-b;left:15%}@keyframes expand{0%{transform:scale(.4)}50%{transform:scale(.1)}to{transform:scale(.4)}}@keyframes expand-b{0%{transform:scale(.6)}50%{transform:scale(.1)}to{transform:scale(.6)}}@keyframes rotateDiagonal{0%{transform:rotate3d(1,1,1,0)}to{transform:rotate3d(1,1,1,360deg)}}@keyframes hueShift{0%{filter:hue-rotate()}50%{filter:hue-rotate(var(--hue-rotation))}to{filter:hue-rotate()}}@keyframes circleAnimation{0%{transform:rotate(-120deg)}50%{transform:rotate(0)}to{transform:rotate(-120deg)}}
