html,body{height:100%;width:100%;padding:0;margin:0;background:#fafafa;font-family:Helvetica Neue,arial,sans-serif;font-weight:400;color:#444;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}#app{height:100%}.editors{padding:0 .15rem;display:flex;flex-flow:row wrap;gap:.5rem}.source{width:calc(50% - .5rem);float:left;margin-bottom:20px}.source .cm-editor{max-height:300px}.sourceFull{width:100%;margin-bottom:20px}.sourceFull .cm-editor{max-height:500px}.source h3,.sourceFull h3,.error h4{margin-left:2em}.input{margin:20px 20px 0;display:inline-block}.input.template{display:flex;align-items:center;gap:1rem}.convert{margin:20px}.loading{display:none}.loading.is-loading{position:fixed;z-index:1;min-height:100vh;width:100vw;left:0;top:0;background:#00000080;color:#fff;display:flex;justify-content:center;align-items:center;font-size:2rem}.share-template{text-decoration:none;color:#000}.header{left:0;top:0;width:100%;height:56px;padding:0;background:#673ab7;box-shadow:0 0 5px #00000080;z-index:50}.header h1{float:left;margin:0;padding:0 15px;font-size:24px;line-height:56px;font-weight:400;color:#fff}.header nav{float:right;font-size:100%}.header nav a{display:inline-block;height:56px;line-height:56px;padding:0 15px;min-width:50px;text-align:center;background:#fff0;text-decoration:none;color:#fff;will-change:background-color}.header nav a:hover,.header nav a:active{background:#0003}.header nav a.active{background:#0006}.header nav a img{display:inline-block;height:24px;position:relative;top:5px;margin-left:10px}.fullscreenable{position:relative}.fullscreenable .fullscreen-icon{position:absolute;right:1rem;top:1rem;cursor:pointer}.fullscreenable.on{z-index:1;position:fixed;width:100vw;height:100vh;top:0;right:0;background-color:#fff}.fullscreenable.on .cm-editor{max-height:100vh}