@property --card-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.animated-card-1{position:relative;border:3px solid transparent;background:hsla(0,0%,100%,.1)}.animated-card-1:after,.animated-card-1:before{--full-gradient:conic-gradient(red 0 0);position:absolute;content:"";inset:-6px;border:inherit;border-radius:inherit;box-shadow:0 0 6em rgba(0,0,0,.001);background:conic-gradient(from var(--card-angle),#fff,oklch(.627 .265 303.9)) border-box;-webkit-mask:var(--full-gradient) no-clip subtract,var(--full-gradient) padding-box;mask:var(--full-gradient) no-clip subtract,var(--full-gradient) padding-box;pointer-events:none;animation:rotateGradient 140s linear infinite}.animated-card-1:after{filter:blur(.8em)}.animated-card-2{position:relative;border:3px solid transparent;background:hsla(0,0%,100%,.1)}.animated-card-2:after,.animated-card-2:before{--full-gradient:conic-gradient(red 0 0);position:absolute;content:"";inset:-6px;border:inherit;border-radius:inherit;box-shadow:0 0 6em rgba(0,0,0,.001);background:conic-gradient(from var(--card-angle),#fff,oklch(.623 .214 259.815)) border-box;-webkit-mask:var(--full-gradient) no-clip subtract,var(--full-gradient) padding-box;mask:var(--full-gradient) no-clip subtract,var(--full-gradient) padding-box;pointer-events:none;animation:rotateGradient 120s linear infinite}.animated-card-2:after{filter:blur(.8em)}.animated-card-3{position:relative;border:3px solid transparent;background:hsla(0,0%,100%,.1)}.animated-card-3:after,.animated-card-3:before{--full-gradient:conic-gradient(red 0 0);position:absolute;content:"";inset:-6px;border:inherit;border-radius:inherit;box-shadow:0 0 6em rgba(0,0,0,.001);background:conic-gradient(from var(--card-angle),#fff,oklch(.656 .241 354.308),#fff,oklch(.656 .241 354.308)) border-box;-webkit-mask:var(--full-gradient) no-clip subtract,var(--full-gradient) padding-box;mask:var(--full-gradient) no-clip subtract,var(--full-gradient) padding-box;pointer-events:none;animation:rotateGradient 100s linear infinite}.animated-card-3:after{filter:blur(.8em)}@keyframes rotateGradient{to{--card-angle:360deg}}@-webkit-keyframes rotateGradient{to{--card-angle:360deg}}