:root{--background: hsl(0, 0%, 99%);--panel-background: hsl(0, 0%, 95%);--panel-overlay-background: hsl(0, 0%, 95%, 0.75);--output-background: hsl(0, 0%, 83%);--button: hsl(0, 0%, 83%);--hover-button: hsl(0, 0%, 90%);--active-button: hsl(0, 0%, 99%);--hexagon-stroke: hsl(0, 0%, 50%);--hexagon-fill: white;--disabled-color: hsl(210, 5%, 44%);--red: hsl(358, 85%, 52%);--blue: hsl(207, 74%, 42%);--orange: hsl(33, 93%, 54%);--foreground-color: black;--set-memory: var(--foreground-color);--cell-text-color: var(--foreground-color);--text-color: var(--foreground-color);--link-color: hsl(240, 97%, 45%);--visited-link-color: hsl(271, 68%, 32%);--active-link-color: hsl(0, 100%, 47%);--header-background: hsl(210, 10%, 23%);--header-foreground: var(--background);--header-disabled-color: hsl(210, 5%, 44%);--header-hover-inactive: hsl(210, 5%, 40%);--header-hover-active: hsl(0, 0%, 90%);--direction-picker-inactive: hsl(210, 10%, 25%);--direction-picker-background: hsl(210, 10%, 13%);--direction-picker-hover: hsl(210, 5%, 40%);--direction-picker-foreground: hsl(0, 0%, 99%);--direction-picker-border: var(--direction-picker-background)}@media not print{:root.darkMode{--background: hsl(210, 10%, 10%);--panel-background: hsl(210, 10%, 20%);--panel-overlay-background: hsl(210, 10%, 20%, 0.75);--output-background: var(--background);--button: hsl(0, 0%, 25%);--hover-button: hsl(0, 0%, 20%);--active-button: hsl(0, 0%, 10%);--hexagon-stroke: hsl(0, 0%, 50%);--hexagon-fill: hsl(210, 10%, 10%);--disabled-color: hsl(210, 5%, 66%);--red: hsl(358, 85%, 60%);--blue: hsl(207, 74%, 60%);--orange: hsl(33, 93%, 60%);--foreground-color: hsl(0, 0%, 92%);--set-memory: var(--foreground-color);--text-color: var(--foreground-color);--cell-text-color: var(--foreground-color);--cell-text-color: hsl(0, 0%, 99%);--link-color: hsl(200, 100%, 60%);--visited-link-color: hsl(270, 100%, 70%);--active-link-color: hsl(0, 100%, 60%);--header-background: var(--panel-background);--header-foreground: var(--foreground-color);--header-hover-active: hsl(0, 0%, 80%);--direction-picker-border: var(--foreground-color)}}body{background:var(--background);font:16px system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0}body header{position:sticky;top:0;z-index:2}div.pre{white-space:pre;font-family:Consolas,Menlo,monospace}div.pre:after{content:" "}#appGrid{background:var(--background);display:grid;justify-content:center;grid-gap:1rem;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto 1fr auto}.editGrid{grid-template-areas:"header header header" "codePanel codePanel hotkeysPanel" "codePanel codePanel importExportPanel" "inputPanel inputPanel infoPanel"}.playGrid{grid-template-areas:"header header header" "codePanel codePanel memoryPanel" "codePanel codePanel memoryPanel" "inputPanel outputPanel statePanel"}header{grid-area:header}#appGrid>div.appPanel{background:var(--panel-background);padding:.5rem;overflow:hidden;color:var(--foreground-color)}#inputPanel{grid-area:inputPanel;display:grid;grid-template-rows:auto 1fr}div #outputPanel{grid-area:outputPanel;display:grid;grid-template-rows:auto 1fr}#outputContainer{position:relative}#outputBox{background-color:var(--output-background);max-height:100%;padding:.5em;position:absolute;overflow:auto;width:100%}div #importExportPanel{grid-area:importExportPanel;display:grid;grid-template-rows:auto auto 1fr}textarea{resize:vertical}#outputPanel,#inputPanel,#statePanel,#infoPanel{min-height:200px}#infoPanel{grid-area:infoPanel}#hotkeysPanel{grid-area:hotkeysPanel}.editButton{margin:.5rem .5rem .5rem 0}.bodyButton{color:var(--text-color);background:var(--button)}.bodyButton:disabled{color:var(--disabled-color)}@media(hover: hover){.bodyButton:hover:not(:disabled){background:var(--hover-button)}}.bodyButton:active:not(:disabled){background:var(--active-button)}#inputBox,#outputContainer{grid-column:1/3}.radio{align-self:flex-end;justify-self:end;grid-column:2}.radio label{margin-right:.5rem}.radio label input{margin:8px 4px 8px 0px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#infoInfo,#hotkeysGrid{display:inline-grid;column-gap:1rem}textarea{background:var(--background);border:none;color:var(--text-color);font-family:Consolas,Menlo,monospace}.inputBox{background:var(--background);border:none;color:var(--text-color)}.col1{grid-column:1}.col2{grid-column:2}.col3{grid-column:3}.col4{grid-column:4}.col5{grid-column:5}.right{justify-self:right}@media(max-width: 640px){#appGrid{grid-template-columns:1fr}.editGrid{grid-template-columns:1fr;grid-template-areas:"header" "codePanel" "inputPanel" "importExportPanel" "infoPanel" "hotkeysPanel"}.playGrid{grid-template-columns:1fr;grid-template-areas:"header" "codePanel" "memoryPanel" "outputPanel" "inputPanel" "statePanel"}}@media print{header{display:none}div #hotkeysPanel{display:none}div #infoPanel{display:none}div #inputPanel{display:none}div #importExportPanel{display:none}div #statePanel,div #outputPanel{display:none}.editGrid,.playGrid{grid-template-areas:"header" "codePanel"}div .codePanelHeader{display:none}div #codePanel{width:100%}@page{size:landscape}}body header{background:var(--header-background)}header nav{margin:auto;max-width:1280px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;grid-template-rows:auto;grid-template-areas:"navigation spacer1 viewControls spacer2 editControls spacer3 playControls"}nav>#navigation{grid-area:navigation}nav>#viewControls{grid-area:viewControls}nav>#editControls{grid-area:editControls;justify-self:right}nav>#playControls{grid-area:playControls;justify-self:right}svg.buttonSvg{height:1.5rem}.toolbarButton,#speedSliderContainer{height:2.75rem;width:2.75rem;align-items:center;display:flex;justify-content:center;color:var(--header-foreground);fill:var(--header-foreground)}.toolbarButton{transition:background-color .2s ease-out,color .2s ease-out}header>nav .group{display:flex}button.toolbarButton{background:var(--header-background);border:none;padding:0}a.toolbarButton.active,button.toolbarButton[aria-checked=true]{background:var(--header-foreground);color:var(--header-background)}@media(hover: hover){a.toolbarButton:hover,button.toolbarButton:enabled:hover,button.toolbarButton[aria-expanded=true]{background:var(--header-hover-inactive)}a.toolbarButton.active:hover,button.toolbarButton[aria-checked=true]:enabled:hover,button.toolbarButton[aria-checked=true][aria-expanded=true]{background:var(--header-hover-active)}}button.toolbarButton:disabled{color:var(--header-disabled-color)}#speedSliderContainer.focused{border:1px dotted var(--header-foreground)}input[type=range]{-webkit-appearance:none;opacity:.8;transition:opacity .2s ease-out;height:1px;outline:none}input[type=range]:hover,input[type=range]:focus{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--header-foreground);width:10px;height:1.5rem}input[type=range]::-moz-range-thumb{width:10px;height:1.5rem;background:var(--header-foreground);border-radius:0;border:none}#speedSliderContainer{width:8.25rem}#speedSlider{width:7rem}@media(max-width: 1000px){.toolbarButton{width:2.35rem}#speedSliderContainer{width:4.7rem}#speedSlider{width:3.85rem}}@media(max-width: 48.175rem){header nav{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"navigation spacer1 editControls" "viewControls spacer1 playControls"}.largeToolbarOnly{display:none}}
:root{--background: hsl(0, 0%, 99%);--panel-background: hsl(0, 0%, 95%);--panel-overlay-background: hsl(0, 0%, 95%, 0.75);--output-background: hsl(0, 0%, 83%);--button: hsl(0, 0%, 83%);--hover-button: hsl(0, 0%, 90%);--active-button: hsl(0, 0%, 99%);--hexagon-stroke: hsl(0, 0%, 50%);--hexagon-fill: white;--disabled-color: hsl(210, 5%, 44%);--red: hsl(358, 85%, 52%);--blue: hsl(207, 74%, 42%);--orange: hsl(33, 93%, 54%);--foreground-color: black;--set-memory: var(--foreground-color);--cell-text-color: var(--foreground-color);--text-color: var(--foreground-color);--link-color: hsl(240, 97%, 45%);--visited-link-color: hsl(271, 68%, 32%);--active-link-color: hsl(0, 100%, 47%);--header-background: hsl(210, 10%, 23%);--header-foreground: var(--background);--header-disabled-color: hsl(210, 5%, 44%);--header-hover-inactive: hsl(210, 5%, 40%);--header-hover-active: hsl(0, 0%, 90%);--direction-picker-inactive: hsl(210, 10%, 25%);--direction-picker-background: hsl(210, 10%, 13%);--direction-picker-hover: hsl(210, 5%, 40%);--direction-picker-foreground: hsl(0, 0%, 99%);--direction-picker-border: var(--direction-picker-background)}@media not print{:root.darkMode{--background: hsl(210, 10%, 10%);--panel-background: hsl(210, 10%, 20%);--panel-overlay-background: hsl(210, 10%, 20%, 0.75);--output-background: var(--background);--button: hsl(0, 0%, 25%);--hover-button: hsl(0, 0%, 20%);--active-button: hsl(0, 0%, 10%);--hexagon-stroke: hsl(0, 0%, 50%);--hexagon-fill: hsl(210, 10%, 10%);--disabled-color: hsl(210, 5%, 66%);--red: hsl(358, 85%, 60%);--blue: hsl(207, 74%, 60%);--orange: hsl(33, 93%, 60%);--foreground-color: hsl(0, 0%, 92%);--set-memory: var(--foreground-color);--text-color: var(--foreground-color);--cell-text-color: var(--foreground-color);--cell-text-color: hsl(0, 0%, 99%);--link-color: hsl(200, 100%, 60%);--visited-link-color: hsl(270, 100%, 70%);--active-link-color: hsl(0, 100%, 60%);--header-background: var(--panel-background);--header-foreground: var(--foreground-color);--header-hover-active: hsl(0, 0%, 80%);--direction-picker-border: var(--foreground-color)}}body{background:var(--background);font:16px system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0}.svgBackground{fill:var(--panel-background)}.cellPath{fill:var(--hexagon-fill);stroke:var(--hexagon-stroke);stroke-width:.5;transition-timing-function:ease-out}.cellInput{font-size:20px;text-align:center;outline:none;padding:0;border-width:0;background:none;font-family:Consolas,Menlo,monospace;color:var(--cell-text-color)}.cellText{fill:var(--cell-text-color);stroke:none;font-size:20px;font-family:Consolas,Menlo,monospace}.subscriptSuperscript{font-size:14px}.noop{fill:var(--hexagon-stroke)}.outline{fill:none;stroke:var(--cell-text-color);stroke-width:1.5}.outlineSecondary{stroke-width:.75}.cellBreakpoint{fill:none;stroke:var(--red);stroke-width:1.5}@keyframes fadeInFillColor{from{fill:rgba(0,0,0,0)}}.cellExecutedArrow{animation:fadeInFillColor ease-out;stroke:none;fill:rgba(0,0,0,0);transition-property:fill}.colorSwatch5Light{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:hsl(140,80%,50%);width:.8rem;height:.8rem}.arrowExecuted5Light{fill:hsl(140,80%,47.5%)}.cellExecuted5Light{fill:hsl(140,80%,95%)}.arrowExecuted5_9Light{fill:hsl(140,80%,47%)}.cellExecuted5_9Light{fill:hsl(140,80%,94%)}.arrowExecuted5_8Light{fill:hsl(140,80%,46.3888888889%)}.cellExecuted5_8Light{fill:hsl(140,80%,92.7777777778%)}.arrowExecuted5_7Light{fill:hsl(140,80%,45.7777777778%)}.cellExecuted5_7Light{fill:hsl(140,80%,91.5555555556%)}.arrowExecuted5_6Light{fill:hsl(140,80%,45.1666666667%)}.cellExecuted5_6Light{fill:hsl(140,80%,90.3333333333%)}.arrowExecuted5_5Light{fill:hsl(140,80%,44.5555555556%)}.cellExecuted5_5Light{fill:hsl(140,80%,89.1111111111%)}.arrowExecuted5_4Light{fill:hsl(140,80%,43.9444444444%)}.cellExecuted5_4Light{fill:hsl(140,80%,87.8888888889%)}.arrowExecuted5_3Light{fill:hsl(140,80%,43.3333333333%)}.cellExecuted5_3Light{fill:hsl(140,80%,86.6666666667%)}.arrowExecuted5_2Light{fill:hsl(140,80%,42.7222222222%)}.cellExecuted5_2Light{fill:hsl(140,80%,85.4444444444%)}.arrowExecuted5_1Light{fill:hsl(140,80%,42.1111111111%)}.cellExecuted5_1Light{fill:hsl(140,80%,84.2222222222%)}.arrowExecuted5_0Light{fill:hsl(140,80%,41.5%)}.cellExecuted5_0Light{fill:hsl(140,80%,83%)}.colorSwatch4Light{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:hsl(60,90%,50%);width:.8rem;height:.8rem}.arrowExecuted4Light{fill:hsl(60,90%,47.5%)}.cellExecuted4Light{fill:hsl(60,90%,95%)}.arrowExecuted4_9Light{fill:hsl(60,90%,47%)}.cellExecuted4_9Light{fill:hsl(60,90%,94%)}.arrowExecuted4_8Light{fill:hsl(60,90%,46.3888888889%)}.cellExecuted4_8Light{fill:hsl(60,90%,92.7777777778%)}.arrowExecuted4_7Light{fill:hsl(60,90%,45.7777777778%)}.cellExecuted4_7Light{fill:hsl(60,90%,91.5555555556%)}.arrowExecuted4_6Light{fill:hsl(60,90%,45.1666666667%)}.cellExecuted4_6Light{fill:hsl(60,90%,90.3333333333%)}.arrowExecuted4_5Light{fill:hsl(60,90%,44.5555555556%)}.cellExecuted4_5Light{fill:hsl(60,90%,89.1111111111%)}.arrowExecuted4_4Light{fill:hsl(60,90%,43.9444444444%)}.cellExecuted4_4Light{fill:hsl(60,90%,87.8888888889%)}.arrowExecuted4_3Light{fill:rgb(209.95,209.95,11.05)}.cellExecuted4_3Light{fill:rgb(251.6,251.6,190.4)}.arrowExecuted4_2Light{fill:hsl(60,90%,42.7222222222%)}.cellExecuted4_2Light{fill:hsl(60,90%,85.4444444444%)}.arrowExecuted4_1Light{fill:hsl(60,90%,42.1111111111%)}.cellExecuted4_1Light{fill:hsl(60,90%,84.2222222222%)}.arrowExecuted4_0Light{fill:hsl(60,90%,41.5%)}.cellExecuted4_0Light{fill:hsl(60,90%,83%)}.colorSwatch3Light{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:rgb(255,127.5,0);width:.8rem;height:.8rem}.arrowExecuted3Light{fill:hsl(30,100%,47.5%)}.cellExecuted3Light{fill:hsl(30,100%,95%)}.arrowExecuted3_9Light{fill:hsl(30,100%,47%)}.cellExecuted3_9Light{fill:hsl(30,100%,94%)}.arrowExecuted3_8Light{fill:hsl(30,100%,46.3888888889%)}.cellExecuted3_8Light{fill:hsl(30,100%,92.7777777778%)}.arrowExecuted3_7Light{fill:hsl(30,100%,45.7777777778%)}.cellExecuted3_7Light{fill:hsl(30,100%,91.5555555556%)}.arrowExecuted3_6Light{fill:rgb(230.35,115.175,0)}.cellExecuted3_6Light{fill:rgb(255,230.35,205.7)}.arrowExecuted3_5Light{fill:hsl(30,100%,44.5555555556%)}.cellExecuted3_5Light{fill:hsl(30,100%,89.1111111111%)}.arrowExecuted3_4Light{fill:hsl(30,100%,43.9444444444%)}.cellExecuted3_4Light{fill:hsl(30,100%,87.8888888889%)}.arrowExecuted3_3Light{fill:rgb(221,110.5,0)}.cellExecuted3_3Light{fill:#fdb}.arrowExecuted3_2Light{fill:hsl(30,100%,42.7222222222%)}.cellExecuted3_2Light{fill:hsl(30,100%,85.4444444444%)}.arrowExecuted3_1Light{fill:hsl(30,100%,42.1111111111%)}.cellExecuted3_1Light{fill:hsl(30,100%,84.2222222222%)}.arrowExecuted3_0Light{fill:hsl(30,100%,41.5%)}.cellExecuted3_0Light{fill:hsl(30,100%,83%)}.colorSwatch2Light{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:#f66;width:.8rem;height:.8rem}.arrowExecuted2Light{fill:rgb(247.35,0,0)}.cellExecuted2Light{fill:hsl(0,100%,97%)}.arrowExecuted2_9Light{fill:rgb(245.82,0,0)}.cellExecuted2_9Light{fill:hsl(0,100%,96.4%)}.arrowExecuted2_8Light{fill:rgb(243.95,0,0)}.cellExecuted2_8Light{fill:rgb(255,232.9,232.9)}.arrowExecuted2_7Light{fill:rgb(242.08,0,0)}.cellExecuted2_7Light{fill:rgb(255,229.16,229.16)}.arrowExecuted2_6Light{fill:rgb(240.21,0,0)}.cellExecuted2_6Light{fill:hsl(0,100%,94.2%)}.arrowExecuted2_5Light{fill:rgb(238.34,0,0)}.cellExecuted2_5Light{fill:rgb(255,221.68,221.68)}.arrowExecuted2_4Light{fill:rgb(236.47,0,0)}.cellExecuted2_4Light{fill:rgb(255,217.94,217.94)}.arrowExecuted2_3Light{fill:rgb(234.6,0,0)}.cellExecuted2_3Light{fill:hsl(0,100%,92%)}.arrowExecuted2_2Light{fill:rgb(232.73,0,0)}.cellExecuted2_2Light{fill:rgb(255,210.46,210.46)}.arrowExecuted2_1Light{fill:rgb(230.86,0,0)}.cellExecuted2_1Light{fill:rgb(255,206.72,206.72)}.arrowExecuted2_0Light{fill:rgb(228.99,0,0)}.cellExecuted2_0Light{fill:hsl(0,100%,89.8%)}.colorSwatch1Light{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:hsl(270,100%,70%);width:.8rem;height:.8rem}.arrowExecuted1Light{fill:hsl(270,100%,48.5%)}.cellExecuted1Light{fill:hsl(270,100%,97%)}.arrowExecuted1_9Light{fill:hsl(270,100%,48.2%)}.cellExecuted1_9Light{fill:hsl(270,100%,96.4%)}.arrowExecuted1_8Light{fill:rgb(121.975,0,243.95)}.cellExecuted1_8Light{fill:rgb(243.95,232.9,255)}.arrowExecuted1_7Light{fill:rgb(121.04,0,242.08)}.cellExecuted1_7Light{fill:rgb(242.08,229.16,255)}.arrowExecuted1_6Light{fill:hsl(270,100%,47.1%)}.cellExecuted1_6Light{fill:hsl(270,100%,94.2%)}.arrowExecuted1_5Light{fill:rgb(119.17,0,238.34)}.cellExecuted1_5Light{fill:rgb(238.34,221.68,255)}.arrowExecuted1_4Light{fill:rgb(118.235,0,236.47)}.cellExecuted1_4Light{fill:rgb(236.47,217.94,255)}.arrowExecuted1_3Light{fill:hsl(270,100%,46%)}.cellExecuted1_3Light{fill:hsl(270,100%,92%)}.arrowExecuted1_2Light{fill:rgb(116.365,0,232.73)}.cellExecuted1_2Light{fill:rgb(232.73,210.46,255)}.arrowExecuted1_1Light{fill:rgb(115.43,0,230.86)}.cellExecuted1_1Light{fill:rgb(230.86,206.72,255)}.arrowExecuted1_0Light{fill:hsl(270,100%,44.9%)}.cellExecuted1_0Light{fill:hsl(270,100%,89.8%)}.colorSwatch0Light{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:#0af;width:.8rem;height:.8rem}.arrowExecuted0Light{fill:rgb(0,161.5,242.25)}.cellExecuted0Light{fill:hsl(200,100%,95%)}.arrowExecuted0_9Light{fill:hsl(200,100%,47%)}.cellExecuted0_9Light{fill:hsl(200,100%,94%)}.arrowExecuted0_8Light{fill:hsl(200,100%,46.3888888889%)}.cellExecuted0_8Light{fill:hsl(200,100%,92.7777777778%)}.arrowExecuted0_7Light{fill:hsl(200,100%,45.7777777778%)}.cellExecuted0_7Light{fill:hsl(200,100%,91.5555555556%)}.arrowExecuted0_6Light{fill:rgb(0,153.5666666667,230.35)}.cellExecuted0_6Light{fill:hsl(200,100%,90.3333333333%)}.arrowExecuted0_5Light{fill:hsl(200,100%,44.5555555556%)}.cellExecuted0_5Light{fill:hsl(200,100%,89.1111111111%)}.arrowExecuted0_4Light{fill:hsl(200,100%,43.9444444444%)}.cellExecuted0_4Light{fill:hsl(200,100%,87.8888888889%)}.arrowExecuted0_3Light{fill:rgb(0,147.3333333333,221)}.cellExecuted0_3Light{fill:rgb(187,232.3333333333,255)}.arrowExecuted0_2Light{fill:hsl(200,100%,42.7222222222%)}.cellExecuted0_2Light{fill:hsl(200,100%,85.4444444444%)}.arrowExecuted0_1Light{fill:hsl(200,100%,42.1111111111%)}.cellExecuted0_1Light{fill:hsl(200,100%,84.2222222222%)}.arrowExecuted0_0Light{fill:rgb(0,141.1,211.65)}.cellExecuted0_0Light{fill:hsl(200,100%,83%)}.arrowInactive5Light{fill:hsl(140,80%,29.05%)}.cellInactive5Light{fill:hsl(140,80%,83%)}.arrowActive5Light{fill:hsl(140,80%,17.5%)}.cellActive5Light{fill:hsl(140,80%,50%)}.cellActive5LightSecondary{fill:hsl(140,80%,87.5%)}.arrowInactive4Light{fill:hsl(60,90%,29.05%)}.cellInactive4Light{fill:hsl(60,90%,83%)}.arrowActive4Light{fill:hsl(60,90%,17.5%)}.cellActive4Light{fill:hsl(60,90%,50%)}.cellActive4LightSecondary{fill:hsl(60,90%,87.5%)}.arrowInactive3Light{fill:hsl(30,100%,29.05%)}.cellInactive3Light{fill:hsl(30,100%,83%)}.arrowActive3Light{fill:hsl(30,100%,17.5%)}.cellActive3Light{fill:rgb(255,127.5,0)}.cellActive3LightSecondary{fill:hsl(30,100%,87.5%)}.arrowInactive2Light{fill:rgb(160.293,0,0)}.cellInactive2Light{fill:hsl(0,100%,89.8%)}.arrowActive2Light{fill:rgb(124.95,0,0)}.cellActive2Light{fill:#f66}.cellActive2LightSecondary{fill:hsl(0,100%,92.5%)}.arrowInactive1Light{fill:hsl(270,100%,31.43%)}.cellInactive1Light{fill:hsl(270,100%,89.8%)}.arrowActive1Light{fill:hsl(270,100%,24.5%)}.cellActive1Light{fill:hsl(270,100%,70%)}.cellActive1LightSecondary{fill:hsl(270,100%,92.5%)}.arrowInactive0Light{fill:rgb(0,98.77,148.155)}.cellInactive0Light{fill:hsl(200,100%,83%)}.arrowActive0Light{fill:rgb(0,59.5,89.25)}.cellActive0Light{fill:#0af}.cellActive0LightSecondary{fill:hsl(200,100%,87.5%)}.colorSwatch5Dark{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:hsl(140,80%,40%);width:.8rem;height:.8rem}.arrowExecuted5Dark{fill:hsl(140,80%,55%)}.cellExecuted5Dark{fill:hsl(140,80%,10%)}.arrowExecuted5_9Dark{fill:hsl(140,80%,55.4%)}.cellExecuted5_9Dark{fill:hsl(140,80%,10.8%)}.arrowExecuted5_8Dark{fill:hsl(140,80%,55.8888888889%)}.cellExecuted5_8Dark{fill:hsl(140,80%,11.7777777778%)}.arrowExecuted5_7Dark{fill:hsl(140,80%,56.3777777778%)}.cellExecuted5_7Dark{fill:hsl(140,80%,12.7555555556%)}.arrowExecuted5_6Dark{fill:hsl(140,80%,56.8666666667%)}.cellExecuted5_6Dark{fill:hsl(140,80%,13.7333333333%)}.arrowExecuted5_5Dark{fill:hsl(140,80%,57.3555555556%)}.cellExecuted5_5Dark{fill:hsl(140,80%,14.7111111111%)}.arrowExecuted5_4Dark{fill:hsl(140,80%,57.8444444444%)}.cellExecuted5_4Dark{fill:hsl(140,80%,15.6888888889%)}.arrowExecuted5_3Dark{fill:hsl(140,80%,58.3333333333%)}.cellExecuted5_3Dark{fill:rgb(8.5,76.5,31.1666666667)}.arrowExecuted5_2Dark{fill:hsl(140,80%,58.8222222222%)}.cellExecuted5_2Dark{fill:hsl(140,80%,17.6444444444%)}.arrowExecuted5_1Dark{fill:hsl(140,80%,59.3111111111%)}.cellExecuted5_1Dark{fill:hsl(140,80%,18.6222222222%)}.arrowExecuted5_0Dark{fill:hsl(140,80%,59.8%)}.cellExecuted5_0Dark{fill:hsl(140,80%,19.6%)}.colorSwatch4Dark{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:hsl(60,90%,40%);width:.8rem;height:.8rem}.arrowExecuted4Dark{fill:hsl(60,90%,55%)}.cellExecuted4Dark{fill:hsl(60,90%,10%)}.arrowExecuted4_9Dark{fill:hsl(60,90%,55.4%)}.cellExecuted4_9Dark{fill:hsl(60,90%,10.8%)}.arrowExecuted4_8Dark{fill:hsl(60,90%,55.8888888889%)}.cellExecuted4_8Dark{fill:hsl(60,90%,11.7777777778%)}.arrowExecuted4_7Dark{fill:hsl(60,90%,56.3777777778%)}.cellExecuted4_7Dark{fill:hsl(60,90%,12.7555555556%)}.arrowExecuted4_6Dark{fill:hsl(60,90%,56.8666666667%)}.cellExecuted4_6Dark{fill:rgb(66.538,66.538,3.502)}.arrowExecuted4_5Dark{fill:hsl(60,90%,57.3555555556%)}.cellExecuted4_5Dark{fill:hsl(60,90%,14.7111111111%)}.arrowExecuted4_4Dark{fill:hsl(60,90%,57.8444444444%)}.cellExecuted4_4Dark{fill:hsl(60,90%,15.6888888889%)}.arrowExecuted4_3Dark{fill:hsl(60,90%,58.3333333333%)}.cellExecuted4_3Dark{fill:rgb(80.75,80.75,4.25)}.arrowExecuted4_2Dark{fill:hsl(60,90%,58.8222222222%)}.cellExecuted4_2Dark{fill:hsl(60,90%,17.6444444444%)}.arrowExecuted4_1Dark{fill:hsl(60,90%,59.3111111111%)}.cellExecuted4_1Dark{fill:hsl(60,90%,18.6222222222%)}.arrowExecuted4_0Dark{fill:hsl(60,90%,59.8%)}.cellExecuted4_0Dark{fill:hsl(60,90%,19.6%)}.colorSwatch3Dark{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:rgb(255,127.5,0);width:.8rem;height:.8rem}.arrowExecuted3Dark{fill:hsl(30,100%,56.25%)}.cellExecuted3Dark{fill:hsl(30,100%,12.5%)}.arrowExecuted3_9Dark{fill:hsl(30,100%,56.75%)}.cellExecuted3_9Dark{fill:hsl(30,100%,13.5%)}.arrowExecuted3_8Dark{fill:hsl(30,100%,57.3611111111%)}.cellExecuted3_8Dark{fill:hsl(30,100%,14.7222222222%)}.arrowExecuted3_7Dark{fill:hsl(30,100%,57.9722222222%)}.cellExecuted3_7Dark{fill:hsl(30,100%,15.9444444444%)}.arrowExecuted3_6Dark{fill:rgb(255,149.3875,43.775)}.cellExecuted3_6Dark{fill:rgb(87.55,43.775,0)}.arrowExecuted3_5Dark{fill:hsl(30,100%,59.1944444444%)}.cellExecuted3_5Dark{fill:hsl(30,100%,18.3888888889%)}.arrowExecuted3_4Dark{fill:hsl(30,100%,59.8055555556%)}.cellExecuted3_4Dark{fill:hsl(30,100%,19.6111111111%)}.arrowExecuted3_3Dark{fill:rgb(255,154.0625,53.125)}.cellExecuted3_3Dark{fill:rgb(106.25,53.125,0)}.arrowExecuted3_2Dark{fill:hsl(30,100%,61.0277777778%)}.cellExecuted3_2Dark{fill:hsl(30,100%,22.0555555556%)}.arrowExecuted3_1Dark{fill:hsl(30,100%,61.6388888889%)}.cellExecuted3_1Dark{fill:hsl(30,100%,23.2777777778%)}.arrowExecuted3_0Dark{fill:hsl(30,100%,62.25%)}.cellExecuted3_0Dark{fill:hsl(30,100%,24.5%)}.colorSwatch2Dark{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:red;width:.8rem;height:.8rem}.arrowExecuted2Dark{fill:hsl(0,100%,56.25%)}.cellExecuted2Dark{fill:rgb(63.75,0,0)}.arrowExecuted2_9Dark{fill:hsl(0,100%,56.75%)}.cellExecuted2_9Dark{fill:rgb(68.85,0,0)}.arrowExecuted2_8Dark{fill:hsl(0,100%,57.3611111111%)}.cellExecuted2_8Dark{fill:rgb(75.0833333333,0,0)}.arrowExecuted2_7Dark{fill:hsl(0,100%,57.9722222222%)}.cellExecuted2_7Dark{fill:rgb(81.3166666667,0,0)}.arrowExecuted2_6Dark{fill:rgb(255,43.775,43.775)}.cellExecuted2_6Dark{fill:rgb(87.55,0,0)}.arrowExecuted2_5Dark{fill:hsl(0,100%,59.1944444444%)}.cellExecuted2_5Dark{fill:rgb(93.7833333333,0,0)}.arrowExecuted2_4Dark{fill:hsl(0,100%,59.8055555556%)}.cellExecuted2_4Dark{fill:rgb(100.0166666667,0,0)}.arrowExecuted2_3Dark{fill:rgb(255,53.125,53.125)}.cellExecuted2_3Dark{fill:rgb(106.25,0,0)}.arrowExecuted2_2Dark{fill:hsl(0,100%,61.0277777778%)}.cellExecuted2_2Dark{fill:rgb(112.4833333333,0,0)}.arrowExecuted2_1Dark{fill:hsl(0,100%,61.6388888889%)}.cellExecuted2_1Dark{fill:rgb(118.7166666667,0,0)}.arrowExecuted2_0Dark{fill:hsl(0,100%,62.25%)}.cellExecuted2_0Dark{fill:rgb(124.95,0,0)}.colorSwatch1Dark{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:#93f;width:.8rem;height:.8rem}.arrowExecuted1Dark{fill:hsl(270,100%,57.5%)}.cellExecuted1Dark{fill:rgb(38.25,0,76.5)}.arrowExecuted1_9Dark{fill:hsl(270,100%,58.1%)}.cellExecuted1_9Dark{fill:rgb(41.31,0,82.62)}.arrowExecuted1_8Dark{fill:rgb(150.025,45.05,255)}.cellExecuted1_8Dark{fill:rgb(45.05,0,90.1)}.arrowExecuted1_7Dark{fill:rgb(151.895,48.79,255)}.cellExecuted1_7Dark{fill:rgb(48.79,0,97.58)}.arrowExecuted1_6Dark{fill:hsl(270,100%,60.3%)}.cellExecuted1_6Dark{fill:rgb(52.53,0,105.06)}.arrowExecuted1_5Dark{fill:rgb(155.635,56.27,255)}.cellExecuted1_5Dark{fill:rgb(56.27,0,112.54)}.arrowExecuted1_4Dark{fill:rgb(157.505,60.01,255)}.cellExecuted1_4Dark{fill:rgb(60.01,0,120.02)}.arrowExecuted1_3Dark{fill:hsl(270,100%,62.5%)}.cellExecuted1_3Dark{fill:hsl(270,100%,25%)}.arrowExecuted1_2Dark{fill:rgb(161.245,67.49,255)}.cellExecuted1_2Dark{fill:rgb(67.49,0,134.98)}.arrowExecuted1_1Dark{fill:rgb(163.115,71.23,255)}.cellExecuted1_1Dark{fill:rgb(71.23,0,142.46)}.arrowExecuted1_0Dark{fill:hsl(270,100%,64.7%)}.cellExecuted1_0Dark{fill:rgb(74.97,0,149.94)}.colorSwatch0Dark{display:inline-block;margin:0 .5rem;border:1px solid var(--foreground-color);background:#0af;width:.8rem;height:.8rem}.arrowExecuted0Dark{fill:hsl(200,100%,56.25%)}.cellExecuted0Dark{fill:rgb(0,42.5,63.75)}.arrowExecuted0_9Dark{fill:hsl(200,100%,56.75%)}.cellExecuted0_9Dark{fill:rgb(0,45.9,68.85)}.arrowExecuted0_8Dark{fill:hsl(200,100%,57.3611111111%)}.cellExecuted0_8Dark{fill:hsl(200,100%,14.7222222222%)}.arrowExecuted0_7Dark{fill:hsl(200,100%,57.9722222222%)}.cellExecuted0_7Dark{fill:hsl(200,100%,15.9444444444%)}.arrowExecuted0_6Dark{fill:hsl(200,100%,58.5833333333%)}.cellExecuted0_6Dark{fill:rgb(0,58.3666666667,87.55)}.arrowExecuted0_5Dark{fill:hsl(200,100%,59.1944444444%)}.cellExecuted0_5Dark{fill:hsl(200,100%,18.3888888889%)}.arrowExecuted0_4Dark{fill:hsl(200,100%,59.8055555556%)}.cellExecuted0_4Dark{fill:hsl(200,100%,19.6111111111%)}.arrowExecuted0_3Dark{fill:hsl(200,100%,60.4166666667%)}.cellExecuted0_3Dark{fill:rgb(0,70.8333333333,106.25)}.arrowExecuted0_2Dark{fill:hsl(200,100%,61.0277777778%)}.cellExecuted0_2Dark{fill:hsl(200,100%,22.0555555556%)}.arrowExecuted0_1Dark{fill:hsl(200,100%,61.6388888889%)}.cellExecuted0_1Dark{fill:hsl(200,100%,23.2777777778%)}.arrowExecuted0_0Dark{fill:hsl(200,100%,62.25%)}.cellExecuted0_0Dark{fill:rgb(0,83.3,124.95)}.arrowInactive5Dark{fill:hsl(140,80%,79.9%)}.cellInactive5Dark{fill:hsl(140,80%,19.6%)}.arrowActive5Dark{fill:hsl(140,80%,85%)}.cellActive5Dark{fill:hsl(140,80%,40%)}.cellActive5DarkSecondary{fill:hsl(140,80%,14%)}.arrowInactive4Dark{fill:hsl(60,90%,79.9%)}.cellInactive4Dark{fill:hsl(60,90%,19.6%)}.arrowActive4Dark{fill:hsl(60,90%,85%)}.cellActive4Dark{fill:hsl(60,90%,40%)}.cellActive4DarkSecondary{fill:hsl(60,90%,14%)}.arrowInactive3Dark{fill:hsl(30,100%,81.125%)}.cellInactive3Dark{fill:hsl(30,100%,24.5%)}.arrowActive3Dark{fill:hsl(30,100%,87.5%)}.cellActive3Dark{fill:rgb(255,127.5,0)}.cellActive3DarkSecondary{fill:hsl(30,100%,17.5%)}.arrowInactive2Dark{fill:hsl(0,100%,81.125%)}.cellInactive2Dark{fill:rgb(124.95,0,0)}.arrowActive2Dark{fill:hsl(0,100%,87.5%)}.cellActive2Dark{fill:red}.cellActive2DarkSecondary{fill:rgb(89.25,0,0)}.arrowInactive1Dark{fill:hsl(270,100%,82.35%)}.cellInactive1Dark{fill:rgb(74.97,0,149.94)}.arrowActive1Dark{fill:hsl(270,100%,90%)}.cellActive1Dark{fill:#93f}.cellActive1DarkSecondary{fill:hsl(270,100%,21%)}.arrowInactive0Dark{fill:hsl(200,100%,81.125%)}.cellInactive0Dark{fill:rgb(0,83.3,124.95)}.arrowActive0Dark{fill:hsl(200,100%,87.5%)}.cellActive0Dark{fill:#0af}.cellActive0DarkSecondary{fill:rgb(0,59.5,89.25)}.typingDirectionArrow{fill:var(--text-color)}.connector{fill:none;stroke:var(--orange);stroke-width:1}.positiveConnector>path{stroke:var(--red)}.negativeConnector>path{stroke:var(--blue)}.positiveText{fill:var(--red);font-size:20px}.negativeText{fill:var(--blue);font-size:20px}@keyframes connectorFlash{to{stroke-width:6}}@keyframes connectorFlashSecondary{to{stroke-width:4}}path.connectorFlash{animation:connectorFlash .5s ease-out 0s 2 alternate}path.connectorNeutralFlash{stroke:var(--orange);animation:connectorFlash .5s ease-out 0s 2 alternate}path.connectorFlashSecondary{animation:connectorFlashSecondary .5s ease-out 0s 2 alternate}path.connectorNeutralFlashSecondary{stroke:var(--orange);animation:connectorFlashSecondary .5s ease-out 0s 2 alternate}
:root{--background: hsl(0, 0%, 99%);--panel-background: hsl(0, 0%, 95%);--panel-overlay-background: hsl(0, 0%, 95%, 0.75);--output-background: hsl(0, 0%, 83%);--button: hsl(0, 0%, 83%);--hover-button: hsl(0, 0%, 90%);--active-button: hsl(0, 0%, 99%);--hexagon-stroke: hsl(0, 0%, 50%);--hexagon-fill: white;--disabled-color: hsl(210, 5%, 44%);--red: hsl(358, 85%, 52%);--blue: hsl(207, 74%, 42%);--orange: hsl(33, 93%, 54%);--foreground-color: black;--set-memory: var(--foreground-color);--cell-text-color: var(--foreground-color);--text-color: var(--foreground-color);--link-color: hsl(240, 97%, 45%);--visited-link-color: hsl(271, 68%, 32%);--active-link-color: hsl(0, 100%, 47%);--header-background: hsl(210, 10%, 23%);--header-foreground: var(--background);--header-disabled-color: hsl(210, 5%, 44%);--header-hover-inactive: hsl(210, 5%, 40%);--header-hover-active: hsl(0, 0%, 90%);--direction-picker-inactive: hsl(210, 10%, 25%);--direction-picker-background: hsl(210, 10%, 13%);--direction-picker-hover: hsl(210, 5%, 40%);--direction-picker-foreground: hsl(0, 0%, 99%);--direction-picker-border: var(--direction-picker-background)}@media not print{:root.darkMode{--background: hsl(210, 10%, 10%);--panel-background: hsl(210, 10%, 20%);--panel-overlay-background: hsl(210, 10%, 20%, 0.75);--output-background: var(--background);--button: hsl(0, 0%, 25%);--hover-button: hsl(0, 0%, 20%);--active-button: hsl(0, 0%, 10%);--hexagon-stroke: hsl(0, 0%, 50%);--hexagon-fill: hsl(210, 10%, 10%);--disabled-color: hsl(210, 5%, 66%);--red: hsl(358, 85%, 60%);--blue: hsl(207, 74%, 60%);--orange: hsl(33, 93%, 60%);--foreground-color: hsl(0, 0%, 92%);--set-memory: var(--foreground-color);--text-color: var(--foreground-color);--cell-text-color: var(--foreground-color);--cell-text-color: hsl(0, 0%, 99%);--link-color: hsl(200, 100%, 60%);--visited-link-color: hsl(270, 100%, 70%);--active-link-color: hsl(0, 100%, 60%);--header-background: var(--panel-background);--header-foreground: var(--foreground-color);--header-hover-active: hsl(0, 0%, 80%);--direction-picker-border: var(--foreground-color)}}body{background:var(--background);font:16px system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0}div #codePanel.appPanel{position:relative;grid-area:codePanel;min-height:585px;display:flex;padding:0;overflow-x:auto}.codePanelHeader{position:absolute;left:0px;top:0px;z-index:1;background:var(--panel-overlay-background);display:flex;padding:.5rem}#resetCodeViewButton{margin:.5rem}#codeSvgContainer{margin:0 auto;align-self:center}@media(max-width: 640px){div #codePanel.appPanel{min-height:0px}}@media print{div #codePanel.appPanel{overflow:visible}}
:root{--background: hsl(0, 0%, 99%);--panel-background: hsl(0, 0%, 95%);--panel-overlay-background: hsl(0, 0%, 95%, 0.75);--output-background: hsl(0, 0%, 83%);--button: hsl(0, 0%, 83%);--hover-button: hsl(0, 0%, 90%);--active-button: hsl(0, 0%, 99%);--hexagon-stroke: hsl(0, 0%, 50%);--hexagon-fill: white;--disabled-color: hsl(210, 5%, 44%);--red: hsl(358, 85%, 52%);--blue: hsl(207, 74%, 42%);--orange: hsl(33, 93%, 54%);--foreground-color: black;--set-memory: var(--foreground-color);--cell-text-color: var(--foreground-color);--text-color: var(--foreground-color);--link-color: hsl(240, 97%, 45%);--visited-link-color: hsl(271, 68%, 32%);--active-link-color: hsl(0, 100%, 47%);--header-background: hsl(210, 10%, 23%);--header-foreground: var(--background);--header-disabled-color: hsl(210, 5%, 44%);--header-hover-inactive: hsl(210, 5%, 40%);--header-hover-active: hsl(0, 0%, 90%);--direction-picker-inactive: hsl(210, 10%, 25%);--direction-picker-background: hsl(210, 10%, 13%);--direction-picker-hover: hsl(210, 5%, 40%);--direction-picker-foreground: hsl(0, 0%, 99%);--direction-picker-border: var(--direction-picker-background)}@media not print{:root.darkMode{--background: hsl(210, 10%, 10%);--panel-background: hsl(210, 10%, 20%);--panel-overlay-background: hsl(210, 10%, 20%, 0.75);--output-background: var(--background);--button: hsl(0, 0%, 25%);--hover-button: hsl(0, 0%, 20%);--active-button: hsl(0, 0%, 10%);--hexagon-stroke: hsl(0, 0%, 50%);--hexagon-fill: hsl(210, 10%, 10%);--disabled-color: hsl(210, 5%, 66%);--red: hsl(358, 85%, 60%);--blue: hsl(207, 74%, 60%);--orange: hsl(33, 93%, 60%);--foreground-color: hsl(0, 0%, 92%);--set-memory: var(--foreground-color);--text-color: var(--foreground-color);--cell-text-color: var(--foreground-color);--cell-text-color: hsl(0, 0%, 99%);--link-color: hsl(200, 100%, 60%);--visited-link-color: hsl(270, 100%, 70%);--active-link-color: hsl(0, 100%, 60%);--header-background: var(--panel-background);--header-foreground: var(--foreground-color);--header-hover-active: hsl(0, 0%, 80%);--direction-picker-border: var(--foreground-color)}}body{background:var(--background);font:16px system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0}div #memoryPanel.appPanel{grid-area:memoryPanel;padding:0;display:grid;grid-template-rows:auto 1fr}div #memoryPanel.appPanel h1{margin:.5rem 0 0 .5rem}#memoryContainer{grid-column:1/3;overflow:hidden;margin:.5rem 1px 1px 1px}.memoryCell{fill:none;stroke:var(--hexagon-stroke);stroke-width:.5}.memoryPointer{fill:var(--red);stroke:none;transition:transform .25s ease-out}.memoryValue{fill:none;stroke:var(--set-memory);stroke-width:1}#resetViewButton{align-self:flex-end;justify-self:end;grid-column:2;grid-row:1;margin:.5rem}@media(max-width: 640px){#memoryPanel{min-height:400px}}
#statePanel{grid-area:statePanel;display:inline-grid;grid-template-columns:auto;grid-template-rows:auto auto 1fr;column-gap:1rem}#statePanelTop{grid-template-columns:auto 1fr auto;display:inline-grid;column-gap:1rem}#stateGrid1,#stateGrid2{grid-template-rows:repeat(7, 1fr);column-gap:1rem}#stateGrid1{display:inline-grid;grid-template-columns:auto repeat(4, minmax(2rem, 3rem)) 1fr}#stateGrid2{display:none}.activeIp{font-weight:bold}#cycleColorsButton{align-self:flex-end;justify-self:end;grid-column:3;grid-row:1;margin:.5rem 0}#terminationReasonText{animation:fadeIn .25s ease-out;align-self:center;font-size:1.25rem;font-weight:bold;margin:.25rem 0;color:var(--red)}@media(min-width: 1600px)and (max-height: 1080px){#statePanel{grid-template-columns:1.5fr 1fr}#statePanelTop{grid-column:1/3}#stateGrid1{grid-template-columns:auto repeat(3, 1fr) 3rem}#stateGrid2{display:inline-grid;grid-template-columns:auto auto 1fr}#stateGrid1>.extraState{display:none}}
body header{background:var(--header-background)}header nav{margin:auto;max-width:1280px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;grid-template-rows:auto;grid-template-areas:"navigation spacer1 viewControls spacer2 editControls spacer3 playControls"}nav>#navigation{grid-area:navigation}nav>#viewControls{grid-area:viewControls}nav>#editControls{grid-area:editControls;justify-self:right}nav>#playControls{grid-area:playControls;justify-self:right}svg.buttonSvg{height:1.5rem}.toolbarButton,#speedSliderContainer{height:2.75rem;width:2.75rem;align-items:center;display:flex;justify-content:center;color:var(--header-foreground);fill:var(--header-foreground)}.toolbarButton{transition:background-color .2s ease-out,color .2s ease-out}header>nav .group{display:flex}button.toolbarButton{background:var(--header-background);border:none;padding:0}a.toolbarButton.active,button.toolbarButton[aria-checked=true]{background:var(--header-foreground);color:var(--header-background)}@media(hover: hover){a.toolbarButton:hover,button.toolbarButton:enabled:hover,button.toolbarButton[aria-expanded=true]{background:var(--header-hover-inactive)}a.toolbarButton.active:hover,button.toolbarButton[aria-checked=true]:enabled:hover,button.toolbarButton[aria-checked=true][aria-expanded=true]{background:var(--header-hover-active)}}button.toolbarButton:disabled{color:var(--header-disabled-color)}#speedSliderContainer.focused{border:1px dotted var(--header-foreground)}input[type=range]{-webkit-appearance:none;opacity:.8;transition:opacity .2s ease-out;height:1px;outline:none}input[type=range]:hover,input[type=range]:focus{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--header-foreground);width:10px;height:1.5rem}input[type=range]::-moz-range-thumb{width:10px;height:1.5rem;background:var(--header-foreground);border-radius:0;border:none}#speedSliderContainer{width:8.25rem}#speedSlider{width:7rem}@media(max-width: 1000px){.toolbarButton{width:2.35rem}#speedSliderContainer{width:4.7rem}#speedSlider{width:3.85rem}}@media(max-width: 48.175rem){header nav{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"navigation spacer1 editControls" "viewControls spacer1 playControls"}.largeToolbarOnly{display:none}}svg.buttonSvg.directionalTypingButton{height:1.68rem}button.directionPickerButton{color:var(--direction-picker-inactive);background:none;border:none;padding:0}button[aria-checked=true].directionPickerButton{color:var(--direction-picker-foreground)}.directionPickerContainer{display:grid;color:var(--direction-picker-foreground);grid-template-columns:100px 100px;grid-template-rows:52px 52px 52px 52px;background:var(--direction-picker-background);border:solid 2px var(--direction-picker-border);z-index:2}.directionPickerContainer.hidden{display:none}.directionPickerHexagon{position:absolute;left:0px;top:0px;pointer-events:none}button.directionalTypingOffButton{grid-column:1/3;padding:0px;background:rgba(0,0,0,0);border:none;color:var(--header-disabled-color);margin:.5rem}button.directionalTypingOffButton:enabled{color:var(--direction-picker-foreground)}@media(hover: hover){button.directionalTypingOffButton:enabled:hover{background:var(--header-hover-inactive)}button[aria-checked=false].directionPickerButton:hover{color:var(--direction-picker-hover)}}