@property --hero-card-rim-angle{syntax:"<angle>";inherits:false;initial-value:285deg}.hero-card__glow{z-index:1;pointer-events:none;opacity:0;background:conic-gradient(from var(--hero-card-rim-angle), #fffffff2 0deg, #ffffff14 40deg 140deg, #fffffff2 180deg, #ffffff14 220deg 320deg, #fffffff2 360deg);-webkit-mask-composite:xor;border-radius:20px;padding:2px;transition:opacity .22s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.group:hover .hero-card__glow,.group:focus-visible .hero-card__glow{opacity:1;animation:7s linear infinite hero-card-rim}@keyframes hero-card-rim{to{--hero-card-rim-angle:645deg}}@media (prefers-reduced-motion:reduce){.group:hover .hero-card__glow,.group:focus-visible .hero-card__glow{animation:none}}