html{box-sizing:border-box;overflow-x:hidden}*,:before,:after{box-sizing:inherit}*{margin:0;padding:0}body{color:#222;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Ubuntu,Roboto,Noto Sans,Droid Sans,sans-serif;font-size:90%}h2{margin-top:.67em;margin-bottom:.67em;font-weight:600}button{color:#005b99;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:.25em;outline:none;font-size:.9em;transition:all .15s ease-in-out;display:inline-block}button:focus,button:hover,button:active{box-shadow:none}button:focus{box-shadow:0 0 0 .2rem #005b9980}.header{color:#4a4a4e;background-color:#ebebef;border-bottom:1px solid #c3c3c7;padding:.5rem 1rem}.subheader{border-bottom:1px solid #f8f8f8;margin-bottom:0;padding:0 1rem}.header h1,.brand{font-size:1.25rem;font-weight:600}.brand>a{color:#4a4a4e;text-decoration:none}.brand svg{vertical-align:middle}.brand svg .np__bg{fill:#fff}.brand svg .np__txt{fill:#005b99}.grid{grid-template-rows:1fr 1fr 1fr;grid-template-areas:"markdown""html""preview";height:calc(100vh - 80px);display:grid}#markdown,#html,#preview{flex-direction:column;display:flex}#markdown,#html{border-bottom:1px solid #dfdfdf}#markdown{border-right:1px solid #dfdfdf;grid-area:markdown}#html{grid-area:html}#markdown-editor,#html-editor{height:100%}#preview{grid-area:preview;min-height:20vh;max-height:60vh;position:relative}#preview>.subheader:before{content:"";cursor:ns-resize;z-index:10;background-color:#dfdfdf33;width:100%;height:4px;margin-left:-1rem;position:absolute;top:0}#preview>.subheader:hover:before{background-color:#dfdfdfcc}#preview-content{height:calc(100% - 61px);padding:0 1rem;overflow-y:auto}#preview-content h1,#preview-content h2,#preview-content h3,#preview-content h4,#preview-content h5,#preview-content h6,#preview-content hr,#preview-content ol,#preview-content p,#preview-content pre,#preview-content table,#preview-content ul{margin-bottom:.75em}#preview-content h1{font-size:1.75em}#preview-content h2{border:none;padding:0}#preview-content table{border-spacing:0;width:100%}#preview-content table,#preview-content table th{border-bottom:1px solid #c5c5c5}#preview-content table td,#preview-content table th{padding:.5em 4px}#preview-content table tbody tr:nth-child(2n){background-color:#f8f8f8}#preview-content ol,#preview-content ul{margin-left:1em}#preview-content blockquote{border-left:1px solid #222;padding-left:.5rem}#preview-content code{color:#e83e8c;word-break:break-word;padding:0 2px;font-family:monospace;font-size:1rem;display:inline-block}#preview-content pre{background-color:#f8f8f8;width:100%;padding:.5rem}#preview-content pre code{color:#222;font-size:.875rem}@media screen and (width>=48rem){body{font-size:100%}.grid{grid-template:"markdown html"2fr"preview preview"1fr/1fr 1fr;height:calc(100vh - 57px)}.header,.subheader{align-items:center;display:flex}#preview{max-height:80vh}}.flex{align-items:center;display:flex}.w-4{width:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.icon{display:inline-block}.visually-hidden{clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;overflow:hidden;position:absolute!important}.visually-hidden a:focus,.visually-hidden input:focus,.visually-hidden button:focus{width:auto;height:auto;position:static}