.border-beam{--beam-size:3.5rem;--beam-width:1.5px;--beam-color:var(--coral);--beam-duration:4.5s;pointer-events:none;border:var(--beam-width) solid transparent;border-radius:inherit;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-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.border-beam:after{content:"";width:var(--beam-size);aspect-ratio:1;background:linear-gradient(to left, var(--beam-color), transparent);offset-path:rect(0 auto auto 0 round 9999px);offset-anchor:90% 50%;animation:border-beam var(--beam-duration) linear 1 forwards;position:absolute}@keyframes border-beam{0%{offset-distance:0%}80%{opacity:1}to{offset-distance:100%;opacity:0}}@media (prefers-reduced-motion:reduce){.border-beam:after{display:none}}
