@property --ref-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.ref-card{isolation:isolate;position:relative}.ref-card:before,.ref-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:conic-gradient(from var(--ref-glow-angle), transparent 0deg 268deg, #ff6b2c29 286deg, #ff6b2c9e 308deg, #ff965a57 322deg, #2b6eff29 338deg, transparent 360deg);-webkit-mask-composite:xor;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 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}.ref-card:before{z-index:2;padding:1px}.ref-card:after{z-index:1;filter:blur(8px);padding:3px}.ref-card>*{z-index:3;position:relative}@keyframes ref-glow-rotate{to{--ref-glow-angle:360deg}}@media (hover:hover) and (pointer:fine){@media (prefers-reduced-motion:no-preference){.ref-card:hover:before,.ref-card:focus-within:before{opacity:.8;animation:4.5s linear infinite ref-glow-rotate}.ref-card:hover:after,.ref-card:focus-within:after{opacity:.42;animation:4.5s linear infinite ref-glow-rotate}}@media (prefers-reduced-motion:reduce){.ref-card:hover:before,.ref-card:focus-within:before{opacity:.7}.ref-card:hover:after,.ref-card:focus-within:after{opacity:.3}}}