:root{--font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;--padding:1rem;--font-size:1.2rem}body{font-family:var(--font-family);margin:0;overflow:hidden;width:100%}#editor{align-items:stretch;display:flex;height:100vh;justify-content:flex-start;transition:background-color .3s ease;width:100%}.editor-textarea{border:none;font-family:var(--font-family);font-size:var(--font-size);outline:none;resize:none;transition:width .3s ease,background-color .3s ease,color .3s ease}.editor-textarea,.markdown-view{box-sizing:border-box;height:100%;padding:var(--padding)}.markdown-view{overflow-y:auto;transition:background-color .3s ease,color .3s ease;width:50%}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.markdown-view h1,.markdown-view h2,.markdown-view h3{margin-bottom:1rem;margin-top:1.5rem}.markdown-view p{line-height:1.6;margin:.8rem 0}.markdown-view code{background-color:#0000000d;border-radius:3px;font-family:monospace;padding:.2rem .4rem}.markdown-view pre code{background-color:#0000001a;display:block;overflow-x:auto;padding:1rem}@media (max-width:768px){#editor{flex-direction:column}.editor-textarea,.markdown-view{height:50vh;width:100%!important}}