@property --angle{syntax:"<angle>";initial-value:0deg;inherits:true}@keyframes rotate-border{to{--angle:360deg}}.shiny-border-card{position:relative;animation:rotate-border 3s linear infinite}.shiny-border-card:before{content:"";position:absolute;inset:-2px;z-index:0;border-radius:inherit;background:conic-gradient(from calc(-1 * var(--angle)) at 50% 50%,transparent 0,#7229EF 15%,transparent 30%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:2px}