@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-gradient{to{--angle:360deg}}.spinner-gradient{--angle:0deg;background:conic-gradient(from var(--angle),#3c8cff,#8a2cff,#b38cff,#00ffb8,#3c8cff);animation:2.8s linear infinite spin-gradient}.spinner-face{inset:var(--spin-padding,2px);border-radius:inherit;background:var(--spin-fill,#f7f7f7);position:absolute}.spinner-gradient[data-mode=thinking]{background:conic-gradient(from var(--angle),transparent 0deg,transparent 260deg,#2a83e9 340deg,#2a83e9 360deg);animation:1.2s linear infinite spin-gradient}.spinner-gradient[data-mode=primary]{background:#2a83e9;animation:none}.spinner-gradient[data-mode=static]{animation:none}.cami-logo-idle .spinner-gradient{animation-play-state:paused}.cami-logo-idle:hover .spinner-gradient,.cami-logo-idle:focus-within .spinner-gradient{animation-play-state:running}