@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.demo-border-wrap{isolation:isolate;position:relative}.demo-border-wrap:before{content:"";background:conic-gradient(from var(--angle), #f472b6, #c084fc, #818cf8, #38bdf8, #2dd4bf, #fbbf24, #f472b6);z-index:-2;opacity:.25;filter:blur(2rem);border-radius:calc(9999px + 1.5rem);animation:15s linear infinite demo-border-rotate;position:absolute;inset:-1.5rem}.demo-border-card{isolation:isolate;position:relative;overflow:hidden}.demo-border-card:before{content:"";background:conic-gradient(from var(--angle), #f472b6, #c084fc, #818cf8, #38bdf8, #2dd4bf, #fbbf24, #f472b6);border-radius:inherit;z-index:-1;animation:15s linear infinite demo-border-rotate;position:absolute;inset:-3px}.demo-border-card:after{content:"";background:hsl(var(--card));z-index:-1;border-radius:9996px;position:absolute;inset:3px}.demo-thumbs-hidden [class*=Avatar] img{transition:none;opacity:0!important}@keyframes demo-border-rotate{to{--angle:360deg}}