@font-face{font-family:SFPROTEXT-REGULAR;src:url(../fonts/SFPROTEXT-REGULAR.85bd46c1.ttf)}body,html{padding:0;margin:0}body{background-image:url(../img/bg.e4383a23.jpg);background-size:100%;font-family:SFPROTEXT-REGULAR}#app{padding:45px;display:flex;align-items:center;justify-content:center}#wrapper{color:#fff}#wrapper .header{display:flex;align-items:flex-end}#wrapper .header img{width:100px}#wrapper .header h2{margin:0 0 -5px 15px;padding:0}#wrapper .header h2>span{display:block}#wrapper h1{font-size:32px;font-weight:500}#wrapper .scanner{width:250px;height:250px;position:relative;margin-top:60px}#wrapper .scanner__inner{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;padding-top:4px}#wrapper .scanner__corner{border:4px solid #fff;width:40px;height:40px;position:absolute}#wrapper .scanner__corner--tl{border-right-width:0;border-bottom-width:0;border-top-left-radius:20px;top:0;left:0}#wrapper .scanner__corner--tr{border-left-width:0;border-bottom-width:0;border-top-right-radius:20px;top:0;right:0}#wrapper .scanner__corner--bl{border-top-width:0;border-right-width:0;border-bottom-left-radius:20px;bottom:0;left:0}#wrapper .scanner__corner--br{border-left-width:0;border-top-width:0;border-bottom-right-radius:20px;bottom:0;right:0}#wrapper .scanner__camera{width:200px;height:200px;-o-object-fit:cover;object-fit:cover;margin:25px;border-radius:20px}#wrapper .scanner__input{position:relative;margin-top:10px}#wrapper .scanner__input input{width:100%;height:40px;padding:0 10px;box-sizing:border-box;border-radius:4px;border:none;text-align:center;font-family:SFPROTEXT-REGULAR;text-transform:uppercase}#wrapper .scanner__input i{position:absolute;right:0;top:0;bottom:0;width:40px;color:green;font-size:16px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:scale(0);transition:all .3s ease-in-out}#wrapper .scanner__input i.show{opacity:1;pointer-events:unset;transform:scale(1);transition:all .3s ease-in-out}#wrapper .scanner--resolved .scanner__corner{-webkit-animation:scanner-resolved .6s 3;animation:scanner-resolved .6s 3}#wrapper .scanner--invalid .scanner__corner{-webkit-animation:scanner-invalid .6s 3;animation:scanner-invalid .6s 3}#wrapper .info-box{position:relative;margin-top:80px}#wrapper .info-box__inner{display:flex;justify-content:space-between}#wrapper .info-box table{width:100%}#wrapper .info-box table .number__top{font-size:1.3rem}#wrapper .info-box table .number__bottom{font-size:.7rem;color:#ccc;border-top:2px solid #fff}.validation-message{color:#fff;text-align:center;display:block;margin-top:10px}.log{background:hsla(0,0%,100%,.95);color:#333;border-radius:8px}.log h2{font-size:18px;display:flex;align-items:center;border-bottom:2px solid #ccc;padding:20px}.log h2 i{font-size:20px;margin-right:15px;color:#00f}.log ul.list{padding:5px 0;margin:0 20px;border-bottom:1px solid #ccc}.log ul.list li{padding:0;margin:0;list-style-type:none;margin:10px 0;font-size:16px;display:flex;justify-content:space-between;align-items:baseline}.log ul.list li span:first-child{font-weight:700}.log ul.list li span:last-child{font-size:16px}.log ul.list:last-child{border-bottom:none}.scanResult{background:hsla(0,0%,100%,.95);color:#333;border-radius:8px;padding-bottom:10px;border-top:12px solid;width:100%}.scanResult--invalid{border-top-color:#e83d72}.scanResult--invalid i.fa-check-circle,.scanResult--invalid i.fa-ticket-alt{color:#e83d72}.scanResult--warning{border-top-color:orange}.scanResult--warning i.fa-check-circle,.scanResult--warning i.fa-ticket-alt{color:orange}.scanResult--valid{border-top-color:green}.scanResult--valid i.fa-check-circle,.scanResult--valid i.fa-ticket-alt{color:green}.scanResult h2{font-size:18px;align-items:center;border-bottom:2px solid #ccc;padding:12px 20px;margin:0 0 6px 0}.scanResult h2 i{position:relative;top:8px;font-size:40px;margin-right:15px}.scanResult h2>div{font-size:.8em;margin:8px 0 0 62px;color:#666}.scanResult ul.list{padding:5px 0;margin:0 20px;border-bottom:1px solid #ccc}.scanResult ul.list li{padding:0;margin:0;list-style-type:none;margin:6px 0;font-size:16px;display:flex;justify-content:space-between;align-items:baseline}.scanResult ul.list li span:first-child{font-weight:700;width:40%}.scanResult ul.list li span:last-child{text-align:right;font-size:16px}.scanResult ul.list li.d21-persons{display:block}.scanResult ul.list li.d21-persons>div:first-child{font-weight:700}.scanResult ul.list li.d21-persons div:last-child{margin-top:8px;font-weight:700}.scanResult ul.list li.d21-persons div:last-child img{margin:5px 0 0 18px;max-width:320px}.scanResult ul.list:last-child{border-bottom:none}.locks{width:600px}.locks>.header{text-align:center}.locks>.header img{width:80px}.locks .buttons{text-align:center}.locks .buttons .button{position:relative;text-align:center}.locks .buttons .button.loading i.fad{color:#fff;box-shadow:none}.locks .buttons i.fad{cursor:pointer;padding:40px;margin:100px 20px 10px 20px;border-radius:10px;margin-bottom:10px;text-align:center;vertical-align:middle;background-color:#fff;color:#0a402e;font-size:4em;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.locks .buttons i.fa-check{padding:40px 48px}.locks .buttons i.fa-exclamation{padding:40px 68px;color:#5e1111}.locks .buttons>span{text-align:center;display:block;font-size:.8em;margin-bottom:20px;color:hsla(0,0%,100%,.7);text-transform:uppercase}.locks .buttons>span.error{color:#dab4b4}.spinner{position:absolute;left:0;top:142px;right:0;margin-left:auto;margin-right:auto;width:60px;height:60px;background-color:#0a402e;border-radius:100%;-webkit-animation:sk-scaleout 1s ease-in-out infinite;animation:sk-scaleout 1s ease-in-out infinite}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}.btn{border-radius:25px;display:inline-block;color:#fff;background:#44beef;cursor:pointer;padding:10px 0;text-align:center;width:100%;margin:10px 0}.d-block{display:block}.three-bounce{text-align:center;font-size:26px}.three-bounce>div{display:inline-block;width:18px;height:18px;border-radius:100%;margin-right:5px;background-color:#fff;-webkit-animation:bouncedelay 1.4s ease-in-out infinite both;animation:bouncedelay 1.4s ease-in-out infinite both}.three-bounce .one{-webkit-animation-delay:-.32s;animation-delay:-.32s}.three-bounce .two{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes scanner-resolved{0%{border-color:#fff}to{border-color:#3acf8f}}@-webkit-keyframes scanner-resolved{0%{border-color:#fff}to{border-color:#3acf8f}}@keyframes scanner-invalid{0%{border-color:#fff}to{border-color:red}}@-webkit-keyframes scanner-invalid{0%{border-color:#fff}to{border-color:red}}