@property --ai-a{syntax:"<angle>";inherits:true;initial-value:0deg}@property --ai-l{syntax:"<number>";inherits:true;initial-value:0}@property --ai-x{syntax:"<length>";inherits:false;initial-value:0}@property --ai-y{syntax:"<length>";inherits:false;initial-value:0}@property --ai-o{syntax:"<number>";inherits:false;initial-value:0}@property --ai-ring-value{syntax:"<angle>";inherits:true;initial-value:0deg}@property --ai-ring-wr{syntax:"<number>";inherits:true;initial-value:0}@property --ai-ring-scale{syntax:"<number>";inherits:true;initial-value:0}.ai-ball{--s:240px;--p:calc(var(--s) / 4);--count:4;--radius:36px;--ring-width:2px;width:var(--s);padding:var(--p);place-items:center;transform:scale(1.4);background:transparent}.ai-ball,.ai-ball__container{aspect-ratio:1;display:grid;position:relative;border-radius:50%}.ai-ball__container{overflow:hidden;background:#b6a9f8;width:100%;place-items:center}@keyframes ai-blob{0%{--ai-a:360deg;--ai-l:0.35;--ai-o:1}30%{--ai-l:1.5}70%{--ai-o:0.4;--ai-l:0.05}98%{--ai-o:0.7}to{--ai-a:0deg;--ai-l:0.35;--ai-o:1}}.ai-ball__c{position:absolute;width:60px;aspect-ratio:1;border-radius:50%;--offset:calc(360deg / var(--count));--angle:calc(var(--offset) * var(--i) + var(--ai-a));translate:calc(cos(var(--angle)) * var(--radius) + var(--ai-x, 0px)) calc(sin(var(--angle)) * var(--radius) * -1);scale:calc(.6 + var(--ai-l));animation:ai-blob 11s cubic-bezier(.45,-.35,.16,1.5) infinite;opacity:var(--ai-o,1)}.ai-ball__c:first-child{--i:0}.ai-ball__c:nth-child(2){--i:1}.ai-ball__c:nth-child(3){--i:2}.ai-ball__c:nth-child(4){--i:3}.ai-ball__c1{background:radial-gradient(50% 50% at center,#c979ee,#74bcd6);--ai-x:6px;width:96px;animation-timing-function:cubic-bezier(.12,.32,.68,.24)}.ai-ball__c2{background:radial-gradient(50% 50% at center,#ef788c,#e7e7fb);width:90px}.ai-ball__c3{background:radial-gradient(50% 50% at center,#eb7fc6,transparent);width:30px;opacity:.6;--ai-x:-6px}.ai-ball__c4{background:#6d67c8;animation-timing-function:cubic-bezier(.39,-.03,.75,.47)}.ai-ball__glass{overflow:hidden;position:absolute;--w:1.5px;inset:calc(var(--p) - var(--w));border-radius:50%;backdrop-filter:blur(8px);box-shadow:0 8px 40px color-mix(in srgb,black,transparent 85%);background:radial-gradient(60px at 70% 30%,rgba(255,255,255,.7),transparent)}.ai-ball__glass:after{content:"";position:absolute;inset:0;--line-c:rgba(255,255,255,0.03);--line-w:0.0625rem;--line-g:0.1875rem;background:repeating-linear-gradient(var(--line-c),var(--line-c) var(--line-w),transparent var(--line-w),transparent calc(var(--line-w) + var(--line-g)));border-radius:inherit;border:6px solid rgba(255,255,255,.1)}@keyframes ai-ring{0%{--ai-ring-value:var(--ring-start);--ai-ring-scale:1}50%{--ai-ring-scale:1.2;--ai-ring-wr:1.5}70%{--ai-ring-scale:1;--ai-ring-value:calc(var(--ring-start) + 180deg);--ai-ring-wr:1}80%{--ai-ring-scale:1.2;--ai-ring-wr:1.5}to{--ai-ring-value:calc(var(--ring-start) + 360deg);--ai-ring-scale:1;--ai-ring-wr:1}}.ai-ball__rings{aspect-ratio:1;border-radius:50%;position:absolute;inset:0;perspective:11rem;opacity:.9}.ai-ball__rings:after,.ai-ball__rings:before{content:"";position:absolute;inset:0;border-radius:50%;--ai-ring-wr:1;border:calc(var(--ring-width) * var(--ai-ring-wr)) solid transparent;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;background:linear-gradient(white,blue,magenta,violet,lightyellow) border-box;animation:ai-ring 16s ease-in-out infinite;--ai-ring-scale:1;--ai-ring-value:var(--ring-start);transform:rotateY(var(--ai-ring-value)) rotateX(var(--ai-ring-value)) rotate(var(--ai-ring-value)) scale(var(--ai-ring-scale))}.ai-ball__rings:before{--ring-start:180deg}.ai-ball__rings:after{--ring-start:90deg}.ai-ball__rings>.ai-ball__rings:before{--ring-start:360deg}.ai-ball__rings>.ai-ball__rings:after{--ring-start:270deg}