| 1 |
- .saoma[data-v-6b630bc8]{width:100vw;height:100vh}.qr-scanner[data-v-6b630bc8]{background-image:linear-gradient(0deg,transparent 24%,rgba(32,255,77,.1) 25%,rgba(32,255,77,.1) 26%,transparent 27%,transparent 74%,rgba(32,255,77,.1) 75%,rgba(32,255,77,.1) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(32,255,77,.1) 25%,rgba(32,255,77,.1) 26%,transparent 27%,transparent 74%,rgba(32,255,77,.1) 75%,rgba(32,255,77,.1) 76%,transparent 77%,transparent);background-size:3rem 3rem;background-position:-1rem -1rem;width:100%;height:100vh;position:relative;background-color:rgba(17,17,17,0)}.qr-scanner .box[data-v-6b630bc8]{width:213px;height:213px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;border:.1rem solid rgba(0,255,51,.2)}.qr-scanner .line[data-v-6b630bc8]{height:calc(100% - 2px);width:100%;background:linear-gradient(180deg,rgba(0,255,51,0) 43%,#0f3 211%);border-bottom:3px solid #0f3;transform:translateY(-100%);animation:radar-beam-6b630bc8 2s infinite alternate;animation-timing-function:cubic-bezier(.53,0,.43,.99);animation-delay:1.4s}.qr-scanner .angle[data-v-6b630bc8]:after,.qr-scanner .angle[data-v-6b630bc8]:before,.qr-scanner .box[data-v-6b630bc8]:after,.qr-scanner .box[data-v-6b630bc8]:before{content:"";display:block;position:absolute;width:3vw;height:3vw;border:.2rem solid transparent}.qr-scanner .box[data-v-6b630bc8]:after,.qr-scanner .box[data-v-6b630bc8]:before{top:0;border-top-color:#0f3}.qr-scanner .angle[data-v-6b630bc8]:after,.qr-scanner .angle[data-v-6b630bc8]:before{bottom:0;border-bottom-color:#0f3}.qr-scanner .angle[data-v-6b630bc8]:before,.qr-scanner .box[data-v-6b630bc8]:before{left:0;border-left-color:#0f3}.qr-scanner .angle[data-v-6b630bc8]:after,.qr-scanner .box[data-v-6b630bc8]:after{right:0;border-right-color:#0f3}@keyframes radar-beam-6b630bc8{0%{transform:translateY(-100%)}to{transform:translateY(0)}}
|
