@property --glow-deg{syntax:"<angle>";inherits:true;initial-value:-90deg}@property --glow-strength{syntax:"<number>";inherits:true;initial-value:5}@property --clr-1{syntax:"<color>";inherits:true;initial-value:red}@property --clr-2{syntax:"<color>";inherits:true;initial-value:#ff0}@property --clr-3{syntax:"<color>";inherits:true;initial-value:green}@property --clr-4{syntax:"<color>";inherits:true;initial-value:#00f}@property --clr-5{syntax:"<color>";inherits:true;initial-value:purple}.glowing-border{--gradient-glow:var(--clr-1), var(--clr-2), var(--clr-3), var(--clr-4), var(--clr-5), var(--clr-1);border:var(--border-width,1px) solid transparent;background:linear-gradient(var(--surface,canvas) 0 0) padding-box, conic-gradient(from var(--glow-deg), var(--gradient-glow)) border-box;isolation:isolate;animation:10s linear infinite glow;position:relative}.glowing-border:after{content:"";border-radius:inherit;z-index:-1;inset:calc(var(--border-width,1px) * -1 * var(--glow-strength));border:calc(var(--border-width,1px) * 2 * var(--glow-strength)) solid transparent;background:linear-gradient(var(--surface,canvas) 0 0) padding-box, conic-gradient(from var(--glow-deg), var(--gradient-glow)) border-box;filter:blur(var(--glow-size,1rem));animation:15s ease-in-out infinite pulse;position:absolute}.glowing-border.right{margin-inline-start:auto}@keyframes glow{to{--glow-deg:270deg}}@keyframes pulse{0%{opacity:.2}.5%{opacity:.3}1%{opacity:.2}2.5%{opacity:.4}2.75%{opacity:.2}3%{opacity:.3}5%{opacity:.2}7.5%{opacity:.3}8%{opacity:.1}8.5%{opacity:.3}9%{opacity:.2}9.5%{opacity:.3}10%{opacity:.2}10.5%{opacity:.3}15%{opacity:.1}20%{opacity:.2}20.5%{opacity:1}to{opacity:1}}
