.app-pulldown--level-1{height:24px;margin:0 0 0 1px;padding:0;font-size:14px;list-style:none;display:flex}.app-pulldown--level-1>li{cursor:pointer;box-sizing:border-box;margin:0;padding:4px 16px;line-height:1;position:relative}.app-pulldown__label{display:block}.app-pulldown__children{box-sizing:initial;border:1px solid #000;border-top-width:0;border-radius:0 0 4px 4px;margin-top:2px;display:none}.app-pulldown__children>li>.app-pulldown__children{border-width:1px}.app-pulldown__children>li{margin:0;padding:0;position:relative}.app-pulldown--level-2{top:24px;left:0}.app-pulldown--level-3{top:-1px;left:160px}.app-pulldown--level-1>li:hover>.app-pulldown__children,.app-pulldown__children>li:hover>.app-pulldown__children{min-width:160px;margin:0;padding:0;list-style:none;display:block;position:absolute}.app-pulldown--level-1>li:hover>.app-pulldown__children>li,.app-pulldown__children>li:hover>.app-pulldown__children>li{text-align:left;height:26px;box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;line-height:1;display:flex}.app-pulldown--level-1>li:hover>.app-pulldown__children>li:last-child{border:0}.app-pulldown--level-1{border-bottom:1px solid #222}.app-pulldown--level-1,.app-pulldown--level-2,.app-pulldown--level-3{color:#fff;background:#333}.app-pulldown--level-1>li:hover,.app-pulldown__children>li:hover{background:#222}.app-layout{width:100%;height:100%;grid-template-rows:1fr;grid-template-areas:"editor preview";padding-top:20px;transition:all .2s;display:grid}.app-layout--write{grid-template-columns:1fr 1.6fr}.app-layout--focus{grid-template-columns:1fr 0}.app-layout--read{grid-template-columns:0 1fr}.app-layout--read>.app-editor>textarea{width:0;padding:0}.app-layout--focus textarea,.app-layout--read .app-preview{max-width:800px;margin:40px auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}p{line-height:1.75em}a,a:visited{color:#42aef0}hr{border-top:0;border-bottom:1px solid #ddd;margin:1.5em 0}blockquote{background-color:#eee;border-radius:.2em;padding:1em}blockquote p:first-child{margin:0}pre{word-spacing:4px;width:112%;margin-left:-6%;padding:1em 2em;line-height:1.4em;overflow-x:scroll}p>code{border-radius:3px;padding:3px 5px}ul{padding:0 1.5em;list-style:disc}ul ul{margin:.35em 0 0}li{margin-top:.35em}:focus{outline:0}img{max-width:100%}html,body,body>div{height:100%}body{color:#404040;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;overflow:hidden}*{box-sizing:border-box}h1,h2{margin-top:1.4em}h3,h4,h5,h6{margin-top:1.2em}p,ul,pre,blockquote{margin-top:1em}h1,h2,h3,h4,h5,h6{font-weight:400}textarea{resize:none}.app-preview h1{font-size:1.7em}.app-preview h2{font-size:1.55em}.app-preview h3{font-size:1.5em}.app-preview h4{font-size:1.4em}.app-preview h5{font-size:1.3em}.app-preview h6{font-size:1.2em}.app-preview p{font-size:1.1em}.app-preview table{border-collapse:collapse;border:1px solid #ccc;margin-top:1em}.app-preview tr{border:1px solid #ccc}.app-preview th,.app-preview td{border:1px solid #ccc;padding:.5em}.material-icons{vertical-align:bottom}#root,.app-wrapper{height:100%;width:100%;overflow-x:hidden}.app-navigation{width:100%;background:#000;font-weight:300;position:fixed;top:0;left:0}.app-editor{border-right:1px solid #eee;grid-area:editor;padding-bottom:2em}.app-editor>textarea{width:100%;height:100%;word-spacing:2px;border:0;padding:2rem;font-size:.95em;line-height:1.85em;display:block;overflow:scroll}.app-editor>textarea::-webkit-scrollbar{display:none}.app-editor textarea:focus{outline:0}.app-editor__btn{float:right;margin:15px}.app-preview{width:100%;text-align:left;grid-area:preview;padding:0 5% 1em;overflow:scroll}.app-preview::-webkit-scrollbar{display:none}.app-control{cursor:pointer;opacity:0;float:right;opacity:.7;margin-right:60px;padding:10px;position:absolute;right:0}.app-control>button{margin:0 1em}.app-control>button:hover{opacity:1}.page-header{color:#333;padding:10px 0;font-size:.9em;display:inline-block}.btn{cursor:pointer;box-sizing:border-box;opacity:.7;vertical-align:middle;background:0 0;border:0;font-size:.7em}.btn:hover{outline:0}.hidden{display:none}.app-wrapper--dark-theme pre{color:#bbb;background:#222}.app-wrapper--dark-theme p code{background:#222}.app-wrapper--dark-theme blockquote{color:#ccc;background:#222}.app-wrapper--dark-theme textarea{color:#fff;background:0 0}.app-wrapper--dark-theme{color:#fff;background:#333536}.app-wrapper--dark-theme .app-editor{border-right:1px solid #000}.app-wrapper--dark-theme .app-control>button{color:#fff}.app-wrapper--white-theme pre{color:#bbb;background:#333}.app-wrapper--white-theme p>code{background:#eee}.app-wrapper--white-theme textarea{background:0 0}.app-wrapper--white-theme{background:#fff}.app-wrapper--white-theme .app-navigation{background:#333536}.app-wrapper--white-theme .app-control>button{color:#000}