body,html{background-color:#000;color:#fbfbfb;font-family:Roboto Mono,monospace;height:100%;width:100%;margin:0}a{color:#2677eb}a:hover{color:#5c8acd}a:visited{color:#1650a5}a:active{color:#bbb}#app{width:100%;height:100%}.hidden{display:none}*{scrollbar-width:thin;scrollbar-color:#aaa transparent}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px;border:4px solid transparent}.file{background-color:#1a1a1a;border-radius:5px;margin:10px;padding:10px 30px;position:relative}.file h3{overflow:hidden;white-space:nowrap}.file .delete-button{position:absolute;right:0;bottom:0;height:24px;width:24px;cursor:pointer;border-radius:5px 0;background:#222;padding:10px}.drag-n-drop-prompt{width:100%;height:100%;display:flex;justify-content:center;align-items:center;outline:20px dashed #082a5b;outline-offset:40px;transition:outline-offset .3s cubic-bezier(.68,-.55,.27,1.55)}.drag-n-drop-prompt.drag-over{outline-offset:-40px}.drag-n-drop-prompt__text{text-align:center}.split-view{display:grid;width:100%;height:100%;grid-template-columns:minmax(0,1fr) max(200px,min(400px,50%))}@media screen and (max-width: 800px){.split-view{grid-template-columns:100%;grid-template-rows:50% 50%}}.files{overflow-y:auto;transition:background-color .3s linear}.files.drag-over{background-color:#111}.export-settings{background:#1a1a1a;display:grid;grid-template-rows:1fr auto;width:100%}.settings{overflow-y:auto;padding:20px}.settings h1{margin:10px}.form-group{margin:25px 10px}select,input{background-color:#101010;border:none;padding:10px;color:#fbfbfb;width:100%}.input-group{overflow:hidden;border-radius:5px;width:100%;max-width:200px;margin:10px;display:flex}.input-group .text{background-color:#101010;padding:10px;color:#fbfbfb}.input-group .text.small{color:#aaa;font-size:12px;display:flex;align-items:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.info{color:#aaa;font-size:12px;margin:5px 0;padding-left:30px;position:relative}.info .icon{position:absolute;left:0;top:0}.center{text-align:center}.button{background-color:#082a5b;border:none;padding:23px 20px;margin:10px;border-radius:5px;color:#fbfbfb;text-align:center}.button.large{font-size:1.5em;font-weight:400;padding:20px 30px}.loading{width:100%;height:100%;background-color:#141414b3;position:fixed;top:0;left:0}.loading:after{content:"";height:100px;width:100px;border-radius:100px;border:solid 15px;border-color:white transparent;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}@keyframes rotate{0%{transform:rotate(0) scale(1);border-color:white transparent}50%{transform:rotate(180deg) scale(.9);border-color:#082a5b transparent}to{transform:rotate(360deg);border-color:white transparent}}