.app{--padding: 10px;background-color:#333;color:#eee;display:grid;gap:var(--padding);grid-template-areas:"left right" "title title";grid-template-columns:2fr minmax(480px,1fr);grid-template-rows:1fr auto;height:calc(100% - var(--padding) * 2);padding:var(--padding)}@media (max-width: 768px){.app{grid-template-areas:"left" "right" "title";grid-template-columns:unset;grid-template-rows:1fr 1fr auto}}.app__title-bar{align-items:center;display:grid;grid-area:title;grid-template-columns:1fr auto}.app__title{color:#ccc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:x-large;font-weight:200;margin:0;word-break:keep-all}.app__cursor{animation-duration:1s;animation-iteration-count:infinite;animation-name:flash;animation-timing-function:linear;background-color:#ccc;display:inline-block;height:.2em;margin-bottom:-.2em;margin-left:.1em;width:.5em}@keyframes flash{0%{opacity:1}24.9%{opacity:1}25.1%{opacity:0}74.9%{opacity:0}75.1%{opacity:1}to{opacity:1}}.app__logo{display:grid}.app__pane{background-color:#000;border:solid 1px #444;border-radius:var(--padding);box-shadow:0 0 10px #0000001a;display:flex;height:100%;overflow:auto;scrollbar-width:thin}.app__pane--left{grid-area:left}.app__pane--right{grid-area:right}.app__pane--code{background-color:#1e1e1e}.github-logo{color:#fff;height:28px}.source-code{display:grid;grid-template-areas:"title" "code";grid-template-rows:auto 1fr}.source-code__title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:large;font-weight:100;grid-area:title;margin:var(--padding)}.source-code__code{box-sizing:border-box;font-family:Consolas,Courier New,Courier,monospace;font-size:16px;grid-area:code;padding:var(--padding);margin:0}.source-code__code--plain{color:#999}.source-code__code .shiki{margin:0}.table-of-content{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:calc(var(--padding) * 1.5)}.table-of-content h1,.table-of-content h2,.table-of-content h3,.table-of-content h4,.table-of-content h5,.table-of-content h6{font-family:unset;font-weight:100}.table-of-content *:first-child{margin-block-start:0}.table-of-content *:last-child{margin-block-end:0}.table-of-content a{color:unset}.web-page{border:0;height:100%;overflow:auto;scrollbar-width:thin;width:100%}body,html,main{height:100%}body{margin:0}
/*# sourceMappingURL=main.css.map */