html,body{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.container{box-sizing:border-box;color:#fff;background-color:#1d1e22;flex-direction:column;height:100%;display:flex;position:relative}.container .github-corner{position:fixed;top:0;right:0}.container .github-corner:hover .octo-arm{animation:.56s ease-in-out octocat-wave}@media (max-width:500px){.container .github-corner:hover .octo-arm{animation:none}.container .github-corner .octo-arm{animation:.56s ease-in-out octocat-wave}}.container .header{color:#1d1e22;background-color:#f5f5f5;flex:none;padding:40px 0}.container .header .inner-header{text-align:center;grid-template-columns:25% 1fr;max-width:650px;margin-left:auto;margin-right:auto;display:grid}.container .header .logo{object-fit:contain;object-position:center;width:100%;height:100%;max-height:100px}.container .header .meta-wrap{text-align:left}.container .header .title{font-size:30px;font-weight:700}.container .header .description{max-width:500px;margin-top:10px;margin-left:auto;margin-right:auto}@media (max-width:635px){.container .header{padding:20px 0}.container .header .inner-header{grid-template-columns:none}.container .header .inner-header .logo{max-height:50px}.container .header .inner-header .meta-wrap{text-align:center}.container .header .inner-header .title{font-size:20px}.container .header .inner-header .description{padding:0 20px;font-size:12px}}.container .transformer-wrap{flex:1 0 auto;padding:40px 20px;position:relative}.container .transformer-wrap .dropzone{-webkit-user-select:none;user-select:none;cursor:pointer;text-align:center;border:2px dashed gray;border-radius:5px;justify-content:center;align-items:center;max-width:600px;height:70px;margin-left:auto;margin-right:auto;font-size:14px;transition:background-color .2s linear,border .2s linear,color .2s linear;display:flex}.container .transformer-wrap .dropzone:hover{color:#000;background-color:#d3d3d3;border:2px solid #d3d3d3}.container .transformer-wrap .dropzone.highlight{color:#fff;background-color:#2d9bf080;border:2px solid #2d9bf0}.container .transformer-wrap .loader{z-index:1;opacity:0;visibility:hidden;background-color:#1d1e22;transition:opacity .1s linear,visibility 0s linear .1s;position:absolute;inset:40px 0 0}.container .transformer-wrap .loader .animation-container{width:100%;max-width:600px;height:100%;max-height:150px;margin-left:auto;margin-right:auto;position:relative}.container .transformer-wrap .loader .animation-container .percentage{opacity:.5;font-size:50px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.container .transformer-wrap .loader .animation-container canvas{width:100%;height:100%}.container .transformer-wrap .loader.show{opacity:1;visibility:visible;transition:opacity .1s linear,visibility linear}.container .transformer-wrap .version{z-index:2;font-size:10px;position:absolute;bottom:10px;right:10px}