.scanning-line{height:0;border-top:2px dashed #22c55e;background:none;box-shadow:0 0 20px rgba(34,197,94,.3);animation:scan 4s ease-in-out infinite;z-index:10}.scanning-line,.scanning-line:after{position:absolute;left:0;right:0;top:0;pointer-events:none}.scanning-line:after{content:"";display:block;height:50px;background:linear-gradient(180deg,rgba(34,197,94,.7),rgba(34,197,94,.5) 20%,rgba(34,197,94,.15) 60%,rgba(34,197,94,0))}@keyframes scan{0%{transform:translateY(0);opacity:0}10%{opacity:1}50%{transform:translateY(calc(var(--scan-distance, 400px) - 2px));opacity:1}90%{opacity:1}to{transform:translateY(0);opacity:0}}@media (max-width:768px){.scanning-line{border-top-width:2px;box-shadow:0 0 10px rgba(34,197,94,.4)}.scanning-line:after{height:50px}}