.scanning-line{height:0;border-top:2px dashed #22c55e;background:none;box-shadow:0 0 20px #22c55e4d;animation:scan var(--scan-animation-duration,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,#22c55eb3,#22c55e80 20%,#22c55e26 60%,#22c55e00)}@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 #22c55e66}.scanning-line:after{height:50px}}