@property --core-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.core-card{--core-angle:0deg;transition:border-color .3s;position:relative}.core-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--core-angle), #6b21a8, #e2337f, #f9423a, #dd6986, #6b21a8);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:2px;transition:opacity .55s ease-in-out;animation:6s linear infinite paused core-border-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}.core-card:hover{border-color:#0000}.core-card:hover:before{opacity:1;animation-play-state:running}@media (prefers-reduced-motion:reduce){.core-card:before{animation:none}}@keyframes core-border-spin{to{--core-angle:360deg}}