.card-spotlight{position:relative;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.1)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle 600px at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:1}.card-spotlight>*{position:relative;z-index:1}.animated-gradient-border-wrapper{position:relative;border-radius:1rem;border:2px solid transparent}.animated-gradient-border-wrapper.highlighted{border-width:3px}.animated-gradient-border-wrapper.highlighted:before{content:"";position:absolute;inset:-3px;border-radius:1rem;padding:8px;background:conic-gradient(from var(--angle),transparent 0deg,transparent 60deg,var(--color-1) 90deg,var(--color-2) 120deg,var(--color-1) 150deg,transparent 180deg,transparent 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-glow 4s linear infinite;filter:blur(50px);opacity:.9;--angle:0deg}@keyframes border-glow{0%{--angle:0deg}to{--angle:360deg}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}