.border-beam{position:absolute;inset:0;border-radius:inherit;border:var(--beam-width,1.5px) solid transparent;pointer-events:none;opacity:0;transition:opacity .3s ease;-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}.border-beam__ray{position:absolute;width:var(--beam-size,140px);aspect-ratio:1;background:var(--beam-gradient);offset-path:rect(0 auto auto 0 round var(--beam-radius,var(--beam-size,140px)));offset-distance:0;animation:border-beam-travel var(--beam-duration,5s) linear infinite;animation-delay:var(--beam-delay,0s);animation-play-state:paused}:hover>.border-beam{opacity:1}:hover>.border-beam>.border-beam__ray{animation-play-state:running}.border-beam--always{opacity:1}.border-beam--always>.border-beam__ray{animation-play-state:running}@keyframes border-beam-travel{to{offset-distance:100%}}@supports not (offset-path:rect(0 auto auto 0 round 1px)){.border-beam{background:var(--beam-gradient-static)}.border-beam__ray{display:none}}@media (prefers-reduced-motion:reduce){.border-beam__ray{animation:none;display:none}.border-beam{background:var(--beam-gradient-static)}}