.vy-live-avatar{vertical-align:middle;border-radius:50%;flex-shrink:0;display:inline-flex;position:relative}.vy-live-avatar[data-live=true]{isolation:isolate;padding:clamp(2px, calc(var(--avatar-size) * .045), 3px);background:hsl(var(--background));cursor:pointer;overflow:visible}.vy-live-avatar[data-live=true]:before,.vy-live-avatar[data-live=true]:after{content:"";border-radius:inherit;pointer-events:none;position:absolute}.vy-live-avatar[data-live=true]:before{z-index:-1;box-shadow:0 0 6px 1px hsl(var(--violet) / .42), 0 0 11px 1px hsl(var(--live-beam-pink) / .24);animation:3.6s ease-in-out infinite vy-beam-halo;top:-2px;bottom:-2px;left:-2px;right:-2px}.vy-live-avatar[data-live=true]:after{padding:clamp(2px, calc(var(--avatar-size) * .045), 3px);background:conic-gradient(from 0deg, hsl(var(--violet)), hsl(var(--live-beam-magenta)), hsl(var(--live-beam-pink)), hsl(var(--violet)), hsl(var(--live-beam-pink)), hsl(var(--violet)));-webkit-mask-composite:xor;animation:7s linear infinite vy-beam-turn;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.vy-live-avatar-badge{z-index:2;border:1px solid hsl(var(--background));padding:2px clamp(2px, calc(var(--avatar-size) * .08), 6px);background:linear-gradient(110deg, hsl(var(--primary)), hsl(var(--live-beam-magenta)), hsl(var(--live-beam-pink)));color:hsl(var(--primary-foreground));font-size:clamp(5px, calc(var(--avatar-size) * .19), 10px);letter-spacing:.04em;white-space:nowrap;pointer-events:none;border-radius:999px;font-weight:800;line-height:1;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.vy-live-avatar:focus-visible{outline:2px solid hsl(var(--violet));outline-offset:4px}.vy-live-photo-surface{border-radius:inherit;display:block}.vy-live-photo-surface[data-live=true]{padding:0}.vy-live-photo-surface[data-live=true]:after{background:linear-gradient(110deg, hsl(var(--violet)), hsl(var(--live-beam-magenta)), hsl(var(--live-beam-pink)), hsl(var(--violet)));background-size:200% 100%;animation-name:vy-beam-travel}@keyframes vy-beam-travel{to{background-position:200% 0}}@keyframes vy-beam-turn{to{transform:rotate(360deg)}}@keyframes vy-beam-halo{0%,to{opacity:.45;transform:scale(.98)}50%{opacity:.85;transform:scale(1.035)}}@keyframes vy-directory-beam-halo{0%,to{opacity:.15;transform:scale(.98)}50%{opacity:1;transform:scale(1.16)}}@keyframes vy-directory-beam-breathe{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:no-preference){#whos-live .vy-live-avatar[data-live=true]:before{box-shadow:0 0 10px 3px hsl(var(--violet) / .65), 0 0 18px 4px hsl(var(--live-beam-pink) / .45);animation:2.4s ease-in-out infinite vy-directory-beam-halo}#whos-live .vy-live-avatar[data-live=true]:after{animation:7s linear infinite vy-beam-turn,2.4s ease-in-out infinite vy-directory-beam-breathe}}@media (prefers-reduced-motion:reduce){.vy-live-avatar[data-live=true]:before,.vy-live-avatar[data-live=true]:after{animation:none}}@media (forced-colors:active){.vy-live-avatar[data-live=true]{outline:2px solid highlight}.vy-live-avatar-badge{color:canvastext;background:canvas}}