pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#545454;background:#fefefe}.hljs-comment,.hljs-quote{color:#696969}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#d91e18}.hljs-number,.hljs-built_in,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link,.hljs-attribute{color:#aa5d00}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:green}.hljs-title,.hljs-section{color:#007faa}.hljs-keyword,.hljs-selector-tag{color:#7928a1}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-string,.hljs-symbol,.hljs-type,.hljs-quote{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}.cm-editor{height:100%}.cm-scroller{scrollbar-width:thin;scrollbar-color:#0003 transparent}:root{color:#222;font-family:sans-serif;& .presenter-mode{grid-template-columns:1fr;gap:0;margin:0;& #editor-box{display:none}& #slides{grid:100vh/100vw;padding:0}& .presentation{height:100vh;overflow:hidden}& .slide{cursor:default;outline:none;grid-area:1/1/2/2;transition:transform .35s ease-in-out;box-shadow:0 0 .5em #00000080}& .slide.current{z-index:1;transform:translate(0)}& .slide.previous{transform:translate(-101%)}& .slide.following{transform:translate(101%)}}}body{grid-template-columns:80ch 1fr;height:100vh;margin:0;display:grid}#editor-box{background-color:#333;grid-template-rows:1fr 3em;gap:.5em;padding:.5em;display:grid}#editor{background-color:#fff;border-radius:.5em;height:calc(100vh - 4.7em)}@keyframes button{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(.95)}}.controls{gap:.5em;display:flex}.start,.save,.load{color:#333;cursor:pointer;background-color:#ddd;border:none;border-radius:.25em;flex:1;font-size:2em;transition:background-color .2s,transform .2s}.start:hover,.save:hover,.load:hover{background-color:#eee;animation:.2s button;transform:scale(.95);box-shadow:inset 0 0 .5em #aaa}.presentation{height:calc(100vh - 1em);overflow-y:auto}#slides{--gap:1em;gap:var(--gap);padding:var(--gap);box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(100%,20em),1fr));align-content:start;display:grid}.slide{aspect-ratio:var(--window-aspect-ratio);cursor:pointer;background-color:#fff;outline:1px solid #000;transition:box-shadow .2s;overflow:hidden;container:slide/size;&:hover{box-shadow:0 0 .5em #00000080}&.current{outline:2px solid #000;box-shadow:0 0 .5em #00000080}& h1,& h2{text-align:center}& h1,& h2,& h3,& h4,& h5,& h6,& pre,& p,& ul{margin:.2em 0}& .content{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;height:100%;padding:5cqi;font-size:5cqi;display:flex}& img{max-width:100%;max-height:100%}& pre{font-size:.75em;& code{padding:.5em!important}}}@media print{body{margin:0}#editor-box{display:none}#slides{display:block}.slide{page-break-after:always;border:none;height:100vh;display:block!important}}