.glow-border:before{content:"";z-index:1;pointer-events:none;opacity:0;background:radial-gradient(480px circle at var(--glow-x,70%) var(--glow-y,70%), var(--color-primary), transparent 70%);transition:opacity .3s ease-out;position:absolute}.glow-border:hover:before,.glow-border:focus-within:before{opacity:1}.glow-border--ring:before{inset:calc(-1 * var(--border-width-bold));border-radius:inherit;padding:var(--border-width-bold);-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-border--edge-top:before{inset:calc(-1 * var(--border-width-bold)) 0 auto 0;height:var(--border-width-bold)}.glow-border--edge-bottom:before{inset:auto 0 calc(-1 * var(--border-width-bold)) 0;height:var(--border-width-bold)}.glow-border--edge-left:before{inset:0 auto 0 calc(-1 * var(--border-width-bold));width:var(--border-width-bold)}.glow-border--edge-right:before{inset:0 calc(-1 * var(--border-width-bold)) 0 auto;width:var(--border-width-bold)}