@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.rotating{transform:rotate(var(--angle));animation:5s linear infinite rotateBorder}.card{position:relative}.card:after{content:"";background:conic-gradient(from calc(var(--angle) - 45deg),#ffffff1a,#ffffffb3,#ffffff1a,#ffffffb3,#ffffff1a);pointer-events:none;border-radius:2rem;width:100%;height:100%;animation:5s linear infinite rotateBorder;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:url(/mask.svg) 50%/100% 100%;-webkit-mask-source-type:luminance;mask:url(/mask.svg) 50%/100% 100% luminance}@keyframes rotateBorder{0%{--angle:0deg}to{--angle:360deg}}