*{box-sizing:border-box;padding:0;margin:0}html{height:100%}body,html{width:100%}body{min-height:100%;font-family:Arial,Helvetica,sans-serif}#header{height:70px;background-color:#007bff;color:#fff;font-weight:700;font-size:26px;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 20px}#header .preview-icon{display:block;cursor:pointer}@media (min-width:800px){#header{-webkit-justify-content:center;justify-content:center}#header .preview-icon{display:none}}#window{top:70px;bottom:0;width:100%;padding:0;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}#editorBox,#window{position:absolute;overflow:hidden}#editorBox{height:100%;transition:left .5s ease-in-out,width .5s ease-in-out}@media (min-width:800px){#editorBox{width:50%;border-right:1px solid #000}}#previewBox{position:absolute;background-color:#fff;overflow:hidden;height:100%;transition:left .5s ease-in-out,width .5s ease-in-out}@media (min-width:800px){#previewBox{left:50%;width:50%;border-left:1px solid #000}}#editorHeader,#previewHeader{background-color:#505050;color:#fff;width:100%;height:50px;line-height:50px;text-align:center}#editor{width:100%;height:calc(100% - 50px);padding:10px;background-color:#f4f4f4;line-height:1.8rem;resize:none;overflow-y:scroll;outline:none;border:none;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:18px}#editor:focus{background-color:#fff}#preview{font-size:18px;line-height:1.8rem;padding:15px 15px 50px;height:calc(100% - 50px);overflow-y:scroll}
/*# sourceMappingURL=main.ffb3b077.chunk.css.map */