body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-drag:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-user-select:none;user-select:none}.page-container{height:100vh;width:100%}.header{align-items:center;display:flex;height:100px;justify-content:space-between;overflow-x:auto;width:100%}.header h1,.header img{height:100%;margin:0 10px}.drop-container{display:block;height:calc(100% - 100px);position:relative}.drop-container input{display:none}.drop-container .drop-area{border:1px dashed gray;border-radius:20px;bottom:5%;left:5%;right:5%;top:5%;z-index:5}.drop-container .drop-area,.qr-container{align-items:center;display:flex;justify-content:center;position:absolute}.qr-container{animation:fadeIn .5s ease;background:rgba(0,0,0,.169);bottom:0;left:0;right:0;top:0;z-index:10}.qr-container .content{align-items:center;animation:fadeIn 1s ease;background-color:#fff;border-radius:25px;display:flex;flex-direction:column;max-width:100%;padding:10px;position:relative;text-align:center}.qr-container .content h2{-webkit-user-select:text;user-select:text}.qr-container .content img{max-width:100%}.qr-container .content .btn-download{border:1px solid gray;border-radius:10px;cursor:pointer;font-size:x-large;padding:5px 10px}.qr-container .content .btn-download:hover{filter:brightness(90%)}.qr-container .content .btn-close{align-items:center;cursor:pointer;display:flex;font-size:x-large;height:1em;justify-content:center;position:absolute;right:15px;top:15px;width:1em}.txt-info{bottom:5px;position:absolute;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}