.body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;display:grid}.body-content{flex-direction:column;display:flex}.textpage{width:40em;margin:4em;font-size:16px}.text-manager .section{border-top:2px solid #d3d3d3;margin-left:1em}.text-manager textarea,.text-manager input[type=text]{width:60em}.text-manager .editor-row{border-top:1px solid #d3d3d3;display:flex}.text-manager .editor{width:60em}.text-manager .preview{width:20em;padding-left:2em}.jsonbox{vertical-align:text-top;margin:1em}textarea{width:40em;min-height:10em}.key{vertical-align:top;width:100px;padding-left:4px;font-weight:700;display:inline-block}.other{border:2px solid #0000;display:inline-block}.is-dirty{border:2px solid green}.section{border-top:1px solid gray}.comp{grid-template-rows:auto auto;grid-template-columns:240px auto;display:grid}.custom-components .start-banner{width:600px;margin-top:2em;margin-left:200px}.components-panel{flex-direction:column;grid-area:2/1;padding:4px;display:flex}.custom-components .left-tool-header{grid-area:1/1}.custom-component .tool-header{grid-area:1/2}.custom-component .navbar-text{padding-left:1em;padding-right:1em}.custom-component .builder{grid-area:2/2}.components{flex-grow:1;max-height:70vh;padding-left:4px;overflow-y:auto}.component{padding-top:6px;padding-bottom:6px}.component a{padding-left:4px}.component:hover{color:#333;background-color:#eee}.component.active:hover{color:inherit;background-color:inherit}svg{overflow:visible}.wire-layer{pointer-events:none;position:absolute;top:0;left:0}.tool{resize:both;align-items:stretch;min-width:1020px;max-width:2000px;height:100%;min-height:540px;padding-bottom:6px;display:flex;position:relative;overflow:hidden}@media (height>=700px){.tool{min-height:600px}}@media (height>=800px){.tool{min-height:700px}}@media (height>=900px){.tool{min-height:800px}}@media (height>=1000px){.tool{min-height:900px}}.canvas-panel{flex-grow:1}.canvas{border:1px solid #0000001a;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.component-canvas{background-color:#9999c8;border:4px solid #000;border-radius:10px;flex-grow:1}.nodes{z-index:2;position:relative}.diagram-label{font-family:Segoe UI,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:12px}.output-row-label{align-self:center;width:100px;padding-left:20px}.input-row-label{width:100px;padding-top:36px;padding-left:20px}.output-node-row{z-index:1;flex-direction:row;align-items:flex-end;min-height:66px;display:flex;position:relative;top:2px;left:0}.input-node-row{flex-direction:row;min-height:80px;display:flex;position:relative;top:-14px;left:0}.dropdown-area{align-self:center}.diagram-input-group,.diagram-output-group{border-radius:10px;flex-direction:column;margin-right:12px;display:flex}.diagram-input-group .diagram-node,.diagram-output-group .diagram-node{background-color:#add8e6;border:1px solid #000;border-radius:10px;margin-left:10px;margin-right:10px}.diagram-input-group{margin-top:12px}.diagram-output-group .output-node{padding-bottom:12px}.diagram-output-group .component-row,.diagram-input-group .component-row{flex-direction:row;display:flex}.diagram-group-label{text-align:center;font-size:small}.outer{display:flex}.output-node,.input-node{background-color:#0000;position:relative}.output-node .node-box,.input-node .node-box{background-color:#0000}.input-node .connector-row{width:100%;position:absolute;top:-17px}.output-node .node-box{text-align:center;border:none;min-width:30px;min-height:40px;margin-top:0;padding-top:4px;padding-left:4px;padding-right:4px}.output-node .connector-row{flex-direction:row;justify-content:space-evenly;width:100%;display:flex;position:absolute;bottom:-12px}.diagram-output-group.multi,.diagram-input-group.multi{background-color:#d3d3d3;border-radius:6px;gap:4px}.diagram-output-group.multi{padding-top:4px}.diagram-input-group.multi .component-row{gap:4px;padding-bottom:4px;padding-right:4px}.diagram-input-group .diagram-node{padding-bottom:4px}.diagram-input-group.multi .diagram-node.input-node,.diagram-input-group.multi .diagram-node.output-node{background-color:#add8e6;border:1px solid #000;border-radius:6px}.input-node .node-box.word{width:130px}.input-node .input-row{text-align:right;margin-top:2px}.input-node .input-row label{text-align:right;font-weight:400}.input-node .assembler-input{font-size:12px}.input-node input.decimal-input,.input-node input.hex-input{text-align:right}.input-node .assembler-input,.input-node .decimal-input,.input-node .hex-input{width:60px;font-family:Consolas,Menlo,Courier New,Courier,monospace}.input-node .assembler-input{width:80px;font-family:Consolas,Menlo,Courier New,Courier,monospace}.menu{visibility:hidden;position:absolute}.input-node:hover .menu{visibility:visible}.oscillating .node-box{color:red}.input-node .node-box{border:none;width:38px;min-height:64px;padding-top:10px}.free-node{z-index:1;width:auto;height:auto;position:absolute}.palette-slot .free-node{position:relative}.free-node.drag-dragging{z-index:2}.free-node .node-box{min-width:80px;min-height:48px;padding-bottom:8px;position:relative;box-shadow:3px 3px 3px #666}.output-node .node-box,.input-node .node-box{cursor:default}.node-box{text-align:center;cursor:move;background-color:#fff;border:4px solid #000;border-radius:10px;padding-top:6px;padding-left:4px;padding-right:4px}.node-box .node-label{font-size:14px;font-weight:700}label{margin-bottom:0}.input-node .node-box .state,.output-node .node-box .state{border:1px solid #fff;padding:0 2px;font-family:consolas,Courier New,Courier,monospace}.input-node,.output-node{position:relative}.input-group.multi .node-box{width:30px}.diagram-node{overflow:visible}.diagram-node.drag-dragging,.diagram-node.drag-dragging .node-box{pointer-events:none}.node-label{font-family:Segoe UI,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:400}.oscillating .node-box{border-color:red}.connector-row{flex-direction:row;justify-content:space-evenly;gap:10px;display:flex}.connector-row.multi .connector-group{border-radius:8px;padding-left:4px;padding-right:4px}.connector-row.multi .group-name{padding-right:4px;font-weight:700}.connector-group{flex-direction:row;flex-grow:1;justify-content:center;gap:2px;display:flex}.output-connector-row .connector-group{gap:2px}.output-connector-row{z-index:1;padding-left:6px;padding-right:6px;top:12px}.input-connector-row{padding-left:6px;padding-right:6px;top:-12px}.node-toolbar{display:flex;position:absolute;top:10px;right:4px}.node-menu{pointer-events:all;position:absolute;top:14px;right:-24px}.help-icon{color:#add8e6;cursor:default;font-size:18px}.help-icon:hover{color:#000}.info-icon{padding-right:4px;font-family:georgia,serif;font-size:14px;font-style:italic;font-weight:700}.palette .connector-row{clip:rect(-10px, 100px, 60px, -20px)}.diagram-node .error-message{z-index:2;position:absolute;top:-30px;right:-20px}.splitter-base{background-color:#d3d3d3;border-radius:6px 6px 50% 50%;height:26px}.SPLIT16 .node-toolbar,.SPLIT22 .node-toolbar{color:#fff;position:absolute;top:20px}.SPLIT16 .help-icon,.SPLIT22 .help-icon{color:#fff}.SPLIT16 .help-icon:hover,.SPLIT22 .help-icon:hover{color:#000}.BUNDLE16 .splitter-base,.BUNDLE18 .splitter-base{border-radius:50% 50% 6px 6px}.BUNDLE16 .node-toolbar,.BUNDLE18 .node-toolbar{position:absolute;top:4px}.BUNDLE16 .help-icon,.BUNDLE18 .help-icon{color:#fff}.BUNDLE16 .help-icon:hover,.BUNDLE18 .help-icon:hover{color:#000}.LAMP .help-icon{color:#fff}.diagram-node .palette-label{text-align:center;z-index:2;background-color:#d3d3d3;padding:2px;font-size:small;position:absolute;top:5px;left:-18px;box-shadow:3px 3px 3px #666}.input-node .custom-input-pin-dropup{background-color:#d3d3d3;margin-top:4px}.binary{font-family:consolas,Courier New,Courier,monospace;font-size:12px}.bits{-webkit-user-select:text;user-select:text;border:1px solid #add8e6;border-right:none}.bitset{border-right:1px solid #add8e6}.input-node .bits,.output-node .bits,.input-node .bitset,.output-node .bitset{border-color:#fff}.output-connector-droptarget{fill:#0000;stroke:#0000}.active .output-connector-droptarget.drag-dragover{stroke:green;stroke-width:4px}.svg-connector.oscillating .connector-circle{stroke:red}.width-indicator{font-size:8px}.source-select-mode .connector-outline{pointer-events:auto;stroke:green}.source-select-mode .output-connector-droptarget{pointer-events:auto}@keyframes active_connector{0%{stroke-dashoffset:0}to{stroke-dashoffset:4px}}.source-select-mode .connector-outline{stroke-dasharray:4 1;animation:.34s steps(4,end) infinite active_connector}.source-select-mode .svg-connector:hover .connector-outline{stroke:green;stroke-width:8px}svg{pointer-events:none;overflow:visible}.connector{width:22px;height:10px;position:relative}.svg-connector{height:30px;position:absolute}.output-connector .svg-connector{z-index:1;bottom:-20px}.input-connector .svg-connector{top:-12px}.connector-circle{stroke:#000;stroke-width:2px;fill:#fff}.connector-text{stroke:#000;stroke-width:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700}.connector-circle.active-state{stroke:#00f}.connector.oscillating .connector-circle{stroke:red}.connector .width-indicator{font-size:8px}.connector-outline{stroke:#0000;stroke-width:2px;fill:#0000}.source-select-mode .connector-outline{pointer-events:auto;stroke:green;stroke-width:5px}.output-connector .state{bottom:16px;left:10px}.input-connector .state{inset:22px 0 auto auto}.connector .state{z-index:1;background-color:#add8e6;border:1px solid #00008b;border-radius:4px;padding:1px;font-family:Consolas,Menlo,Courier New,Courier,monospace;font-size:12px;line-height:1em;display:block;position:absolute}.connector.oscillating .state{background-color:red}.input-connector .oscillating circle{stroke:red}.connection{touch-action:none}.event-overlay{pointer-events:all;stroke:#0000;fill:#0000}.triangle{fill:#fff;stroke:#000;stroke-width:2px;cursor:default;touch-action:none}.triangle-outline{fill:#0000;stroke:#0000;stroke-width:3px;cursor:default;touch-action:none}.triangle-outline.hover,.touch-connected-selected .triangle-outline{stroke:green}.touch-select-box{fill:#fff;stroke:#000}.touch-select-text{stroke:#000}.connection-line.manual-drag{stroke-width:2px;stroke:#000;fill:#0000;cursor:move;touch-action:none;stroke-linejoin:round;pointer-events:none}.rom-view button{pointer-events:all;cursor:default}.rom-view .editor{pointer-events:all;cursor:default;-webkit-user-select:auto;user-select:auto}.memory-view{border-collapse:collapse;margin-bottom:4px;font-family:consolas,Courier New,Courier,monospace}.memory-view thead th{color:#add8e6;padding-left:2px;padding-right:2px;font-family:Segoe UI,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:9px}.memory-row td{padding-left:2px;padding-right:2px}.memory-row{text-align:left;border:1px solid #add8e6}.memory-row.is-address{border:1px solid #000;border-left-width:3px}.memory-row.is-address td{border-top:1px solid #000}.state-view .state{border:1px solid #add8e6;padding:0 2px;font-family:consolas,Courier New,Courier,monospace}.state-view .labelled-state{flex-direction:row;display:flex}.state-view .state-component-label{padding-right:2px}.state-view .numeric-state{padding-bottom:6px}.state-view .state{border:1px solid #add8e6;font-family:consolas,Courier New,Courier,monospace;font-size:12px}.state-view .state-type{color:#add8e6;font-family:Segoe UI,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:9px}.state-view .state-number-type{color:#02688a;margin-right:1px;font-family:Segoe UI,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:10px}.state-view .word{margin-bottom:4px}.frame{z-index:10;background-color:#e8e8e8;min-width:700px;min-height:400px;position:absolute}.card-text{background-color:#fff}.close{float:right}.rom-editor{position:absolute;top:20px;left:20px}table.machine-code{font-family:Consolas,Courier New,Courier,monospace}.machine-code th{text-align:center;border-bottom:2px solid #000;border-left:2px solid gray;border-right:2px solid gray}.machine-code td{border-bottom:2px solid #000;padding-left:0;padding-right:0}.machine-code td.val{text-align:right;border-left:2px solid gray;border-right:2px solid gray;padding-left:4px;padding-right:4px}.machine-code .bit{text-align:center;border:2px solid #add8e6;border-radius:2px;width:24px;margin-top:4px;margin-bottom:4px;display:block}.machine-code td.gutter{text-align:center;border-right:2px solid gray;width:30px}th.gutter{border-left:none}td.addr{text-align:right;border-right:2px solid gray;width:2em;padding-right:4px}td.assembler{border-right:2px solid gray;padding-left:4px}th.addr{writing-mode:vertical-rl}.popup-dialog{z-index:10;background:#fff;border:1px solid #dde1e6;border-radius:12px;flex-direction:column;min-height:120px;max-height:90vh;display:flex;position:absolute;top:20px;right:20px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.popup-header{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #eef0f3;flex-shrink:0;align-items:center;gap:10px;padding:14px 18px;display:flex}.popup-header:active{cursor:grabbing}.popup-title{color:#1e2a3a;flex:1;min-width:0;font-size:15px;font-weight:700}.popup-header-no-title{z-index:1;border-bottom:none;padding:10px 12px;position:absolute;top:0;right:0}.popup-close{color:#6b7b8d;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:14px;transition:background .15s,color .15s;display:flex}.popup-close:hover{color:#1e2a3a;background:#f0f2f5}.popup-body{-webkit-user-select:text;user-select:text;flex:1;padding:18px;overflow:hidden auto}.popup-footer{border-top:1px solid #eef0f3;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.popup-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:7px 18px;font-size:13px;font-weight:600;line-height:1.4;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.popup-btn-primary{color:#fff;background:#4a6fa5;border-color:#4a6fa5}.popup-btn-primary:hover{background:#3d5f8f;border-color:#3d5f8f}.popup-btn-secondary{color:#1e2a3a;background:#f0f2f5;border-color:#dde1e6}.popup-btn-secondary:hover{background:#e4e7ec;border-color:#c0c8d4}.popup-message{max-width:420px}.success-banner{color:#1a7a34;background:#e9f7ed;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.success-banner i{color:#3ba55c;font-size:20px}.error-banner{color:#a53030;background:#fef0f0;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.error-banner i{color:#d44;font-size:20px}.completed-banner{color:#1e2a3a;background:#e9f7ed;border-radius:8px;align-items:flex-start;gap:12px;padding:16px 18px;font-size:14px;line-height:1.5;display:flex}.completed-banner .completed-icon{color:#3ba55c;flex-shrink:0;font-size:28px}.track-select-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #eef0f3;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:background .12s,border-color .12s;display:flex}.track-select-item:hover{background:#f6f8fa;border-color:#c0c8d4}.track-select-item.track-select-locked{opacity:.55;cursor:default}.track-select-item.track-select-locked:hover{background:#fff;border-color:#eef0f3}.track-select-icon{text-align:center;flex-shrink:0;width:28px;font-size:22px}.track-select-icon.completed{color:#3ba55c}.track-select-icon.locked{color:#b0b8c4}.track-select-info{flex:1;min-width:0}.track-select-name{color:#1e2a3a;font-size:14px;font-weight:600}.track-select-desc{color:#6b7b8d;font-size:12px;line-height:1.3}.track-select-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.mission-list-item{color:#1e2a3a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:13px;transition:background .12s;display:flex}.mission-list-item:hover{background:#f0f2f5}.mission-list-item.mission-complete{color:#3ba55c}.mission-list-item.mission-current{cursor:default;background:#e9f7ed;font-weight:600}.mission-list-item.mission-started{color:#d4852e}.mission-list-item.mission-locked{color:#b0b8c4;cursor:default}.mission-list-item.mission-locked:hover{background:0 0}.mission-list-marker{text-align:center;flex-shrink:0;width:18px;font-size:12px}.track-select-leads-to{color:#4a6fa5;margin-top:2px;font-size:11px}.word-edit.bits{margin-bottom:4px}.word-edit .bit{text-align:center;pointer-events:all;cursor:default;border:1px solid #add8e6;margin-top:2px;margin-bottom:2px;font-family:consolas,Courier New,Courier,monospace;font-size:small;display:inline}.word-edit .bit:hover{outline:4px solid #add8e6}.word-edit input.hex-input{pointer-events:all;-webkit-user-select:text;user-select:text;text-align:right;width:4em;font-family:consolas,Courier New,Courier,monospace}.lamp-node-box{background-color:#d3d3d3;border:1px outset #d3d3d3;border-radius:4px;margin-left:6px;margin-right:6px;padding-bottom:12px;box-shadow:3px 3px 3px #666}.lamp-outer{background:radial-gradient(green,#000);border:4px ridge #a9a9a9;border-radius:22px;width:44px;height:44px;margin-left:10px;margin-right:10px;position:relative}.lamp{text-align:center;cursor:move;background:radial-gradient(green,#000);border:none;border-radius:18px;width:36px;height:36px;position:relative;top:-6px;box-shadow:inset 0 0 #006400,0 4px #003000}.on .lamp{background:radial-gradient(#90ee90,green);border:2px solid green;box-shadow:0 -10px 20px 10px #90ee90,inset 0 1px #006400,0 8px #158567}.led-node-box{background-color:#d3d3d3;border:1px outset #d3d3d3;border-radius:16px 16px 8px 8px;height:54px;box-shadow:3px 3px 3px #666}.led-node-box .led-node-on,.led-node-box .led-node-off{border-radius:20px;width:40px;height:40px;margin:2px;display:block;box-shadow:3px 3px 3px #666}.led-node-box .led-node-off{background:radial-gradient(green,#030)}.led-node-box .led-node-on{background:radial-gradient(#90ee90,green);border:none;box-shadow:0 0 20px 5px #90ee90}.led-node-box .led-node-on.red{background:radial-gradient(#f08080,red);border:none;box-shadow:0 0 20px 10px #f08080}.led-node-box .led-node-off.red{background:radial-gradient(#300,red);border:2px inset red}.relay-box{background-color:#fff;border:2px solid #000;width:80px;height:70px;box-shadow:3px 3px 3px #666}.RELAY-ON .input-connector-row,.RELAY-OFF .input-connector-row{justify-content:space-between}.RELAY-ON .output-connector-row{justify-content:right}@keyframes marching_ants{0%{stroke-dashoffset:0}to{stroke-dashoffset:16px}}.relay-box .coil{stroke:#000;stroke-width:2px;fill:none;stroke-width:1px}.relay-box .coil.on,.relay-box .wire.on{stroke:#000;stroke-dasharray:2;animation:.34s steps(12,end) infinite marching_ants}.relay-box .magnet{fill:#000}.relay-box line.wire,.relay-box path.wire,.wire-junction line.wire,.wire-junction path.wire{stroke:#000;stroke-width:2px}.wire-junction circle.wire,.wire-junction rect.wire{fill:#000}.wire-junction line.wire.on,.wire-junction circle.wire.on,.wire-junction path.wire.on,.wire-junction rect.wire.on{stroke:#00f;fill:#00f}.wire-junction .oscillating .downleg{stroke:red}.button-node-box{cursor:move;background-color:#d3d3d3;border:1px outset #d3d3d3;border-radius:4px;padding:16px 16px 4px;box-shadow:3px 3px 3px #666}.button-slot{background-color:#072239;border:2px ridge gray;border-radius:6px;padding-bottom:4px;padding-left:2px;padding-right:2px;position:relative;box-shadow:0 1px #fff}.canvas .button{pointer-events:auto;cursor:pointer}.button{color:#fff;background-color:#3bb3e0;background-image:linear-gradient(#2ca0ca 0%,#3eb8e5 100%);border-radius:5px;padding:4px 14px;position:relative;top:-4px;box-shadow:inset 0 1px #7fd2f1,0 6px #156785}.pressed .button{color:#156785;text-shadow:0 1px 1px #ffffff4d;background:#2ca0ca;top:2px;box-shadow:inset 0 1px #7fd2f1,inset 0 -1px #156785}.maze-outer{width:300px;margin:1em}.register-state{color:#4da;letter-spacing:.05em;text-shadow:0 0 4px #44ddaa4d;-webkit-user-select:text;user-select:text;background:#0c1a14;border:1.5px solid #5a7a6a;border-radius:4px;padding:2px 6px;font-family:consolas,Courier New,Courier,monospace;font-size:14px;box-shadow:inset 0 1px 4px #00000059,0 0 3px #44ddaa14}.labelled-state{flex-direction:row;display:flex}.state-component-label{padding-right:2px}.state-type{color:#6a7a72;font-family:consolas,Courier New,monospace;font-size:9px}.ide-register,.will-change{white-space:nowrap;align-items:center;gap:.25em;display:inline-flex}.will-change-arrow{color:#972;font-family:consolas,Courier New,monospace;font-size:.85em}.will-change .register-state{color:#da4;text-shadow:0 0 4px #ddaa444d;border-color:#7a6a4a;box-shadow:inset 0 1px 4px #00000059,0 0 3px #ddaa4414}.edit-register-button{color:#7a8a82;cursor:pointer;background:0 0;border:none;padding:0 0 0 2px;transition:color .15s}.edit-register-button:hover{color:#4da}.machine{color:#2a3a32;background:linear-gradient(#dce8e4 0%,#c8d8d2 100%);border:3px solid #8aa098;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #3c50462e,inset 0 1px #ffffff80}.machine-header{text-align:center;background:linear-gradient(#b8ccc4 0%,#a8bab2 100%);border-bottom:2px solid #8aa098;margin:0;padding:.75em 1em}.registers{padding:.75em 1em}.registers td{vertical-align:middle;padding:.15em 0}.registers h3{text-transform:uppercase;letter-spacing:.12em;color:#5a6a62;border-bottom:1px solid #8aa098;margin:0 0 .3em;padding:.6em 0 .3em;font-family:consolas,Courier New,monospace;font-size:.7rem;font-weight:600}.registers h3:first-child{padding-top:0}.register{align-items:center;gap:.5em;padding:.25em 0;display:flex}.register>span{display:inline}.register .name,.registers .name{color:#4a6058;text-align:right;min-width:3em;font-family:consolas,Courier New,monospace;font-size:.8rem;font-weight:500}.machine table{border-collapse:collapse;width:100%}.machine th{color:#6a7a72;text-transform:uppercase;letter-spacing:.08em;background-color:#0000;padding:.15em .4em;font-family:consolas,Courier New,monospace;font-size:.65rem;font-style:italic;font-weight:400}.machine td{vertical-align:middle;padding:.2em .4em;font-family:consolas,Courier New,monospace;font-size:.8rem}.machine tbody tr:hover{background:#44ddaa0a}.ram-label{color:#4a6058;font-family:consolas,Courier New,monospace;font-size:.75rem}.ram-section-label{color:#5a6a62;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #8aa098;margin-top:.3em;padding:.5em 0 .2em;font-family:consolas,Courier New,monospace;font-size:.7rem}.stack-message{color:#5a6a62;font-family:consolas,Courier New,monospace;font-size:.75rem}.io-bus{padding:.5em 1em}.io-bus .leds{background:linear-gradient(#c8d8d2 0%,#b8ccc4 100%);border:2px solid #8aa098;border-radius:10px;flex-wrap:nowrap;justify-content:center;padding:6px 4px;display:flex;box-shadow:inset 0 1px 3px #3c504626}.io-bus .small-led-box{text-align:center;color:#4a6058;flex-direction:column;flex:none;align-items:center;font-family:consolas,Courier New,monospace;font-size:8px;display:flex}.io-bus .small-led-box .led-on,.io-bus .small-led-box .led-off{border-radius:7px;width:14px;height:14px;margin:1px}.io-bus .small-led-box .io-connector-pin{border-radius:7px;width:14px;height:14px;margin:2px 1px 1px}.led-on,.led-off{border-radius:10px;width:20px;height:20px;margin:2px;display:block}.led-off{background:radial-gradient(green,#030)}.led-on{background:radial-gradient(#90ee90,green);border:none;box-shadow:0 0 20px 5px #90ee90}.led-on.red{background:radial-gradient(#f08080,red);border:none;box-shadow:0 0 20px 10px #f08080}.led-off.red{background:radial-gradient(#300,red);border:2px inset red}.io-connector-pin{background-color:#000;border-width:4px;border-radius:10px;width:20px;height:20px;margin:4px 2px 2px}.escape-mission .ide{display:flex}.escape-mission .machine{margin-left:2em}.toolbar{flex-wrap:wrap;align-items:center;gap:.5em;display:flex}.btn-machine{color:#3a4a42;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:linear-gradient(#e8f0ec 0%,#c8d4ce 100%);border:1.5px solid #8aa098;border-radius:6px;padding:.35em .8em;font-family:consolas,Courier New,monospace;font-size:.72rem;transition:all .15s;box-shadow:0 1px 2px #3c504626}.btn-machine:hover{background:linear-gradient(#f0f6f2 0%,#d0dcd6 100%);border-color:#6a8a7a;box-shadow:0 2px 4px #3c504633}.btn-machine:active{background:linear-gradient(#b8c8c0 0%,#a8b8b0 100%);box-shadow:inset 0 1px 3px #00000026}.btn-machine i{margin-right:.2em}.clock-frequency{color:#5a6a62;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4em;font-family:consolas,Courier New,monospace;font-size:.7rem;display:flex}.clock-frequency select{color:#3a4a42;background:#e0ece6;border:1px solid #8aa098;border-radius:4px;padding:.2em .4em;font-family:consolas,Courier New,monospace;font-size:.7rem}.pc-past-end{color:#972;font-family:consolas,Courier New,monospace;font-size:.75rem;font-style:italic}.machine-title{text-transform:uppercase;letter-spacing:.18em;color:#3a4a42;justify-content:center;align-items:center;gap:.6em;margin-bottom:.5em;font-family:consolas,Courier New,monospace;font-size:.9rem;font-weight:700;display:flex}.code-errors{text-align:left;color:#c33;font-size:.85rem}.code-error{color:#c33;font-family:consolas,monospace}.blinkenlight-box{text-align:center;background-color:#d3d3d3;border-radius:4px;width:80px;margin:1em;padding:8px}.blinkenlight{background:radial-gradient(#300,orange);border:8px inset orange;border-radius:30px;width:60px;height:60px}.blinkenlight.on{background:radial-gradient(#ff0,orange);border:none;box-shadow:0 0 40px 20px #ff0}.display-box{background-color:gray;border:2px solid gray;padding:10px}.screen-outer{background-color:#020;border:4px inset;border-radius:30px;padding:20px;box-shadow:inset 4px 4px 8px #000}.machine{width:320px}.keyboard{text-align:center;background-color:#708090;border:4px outset;border-radius:4px;padding:4px;font-family:futura,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;position:relative}.keyboard-row{display:block}.keyboard-key{background-color:#f5f5f5;border:2px outset #e3e3e3;width:2em;line-height:1em}.keyboard-key.selected{border:2px inset #e3e3e3}.special-key{color:#fff;background-color:#87cefa;width:fit-content}.keyboard .spy{padding:2px;font-family:Consolas,Courier New,Courier,monospace;position:absolute;bottom:0;right:0}.opcodes-arrow{pointer-events:none}.opcodes-arrow__path{stroke:#009;fill:#0000;stroke-width:2px}.opcodes-arrow__head line{stroke:#000;stroke-width:2px}.opcodes-content.main{justify-content:flex-start;display:flex}.opcodes-content .example{justify-content:center;display:flex}.opcodes-content .example.header{font-style:italic}.opcodes-content .example-sample{justify-content:center;gap:6px;padding-bottom:60px;display:flex}.opcodes-content .segment-block{flex-grow:0}.opcodes-content .example-segment{font-family:monospace;font-size:40px}.opcodes-content .segment-marker{border:1px solid #00f;border-top:none;border-bottom-right-radius:6px;border-bottom-left-radius:6px;height:8px}.opcodes-content .segment-label{text-align:center;color:#009;padding-left:2px;padding-right:2px}.opcodes-content .segments{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:2em;display:flex}.opcodes-content .opcode i{font-family:sans-serif;font-size:small}.opcodes-content th,.opcodes-content td{text-align:center;border:1px solid #add8e6;padding:2px}.opcodes-content td.marker{padding-left:4px}.opcodes-content .bit{text-align:center;border:2px solid #add8e6;border-radius:2px;width:24px;margin-top:4px;margin-bottom:4px;font-family:Consolas,Courier New,Courier,monospace;display:block}.opcodes-content .opcode{text-align:center;padding-right:1em;font-family:Consolas,Courier New,Courier,monospace}.opcodes-content table{border-style:hidden}.opcodes-content th{text-align:center}.macro-list .list-group-item i{vertical-align:middle;display:inline-block}.macro-list .list-group-item{white-space:nowrap}.macro-list .list-group-item button{border:none}.macro-list .list-group-item span{padding:6px 12px}.macro-list .list-group-item.active span{font-weight:700}.constants{min-width:220px;padding:6px}.constants input{width:5em}.constants .delete-constant{color:#bbb}.constants .delete-constant:hover{color:red}.helpbox{color:#fff;background-color:#0081c2;width:min-content;min-width:100%;margin-bottom:1em;padding:1em}.helpbox code{color:#fff}.helpbox-arrow{background-color:#0081c2;width:20px;height:20px;margin-left:30px;position:relative;top:20px;transform:translateY(25%)rotate(45deg)}.helpbox-btn{float:right}.stack-ide{display:flex}.macro-header{margin:1em}.ide{display:flex}.machine-column{margin-top:1em;margin-left:2em}.manual-test-toolbox .input-row{display:inline}.manual-test-toolbox input{text-align:right;width:4em}.test-operation{margin-top:2px;margin-bottom:2px}.collapsible-panels{flex-direction:column;gap:.25em;margin-bottom:.5em;display:flex}.collapsible-section{flex:none}.collapsible-toggle{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;gap:.3em;padding:.2em .4em;font-size:.9em;display:inline-flex}.collapsible-toggle:hover{opacity:1}.collapsible-content{margin-top:.3em;padding-left:.4em}.stack-visual .states>tbody>tr>td,.stack-visual .states>tbody>tr>th{border-right:1px dotted #000;padding:4px}.stack-visual table.states{border-collapse:collapse;border:none}.stack-visual .label{font-style:italic}.stack-visual table.stack{border-collapse:collapse;font-family:monospace}.stack-visual table.stack td{padding:4px}.stack-visual .stack tr:first-child .slot{border-top:4px solid}.stack-visual .stack td.slot{text-align:right;border:1px solid #000;border-top:none;width:3em;padding:4px;font-family:monospace;display:inline-block}.stack-visual td{vertical-align:bottom}.stack-visual .stack-instance{border-bottom:2px solid #000}.stack-visual .stack-element{text-align:right;background-color:#add8e6;border:1px solid #000;border-radius:4px;width:3em;margin:4px;padding:4px;font-family:monospace}.machine-code-mission.content{margin-top:1em;display:flex}.machine-code-mission .machine{margin-left:2em}.help-expanded{color:#fff;background-color:#0081c2;border-radius:4px;max-width:60em;margin-top:.5em;margin-bottom:1em}.help-content{-webkit-user-select:none;user-select:none;padding:1em}.help-content code{color:#fff}.help-expanded .arrow{background-color:#0081c2;width:20px;height:20px;margin-left:30px;position:relative;top:2px;transform:translateY(25%)rotate(45deg)}.help-content .btn-close{float:right;padding-left:1em}.hide-help{float:right;margin-left:1em}.help-collapsed{float:right}input.match{width:20em}.token-stream{border:1px solid #000;padding:2px}.token{color:#000;background-color:#ffebcd;border:2px solid #000;border-radius:4px;margin-right:4px;padding-left:4px;padding-right:4px;display:inline-block}.token.error{border-color:red}.syntax-tree-root{align-items:top;flex-direction:row;justify-content:left;display:flex}.syntax-branch{text-align:center}.syntax-node{color:#000;border:2px solid #000;border-radius:4px;padding:4px;display:inline-block}.syntax-node.terminal{background-color:#ffebcd}.syntax-children{align-items:top;flex-direction:row;justify-content:center;margin-top:4px;display:flex}table.rules td{vertical-align:top}input.lhs{min-width:10em}input.rhs{min-width:20em}table.rules td.arrow{vertical-align:top;padding:2px;font-size:20px}textarea.codegen,.codegen-error{width:200px}.rules .invalid-feedback{width:300px}pre{margin:0}textarea,pre,input[type=text],.x-error-message{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}textarea{color:#eee;background-color:#222;border:none}.App-link{color:#61dafb}.popover{background-color:#ffebcd;box-shadow:3px 3px 3px #666}.bs-popover-end>.popover-arrow:after{border-right-color:#ffebcd}table.generation-rules td{vertical-align:top}.segment{border:none;flex-direction:row;width:840px;margin-bottom:4px;display:flex}.segment-block{flex-grow:1}.segment-title{font-weight:700;font-size:inherit;margin:0;padding:10px 10px 10px 8px}.segment button.toggle-segment{width:30px}.segment-expanded,.segment-collapsed{margin-left:8px;padding-top:1em;padding-bottom:1em;padding-right:8px}.segment-expanded{display:block}.segment-collapsed{display:none}.generated-code{color:#fff;background-color:#666;padding:4px}pre.error-message{color:#8b0000;background-color:#ccc;width:600px;margin:0;padding:2px}.execution-result{color:#fff;background-color:#2f4f4f;padding-top:4px;padding-bottom:4px;padding-left:4px}.network-device{float:right;color:#ddd;background-color:#666;border:2px solid brown;border-radius:10px;width:250px;margin:10px 10px 1em;padding:1em}.network-device-io-pin{text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:small;display:inline-block}.network-arrow__path{stroke:#000;fill:#0000;stroke-width:3px}.network-device-io-bus{flex-direction:row;gap:2px;display:flex}.function-calls-combined,.function-calls-combined .ide{display:flex}.editors-grid{grid-template-columns:auto auto;gap:.75em;display:grid}.editor-panel .macro-header{margin:.5em .5em .25em}.editor-panel .completion-indicator{align-items:center;gap:.3em;margin:.25em .5em;font-size:.9em;display:flex}.editor-panel .completion-indicator.completed{color:green}.editor-panel .completion-indicator.not-completed{color:#888}.test-code-panel .test-code-header{margin:.5em .5em .25em}.typewriter{margin-bottom:1em;position:relative}.typewriter-box{text-align:center;background-color:#708090;border:4px outset;border-radius:0 0 8px 8px;padding:4px;font-family:futura,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.typewriter-paper{background-color:wheat;min-height:2em;margin:0 4px;padding-top:4px;padding-bottom:0;padding-left:4px;font-family:Consolas,Courier New,Courier,monospace}.typewriter-head{color:#708090;box-shadow:inset;background-color:#708090;border:2px outset;border-radius:4px;padding-bottom:6px}.node-help{z-index:2;pointer-events:auto;width:200px;display:block;position:absolute}.node-help .tip{position:absolute;top:0;left:16px}.node-help .tip-svg{z-index:1;width:12px;height:20px;position:absolute;top:10px;left:-10px}.node-help .poly1{stroke-width:1px;stroke:#f0c36d;fill:#fbfcc5}.node-help .poly3{stroke-width:2px;stroke:#fbfcc5;fill:#fbfcc5}.node-help .tip .inner{pointer-events:auto;background-color:#fbfcc5;border:1px solid #f0c36d;border-radius:5px;width:200px;min-height:100px;padding:6px;font-size:12px;box-shadow:3px 3px 3px #666}.node-help .tip .content{text-align:left;color:#000;-webkit-user-select:text;user-select:text;font-size:12px}.node-help .close{float:right}.node-help .tip table.truth{border-style:hidden}.node-help .tip table.truth th,.node-help .tip table.truth td{text-align:center;border:1px solid #999;padding:2px 4px}.node-help .node-help{z-index:100;position:absolute}.input-controls{pointer-events:all}.relay-state .state{border:1px solid #fff;margin:2px;padding:8px}.toggle-box{width:80px;padding-top:8px;display:flex}.electric-output{align-items:flex-end;padding:8px 8px 0;display:flex}.electric-output .lamp-with-wire{flex-direction:column;justify-content:left;align-items:center;margin-left:23px;display:flex}.electric-output .lamp-with-wire .led{margin-bottom:0}.sidebar{flex-direction:column;width:130px;max-height:100%;display:flex}#temp-nodes{z-index:3}.palette{border-left:1px solid #0000001a;flex-direction:column;flex-grow:1;flex-basis:200px;align-items:center;gap:20px;padding-top:10px;padding-left:20px;display:flex;overflow:hidden auto;box-shadow:inset 3px 2px 10px #eee}.palette-header-box{border:1px solid #0000001a;grid-row:1;height:24px}.palette-header-box .palette-header{padding:4px;font-family:Segoe UI,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:12px}.trash-panel{border:1px solid #0000001a;grid-row:3}.palette-nodetype{flex-direction:column;align-items:center;display:flex;position:relative}.palette-slot{position:relative}.draggable-overlay{position:absolute;top:0;left:0}.palette-label{z-index:2;text-align:center;background-color:#f0f0f0cc;border-radius:4px;margin-top:8px;margin-left:0;padding:4px;font-family:Segoe UI,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:12px;box-shadow:3px 3px 3px #666}.trash-box{width:100%;padding:8px;position:relative}.trash-box .node-droptarget{background-color:#0000;border:4px solid #0000;width:100%;height:100%;position:absolute;top:0;left:0}.trash-box .node-droptarget.drag-dragover{border-color:#00f}g.node-drag-mode .connection-line,g.node-drag-mode .waypoint,g.node-drag-mode .connection-line,g.node-drag-mode .waypoint{pointer-events:none}.wire-underlay{stroke-width:5px;stroke:#666;fill:none}.connection-line.wire{stroke-width:3px;stroke:#666;fill:none;cursor:move;touch-action:none;pointer-events:all;stroke-linejoin:round;transition:filter .15s,stroke .15s}.connection-line.word{stroke-width:4px}.connection-line.on{stroke:#00f}.arrow-hover .connection-line.wire{filter:drop-shadow(0 0 4px #aaa);stroke:#888}.arrow-hover .connection-line.wire.on{filter:drop-shadow(0 0 4px #69f);stroke:#48f}.connection-line.wire.wire-hover{filter:drop-shadow(0 0 4px #aaa);stroke:#888}.connection-line.wire.wire-hover.on{filter:drop-shadow(0 0 4px #69f);stroke:#48f}.connection-line.wire.oscillating{stroke:red}.waypoint{pointer-events:all}.waypoint:hover{stroke:green;fill:red;stroke-width:8px}.wire.bit.on{stroke-dasharray:4 4;animation:.34s steps(12,end) infinite marching_ants}.hint.tip{z-index:1;position:absolute}.hint .box-row{flex-direction:row;display:flex}.hint .left-arrow,.hint .right-arrow{width:14px}.hint .top-arrow{height:14px}.hint .tip-svg{z-index:2;width:20px;height:20px;position:absolute;overflow:visible}.hint .left-arrow,.hint .right-arrow{position:relative}.hint .right-arrow .tip-svg{top:10px;left:-2px}.hint .left-arrow .tip-svg{top:10px;left:5px}.hint .top-arrow .tip-svg{top:4px;left:20px}.hint .bottom{stroke-width:2px;stroke:#000;fill:#fbfcc5}.hint .top{stroke-width:0;stroke:none;fill:#fbfcc5}.hint .close{float:right}.hint.tip .inner{background-color:#fbfcc5;border:2px solid #000;border-radius:5px;min-height:50px;padding:6px;font-size:12px;box-shadow:3px 3px 3px #666}.hint.tip .content{text-align:left;color:#000;font-size:12px}.hint.tip table.truth{border-style:hidden}.hint.tip table.truth th,.hint.tip table.truth td{text-align:center;border:1px solid #999;padding:2px 4px}.success-dialog{z-index:4}.success-content{gap:18px;display:flex}.success-main{flex:1;min-width:0;max-width:500px}.success-progression{border-left:1px solid #eef0f3;min-width:180px;padding-left:16px}.success-actions{gap:8px;margin-top:16px;display:flex}.error-dialog{z-index:4}.progression-label{color:#6b7b8d;margin-bottom:8px;font-size:13px}.progression-list{flex-direction:column;gap:2px;display:flex}.progression-count{color:#6b7b8d;margin-top:8px;font-size:12px}.debriefing{color:#1e2a3a;margin-top:12px;font-size:14px;line-height:1.5}table.test-results{border-style:hidden;margin-top:1em;margin-bottom:1em}.test-results tbody{max-height:200px;overflow-y:auto}.test-results th,.test-results td{text-align:center;border:1px solid #add8e6;min-width:2em;padding:4px}.dec-hex{text-align:right}.hex{color:gray;width:5em}.test-results table.truth colgroup.input{border-right:3px solid #add8e6}.test-results tr.error{background-color:#ffb6c1}.test-results tr.ok{background-color:#d1e7dd}table.program td,table.program th{border:1px solid #add8e6}table.program{margin-bottom:1em}table.truth{border-style:hidden}table.truth th,table.truth td{text-align:center;border:1px solid #add8e6;min-width:2em;padding:4px}table.truth colgroup.input{border-right:3px solid #add8e6}table.truth .error td.flag{color:red;font-weight:700}table.truth .ok td.flag{font-weight:700}.level-help{z-index:10;max-width:600px;max-height:90vh}.dep-graph{flex-direction:column;align-items:center;gap:36px;max-width:1200px;margin:24px auto;padding:0 24px;display:flex;position:relative}.dep-arrows{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.dep-level{flex-flow:row;justify-content:center;align-items:flex-start;gap:16px;width:100%;display:flex}.dep-card{background:#fff;border:1px solid #dde1e6;border-radius:8px;flex:1 1 0;min-width:0;max-width:480px;padding:16px 18px;box-shadow:0 2px 8px #00000014}.dep-card-locked{opacity:.55}.dep-card-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.dep-card-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.dep-card-icon-current{color:#4a6fa5;background:#e8edf4}.dep-card-icon-completed{color:#3ba55c;background:#e9f7ed}.dep-card-icon-locked{color:#b0b8c4;background:#f0f2f5}.dep-card-icon-default{color:#6b7b8d;background:#f0f2f5}.dep-card-info{flex:1;min-width:0}.dep-card-title{color:#1e2a3a;font-size:15px;font-weight:700;line-height:1.3}.dep-card-desc{color:#6b7b8d;font-size:11px;line-height:1.4}.dep-groups{flex-direction:column;gap:8px;display:flex}.dep-group{flex-direction:row;align-items:center;gap:10px;display:flex}.dep-group-label{color:#6b7b8d;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-align:right;flex-shrink:0;width:130px;font-size:10px;font-weight:600}.dep-group-dots{flex-flow:wrap;align-items:center;gap:5px;display:flex}.mission-dot{cursor:pointer;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.mission-dot:hover{transform:scale(1.18)}.mission-dot.dot-completed{color:#3ba55c;background:#e9f7ed;border-color:#3ba55c}.mission-dot.dot-current{color:#4a6fa5;background:#e8edf4;border-color:#4a6fa5;box-shadow:0 0 0 3px #4a6fa52e}.mission-dot.dot-started{color:#d4852e;background:#fdf3e7;border-color:#d4852e}.mission-dot.dot-unlocked{color:#6b7b8d;background:#fff;border-color:#d0d5dc}.mission-dot.dot-locked{color:#c0c8d4;cursor:default;background:#f0f2f5;border-color:#dde1e6}.mission-dot.dot-locked:hover{transform:none}.level-completed-checkmark{color:green;font-size:20px}.game-completed-checkmark{color:green;font-size:30px}.game-page{flex-direction:column;display:flex}.game{flex-direction:row;flex-grow:1;display:flex}.navbar-dark{background-color:#343a40}.leftbar{width:300px}.specification{padding:0 10px 10px}.current{flex-direction:column;flex-grow:1;min-width:900px;display:flex}.builder{-webkit-user-select:none;user-select:none;flex-grow:1}.game-topbar{margin-bottom:0;padding-top:0;padding-bottom:0}.nav-tabs{background-color:#0000!important}.nav-tabs .nav-link{background-color:#ccc;margin-top:4px;padding-top:12px;padding-bottom:12px}.nav-tabs .nav-link.active{background-color:#fff}.header{margin:1em}.popup-container{z-index:10}.popup-dialog.message{width:400px}.instructions table.data{border-style:hidden;margin-bottom:1em}.instructions table.data th,.instructions table.data td{text-align:center;border:1px solid #add8e6;padding:4px}.instructions table.data td.code{text-align:left;font-family:consolas,Courier New,Courier,monospace}.instructions table.data td.text,.instructions table.text td{text-align:left}.instructions table.data colgroup.input,.instructions table.data colgroup.input{border-right:3px solid #add8e6}.instructions table.numbers td{text-align:right;font-family:Consolas,Courier New,Courier,monospace}.instructions pre.grammar,.instructions pre.code{margin:1em}.specification h3{color:#00008b;font-size:1em;font-weight:700}.specification ul{padding-left:20px}.elaboration{max-width:50em}.elaboration h3{font-size:1em;font-weight:700}.elaboration .subject{background-color:#add8e6;border:1px solid #00f;border-radius:6px;margin-top:1em;margin-bottom:1em;padding:0 1em 1em}.mission-help-button{float:right}.modeless{margin-left:-300px;inset:10% auto auto 50%}.instructions .stacks{flex-direction:row;display:flex}.instructions .stack{border:2px solid #000;flex-direction:column;margin-right:2px;display:flex}.top-level-error-box{z-index:1000;color:#000;background-color:#fff;width:100%;min-height:100%;padding:20px;position:absolute;top:0;left:0}