body{margin:0;padding:0}.scanner-animation{animation-duration:2s;animation-iteration-count:infinite;animation-name:scan;animation-timing-function:linear;background-color:red;border-radius:50px;box-shadow:0 0 8px 10px #aa0b177d;height:3px;left:75px;opacity:.7;position:absolute;right:75px;top:50px;width:auto;z-index:799999}@keyframes scan{0%{box-shadow:0 0 8px 10px #aa0b177d;top:60px}50%{box-shadow:0 6px 8px 10px #aa0b177d;top:calc(100% - 63px)}to{box-shadow:0 -6px 8px 10px #aa0b177d;top:60px}}.scanner-container{aspect-ratio:1/1;border-radius:16px;box-shadow:0 10px 30px #0003;margin:0 auto;max-width:500px;overflow:hidden;position:relative;width:100%}.scanner-overlay{background:linear-gradient(135deg,#4299e11a,#3182ce0d);z-index:1}.scanner-corners,.scanner-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.scanner-corners{z-index:5}.scanner-corners span:after,.scanner-corners span:before,.scanner-corners:after,.scanner-corners:before{border:0 solid #3182ce;box-shadow:0 0 10px #3182ce80;content:"";height:40px;position:absolute;transition:all .3s ease-in-out;width:40px}.scanner-corners:before{animation:pulse 2s infinite;border-left-width:5px;border-radius:10px 0 0 0;border-top-width:5px;left:16px;top:16px}.scanner-corners:after{animation:pulse 2s .5s infinite;border-radius:0 10px 0 0;border-right-width:5px;border-top-width:5px;right:16px;top:16px}.scanner-corners span:before{animation:pulse 2s 1s infinite;border-bottom-width:5px;border-left-width:5px;border-radius:0 0 0 10px;bottom:16px;left:16px}.scanner-corners span:after{animation:pulse 2s 1.5s infinite;border-bottom-width:5px;border-radius:0 0 10px 0;border-right-width:5px;bottom:16px;right:16px}@keyframes pulse{0%{box-shadow:0 0 0 #3182ce66;opacity:1}50%{box-shadow:0 0 20px #3182ce99;opacity:.7}to{box-shadow:0 0 0 #3182ce66;opacity:1}}.scan-line{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(90deg,#3182ce00,#3182cecc 50%,#3182ce00);box-shadow:0 0 10px #3182cecc;height:4px;z-index:4}.scan-line,.scanner-particles{left:0;position:absolute;right:0;top:0}.scanner-particles{bottom:0;overflow:hidden;pointer-events:none;z-index:2}.particle{animation:float 6s linear infinite;background-color:#3182ce99;border-radius:50%;opacity:0;position:absolute}.particle:first-child{animation-delay:0s;height:8px;left:20%;top:40%;width:8px}.particle:nth-child(2){animation-delay:1s;height:12px;left:60%;top:30%;width:12px}.particle:nth-child(3){animation-delay:2s;height:6px;left:80%;top:70%;width:6px}.particle:nth-child(4){animation-delay:3s;height:10px;left:40%;top:80%;width:10px}.particle:nth-child(5){animation-delay:4s;height:7px;left:30%;top:20%;width:7px}@keyframes float{0%{opacity:0;transform:translateY(0) translateX(0)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateY(-100px) translateX(20px)}}.viewfinder-focus{border:1px solid #3182ce4d;border-radius:10px;height:75%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:75%;z-index:3}@media (max-width:480px){.scanner-container{border-radius:12px;max-width:100%}.scanner-corners span:after,.scanner-corners span:before,.scanner-corners:after,.scanner-corners:before{height:30px;width:30px}}
/*# sourceMappingURL=main.30cf0e40.css.map*/