@property --headshot-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.headshot-border-light{background:conic-gradient(from var(--headshot-border-angle),transparent 0%,transparent 55%,#4ade8040 68%,#ffffff80 76%,#4ade80 82%,#ffffffe6 85%,#4ade8080 89%,#4ade8026 94%,transparent 100%);-webkit-mask-composite:xor;pointer-events:none;opacity:0;z-index:20;border-radius:9999px;padding:2px;transition:opacity .4s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.group:hover .headshot-border-light{opacity:1;animation:2s linear infinite headshot-border-orbit}@keyframes headshot-border-orbit{to{--headshot-border-angle:360deg}}@media (prefers-reduced-motion:reduce){.headshot-border-light{display:none}}