body{box-sizing:border-box;background-color:#112;flex-direction:column;align-items:center;width:100%;height:100%;margin:0;padding:12px;font-family:sans-serif;display:flex;position:absolute}.title{margin:12px}.title a{border-radius:4px;padding:8px;text-decoration:none;display:block}.title a:hover{background-color:#fff3}.container{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:40px;display:flex}input[type=file]{display:none}.file-button{color:#fff;box-sizing:border-box;cursor:pointer;background-color:#bbf;border:0 solid #000;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-family:sans-serif;font-size:48pt;font-weight:700;animation:2s infinite glow;display:flex;box-shadow:0 0 20px #aac}.url-container{align-items:center;width:100%;margin-top:8px;display:flex;position:relative}.url-container input{border:0;border-radius:4px;width:100%;height:30px;padding:4px}.url-container button{color:#333;background:#fff;border:0;border-radius:8px;align-items:center;height:30px;padding:0;display:inline-flex;position:absolute;right:4px;box-shadow:-12px 0 10px #fff}.url-container button:hover{cursor:pointer}.url-container button #copyStatus{margin:2px}@keyframes glow{50%{box-shadow:0 0 50px #aaf}}.qr-code{background-color:#fff;border-radius:12px;animation:2s infinite glow;display:inline-block;box-shadow:0 0 20px #aac}.info-message{color:#ccf;flex-direction:column;align-items:center;width:100%;padding:32px;font-family:sans-serif;font-weight:700;display:flex}.info-message ul{color:#000;text-align:left;background-color:#bbf;border-radius:8px;width:100%;padding:16px;list-style-type:none;overflow-y:scroll}.info-message ul li{text-overflow:ellipsis;border-bottom:1px solid #000;align-items:center;display:flex;overflow-x:hidden}.info-message ul li:before{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23000000'%3e%3cpath%20d='M240-80q-33%200-56.5-23.5T160-160v-640q0-33%2023.5-56.5T240-880h360l200%20200v520q0%2033-23.5%2056.5T720-80H240Zm0-80h480v-480H560v-160H240v640Zm240-40q67%200%20113.5-47T640-360v-160h-80v160q0%2033-23%2056.5T480-280q-33%200-56.5-23.5T400-360v-220q0-9%206-14.5t14-5.5q9%200%2014.5%205.5T440-580v220h80v-220q0-42-29-71t-71-29q-42%200-71%2029t-29%2071v220q0%2066%2047%20113t113%2047ZM240-800v160-160%20640-640Z'/%3e%3c/svg%3e");padding-right:8px;font-family:Material Symbols Outlined}.loader{box-sizing:border-box;border:5px solid #fff;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.basic-button{color:#fff;background-color:#559;border:0;border-radius:4px;margin:4px;padding:4px;font-weight:700;display:inline-block}.basic-button:hover{cursor:pointer;background-color:#66a}.qr-scanner{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.qr-scanner video{border-radius:8px;max-width:100%;max-height:100%}.scan-button{color:#559;cursor:pointer;background:0 0;border:2px solid #559;border-radius:8px;margin:16px;padding:8px;font-weight:700;position:absolute;bottom:0}.scan-button:hover{color:#fff;background-color:#559}
