@property --companion-starter-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes companion-starter-rotate{to{--companion-starter-angle:360deg}}.companion-starter-glow{isolation:isolate;position:relative}.companion-starter-glow:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--companion-starter-angle), var(--primary), var(--active), var(--primary), var(--active), var(--primary));filter:blur(14px);opacity:.45;transition:opacity .3s,filter .3s;animation:16s linear infinite companion-starter-rotate;position:absolute;inset:-3px}.companion-starter-glow:after{content:"";z-index:-1;border-radius:inherit;background:oklch(from var(--card) l c h / .8);position:absolute;inset:0}.companion-starter-glow:focus-within:before{opacity:.75;filter:blur(18px);animation-duration:10s}@media (prefers-reduced-motion:reduce){.companion-starter-glow:before{background:linear-gradient(120deg, var(--primary), var(--active));animation:none}}@property --processing-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes processing-rotate{to{--processing-angle:360deg}}@keyframes processing-glow{0%,to{opacity:.4}50%{opacity:.8}}.card-processing{--_active-fade:color-mix(in oklch, var(--active) 30%, transparent);border-color:#0000;animation:3s ease-in-out infinite processing-glow;position:relative}.card-processing:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--processing-angle), transparent 40%, var(--active) 50%, transparent 60%);animation:3s linear infinite processing-rotate;position:absolute;inset:-1px}.card-processing:after{content:"";z-index:-1;border-radius:inherit;background:var(--card);position:absolute;inset:0}