:root{--color-background: #fcfcfc;--color-text: #111;--color-dropzone: #f0f0f0}[data-theme=dark]{--color-background: #222;--color-text: #fafafa;--color-dropzone: #808080}body{background-color:var(--color-background);color:var(--color-text);font-family:Lato,sans-serif;margin:0 10px;min-height:100vh;padding:0;text-align:center}header{align-items:center;border-bottom:10px solid #f0bc00;display:flex;height:50px;text-align:left;width:100%}header .logo{align-items:center;border:0;display:flex;font-size:20px}header .logo svg{font-size:30px;margin-right:20px}main{margin:0 auto;max-width:900px;min-height:calc(100vh - 270px)}main h1{border-bottom:10px solid #f0bc00;color:var(--color-text);display:inline-flex;margin:50px auto 20px;text-transform:uppercase}a,a:visited{border-bottom:2px solid #f0bc00;color:var(--color-text);outline:0;text-decoration:none}hr{border:0;border-bottom:10px solid #f0bc00;margin-top:50px}.hidden{visibility:hidden}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-selector{align-items:center;background-color:var(--color-background);border:2px solid var(--color-text);border-radius:50%;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;position:absolute;right:30px;width:40px}.theme-selector svg{color:var(--color-text);margin:3px;text-align:center}.loading-icon{animation:rotating 2s linear infinite}.progress{border:1px solid var(--color-text);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:var(--color-text);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;background-color:var(--color-dropzone);border:3px dashed var(--color-text);border-radius:10px;cursor:pointer;display:flex;justify-content:center;margin:50px auto;max-width:800px;min-height:40vh}.dropzone button{background-color:var(--color-text);border:0;border-radius:5px;color:var(--color-background);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{align-items:center;display:flex;font-size:30px;justify-content:center;margin:50px auto}.uploaded-file .file-icon{font-size:40px;margin-right:20px}.uploaded-file .fa-trash{color:var(--color-text);font-size:20px;margin-left:20px}.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:20px;margin-left:10px}.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}.icon-only{background:transparent;border:0;cursor:pointer;margin:0;padding:0}.download-link pre{background-color:var(--color-dropzone);box-shadow:2px 2px 5px #11111180;display:inline-flex;margin:auto;padding:15px;text-align:center}.download-link pre svg{color:var(--color-text);font-size:1rem;margin-left:20px}.download-link pre svg.fa-copy{cursor:pointer}.save-link svg+a{margin-left:10px}.peer-list{margin-top:40px}.peer-list ul{display:flex;flex-flow:row wrap;justify-content:center;list-style:none;padding:0}.peer-list .peer{margin:25px}.peer-list .peer .user-icon{font-size:50px;margin-bottom:25px}.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}.peer-list .peer button{margin-top:0}footer{border-top:10px solid #f0bc00;display:flex;flex-flow:column;height:120px;justify-content:space-evenly;margin:80px auto 0;width:100%}footer svg+a{margin-left:10px}