:root{--background-dark:#1b1b1b;--background:#292929;--background-light:#595959;--background-light2:#7b7b7b;--text:#f0f0f0;--warning:#df6464;--success:#61e481;--bit1:#8ff08f;--bit2:#e65f5f;--bit3:#909eee}*{box-sizing:border-box}body{background:var(--background);color:var(--text);font-family:"Open Sans",sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:18px;line-height:1.4em;margin:0;padding:0;width:100%;height:100%}h1,h2,h3{line-height:1.2em}h1,h2,h3,p,ul{margin:0;padding:0}h1,h2,h3{font-family:"Alfa Slab One",serif;font-weight:400;font-style:normal}a{color:var(--text);text-decoration:underline}.warning{color:var(--warning)}.success{color:var(--success)}.paler{color:var(--background-light2) !important}.p05{padding:0.5rem}.p1{padding:1rem}.p2{padding:2rem}.p3{padding:3rem}.pt2{padding-top:2rem}.pl1{padding-left:1rem}.py1{padding-top:1rem;padding-bottom:1rem}.py2{padding-top:2rem;padding-bottom:2rem}.py3{padding-top:3rem;padding-bottom:3rem}.px1{padding-left:1rem;padding-right:1rem}.pl3{padding-left:3rem}.pr3{padding-right:3rem}.pt3{padding-top:3rem}.mt1{margin-top:1rem}.mt2{margin-top:2rem}.mt3{margin-top:3rem}.my1{margin-top:1rem;margin-bottom:1rem}.my3{margin-top:3rem;margin-bottom:3rem}.mxauto{margin-left:auto;margin-right:auto}.grid2{display:grid;grid-template-columns:1fr 1fr}.grid2x1{display:grid;grid-template-columns:2fr 1fr}.grid1x2{display:grid;grid-template-columns:1fr 2fr}.grid1x1x2{display:grid;grid-template-columns:1fr 1fr 2fr}.b{display:block}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-v-center{display:flex;align-items:center}.flex-col{display:flex;flex-direction:column}.flex1{flex:1}.span2{grid-column:span 2}.gap05{gap:0.5rem}.gap1{gap:1rem}.gap2{gap:2rem}.maxw600{max-width:600px}.maxw800{max-width:800px}.maxw1000{max-width:1000px}.maxw1400{max-width:1400px}.minh500{min-height:500px}.fz09{font-size:0.9rem}.fz1{font-size:1rem}.fz15{font-size:1.5rem}.fz2{font-size:2rem}.fz3{font-size:3rem}.fw100{font-weight:100}.hidden{display:none}.tac{text-align:center}.border-t{border-top:solid 1px var(--background-light)}.border-l{border-left:solid 1px var(--background-light)}.border-r{border-right:solid 1px var(--background-light)}.border-b{border-bottom:solid 1px var(--background-light)}.border{border:solid 1px var(--background-light)}.bg{background:var(--background)}.bg-dark{background:var(--background-dark)}.bg-black{background:radial-gradient(125% 125% at 50% 10%,#000000 40%,#031724 100%);border-top:solid 1px #575757;border-bottom:solid 1px #272727}header{background-color:#292929;opacity:1;background:radial-gradient(circle,transparent 20%,#292929 20%,#292929 80%,transparent 80%,transparent),radial-gradient(circle,transparent 20%,#292929 20%,#292929 80%,transparent 80%,transparent) 10px 10px,linear-gradient(#000000 0.8px,transparent 0.8px) 0 -0.4px,linear-gradient(90deg,#000000 0.8px,#292929 0.8px) -0.4px 0;background-size:20px 20px,20px 20px,10px 10px,10px 10px}.hero nav a{text-align:center;color:var(--text);text-decoration:none;font-size:1rem;background:radial-gradient(125% 125% at 50% 10%,#434343 40%,#000000 100%);padding:1rem 2rem;border-radius:4px}.hero nav a:hover{background:radial-gradient(125% 125% at 50% 10%,#595959 40%,#000000 100%)}hr{border-top:solid 4px var(--background-light2);border-bottom:none;border-left:none;border-right:none;;max-width:600px;margin:2rem auto}.files{list-style:none;display:flex}.files li{font-size:0.8rem;border-top:solid 2px var(--background-light2);border-right:solid 2px var(--background-light2)}.files li:first-child{border-left:solid 2px var(--background-light2)}.files li button{display:block;background:none;border:none;color:var(--text);font-size:1rem;cursor:pointer;padding:0.5rem 1rem;opacity:0.3}.files li.selected button{background:var(--background-light);filter:drop-shadow(0px 2px 0px white);opacity:1}.editor-wrapper{border:solid 2px var(--background-light);background:var(--background);height:520px;overflow-y:auto}.editor{width:100%;height:100%;min-height:400px}.syntax-example .input,.syntax-example .output{position:relative}.syntax-example .input::before,.syntax-example .output::before{display:block;font-size:0.8rem;position:absolute;top:14px;line-height:0;color:var(--background-light2)}.syntax-example .input::before{content:attr(data-label);left:14px}.syntax-example .output::before{content:attr(data-label);right:14px}.syntax-example code,.article code{font-size:0.9rem;font-family:inherit;padding:0.2rem 0.2rem;border-radius:4px;background:var(--background-dark)}.code1{border-bottom:solid 1px var(--bit1)}.code2{border-bottom:solid 1px var(--bit2)}.code3{border-bottom:solid 1px var(--bit3)}.bit1,.bit2,.bit3{position:relative;padding:0 4px 4px 4px}.bit1::before,.bit2::before,.bit3::before{content:"";position:absolute;top:0;left:0;width:2px;height:4px}.bit1::after,.bit2::after,.bit3::after{content:"";position:absolute;top:0;right:0;width:2px;height:4px}.bit1{border-top:solid 1px var(--bit1)}.bit1::after,.bit1::before{background:var(--bit1)}.bit2{border-top:solid 1px var(--bit2)}.bit2::after,.bit2::before{background:var(--bit2)}.bit3{border-top:solid 1px var(--bit3)}.bit3::after,.bit3::before{background:var(--bit3)}.article pre{border:solid 1px var(--background-light) !important;border-radius:4px !important;padding:1rem !important;font-size:0.9rem !important;overflow-x:auto !important}.article:not(pre)>code[class*=language-],.article pre[class*=language-]{background:var(--background-dark) !important;font-size:0.9rem !important}.article ul{margin-left:1.5rem;margin-top:1rem;margin-bottom:1rem}.article code{font-size:1rem;border:solid 1px var(--background-light)}.article pre code{border:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:none !important;font-size:0.9rem !important}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#569cd6 !important}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#9cdcfe !important}.token.punctuation{color:#808080 !important}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#ce9178 !important}code{white-space:break-spaces !important;word-break:break-word !important}@media all and (min-width:780px){.desktop_py3{padding-top:3rem;padding-bottom:3rem}.desktop_fz3{font-size:3rem}.desktop_mt2{margin-top:2rem}.desktop_grid2{display:grid;grid-template-columns:1fr 1fr}.desktop_pt3{padding-top:3rem}.desktop_pl3{padding-left:3rem}.desktop_pr3{padding-right:3rem}.desktop_border-r{border-right:solid 1px var(--background-light)}}@media all and (max-width:779px){.mobile_p1{padding:1rem}.mobile_b{display:block}.mobile_mt1{margin-top:1rem}.mobile_mt2{margin-top:2rem}.mobile_hidden{display:none}.mobile_px1{padding-left:1rem;padding-right:1rem}}