.glow-border{--glow-border-width:2px;--glow-border-radius:.75rem;--glow-beam-size:clamp(14rem, 34vw, 26rem);--glow-beam-duration:6.5s;padding:var(--glow-border-width);border-radius:var(--glow-border-radius);isolation:isolate;position:relative;overflow:hidden}.glow-border__beam-mask{border:var(--glow-border-width) solid transparent;border-radius:inherit;pointer-events:none;-webkit-mask-composite:source-in, xor;z-index:1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);-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:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-border__beam{aspect-ratio:1;width:var(--glow-beam-size);opacity:.95;offset-path:rect(0 auto auto 0 round var(--glow-beam-size));will-change:offset-distance;animation-duration:var(--glow-beam-duration);background:linear-gradient(90deg,#0000 0%,#ffaa40 16%,#ec4899 42%,#9c40ff 68%,#0000 100%);animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:0;left:0}.glow-border__beam--primary{animation-name:glow-border-beam-primary}.glow-border__beam--secondary{animation-name:glow-border-beam-secondary}.glow-border__content{border-radius:calc(var(--glow-border-radius) - var(--glow-border-width));z-index:2;position:relative;overflow:hidden}@keyframes glow-border-beam-primary{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes glow-border-beam-secondary{0%{offset-distance:50%}to{offset-distance:150%}}@media (prefers-reduced-motion:reduce){.glow-border__beam{offset-distance:10%;animation:none}.glow-border__beam--secondary{offset-distance:60%}}