.scanner-viewport:after,.scanner-viewport:before{content:"";position:absolute;width:50px;height:50px;border:4px solid #ffffff}.scanner-viewport:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.scanner-viewport:after{top:-2px;right:-2px;border-left:none;border-bottom:none}.scanner-line{position:absolute;top:0;left:10px;right:10px;height:3px;background:linear-gradient(90deg,transparent,rgba(0,255,0,.8),transparent);box-shadow:0 0 10px rgba(0,255,0,.8);animation:scan 2.5s linear infinite;border-radius:5px}.scanner-viewport:has(.scanner-line)>div:last-child:after,.scanner-viewport:has(.scanner-line)>div:last-child:before{content:"";position:absolute;width:50px;height:50px;border:4px solid #ffffff}.scanner-viewport:has(.scanner-line)>div:last-child:before{bottom:-2px;left:-2px;border-top:none;border-right:none}.scanner-viewport:has(.scanner-line)>div:last-child:after{bottom:-2px;right:-2px;border-top:none;border-left:none}@keyframes scan{0%{transform:translateY(5px)}to{transform:translateY(calc(100% - 5px))}}