html, body { width: 100%; overflow-x: hidden; } .glowing-effect { position: relative; --mx: 50%; --my: 50%; --glow-alpha: 0; --bw: 3px; --glow-radius: 200px; border: var(--bw) solid #1b2634; border-radius: var(--radius-s); } .glowing-effect[style*="--glow-alpha: 0"] { border: var(--bw) solid #1b2634; } .glowing-effect::after { content: ""; position: absolute; inset: calc(var(--bw) * -1); pointer-events: none; border-radius: inherit; background: radial-gradient( var(--glow-radius) at var(--mx) var(--my), var(--light), var(--primary-l-2), transparent 70% );  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: var(--bw); opacity: var(--glow-alpha); transition: opacity .18s ease; }  .brx-popup.hide { position: fixed; top: 100vh;  left: 0; width: 100vw; height: 100vh; pointer-events: none; visibility: hidden; }  html:has(.brx-popup:not(.hide)), body:has(.brx-popup:not(.hide)) { overflow: hidden; height: 100%; }