html,body{padding:0;margin:0;height:100%;width:100%;font-family:Source Sans Pro,sans-serif}.mark{font-family:Delius Unicase,cursive}.mark:before{content:"0x6563"}#app{height:100%;width:100%;display:flex;flex-flow:column;overflow:hidden;background:var(--background);color:var(--basic);--code: "Source Sans Pro"}#app.light{--background: #FFF;--diffuse: #e5e5e5;--basic: #333;--primary: #ce42ce;--secondary: cyan;--positive: green;--negative: red;--warning: orange}#app.dark{--background: #111;--diffuse: #222;--basic: #FFF;--primary: #ce42ce;--secondary: cyan;--positive: green;--negative: red;--warning: orange}#app #swatch .background{color:var(--background)}#app #swatch .diffuse{color:var(--diffuse)}#app #swatch .basic{color:var(--basic)}#app #swatch .primary{color:var(--primary)}#app #swatch .secondary{color:var(--secondary)}#app #swatch .positive{color:var(--positive)}#app #swatch .negative{color:var(--negative)}#app #swatch .warning{color:var(--warning)}#app .input{background:var(--diffuse);width:350px;margin:8px;font-size:1.5rem;font-family:inherit}#app .input .input,#app .input .placeholder,#app .input input,#app .input button,#app .input textarea{box-sizing:border-box;text-align:left;color:var(--basic);font-size:inherit;font-family:inherit;background:none;border:none;padding:8px;margin:0}#app .input .input:focus,#app .input .placeholder:focus,#app .input input:focus,#app .input button:focus,#app .input textarea:focus{outline:none}#app .input .input:focus~.highlight,#app .input .placeholder:focus~.highlight,#app .input input:focus~.highlight,#app .input button:focus~.highlight,#app .input textarea:focus~.highlight{color:var(--primary);opacity:1}#app .input .highlight{color:var(--basic);transition:.3s}#app .input .icon{opacity:.2;padding:8px;user-select:none}#app .body{flex:1 1 auto;overflow:auto}#app .footer{flex:0 1 auto}h1,h2,h3,h4,h5{font-family:Spectral;text-transform:uppercase;font-weight:600;margin:0}button{border:none;outline:none;background:none;color:inherit;cursor:pointer}*::-webkit-scrollbar{width:4px;height:8px;background-color:#00000080}*::-webkit-scrollbar-thumb{background:#FFF;padding:2px}