@property --angle{syntax:"<angle>";initial-value:90deg;inherits:true}.box{position:relative}.box-glow{transition-property:opacity,color,box-shadow,background,filter}.box-border:before{content:"";position:absolute;inset:-1px;border-radius:8px;pointer-events:none;padding:2px;box-sizing:border-box;background:conic-gradient(from 1.68deg at 50% 50%,#8e4ffb 0deg,#4f83fb 72deg,#6fc7fb 144deg,#6fc7fb 216deg,#6ffbab 288deg,#8e4ffb 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.box-glow:after,.box-glow:before{content:"";position:absolute;left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);z-index:-1;border-radius:8px;background:conic-gradient(from var(--angle),#8e4ffb,#8e4ffb,#6fc7fb,#6ffbab,#6fc7fb,#4f83fb,#8e4ffb);animation:rotate 3s linear infinite}.box-glow:after{filter:blur(50px)}@keyframes rotate{0%{--angle:0deg}to{--angle:360deg}}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}