@property --glow-angle{syntax:"<angle>";inherits:true;initial-value:45deg}.border-glow{--edge-proximity:0;--glow-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--cone-spread:25;isolation:isolate;border-radius:var(--glow-radius,12px);display:grid;position:relative}.border-glow:before,.border-glow>.border-glow__light{content:"";border-radius:inherit;pointer-events:none;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow:not(:hover):not(:focus-within):not(:has([aria-expanded=true])):before{opacity:0;transition:opacity .6s ease-in-out}.border-glow:not(:hover):not(:focus-within):not(:has([aria-expanded=true]))>.border-glow__light{opacity:0;transition:opacity .6s ease-in-out}.border-glow:before{z-index:2;background:var(--glow-g1) border-box, var(--glow-g2) border-box, var(--glow-g3) border-box, var(--glow-g4) border-box, var(--glow-g5) border-box, var(--glow-g6) border-box, var(--glow-g7) border-box, var(--glow-base) border-box;-webkit-mask-composite:xor;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:conic-gradient(from var(--glow-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%)) intersect, linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);mask:conic-gradient(from var(--glow-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%)) intersect, linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));padding:1.5px}.border-glow>.border-glow__light{z-index:-1;box-shadow:0 0 2px 0 var(--glow-c60), 0 0 6px 0 var(--glow-c40), 0 0 14px 0 var(--glow-c30), 0 0 26px 2px var(--glow-c20);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)) * .8);mix-blend-mode:normal}.dark .border-glow>.border-glow__light,.border-glow--on-dark>.border-glow__light{mix-blend-mode:plus-lighter}.border-glow:is(:focus-within,:has([aria-expanded=true])){--edge-proximity:100;--cone-spread:30;animation:3.2s linear infinite border-glow-orbit}@keyframes border-glow-orbit{to{--glow-angle:405deg}}@media (prefers-reduced-motion:reduce){.border-glow:is(:focus-within,:has([aria-expanded=true])){--cone-spread:50;animation:none}}.border-glow:has([aria-invalid=true]):not(:focus-within):not(:has([aria-expanded=true])):before{opacity:0!important}.border-glow:has([aria-invalid=true]):not(:focus-within):not(:has([aria-expanded=true]))>.border-glow__light{opacity:0!important}.border-glow :is(input,textarea,button,[role=combobox]):focus-visible{--tw-ring-shadow:0 0 #0000;box-shadow:none}
