body{color:#111;font-family:Lato,sans-serif;text-align:center}a,a:visited{color:#007bff;outline:0;text-decoration:none}a:hover{text-decoration:underline}hr{border:0;border-bottom:10px solid #f0bc00;margin-top:50px}.hidden{visibility:hidden}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-icon{animation:rotating 2s linear infinite}.progress{border:1px solid #111;border-radius:3px;height:20px;min-width:100px;width:100%}.progress .progress-inner{background-color:#f0bc00;height:calc(100% - 2px);padding-top:1px}.progress label{color:#111;display:block;margin-top:-20px}.steps{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;margin:auto;padding:0}.steps li{align-items:center;display:flex;flex:1 0 250px;flex-flow:column;list-style:none;margin:30px 15px}.steps li svg{display:block;font-size:40px}.steps li h3{font-weight:700}.steps li p{max-width:250px}.dropzone{align-items:center;border:1px dashed #111;border-radius:10px;cursor:pointer;display:flex;justify-content:center;margin:0 auto;max-width:800px;min-height:40vh}.dropzone button{background-color:#111;border:0;border-radius:5px;color:#fcfcfc;cursor:pointer;display:block;font-weight:700;margin:20px auto;outline:0;padding:10px 20px;text-transform:uppercase;transition:box-shadow .1s}.dropzone button:active{box-shadow:2px 2px 5px #11111180}.uploaded-file{display:flex;justify-content:center;align-items:flex-end;font-size:1rem;margin:0 auto}.uploaded-file .file-icon{font-size:1.2rem;margin-right:.5rem}.uploaded-file .fa-trash{cursor:pointer;font-size:1.2rem;margin-left:1rem}.uploaded-file span{white-space:nowrap}.uploaded-file span.file-name,.uploaded-file span.file-extension{overflow:hidden;text-overflow:ellipsis}.uploaded-file span.file-size{font-size:1rem;margin-left:.5rem}.btn_area{width:fit-content;display:flex;justify-content:center;align-items:center;column-gap:1rem;margin:0 auto}.btn_area .start_button{background-color:#f0bc00;border:0;border-radius:5px;color:#111;cursor:pointer;display:block;font-weight:700;margin:20px auto;outline:0;padding:10px 20px;text-transform:uppercase;transition:box-shadow .1s}.btn_area .start_button:active{box-shadow:2px 2px 5px #11111180}.cancel_btn{background-color:#f0f0f0;border:0;border-radius:5px;color:#111;cursor:pointer;display:block;font-weight:700;margin:20px auto;outline:0;padding:10px 20px;text-transform:uppercase;transition:box-shadow .1s;display:flex;align-items:center}.cancel_btn:active{box-shadow:2px 2px 5px #11111180}.cancel_btn span{margin-left:.25rem}.default-button{background-color:#f0bc00;border:0;border-radius:5px;color:#111;cursor:pointer;display:block;font-weight:700;margin:20px auto;outline:0;padding:10px 20px;text-transform:uppercase;transition:box-shadow .1s}.default-button:active{box-shadow:2px 2px 5px #11111180}.download-link{margin:2rem 0}.download-link pre{background-color:#f0f0f0;box-shadow:1px 1px 3px #11111180;border-radius:.35rem;display:inline-flex;padding:.75rem;text-align:center}.download-link pre svg{font-size:1rem;margin-left:20px}.download-link pre svg.fa-copy{cursor:pointer}.save-link svg+a{margin-left:10px}.peer-list ul{display:flex;flex-flow:row wrap;justify-content:center;list-style:none;padding:0}.peer-list .peer{display:flex;flex-flow:column;align-items:center;row-gap:.25rem}.peer-list .peer .user-icon{font-size:2rem}.peer-list .peer .peer-id{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peer-list .peer button{background-color:#f0bc00;border:0;border-radius:5px;color:#111;cursor:pointer;display:block;font-weight:700;margin:20px auto;outline:0;padding:10px 20px;text-transform:uppercase;transition:box-shadow .1s}.peer-list .peer button:active{box-shadow:2px 2px 5px #11111180}