@property --gradient-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes spin-gradient{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.card-gradient-border{padding:2px;background:conic-gradient(from var(--gradient-angle),rgba(255,255,255,.1) 0deg,rgba(255,255,255,.1) 60deg,rgba(255,255,255,.9) 120deg,rgba(255,255,255,.1) 180deg,rgba(255,255,255,.1) 240deg,rgba(255,255,255,.9) 300deg,rgba(255,255,255,.1) 360deg);border-radius:40px;mask:conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);-webkit-mask:conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);animation:spin-gradient 4s linear infinite;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}