:root{--react-ai-orb-size:62px;--shapes-size:52px;--main-bg-start:#0d6efd;--main-bg-end:#111352;--shadow-color-1:#0095b600;--shadow-color-2:#00608080;--shadow-color-3:#ffffffe6;--shadow-color-4:#93e5f9;--main-shadow:var(--shadow-color-1)0px 4px 6px 0px,var(--shadow-color-2)0px 5px 10px 0px,var(--shadow-color-3)0px 0px 1px 0px inset,var(--shadow-color-4)0px 1px 7px 0px inset;--shape-a-start:#7fd0ff;--shape-a-end:#00699400;--shape-b-start:azure;--shape-b-middle:#40abe0;--shape-b-end:#00808000;--shape-c-start:#e0ffff00;--shape-c-middle:#20b2aa00;--shape-c-end:#0e195e;--shape-d-start:#e0ffff00;--shape-d-middle:#00808000;--shape-d-end:#1720a9;--blob-a-opacity:.3;--blob-b-opacity:.3;--animation-rotation-speed-base:2s;--animation-hue-speed-base:2s;--hue-rotation:120deg;--main-hue-animation:none}.loader-overlay{z-index:9999;background:#f4f4f4;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0}.loader-overlay.fade-out{opacity:0;pointer-events:none}.orb-container{justify-content:center;align-items:center;display:flex}.orb-container.paused *{transition:all 1s ease-in-out;animation-play-state:paused!important}.orb-container.paused .shape-a,.orb-container.paused .shape-b,.orb-container.paused .shape-c,.orb-container.paused .shape-d{opacity:.1!important}.orb-main{animation:var(--main-hue-animation);background-image:radial-gradient(circle at 50% 30%,var(--main-bg-start)0,var(--main-bg-end)70%);box-shadow:var(--main-shadow);cursor:pointer;height:var(--react-ai-orb-size);width:var(--react-ai-orb-size);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{animation:rotateDiagonal var(--animation-rotation-speed-base)linear infinite,hueShift var(--animation-hue-speed-base)linear infinite;background-image:radial-gradient(circle at 50% 90%,var(--shape-a-start)0,var(--shape-a-end)70%);height:var(--shapes-size);transform-style:preserve-3d;width:var(--shapes-size);border-radius:50%}.shape-a.loc-a{top:2rem;left:2rem;filter:blur(50px)!important}.shape-b{animation:rotateDiagonal calc(var(--animation-rotation-speed-base)*1.5)linear infinite,hueShift calc(var(--animation-hue-speed-base)*1.5)linear infinite;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);height:var(--shapes-size);mix-blend-mode:soft-light;transform-style:preserve-3d;width:var(--shapes-size);will-change:transform;border-radius:50%}.shape-c{animation:rotateDiagonal calc(var(--animation-rotation-speed-base)*2)linear infinite,hueShift calc(var(--animation-hue-speed-base)*2)linear infinite;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);height:var(--shapes-size);mix-blend-mode:color-dodge;opacity:.65;transform-style:preserve-3d;width:var(--shapes-size);border-radius:50%}.shape-d{animation:rotateDiagonal calc(var(--animation-rotation-speed-base)*2.5)linear infinite,hueShift calc(var(--animation-hue-speed-base)*2.5)linear infinite;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);height:var(--shapes-size);mix-blend-mode:color;opacity:.55;transform-style:preserve-3d;width:var(--shapes-size);border-radius:50%}.glass{height:var(--shapes-size);opacity:.8;width:var(--shapes-size);background:0 0;border-radius:50%;box-shadow:inset 0 -1px 6px 1px #00000080,inset 0 3px 4px #00000080}.blob-a{animation:rotateDiagonal calc(var(--animation-rotation-speed-base)*3)linear infinite,hueShift calc(var(--animation-hue-speed-base)*3)linear infinite;mix-blend-mode:screen;opacity:var(--blob-a-opacity)}.blob-b{animation:rotateDiagonal calc(var(--animation-rotation-speed-base)*3.5)linear infinite,hueShift calc(var(--animation-hue-speed-base)*3.5)linear infinite;mix-blend-mode:lighten;opacity:var(--blob-b-opacity);position:absolute;top:0}.blob-shine{fill:#fff;filter:blur(15px);mix-blend-mode:hard-light;opacity:.9;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,1turn)}}@keyframes hueShift{0%{filter:hue-rotate()}50%{filter:hue-rotate(var(--hue-rotation))}to{filter:hue-rotate()}}