:root{--bg-color: #777777;--btn-color: #d5d5d5;--btn-shadow-color: #c5c5c5;--dark-text-color: #494949;--btn-radius: 15px;--small-radius: 3px}*{font-family:Trebuchet MS,Arial,sans-serif;font-size:20px;color:var(--dark-text-color)}h1{margin:0;font-size:24px;text-align:center;color:var(--btn-color)}body{background-color:var(--bg-color);color:#333;overflow-y:scroll;padding:0;margin:0}main{position:relative;width:380px;display:flex;flex-direction:column;padding:0 10px;margin:5vh auto}.btn{border:none;display:block;position:relative;text-align:center;transition:all .2s;cursor:pointer;border-radius:var(--small-radius);margin:1px;font-size:18px;padding:0 12px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent!important}.h-btn{line-height:60px;padding:8px 35px;font-size:25px}.l-btn{line-height:30px}.lit-btn{background:var(--btn-color)}.lit-btn.push{box-shadow:0 7px 0 0 var(--btn-shadow-color)}.lit-btn.half-push{margin-top:5px;margin-bottom:-3px;box-shadow:0 3px 0 0 var(--btn-shadow-color)}.lit-btn.push:active,.lit-btn.half-push:active{margin-top:8px;margin-bottom:-6px;box-shadow:0 0 0 0 var(--btn-shadow-color)}.hide{display:none}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.sect{margin-bottom:30px}#input-box{margin-right:20px}#file-names{color:#d2d2d2;font-size:18px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#file-size{color:#d2d2d2;font-size:16px}#to-b64-url-safe,#to-b64-omit-padding{width:50%}#message{white-space:pre}#processing-modal{position:relative;outline:none!important;background-color:var(--btn-color);border:3px solid var(--dark-text-color);color:var(--dark-text-color);line-height:60px;padding:8px 20px}#processing-modal>img{position:absolute;left:5%;top:50%;translate:0 -50%;animation:rotate-img 1s ease-in-out infinite}@keyframes rotate-img{to{transform:rotate(1turn)}}#processing-modal>span{margin-left:64px}#processing-modal::backdrop{display:none}#download{text-decoration:none}#download>span{color:#9d9d9d;margin-left:8px}.r-all{border-radius:var(--btn-radius)}.r-t{border-top-left-radius:var(--btn-radius);border-top-right-radius:var(--btn-radius)}.r-b{border-bottom-left-radius:var(--btn-radius);border-bottom-right-radius:var(--btn-radius)}.r-l{border-top-left-radius:var(--btn-radius);border-bottom-left-radius:var(--btn-radius)}.r-r{border-top-right-radius:var(--btn-radius);border-bottom-right-radius:var(--btn-radius)}.r-br{border-bottom-right-radius:var(--btn-radius)}.r-bl{border-bottom-left-radius:var(--btn-radius)}@media screen and (max-width: 400px){:root{--btn-radius: 3.75vw;--small-radius: .75vw}*{font-size:5vw}h1{font-size:6vw}main{width:95vw;padding:0 2.5vw}.btn{margin:.25vw;font-size:4.5vw;padding:0 3vw}.h-btn{line-height:15vw;padding:2vw 8.75vw;font-size:6.25vw}.l-btn{line-height:7.5vw}.lit-btn.push{box-shadow:0 1.75vw 0 0 var(--btn-shadow-color)}.lit-btn.half-push{margin-top:1.25vw;margin-bottom:-.75vw;box-shadow:0 .75vw 0 0 var(--btn-shadow-color)}.lit-btn.push:active,.lit-btn.half-push:active{margin-top:2vw;margin-bottom:-1.5vw;box-shadow:0 0 0 0 var(--btn-shadow-color)}.sect{margin-bottom:7.25vw}#input-box{margin-right:5vw}#file-names{font-size:4.5vw}#file-size{font-size:4vw}#processing-modal{border:.75vw solid var(--dark-text-color);line-height:15vw;padding:2vw 5vw}#processing-modal>span{margin-left:16vw}#download>span{margin-left:2vw}}