:root{color-scheme:dark;--corner-radius: 5px;--clickspot-width: 10px;--global-font: "Consolas", "Menlo", "Cascadia Mono", monospace;--transform-size: 10000px;--chart-margin: 30px;--chart-gap: 2rem;--chart-radius: .5em;--chart-padding: .25rem;--chart-legend-minwidth: 120px;--chart-legend-minwidth-wide: 180px;--chart-spacing: .5rem;--chart-axis-color: #bbb;--chart-major-tick-color: #888;--chart-minor-tick-color: #aaa;--chart-label-color: #555;--chart-point-stroke: #fff;--chart-legend-color-size: 1.2em;--chart-legend-color-size-wide: 1.25rem;--chart-legend-color-radius: .25em;--chart-font-size-small: 9px;--chart-font-size-medium: 11px;--piechart-size: 200px;--piechart-radius: 40;--chart-faded-opacity: .3;--chart-faded-grayscale: .7;--chart-highlight-outline: 2px solid var(--accent);--chart-shadow: 0 0 1em #0008;--shadow: 0 0 1rem #0008;--shadow-active: 0 0 1rem #000C;--shadow-inset: inset 0 0 1em rgba(0, 0, 0, .3);--shadow-inset-active: inset 0 0 1em rgba(0, 0, 0, .35);--code-shadow: 0 0 .4rem #000A}html{font-family:var(--global-font)!important;box-sizing:border-box;overflow:hidden;text-shadow:var(--code-shadow)}*,*:before,*:after{font-family:inherit;box-sizing:inherit;color-scheme:dark;text-shadow:inherit}body{display:flex;flex-direction:column}button,select,input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}button{padding:5px;background:var(--accent);transition:background-color .1s ease-in-out;border-radius:var(--corner-radius);border:1px solid var(--dark-background-l);box-shadow:var(--shadow),var(--shadow-inset)}button:hover{background:var(--accent-hovered);box-shadow:var(--shadow-active),var(--shadow-inset-active)}button:active{background:var(--accent-selected);box-shadow:var(--shadow-active),var(--shadow-inset-active)}a{color:var(--secondary);text-decoration:none}a:hover{color:var(--secondary-hovered)}a:hover:visited{color:var(--accent-hovered)}a:visited{color:var(--accent)}.logo{height:100px;border-radius:15px}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emphasis{font-weight:900;font-style:italic}.shadowed{box-shadow:var(--shadow)}.shadowed.hoverable:hover{box-shadow:var(--shadow-active)}.shadowed.hoverable:focus{box-shadow:var(--shadow-active)}.shadowed.hoverable:active{box-shadow:var(--shadow-active)}body{background:var(--dark-background);color:var(--dark-foreground)}.title-container{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:left;gap:1rem;padding:1rem;width:fit-content}.title-container a{z-index:100}.title-container h1,span{margin:0}.title-container div{transition:transform .1s ease-in-out,opacity .1s ease-in-out;transform:none;opacity:1}.title-container div.hidden{transform:translateY(-200px);opacity:0}.body-container{display:flex;flex-direction:column;flex:1}html,body,#root{height:100%;margin:0;padding:0}blockquote{margin:2rem;padding:10px 1rem;border-left:4px solid var(--accent);background:var(--dark-background-e);width:fit-content;border-radius:.5rem}blockquote p{margin:0;color:var(--dark-foreground-l);font-style:italic}code{background:var(--dark-background-e);padding:1px 3px;border:1px solid var(--dark-background-l);border-radius:3px}main{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}main>*{border:1px solid var(--node-border);border-top-width:1px}.status-bar{display:flex;flex-direction:row;align-items:center;background:var(--accent);height:1rem;border-top:1px solid var(--node-border)}.status-bar svg{height:1rem;width:1rem}.compiler-tab{overflow-y:hidden;border-top:1px solid var(--node-border)}.compiler-tab pane-view{overflow-y:hidden}program-tree{display:block;width:100%;height:100%}#source-pane{z-index:1000}#source-editor,#ir-editor,#asm-editor{display:flex;flex-direction:column;height:100%}.card{position:relative;background:var(--dark-background);border-radius:1rem;padding:2rem;border:1px solid var(--dark-background-ll);border-top-width:2px;border-bottom-width:2px;transition:.1s border-color ease-in-out,.1s background-color ease-in-out,.1s box-shadow ease-in-out;box-shadow:var(--shadow),var(--shadow-inset);overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.1) 25%,transparent 100%);transition:.1s opacity ease-in-out,.1s background-color ease-in-out;opacity:.2;z-index:1}.card:hover:before{opacity:.3}.card:hover{background:var(--dark-background-e);border-color:var(--dark-background-lll);box-shadow:var(--shadow-active),var(--shadow-inset-active)}.card.interactive{padding:0;transition:scale .2s ease-in-out}.card.interactive:active{scale:.99!important}.card.interactive:hover{scale:1.01}:root{scrollbar-color:var(--dark-background-lll) var(--dark-background-e);scrollbar-width:thin}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{background:var(--dark-background-e);border:1px solid var(--node-border)}::-webkit-scrollbar-thumb{background:var(--accent-selectable);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent-hovered)}::-webkit-scrollbar-thumb:active{background:var(--accent-selected)}::-webkit-scrollbar-track-piece{background:none}::-webkit-scrollbar-corner{background:var(--dark-background)}:root{--comment: rgb(107, 164, 85);--label: rgb(166, 113, 189);--local-variable: rgb(145, 207, 250);--global-variable: rgb(102, 208, 210);--preprocessor: rgb(255, 200, 255);--macro: rgb(189, 183, 250);--enum-member: rgb(190, 214, 168);--namespace: rgb(181, 221, 204);--template-parameter: rgb(137, 219, 172);--function-parameter: rgb(154, 154, 154);--class-type-templated: rgb(113, 198, 177);--class-type: rgb(137, 219, 172);--control-keyword: rgb(200, 146, 214);--keyword: rgb(103, 154, 209);--operator: rgb(150, 197, 219);--operator-overloaded: rgb(246, 202, 252);--field: rgb(196, 207, 242);--static-field: rgb(212, 175, 55);--function: rgb(211, 211, 157);--function-templated: rgb(221, 221, 174);--static-method: rgb(171, 239, 167);--string: rgb(175, 219, 159);--integer-literal: rgb(186, 205, 171);--plain-text: rgb(160, 222, 255);--dark-background-d: rgb(30, 30, 30);--dark-background: rgb(40, 40, 40);--dark-background-e: rgb(50, 50, 50);--dark-background-l: rgb(69, 69, 69);--dark-background-ll: rgb(80, 80, 80);--dark-background-lll: rgb(100, 100, 100);--dark-foreground: rgb(230, 230, 230);--dark-foreground-l: rgb(180, 180, 180);--dark-foreground-ll: rgb(130, 130, 130);--light-background-d: rgb(220, 220, 220);--light-background: rgb(240, 240, 240);--light-background-e: rgb(250, 250, 250);--light-background-l: rgb(200, 200, 200);--light-background-ll: rgb(170, 170, 170);--light-background-lll: rgb(140, 140, 140);--light-foreground: rgb(50, 50, 50);--node-border: var(--dark-background-ll);--purple: rgb(143, 132, 215);--blue: rgb(56, 114, 186);--secondary: var(--blue);--secondary-hovered: color-mix(in srgb, var(--blue) 80%, black);--secondary-selected: color-mix(in srgb, var(--blue) 80%, white);--secondary-selectable: color-mix(in srgb, var(--blue) 50%, white);--accent: var(--purple);--accent-hovered: color-mix(in srgb, var(--purple) 80%, black);--accent-selected: color-mix(in srgb, var(--purple) 80%, white);--accent-selectable: color-mix(in srgb, var(--purple) 50%, white);--haze-color-shadow: rgb(40, 80, 130);--haze-color-foreground-top: rgb(150, 197, 219);--haze-color-foreground-bottom: rgb(50, 100, 160);--haze-color-background-top: rgb(103, 154, 209);--haze-color-background-bottom: rgb(143, 132, 213);--preprocessor-color-shadow: rgb(23, 26, 176);--preprocessor-color-foreground-top: rgb(181, 221, 255);--preprocessor-color-foreground-bottom: #6890ff;--preprocessor-color-background-top: rgb(90, 100, 255);--preprocessor-color-background-bottom: rgb(10, 51, 123);--lexer-color-shadow: rgb(130, 60, 40);--lexer-color-foreground-top: rgb(255, 204, 128);--lexer-color-foreground-bottom: rgb(255, 183, 77);--lexer-color-background-top: rgb(255, 112, 155);--lexer-color-background-bottom: rgb(255, 138, 101);--parser-color-shadow: rgb(60, 40, 75);--parser-color-foreground-top: #bd9bdf;--parser-color-foreground-bottom: #9e7fea;--parser-color-background-top: #8221EB;--parser-color-background-bottom: #341664;--ast-color-shadow: rgb(36, 66, 40);--ast-color-foreground-top: rgb(193, 236, 200);--ast-color-foreground-bottom: rgb(129, 196, 142);--ast-color-background-top: rgb(90, 160, 102);--ast-color-background-bottom: rgb(25, 81, 37);--tac-color-shadow: rgb(89, 89, 41);--tac-color-foreground-top: rgb(215, 197, 167);--tac-color-foreground-bottom: rgb(255, 193, 107);--tac-color-background-top: rgb(255, 172, 70);--tac-color-background-bottom: rgb(111, 57, 14);--ir-color-shadow: rgb(35, 40, 65);--ir-color-foreground-top: rgb(160, 174, 255);--ir-color-foreground-bottom: rgb(198, 205, 255);--ir-color-background-top: rgb(90, 100, 160);--ir-color-background-bottom: rgb(39, 48, 124);--peephole-color-shadow: rgb(70, 90, 80);--peephole-color-foreground-top: rgb(225, 235, 225);--peephole-color-foreground-bottom: rgb(195, 215, 205);--peephole-color-background-top: rgb(165, 185, 170);--peephole-color-background-bottom: rgb(56, 69, 63);--codegen-color-shadow: rgb(0, 96, 100);--codegen-color-foreground-top: rgb(181, 225, 245);--codegen-color-foreground-bottom: rgb(124, 190, 196);--codegen-color-background-top: rgb(69, 194, 219);--codegen-color-background-bottom: rgb(40, 74, 153);--link-color-shadow: rgb(89, 89, 41);--link-color-foreground-top: rgb(252, 187, 224);--link-color-foreground-bottom: rgb(226, 143, 208);--link-color-background-top: rgb(220, 138, 215);--link-color-background-bottom: rgb(74, 47, 71);--lto-color-shadow: rgb(89, 89, 41);--lto-color-foreground-top: rgb(208, 181, 135);--lto-color-foreground-bottom: rgb(180, 151, 85);--lto-color-background-top: rgb(219, 164, 12);--lto-color-background-bottom: rgb(95, 73, 11);--executable-color-shadow: rgb(60, 90, 95);--executable-color-foreground-top: rgb(210, 225, 210);--executable-color-foreground-bottom: rgb(170, 235, 210);--executable-color-background-top: rgb(170, 230, 215);--executable-color-background-bottom: rgb(77, 108, 114)}.keyword{color:var(--keyword);font-style:italic;font-weight:700}.control-keyword{color:var(--control-keyword);font-style:italic;font-weight:700}.tabs-bar{display:flex;flex-direction:row;align-items:center;gap:5rem;width:100%}.tabs-content{display:flex;flex-direction:row;justify-content:center;gap:1rem;position:absolute;width:100%}.tabs-header{flex-shrink:0}.page{width:100%;display:none;grid-template-columns:1fr;grid-template-rows:1fr auto auto auto}.page.active{display:grid}.tab-radio-wrapper label{--label-color: var(--accent-selectable);color:var(--label-color);transition:color .1s ease-in-out;padding:5px;font-size:24pt;font-weight:700}.tab-radio-wrapper label:hover{--label-color: var(--accent-hovered);cursor:pointer}.tab-radio-wrapper input[type=radio]:checked~label{--label-color: var(--accent-selected);text-decoration:underline}.tab-radio-wrapper input[type=radio]:checked~label:hover{--label-color: var(--accent-hovered);text-decoration:underline;cursor:pointer}.tab-label{display:flex;align-items:center;white-space-collapse:collapse;font-size:16pt}.tab-label svg{width:2rem;height:2rem}my-tabview{height:100%;display:grid;grid-template-rows:auto 1fr}my-tab{overflow:auto}