*{box-sizing:border-box;margin:0;padding:0}:root{font-size:7.5px;font-size:12px;font-family:Inter,sans-serif;--primary: #ff7f11}.App{width:100vw;height:100vh;overflow:hidden}.downloadOverlay{width:100vw;height:100vh;position:absolute;z-index:100000;background-color:#fff;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;display:none}.downloadOverlay.printmode{display:flex}.downloadOverlay p{font-size:2rem}.downloadOverlay .loader{width:50px;aspect-ratio:1;border-radius:50%;border:4px solid var(--primary);margin-bottom:20px;animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}.toolbar{position:absolute;top:0;right:0;z-index:1000;background-color:#fffc;border-bottom:solid 1px #eeeeee;border-left:solid 1px #eeeeee;border-radius:0 0 0 10px;overflow:hidden}.toolbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;padding:10px 30px;font-size:1.2rem;cursor:pointer}.toolbar button:hover{background-color:var(--primary);color:#fff}.toolbar a{padding:10px 30px;text-decoration:none;font-size:1.2rem;color:#000;border-left:solid 1px #eeeeee}.toolbar a.align{display:inline-flex;align-items:center}.toolbar a svg{margin-left:5px;padding-bottom:2px}.toolbar a svg.love path{fill:var(--primary)}.toolbar a:hover{background-color:var(--primary);color:#fff}.toolbar a:hover svg.love path{fill:currentColor}.editor{width:100vw;height:50vh;overflow:hidden;position:absolute;top:0;z-index:100}.outputContainer{margin-top:50vh;width:100vw;height:50vh;overflow:hidden;overflow-y:scroll}.outputScrollview{height:70.9401709402vw;width:100vw;overflow:hidden}.output{position:relative;font-size:.6666666667vw;font-family:Inter,sans-serif;width:100%;aspect-ratio:11.7/8.3}.output .columnrule{position:absolute;width:.0833333333em;height:calc(100% - 1.6em);background-color:#000;top:.8em}.output .columnrule#columnrule1{left:25%}.output .columnrule#columnrule2{left:50%}.output .columnrule#columnrule3{left:75%}.output .contents{width:100%;aspect-ratio:11.7/8.3;overflow:hidden;background-color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}.output .contents>div{width:calc(25% - 1.6em);padding:.8em 0;border-bottom:solid .0833333333em black;margin:0 .8em}.output .contents>div *:last-child{margin-bottom:0}.output .contents>div *:first-child{margin-top:0}.output .contents h1,.output .contents h2,.output .contents h3,.output .contents h4,.output .contents h5,.output .contents h6{font-weight:700;margin:.5em 0}.output .contents h1{font-size:1.5em}.output .contents h2{font-size:1.3em}.output .contents h3{font-size:1.1em}.output .contents h4,.output .contents h5,.output .contents h6{font-size:1em}.output .contents ul,.output .contents ol{padding-left:1.5em;margin:.5em 0}.output .contents p{margin:.5em 0}.output .contents table{border-collapse:collapse;margin:.75em 0}.output .contents table tbody td,.output .contents table tbody th,.output .contents table thead td,.output .contents table thead th{border:solid .0833333333em black;padding:.2em .4em;text-align:left}.output .contents table tbody td:first-child,.output .contents table tbody th:first-child,.output .contents table thead td:first-child,.output .contents table thead th:first-child{border-left:none}.output .contents table tbody td:last-child,.output .contents table tbody th:last-child,.output .contents table thead td:last-child,.output .contents table thead th:last-child{border-right:none}.output .contents table tbody:first-child tr:first-child>*,.output .contents table thead:first-child tr:first-child>*{border-top:none}.output .contents table tbody:last-child tr:last-child>*,.output .contents table thead:last-child tr:last-child>*{border-bottom:none}.output.printmode{font-size:7.5px!important;width:297mm;height:210mm;overflow:hidden}.output.printmode .contents ul,.output.printmode .contents ol{padding-left:1em}.output.printmode .contents table td,.output.printmode .contents table th{padding-bottom:.6em}.output.printmode .katex .mfrac .frac-line{position:relative;top:1.5px}.output .katex-display{margin:.5em 0;display:flex}