.glow-avatar{position:relative;width:var(--glow-size);height:var(--glow-size);display:inline-block;flex-shrink:0;isolation:isolate}.glow-avatar__halo,.glow-avatar__core{position:absolute;inset:calc(var(--glow-thickness) * -1);border-radius:var(--glow-radius);padding:var(--glow-thickness);background:var(--glow-gradient);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;will-change:transform,opacity}.glow-avatar__core{z-index:0;opacity:var(--glow-core-opacity);animation:glow-avatar-spin var(--glow-spin-duration) linear infinite,glow-avatar-core-pulse var(--glow-pulse-duration) ease-in-out infinite}.glow-avatar__halo{z-index:-1;filter:blur(var(--glow-blur));opacity:var(--glow-halo-opacity);transform:scale(var(--glow-halo-scale));animation:glow-avatar-spin var(--glow-spin-duration) linear infinite,glow-avatar-halo-pulse var(--glow-pulse-duration) ease-in-out infinite;transform-origin:center}.glow-avatar--inactive .glow-avatar__core,.glow-avatar--inactive .glow-avatar__halo{animation:none}.glow-avatar__mask{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:var(--glow-radius);overflow:hidden;background:hsl(var(--muted))}.glow-avatar__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.glow-avatar__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(var(--glow-size) * .32);font-weight:700;letter-spacing:.02em;color:hsl(var(--primary));background:hsl(var(--primary) / .14)}@keyframes glow-avatar-spin{to{transform:rotate(360deg)}}@keyframes glow-avatar-halo-pulse{0%,to{opacity:calc(var(--glow-halo-opacity) * (1 - var(--glow-pulse-amount) * .55));transform:scale(calc(var(--glow-halo-scale) * (1 - var(--glow-pulse-amount) * .04)))}50%{opacity:calc(var(--glow-halo-opacity) * (1 + var(--glow-pulse-amount) * .55));transform:scale(calc(var(--glow-halo-scale) * (1 + var(--glow-pulse-amount) * .04)))}}@keyframes glow-avatar-core-pulse{0%,to{opacity:calc(var(--glow-core-opacity) * (1 - var(--glow-pulse-amount) * .35))}50%{opacity:calc(var(--glow-core-opacity) * (1 + var(--glow-pulse-amount) * .35))}}@media(prefers-reduced-motion:reduce){.glow-avatar__core,.glow-avatar__halo{animation:none!important}}
