@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap");*,:after,:before{box-sizing:border-box}.app{position:absolute;top:0;left:0;bottom:0;right:0;display:grid;grid-template-rows:fit-content(100%) 1fr 1fr;grid-template-areas:"name" "editor" "preview";background-color:var(--color-primary)}@media (min-width:1024px){.app{grid-template-columns:1fr 1fr;grid-template-rows:fit-content(100%) auto;grid-template-areas:"name name" "editor preview"}}.app__name{grid-area:name;margin:0;padding:1rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;text-align:right;color:var(--txt-primary);background-color:var(--color-primary)}.editor{display:grid;grid-template-rows:fit-content(100%) auto;grid-area:editor;border:1px solid var(--color-secondary);border-right:none;border-left:none}.editor__header{padding-left:1rem;border-bottom:1px solid var(--color-secondary);background-color:var(--color-primary)}.editor__title{font-size:.9rem;font-weight:400;color:var(--txt-secondary);text-transform:uppercase;letter-spacing:1px}.editor__input{width:100%;height:auto;padding:1rem;box-sizing:border-box;line-height:1.6rem;color:var(--txt-primary);border:none;background-color:var(--color-primary)}.previewer{display:grid;grid-template-rows:fit-content(100%) auto;grid-area:preview;color:var(--txt-primary);border:1px solid var(--color-secondary);border-left:none;border-right:none;overflow:auto}@media (min-width:1024px){.previewer{border-left:1px solid var(--color-secondary)}}.previewer__header{display:grid;grid-template-columns:auto fit-content(100%);grid-column-gap:auto;padding-left:1rem;border-bottom:1px solid var(--color-secondary);background-color:var(--color-primary)}.previewer__title{font-size:.9rem;font-weight:400;color:var(--txt-secondary);text-transform:uppercase;letter-spacing:1px}.previewer__output{padding:1rem;color:var(--txt-primary);background-color:var(--color-primary);overflow:auto}.previewer__output h1,.previewer__output h2,.previewer__output h3,.previewer__output h4,.previewer__output h5,.previewer__output h6,.previewer__output p{margin-top:0;margin-bottom:1rem}.previewer__output p{line-height:1.4rem}.previewer__output pre{margin-bottom:1rem}.previewer__output code,.previewer__output pre{padding:.2rem;border-radius:4px;overflow:auto}.previewer__output hr{margin-block:1rem;height:.2rem;box-sizing:border-box;border:none;background-color:var(--color-secondary)}.previewer__output a{text-underline-offset:.1rem;color:var(--txt-secondary)}.previewer__output blockquote{padding-left:.5rem;font-style:italic;border-left:3px solid var(--color-secondary)}.previewer__output table,.previewer__output tbody,.previewer__output td,.previewer__output th,.previewer__output thead,.previewer__output tr{background-color:var(--color-p)}.previewer__output table{margin-block:1rem;border-spacing:0}.previewer__output td,.previewer__output th{padding:.4rem;border:1px solid var(--color-secondary)}.previewer__output td:first-child,.previewer__output th:first-child{border-left:none}.previewer__output td:last-child,.previewer__output th:last-child{border-right:none}.previewer__output th{border-top:none}.previewer__output td{border-bottom:none}.previewer__output ol,.previewer__output ul{padding-inline-start:1.5rem;margin-bottom:1rem}.previewer__output li{margin-bottom:.5rem}.previewer__output li::marker{color:var(--txt-secondary)}.previewer__output img{max-width:100%;height:auto}.themeToggle{margin:.2rem;color:var(--color-accent);border:none;border-radius:4px;background-color:transparent}.themeToggle svg{height:1.4rem}body{font-family:Source Code Pro,monospace;font-weight:400}body,body[data-theme=light]{--color-primary:#fff;--color-secondary:#d0d9e1;--color-code:#e6ebef;--color-accent:#5860d0;--txt-primary:#1e272e;--txt-secondary:#7e8d9a}body[data-theme=dark]{--color-primary:#1e272e;--color-secondary:#485460;--color-code:#2c333a;--color-accent:#ffdd57;--txt-primary:#0bea82;--txt-secondary:#5860d0}
/*# sourceMappingURL=scss.87824623.css.map */