@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.siri-orb{--orb-c3:#fff;aspect-ratio:1;background:radial-gradient(circle,#00000014 0%,#00000008 30%,#0000 70%);border-radius:50%;grid-template-areas:"stack";display:grid;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.dark .siri-orb{--orb-c3:#1a1d36;background:radial-gradient(circle,#ffffff14 0%,#ffffff05 30%,#0000 70%)}.siri-orb:before{content:"";background:conic-gradient(from calc(var(--angle)*1.2)at 30% 65%,var(--c3)0deg,transparent 45deg 315deg,var(--c3)360deg),conic-gradient(from calc(var(--angle)*.8)at 70% 35%,var(--c2)0deg,transparent 60deg 300deg,var(--c2)360deg),conic-gradient(from calc(var(--angle)*-1.5)at 65% 75%,var(--c1)0deg,transparent 90deg 270deg,var(--c1)360deg),conic-gradient(from calc(var(--angle)*2.1)at 25% 25%,var(--c2)0deg,transparent 30deg 330deg,var(--c2)360deg),conic-gradient(from calc(var(--angle)*-.7)at 80% 80%,var(--c1)0deg,transparent 45deg 315deg,var(--c1)360deg),radial-gradient(ellipse 120% 80% at 40% 60%,var(--c3)0%,transparent 50%);width:100%;height:100%;filter:blur(var(--blur-amount))contrast(var(--contrast-amount))saturate(1.2);animation:rotate var(--animation-duration)linear infinite;will-change:transform;border-radius:50%;grid-area:stack;display:block;transform:translateZ(0)}.siri-orb:after{content:"";mix-blend-mode:overlay;background:radial-gradient(circle at 45% 55%,#ffffff1a 0%,#ffffff0d 30%,#0000 60%);border-radius:50%;grid-area:stack;width:100%;height:100%;display:block}@keyframes rotate{0%{--angle:0deg}to{--angle:360deg}}@media (prefers-reduced-motion:reduce){.siri-orb:before{animation:none}}