.ku-scanner{height:100vh;background:#000;.ku-scanner-content{position:relative;height:100%;.ku-scanner-tooltip{top:20px;left:0;width:100%;color:#fff;text-align:center;font-size:14px}.ku-scanner-section,.ku-scanner-tooltip{position:absolute}.ku-scanner-section{width:280px;height:280px;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid rgba(25,137,250,.2);overflow:hidden;&:after,&:before,.ku-scanner-section-angle:after,.ku-scanner-section-angle:before{content:"";width:16px;height:16px;border:2px solid #1989fa}&:before{top:-2px;left:-2px;border-bottom:none;border-right:none}&:after{top:-2px;right:-2px;border-bottom:none;border-left:none}.ku-scanner-section-angle:before{bottom:-2px;left:-2px;border-top:none;border-right:none}.ku-scanner-section-angle:after{bottom:-2px;right:-2px;border-top:none;border-left:none}.ku-scanner-section-animation-line{height:1px;width:100%;background:#1989fa;top:50%;-webkit-animation:scan-line 2s infinite;animation:scan-line 2s infinite}}}}@-webkit-keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}