@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap");
@use 'sass:list' {}* {
  transition: color 200ms, background-color 200ms, fill 200ms; }

body {
  position: relative;
  border: none;
  top: 0;
  bottom: 0;
  margin: 0;
  left: 0;
  right: 0;
  height: 100vh;
  line-height: 1.9em;
  padding: 0;
  margin: 0;
  font-family: Comfortaa, Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  font-weight: 600;
  opacity: 1;
  display: flex;
  flex-direction: column; }
  body content {
    opacity: 1;
    transition: opacity 200ms; }
  body.hidden content {
    opacity: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 800; }

div, h1, h2, h3, h4, h5, h6, span, button a {
  box-sizing: border-box; }

a {
  text-decoration: none; }

ul, li {
  text-decoration: none;
  list-style: none;
  padding: 0;
  margin: 0; }

body.preload {
  opacity: 0; }

button {
  border: none;
  font-size: 1.5em;
  border-radius: 1.5em;
  padding: 10px 10px;
  display: flex;
  flex-direction: row;
  align-items: center; }

button:hover {
  cursor: pointer; }

#palette {
  display: flex;
  opacity: 0.01; }
  #palette:hover {
    opacity: 1; }
  #palette .swatch {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin: 5px; }

#noscript, #screen-too-small, #loading-screen {
  font-size: 1.2em;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 100000;
  pointer-events: none;
  opacity: 1;
  transition: opacity 200ms; }
  #noscript .settings-button, #screen-too-small .settings-button, #loading-screen .settings-button {
    display: none; }
  #noscript header, #screen-too-small header, #loading-screen header {
    max-width: 500px;
    min-width: 250px; }
    #noscript header .header-right, #screen-too-small header .header-right, #loading-screen header .header-right {
      min-width: 100px; }
  #noscript p, #screen-too-small p, #loading-screen p {
    margin-top: 40px;
    max-width: 400px;
    padding: 20px;
    font-size: 16px;
    box-sizing: border-box; }

#screen-too-small, #loading-screen {
  opacity: 0; }

#loading-screen.active {
  opacity: 1;
  pointer-events: all; }

#loading-screen * {
  pointer-events: none; }

#loading-screen header {
  margin-bottom: 40px;
  align-items: center; }
  #loading-screen header .header-right {
    display: none; }

@media (max-width: 374px), (max-height: 665px) {
  #screen-too-small {
    z-index: 100001;
    opacity: 1; } }

.cm-editor {
  font-family: monospace;
  color: white;
  direction: ltr;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  outline: none;
  position: absolute !important;
  font-size: 13px;
  font-weight: 500; }
  .cm-editor * {
    color: none !important;
    background-color: none !important; }
  .cm-editor .cm-line {
    background: none;
    box-sizing: border-box; }
    .cm-editor .cm-line.cm-activeLine {
      border-radius: 2px; }
  .cm-editor .cm-cursor {
    border-right: 1.5px solid none; }
  .cm-editor .cm-gutters {
    border: none;
    text-align: right; }
    .cm-editor .cm-gutters .syn-prod-id {
      font-weight: 800; }
    .cm-editor .cm-gutters .syn-class {
      font-weight: 800; }
    .cm-editor .cm-gutters .cm-scroller {
      overflow: hidden; }

.cm-focused {
  outline: none !important; }

.cst-node {
  outline: none;
  text-decoration: none;
  font-size: 16px; }

.cst-root {
  min-width: 20px; }

.cst-tk {
  font-weight: bold;
  margin-right: 2px; }

.cm-content {
  padding: 0 !important; }

.scan-test {
  border: 1px solid red;
  border-left: unset; }

.pos-test {
  border-left: 1px solid none;
  position: relative;
  display: inline-block; }

.pos-test::after {
  content: "^parser";
  position: absolute;
  bottom: -9px;
  left: -2px;
  display: block;
  font-size: 8px;
  font-weight: 900; }

header {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  height: 50px;
  padding: 0 20px;
  position: sticky;
  top: 0;
  background-color: #00000083;
  width: 100%; }
  @media screen and (max-width: 800px) {
    header {
      padding: 0 10px; } }
  header a {
    display: contents; }
  header .header-left, header .header-right {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: right; }
  header .header-right {
    min-width: 200px; }
    header .header-right > * {
      margin: 0 10px; }
    @media screen and (max-width: 800px) {
      header .header-right {
        min-width: 180px; } }
  header #header-logo {
    display: inline-block;
    height: 2em;
    margin-right: 4px; }
  header #page-category {
    padding-left: 4px;
    margin-left: 2px;
    line-height: 20px;
    position: relative;
    font-size: 2em;
    height: 20px;
    text-transform: uppercase;
    float: right; }
  header #page-category-name {
    font-size: .75em; }

footer {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  height: 50px;
  padding: 0 20px;
  height: 40px; }
  @media screen and (max-width: 800px) {
    footer {
      padding: 0 10px; } }
input[type="text"], input[type="number"], input[type="button"] {
  appearance: none;
  border: 0;
  margin: 0;
  padding: 2px 4px;
  border-radius: 5px;
  outline: none;
  height: 1.5em;
  font-size: 1.5em;
  line-height: 1em; }

input[type="number"]::after {
  display: none; }

input[type="checkbox"] {
  margin: 0;
  padding: 0;
  position: relative;
  appearance: none;
  font: inherit;
  width: 80px;
  height: 30px;
  pointer-events: all;
  border-radius: 5px;
  box-shadow: inset 0 0 5px #00000037; }
  input[type="checkbox"]::before {
    display: block;
    position: absolute;
    content: "";
    width: 26px;
    height: 26px;
    left: 2px;
    top: 2px;
    border-radius: 4px;
    transition: 100ms left ease-in;
    box-shadow: inset 1em 1em var(--form-control-color);
    cursor: pointer; }
  input[type="checkbox"]:checked::before {
    left: 52px; }

.syntax-engine {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc( 100% - 20px); }

#notebook {
  position: relative;
  display: flex;
  flex-direction: row;
  align-content: center;
  overflow: hidden;
  width: 100%;
  bottom: 0px;
  user-select: none;
  flex-grow: 1;
  padding: 0 5px;
  margin-top: 20px; }

.nb-column {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0 0px;
  display: flex;
  flex-direction: column;
  transition: width 100ms;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 5px; }
  .nb-column.mini {
    width: 40px;
    border-radius: 20px;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 20px; }

.nb-help-iframe {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: relative;
  border: none; }

.nb-field {
  position: relative;
  display: flex;
  flex-direction: column;
  transition: height 200ms; }
  .nb-field .nb-icon-container {
    display: none; }
  .nb-field.dragging {
    position: fixed;
    z-index: 1000;
    box-shadow: 2px 2px 10px #0000006b; }
  .nb-field .nb-resize-handle-area {
    position: absolute;
    bottom: 0px;
    height: 20px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: opacity 200ms;
    opacity: 1; }
    .nb-field .nb-resize-handle-area .nb-resize-handle {
      text-align: center;
      line-height: 0em;
      font-size: 2em;
      position: relative;
      width: 80%;
      height: 10px;
      border-radius: 2px; }
      .nb-field .nb-resize-handle-area .nb-resize-handle:hover, .nb-field .nb-resize-handle-area .nb-resize-handle:active {
        cursor: ns-resize; }
  .nb-field.nb-blank-field {
    height: 0;
    opacity: 0;
    box-sizing: border-box;
    padding: 10px;
    transition: height 200ms, opacity 50ms; }
    .nb-field.nb-blank-field div {
      width: 100%;
      height: 100%;
      border-radius: 5px;
      border: 1px solid red; }
  .nb-field.nb-content-field {
    border-radius: 5px;
    overflow: hidden; }
    .nb-field.nb-content-field .nb-expand-button, .nb-field.nb-content-field .nb-help-button {
      height: 100;
      display: flex;
      font-size: 20px;
      padding: 0 20px;
      pointer-events: all;
      cursor: pointer; }
    .nb-field.nb-content-field .nb-expand-button {
      opacity: 0; }
    .nb-field.nb-content-field .nb-expand-icon {
      display: block; }
    .nb-field.nb-content-field .nb-minimize-icon {
      display: none; }
    .nb-field.nb-content-field.fullscreen .nb-expand-icon {
      display: none; }
    .nb-field.nb-content-field.fullscreen .nb-minimize-icon {
      display: block; }
    .nb-field.nb-content-field .nb-header {
      position: relative;
      height: 40px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      font-size: 1.2em;
      font-weight: 800;
      border-radius: 2px;
      transition: all 200ms;
      cursor: move; }
      @media screen and (max-width: 800px) {
        .nb-field.nb-content-field .nb-header {
          font-size: 1em; } }
      .nb-field.nb-content-field .nb-header .nb-header-left-side {
        display: flex;
        flex-direction: row;
        margin-left: 20px; }
        .nb-field.nb-content-field .nb-header .nb-header-left-side .nb-collapsed-indicator {
          opacity: 0;
          padding: 0 10px;
          transition: opacity 200ms; }
        .nb-field.nb-content-field .nb-header .nb-header-left-side .nb-label {
          padding: 0 0px; }
    .nb-field.nb-content-field .nb-loading-screen {
      position: absolute;
      top: 40px;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: padding 200ms, margin 200ms, opacity 100ms;
      pointer-events: none; }
    .nb-field.nb-content-field .nb-body {
      background: none;
      position: relative;
      padding: 5px 5px;
      overflow: hidden;
      opacity: 1;
      font-size: 1.35em;
      flex-grow: 1;
      transition: padding 200ms, margin 200ms, opacity 200ms;
      width: 100%;
      margin-bottom: 20px;
      border: 2px solid transparent;
      border-radius: 3px; }
      .nb-field.nb-content-field .nb-body.debugger-cst-output {
        overflow: scroll; }
      .nb-field.nb-content-field .nb-body .cm-editor {
        top: 20px !important;
        left: 0;
        right: 0;
        bottom: 0; }
        @media screen and (max-width: 800px) {
          .nb-field.nb-content-field .nb-body .cm-editor {
            top: 0px  !important; } }
        .nb-field.nb-content-field .nb-body .cm-editor * {
          color: none;
          background-color: none;
          border-color: none; }
      .nb-field.nb-content-field .nb-body .nb-body {
        opacity: 0; }
      .nb-field.nb-content-field .nb-body .nb-loading-screen {
        opacity: 1; }
    .nb-field.nb-content-field.collapsed {
      height: 40px !important; }
      .nb-field.nb-content-field.collapsed .nb-help-button {
        display: none; }
      .nb-field.nb-content-field.collapsed .nb-resize-handle-area {
        display: none;
        opacity: 0; }
      .nb-field.nb-content-field.collapsed .nb-header .nb-collapsed-indicator {
        opacity: 1; }
      .nb-field.nb-content-field.collapsed .nb-body {
        opacity: 0;
        margin-top: 0;
        padding: 0;
        margin-bottom: 0; }
      .nb-field.nb-content-field.collapsed .nb-loading-screen {
        opacity: 0;
        margin-top: 0;
        padding: 0px 20px; }
  .nb-field:last-child .nb-resize-handle-area {
    display: none;
    opacity: 0; }
  .nb-field:last-child .nb-body {
    margin-bottom: 0px; }

.nb-loader {
  position: relative;
  width: 25%;
  height: 10px;
  border: 2px solid none;
  border-radius: 10px;
  box-sizing: content-box;
  margin: 0 50px;
  opacity: 0;
  visibility: hidden;
  flex-grow: 1;
  box-sizing: border-box;
  top: 2px;
  transition: opacity 400ms, visibility 400ms, top 800ms; }

.loader-div {
  width: 10px;
  height: 10px;
  position: relative;
  border-radius: 5px;
  animation: cylon_loader 550ms ease-in-out infinite alternate; }

@keyframes cylon_loader {
  0% {
    left: -10px;
    width: 10px; }
  50% {
    width: 30%; }
  100% {
    left: 100%;
    width: 10px; } }

*.loading .nb-loader {
  visibility: visible;
  opacity: 1;
  top: 0; }

.nb-field.mini-candidate {
  height: 40px !important; }
  .nb-field.mini-candidate .nb-body {
    display: none !important; }

.nb-column.mini {
  flex-basis: 60px; }
  .nb-column.mini .nb-loader, .nb-column.mini .nb-loading-screen {
    display: none; }
  @media screen and (max-width: 800px) {
    .nb-column.mini {
      padding: 0;
      flex-basis: 30px;
      margin: 0 5px; } }
  .nb-column.mini .nb-field {
    height: 50px;
    padding: 0; }
    .nb-column.mini .nb-field.nb-blank-field {
      height: 0;
      opacity: 0;
      box-sizing: border-box;
      padding: 0; }
    .nb-column.mini .nb-field .nb-icon-container {
      display: flex;
      position: absolute;
      justify-content: center;
      align-items: center;
      inset: 0 0 0 0;
      font-size: 20px; }
    .nb-column.mini .nb-field .nb-header {
      height: 40px !important;
      width: 40px !important;
      border-radius: 5px; }
      .nb-column.mini .nb-field .nb-header .nb-header-left-side {
        display: none !important; }
      .nb-column.mini .nb-field .nb-header .nb-help-button {
        display: none !important; }
    .nb-column.mini .nb-field .nb-body, .nb-column.mini .nb-field .nb-resize-handle-area, .nb-column.mini .nb-field .nb-expand-button {
      display: none !important; }
    .nb-column.mini .nb-field .nb-icon {
      display: block; }

.nb-field.content-hidden .nb-body {
  display: none; }

.nb-field.fullscreen {
  position: fixed;
  top: 50px;
  bottom: 40px;
  left: 0;
  right: 0;
  padding: 0 30px;
  z-index: 1000; }
  @media screen and (max-width: 800px) {
    .nb-field.fullscreen {
      top: 50px;
      padding: 0 5px; } }
  .nb-field.fullscreen .nb-header {
    cursor: default !important;
    padding: 0 5px; }
  .nb-field.fullscreen .nb-resize-handle-area, .nb-field.fullscreen .nb-collapsed-indicator {
    display: none !important; }
  .nb-field.fullscreen .nb-expand-button {
    opacity: 1 !important; }

#controls-container {
  position: absolute;
  top: 10px;
  display: flex;
  left: 0;
  right: 0;
  height: 20px;
  justify-content: center;
  pointer-events: none; }
  @media screen and (max-width: 800px) {
    #controls-container {
      flex-direction: column;
      justify-content: end;
      position: absolute;
      left: 5px;
      top: 0px;
      bottom: 0px;
      border-radius: 0;
      height: unset;
      padding-bottom: 40px; } }
#controls {
  position: relative;
  display: flex;
  flex-direction: row;
  background-color: red;
  justify-content: space-around;
  align-items: center;
  border-radius: 5px;
  height: 30px;
  width: 250px;
  transition: color 200ms, background 200ms, opacity 100ms;
  z-index: 100;
  pointer-events: all; }
  @media screen and (max-width: 800px) {
    #controls {
      flex-direction: column;
      width: 50px;
      height: 250px;
      border-radius: 5px; } }
  #controls.inactive {
    opacity: 0; }
  #controls .classification {
    font-size: 1.2em;
    width: 50px;
    text-align: center;
    pointer-events: none;
    user-select: none;
    font-weight: 600; }
    @media screen and (max-width: 800px) {
      #controls .classification {
        font-size: 0.9em; } }
  #controls .debugger-button {
    font-size: 16px;
    width: 20px;
    pointer-events: all;
    text-align: center; }
    #controls .debugger-button .active {
      display: none; }
    #controls .debugger-button .inactive {
      display: inline-block;
      opacity: 0.5; }
    #controls .debugger-button:active .inactive {
      display: none; }
    #controls .debugger-button:active .active {
      display: inline-block; }

#error-reporter {
  display: none;
  position: absolute;
  bottom: 50px;
  z-index: 200;
  left: auto;
  right: auto;
  padding: 5px;
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #00000020; }

.cst-node {
  position: relative;
  margin-left: 15px;
  width: 100%;
  user-select: none;
  color: white; }
  .cst-node .cst-name {
    cursor: pointer; }
  .cst-node.nonterminal > .cst-name {
    position: relative;
    font-weight: bold;
    border-radius: 2px;
    padding: 2px 8px;
    font-size: 11px;
    left: -8px;
    margin: 2px 0px; }
  .cst-node .cst-rule-item-expression {
    display: none;
    padding-left: 10px; }
  .cst-node:hover > .cst-name .cst-rule-item-expression {
    display: inline-block; }
  .cst-node.close > .cst-children {
    display: none; }
  .cst-node.open.nonterminal > .cst-name {
    background-color: #9f9f9f; }
    .cst-node.open.nonterminal > .cst-name .cst-rule-item-expression {
      display: inline-block; }
  .cst-node.open > .cst-children {
    display: block; }

.ast-graph {
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #EEE;
  border-radius: 5px;
  overflow: none; }
  @media screen and (max-width: 800px) {
    .ast-graph {
      top: 0px; } }
.ast-node-target {
  background-color: red !important;
  border-radius: 2px !important; }

#parser-info {
  position: relative;
  margin-top: 20px; }
  #parser-info .context-view {
    position: absolute;
    height: 90px;
    top: 0;
    left: 20px;
    right: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px; }
    #parser-info .context-view .context-view-field {
      position: relative;
      width: 20%; }
      #parser-info .context-view .context-view-field .context-view-field-label {
        position: relative;
        width: 100%; }
      #parser-info .context-view .context-view-field .context-view-field-val {
        position: relative;
        background-color: black;
        text-align: right;
        width: 100%; }
  #parser-info .bytecode-view {
    position: absolute;
    top: 50px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-family: monospace;
    font-size: 12px; }
    #parser-info .bytecode-view h2 {
      margin: 0;
      padding: 0;
      height: 20px;
      font-size: 14px; }
    #parser-info .bytecode-view .state-info {
      display: flex;
      margin: 2px 0;
      height: 20px;
      align-items: center; }
      #parser-info .bytecode-view .state-info .state-address {
        width: 60px;
        margin: 0 2px;
        height: 15px;
        border-radius: 2px;
        padding: 1px;
        font-size: 12px;
        text-align: right;
        box-sizing: border-box;
        line-height: 1em; }
      #parser-info .bytecode-view .state-info .active-states {
        position: relative;
        width: 100%; }
      #parser-info .bytecode-view .state-info .state-label {
        width: 70px;
        text-align: right; }
      #parser-info .bytecode-view .state-info .active-state {
        width: 80px; }
      #parser-info .bytecode-view .state-info .state-stack {
        display: flex;
        overflow: scroll; }
    #parser-info .bytecode-view .bytecode-instructions {
      position: absolute;
      overflow: hidden;
      overflow-y: scroll;
      margin: 0 2px;
      top: 100px;
      left: 0px;
      right: 0px;
      bottom: 0; }
      #parser-info .bytecode-view .bytecode-instructions .bytecode-view-instruction {
        min-height: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        padding-left: 60px;
        font-weight: 800; }
        #parser-info .bytecode-view .bytecode-instructions .bytecode-view-instruction > .address {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 60px;
          text-align: right;
          display: flex;
          align-items: center;
          justify-content: right;
          padding: 5px;
          box-sizing: border-box; }
        #parser-info .bytecode-view .bytecode-instructions .bytecode-view-instruction .mnemonic {
          padding: 4px;
          width: 60px;
          text-transform: uppercase;
          text-align: center; }
        #parser-info .bytecode-view .bytecode-instructions .bytecode-view-instruction .label-value {
          pointer-events: all;
          font-size: 11px;
          margin: 0 5px;
          min-width: 70px; }
          #parser-info .bytecode-view .bytecode-instructions .bytecode-view-instruction .label-value .value {
            display: block;
            text-align: right;
            text-transform: uppercase;
            padding: 0 5px;
            border-radius: 2px; }
            #parser-info .bytecode-view .bytecode-instructions .bytecode-view-instruction .label-value .value:first-child {
              font-size: 14px; }
          #parser-info .bytecode-view .bytecode-instructions .bytecode-view-instruction .label-value .address {
            display: block;
            text-align: right;
            text-transform: uppercase;
            border-radius: 2px;
            padding: 0 5px;
            cursor: pointer;
            opacity: 0.8; }
            #parser-info .bytecode-view .bytecode-instructions .bytecode-view-instruction .label-value .address:hover {
              opacity: 1; }
            #parser-info .bytecode-view .bytecode-instructions .bytecode-view-instruction .label-value .address:first-child {
              font-size: 14px;
              width: 100%; }
          #parser-info .bytecode-view .bytecode-instructions .bytecode-view-instruction .label-value .label {
            display: block;
            font-weight: 800;
            text-align: center; }
      #parser-info .bytecode-view .bytecode-instructions .bytecode-state-group {
        position: relative;
        margin: 5px 0;
        border-radius: 5px; }
        #parser-info .bytecode-view .bytecode-instructions .bytecode-state-group .bytecode-state-group-header {
          height: 20px; }
        #parser-info .bytecode-view .bytecode-instructions .bytecode-state-group .pseudo-code {
          position: relative;
          display: none;
          width: 100%;
          z-index: 100;
          padding: 20px;
          box-sizing: border-box;
          border-radius: 20px;
          line-height: 1.8em; }
        #parser-info .bytecode-view .bytecode-instructions .bytecode-state-group.show-pseudo .pseudo-code {
          display: block; }
        #parser-info .bytecode-view .bytecode-instructions .bytecode-state-group.show-pseudo .bytecode-view-instruction {
          display: none; }

#settings-panel, #config-panel {
  position: absolute;
  z-index: 100000;
  left: 0px;
  right: 0px;
  bottom: 0;
  top: 50px;
  box-shadow: 2px 2px 10px #00000010;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #settings-panel #settings-content, #config-panel #settings-content {
    position: absolute;
    top: 5px;
    bottom: 5px;
    padding: 0 15px;
    max-width: 980px;
    min-width: 300px;
    overflow: scroll;
    left: auto;
    right: auto;
    margin: 5px;
    padding-right: 50px; }
    @media screen and (max-width: 800px) {
      #settings-panel #settings-content, #config-panel #settings-content {
        left: 0;
        right: 0;
        padding: 20px; } }
  #settings-panel p, #config-panel p {
    font-size: 1.2em;
    padding: 0 20px; }
  #settings-panel h1, #config-panel h1 {
    margin-top: 40px; }
  #settings-panel.active, #config-panel.active {
    transition: opacity 100ms, top 200ms ease-out, visibility 0ms;
    visibility: visible;
    opacity: 1; }
  #settings-panel.inactive, #config-panel.inactive {
    transition: opacity 100ms, top 200ms, visibility 100ms;
    opacity: 0;
    top: 60px;
    visibility: hidden; }

@keyframes reveal {}  #settings-panel label, #config-panel label {
    margin: 20px;
    padding: 20px;
    position: relative;
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    right: 0;
    grid-template-rows: 20% 80%;
    grid-template-columns: 80% 10% 10%;
    box-sizing: border-box;
    align-content: center;
    align-items: center;
    justify-content: center;
    border: 2px solid tranparent; }
    #settings-panel label .title, #config-panel label .title {
      width: 100%;
      grid-column: 1/3;
      grid-row: 1;
      font-size: 1.5em; }
    #settings-panel label .note, #config-panel label .note {
      font-size: 1.1em;
      display: inline-block;
      grid-row: 2; }
      #settings-panel label .note p, #config-panel label .note p {
        font-size: 1em;
        padding: 0; }
    #settings-panel label:has(input[disabled]), #config-panel label:has(input[disabled]) {
      opacity: 0.5;
      pointer-events: none;
      user-select: none; }
  #settings-panel .close-button, #config-panel .close-button {
    margin-left: calc( 100% - 20px);
    position: sticky;
    font-weight: 600;
    font-size: 22.5px;
    line-height: 27px;
    text-align: center;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 20px;
    border-radius: 5px;
    user-select: none;
    z-index: 1000; }
    #settings-panel .close-button:hover, #config-panel .close-button:hover {
      cursor: pointer; }
  #settings-panel .theme-section, #config-panel .theme-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%; }
  #settings-panel .theme-entry, #config-panel .theme-entry {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    margin: 2.5% 20px;
    width: 200px;
    height: 50px;
    border-radius: 25px;
    padding: 8px;
    font-weight: 800;
    opacity: 0.8;
    text-align: center;
    line-height: 1em;
    border: 5px solid red; }
    #settings-panel .theme-entry:hover, #settings-panel .theme-entry.active, #config-panel .theme-entry:hover, #config-panel .theme-entry.active {
      opacity: 1;
      cursor: pointer; }
    #settings-panel .theme-entry .theme, #config-panel .theme-entry .theme {
      box-sizing: border-box;
      position: relative;
      border: 8px solid red;
      height: 30px;
      width: 30px;
      border-radius: 15px;
      margin-right: 10px;
      flex-grow: 0;
      flex-shrink: 0; }

@media (prefers-color-scheme: light) {
  body {
    color: #1f1f1f;
    background-color: #f1f1f1; }
    body #loading-screen {
      color: #a5a5a5;
      background-color: #f1f1f1; }
    body #noscript, body #screen-too-small {
      color: #a5a5a5;
      background-color: #f1f1f1; }
    body a, body a:visited {
      background: transparent;
      color: #62b2c4; }
      body a:hover, body a:active, body a:visited:hover, body a:visited:active {
        background: transparent;
        color: #5e94d6; }
    body button {
      background: transparent;
      color: #a5a5a5; }
      body button path {
        fill: #a5a5a5; }
      body button:hover {
        background-color: #1f1f1f;
        color: #f1f1f1; }
        body button:hover path {
          fill: #f1f1f1; }
    body #palette #base-fg {
      background-color: #1f1f1f; }
    body #palette #base-bg {
      background-color: #f1f1f1; }
    body #palette #header-fg {
      background-color: #1f1f1f; }
    body #palette #header-bg {
      background-color: #f1f1f1; }
    body #palette #header-hover-fg {
      background-color: #f1f1f1; }
    body #palette #header-hover-bg {
      background-color: #1f1f1f; }
    body #palette #focus-fg {
      background-color: #e3e3e3; }
    body #palette #focus-bg {
      background-color: #3d3d3d; }
    body #palette #backdrop-fg {
      background-color: #5c5c5c; }
    body #palette #backdrop-bg {
      background-color: #e3e3e3; }
    body #palette #button-fg {
      background-color: #a5a5a5; }
    body #palette #button-bg {
      background-color: transparent; }
    body #palette #button-hover-fg {
      background-color: #f1f1f1; }
    body #palette #button-hover-bg {
      background-color: #1f1f1f; }
    body #palette #bc-address-bg {
      background-color: #564e99; }
    body #palette #bc-address-fg {
      background-color: #f1f1f1; }
    body #palette #section-bg {
      background-color: rgba(0, 0, 0, 0.019); }
    body #palette #settings-input-bg {
      background-color: #e3e3e3; }
    body #palette #settings-input-fg {
      background-color: #3d3d3d; }
    body #palette #settings-input-active-fg {
      background-color: white; }
    body #palette #settings-input-active-bg {
      background-color: #3581cc; }
    body #palette #settings-input-disabled-fg {
      background-color: whitesmoke; }
    body #palette #settings-input-disabled-bg {
      background-color: #cf2c2c; }
    body #palette #link-fg {
      background-color: #62b2c4; }
    body #palette #link-bg {
      background-color: transparent; }
    body #palette #link-hover-fg {
      background-color: #5e94d6; }
    body #palette #link-hover-bg {
      background-color: transparent; }
    body #controls {
      background-color: #e3e3e3;
      color: #5c5c5c; }
      body #controls .classification {
        color: #564e99; }
      body #controls .debugger-button:hover {
        color: #564e99; }
    body .nb-field {
      background-color: none; }
      body .nb-field.nb-blank-field div {
        border-color: #e3e3e3; }
      body .nb-field .nb-resize-handle-area .nb-resize-handle {
        color: #f1f1f1;
        background-color: #e3e3e3; }
        body .nb-field .nb-resize-handle-area .nb-resize-handle:hover, body .nb-field .nb-resize-handle-area .nb-resize-handle:active {
          background-color: #3d3d3d; }
      body .nb-field.dragging {
        background-color: #f1f1f1; }
      body .nb-field.nb-content-field.fullscreen {
        background-color: #f1f1f1; }
      body .nb-field.nb-content-field .nb-header {
        background-color: #f1f1f1; }
        body .nb-field.nb-content-field .nb-header, body .nb-field.nb-content-field .nb-header .nb-icon-container {
          color: #1f1f1f; }
        body .nb-field.nb-content-field .nb-header:hover {
          background: #1f1f1f; }
          body .nb-field.nb-content-field .nb-header:hover, body .nb-field.nb-content-field .nb-header:hover .nb-icon-container, body .nb-field.nb-content-field .nb-header:hover .nb-expand-button {
            color: #f1f1f1;
            opacity: 1; }
        body .nb-field.nb-content-field .nb-header .nb-loading-screen {
          background-color: #f1f1f1;
          color: #1f1f1f; }
    body .nb-loader {
      background-color: #1f1f1f;
      border-color: #1f1f1f; }
      body .nb-loader .loader-div {
        background: #f1f1f1; }
    body .nb-column.mini .nb-field.nb-content-field .nb-header {
      background-color: transparent; }
      body .nb-column.mini .nb-field.nb-content-field .nb-header, body .nb-column.mini .nb-field.nb-content-field .nb-header .nb-icon-container {
        color: #a5a5a5; }
      body .nb-column.mini .nb-field.nb-content-field .nb-header:hover {
        background-color: #1f1f1f; }
        body .nb-column.mini .nb-field.nb-content-field .nb-header:hover, body .nb-column.mini .nb-field.nb-content-field .nb-header:hover .nb-icon-container {
          color: #f1f1f1; }
    body .nb-field.nb-content-field.dragging .nb-header,
    body .nb-content-field.fullscreen .nb-header {
      background-color: #1f1f1f;
      transition: none;
      cursor: move; }
      body .nb-field.nb-content-field.dragging .nb-header, body .nb-field.nb-content-field.dragging .nb-header .nb-icon-container,
      body .nb-content-field.fullscreen .nb-header,
      body .nb-content-field.fullscreen .nb-header .nb-icon-container {
        color: #f1f1f1; }
    body #parser-info .pseudo-code {
      color: #e3e3e3;
      background-color: #3d3d3d; }
    body #parser-info .context-view-field-val {
      background-color: #f1f1f1; }
    body #parser-info .parse-state-goto {
      color: red; }
    body #parser-info .scan-state-goto {
      color: green; }
    body #parser-info .state-info {
      color: #1f1f1f;
      background-color: rgba(0, 0, 0, 0.019); }
    body #parser-info .state-address {
      color: #e3e3e3;
      background-color: #3d3d3d; }
    body #parser-info .active-state .state-address {
      color: #f1f1f1;
      background-color: #564e99; }
    body #parser-info .bytecode-view-instruction {
      background-color: rgba(0, 0, 0, 0.019); }
      body #parser-info .bytecode-view-instruction .label-value {
        color: #e3e3e3; }
        body #parser-info .bytecode-view-instruction .label-value .label {
          color: #5c5c5c; }
        body #parser-info .bytecode-view-instruction .label-value .address {
          color: #f1f1f1;
          background-color: #564e99; }
        body #parser-info .bytecode-view-instruction .label-value .value {
          color: #e3e3e3;
          background-color: #3d3d3d; }
      body #parser-info .bytecode-view-instruction > .address {
        color: #5c5c5c;
        background: #e3e3e3; }
      body #parser-info .bytecode-view-instruction.active {
        color: #e3e3e3 !important;
        background: #3d3d3d; }
        body #parser-info .bytecode-view-instruction.active > .address {
          color: #e3e3e3;
          background: #3d3d3d; }
        body #parser-info .bytecode-view-instruction.active .label-value .label {
          color: #e3e3e3; }
        body #parser-info .bytecode-view-instruction.active .label-value .address {
          color: #f1f1f1;
          background-color: #564e99; }
        body #parser-info .bytecode-view-instruction.active .label-value .value {
          color: #e3e3e3;
          background-color: #3d3d3d; }
    body .cm-editor {
      color: #1f1f1f;
      background-color: rgba(0, 0, 0, 0.019); }
      body .cm-editor .cm-line {
        background-color: none;
        color: #1f1f1f !important; }
        body .cm-editor .cm-line.cm-activeLine {
          background-color: none;
          color: #1f1f1f !important; }
      body .cm-editor .cm-cursor {
        border-color: #ac3e3e; }
      body .cm-editor .cm-selectionBackground {
        background-color: #f1f1f1 !important;
        color: #e3e3e3 !important; }
      body .cm-editor .cm-gutters {
        color: #5c5c5c !important;
        background-color: #e3e3e3 !important; }
        body .cm-editor .cm-gutters * {
          transition: none; }
        body .cm-editor .cm-gutters .cm-activeLineGutter {
          color: #1f1f1f !important;
          background-color: #f1f1f1 !important; }
        body .cm-editor .cm-gutters .syn-prod {
          color: #9f9f9f; }
        body .cm-editor .cm-gutters .syn-term {
          color: #008cc3; }
        body .cm-editor .cm-gutters .syn-prod-id {
          color: #484d55; }
        body .cm-editor .cm-gutters .syn-class {
          color: #e27923; }
    body .cm-editor {
      color: #9f9f9f; }
    body .nterm-test {
      background-color: yellow;
      color: black; }
    body .term-test {
      background-color: blue;
      color: black; }
    body .parse-test {
      background-color: green;
      color: black; }
    body .scan-test {
      border-color: red; }
    body .tok-test {
      background-color: orange; }
    body .skip-test {
      background-color: #4f91a9; }
    body .pos-test {
      border-color: #eecd14; }
    body .pos-test::after {
      color: #eecd14; }
    body input[type="text"], body input[type="number"], body input[type="button"] {
      background-color: #e3e3e3;
      color: #3d3d3d; }
      body input[type="text"][invalid], body input[type="number"][invalid], body input[type="button"][invalid] {
        background-color: #cf2c2c;
        color: whitesmoke; }
    body input[type="button"]:hover {
      background-color: #3581cc;
      color: white; }
      body input[type="button"]:hover:active {
        opacity: 0.7; }
    body input[type="checkbox"] {
      background-color: #cf2c2c; }
      body input[type="checkbox"]::before {
        background-color: #3d3d3d; }
    body input[type="checkbox"]:checked {
      background-color: #3581cc; }
    body #settings-panel, body #config-panel {
      background-color: #3d3d3d;
      color: #e3e3e3; }
      body #settings-panel .close-button, body #config-panel .close-button {
        background-color: transparent;
        color: #e3e3e3; }
        body #settings-panel .close-button:hover, body #config-panel .close-button:hover {
          background-color: #1f1f1f;
          color: #f1f1f1; }
    body header #header-logo #radlr-logo {
      fill: #a5a5a5 !important; }
    body header #header-logo:hover #radlr-logo {
      fill: #1f1f1f !important; }
    body header #page-category-name {
      color: #a5a5a5 !important; }
    body header #page-category {
      border-color: #a5a5a5; }
    body #settings-panel .theme-entry, body #config-panel .theme-entry {
      border-color: #3d3d3d;
      background-color: #f1f1f1; }
      body #settings-panel .theme-entry .theme, body #config-panel .theme-entry .theme {
        background-color: #1f1f1f;
        border-color: #564e99; }
      body #settings-panel .theme-entry .theme-entry-title, body #config-panel .theme-entry .theme-entry-title {
        color: #1f1f1f; } }

@media (prefers-color-scheme: dark) {
  body {
    color: #f1f1f1;
    background-color: #2d2d2d; }
    body #loading-screen {
      color: #c8c8c8;
      background-color: #2d2d2d; }
    body #noscript, body #screen-too-small {
      color: #c8c8c8;
      background-color: #2d2d2d; }
    body a, body a:visited {
      background: transparent;
      color: #62b2c4; }
      body a:hover, body a:active, body a:visited:hover, body a:visited:active {
        background: transparent;
        color: #5e94d6; }
    body button {
      background: transparent;
      color: #c8c8c8; }
      body button path {
        fill: #c8c8c8; }
      body button:hover {
        background-color: #f1f1f1;
        color: #2d2d2d; }
        body button:hover path {
          fill: #2d2d2d; }
    body #palette #base-fg {
      background-color: #f1f1f1; }
    body #palette #base-bg {
      background-color: #2d2d2d; }
    body #palette #header-fg {
      background-color: #f1f1f1; }
    body #palette #header-bg {
      background-color: #2d2d2d; }
    body #palette #header-hover-fg {
      background-color: #2d2d2d; }
    body #palette #header-hover-bg {
      background-color: #f1f1f1; }
    body #palette #focus-fg {
      background-color: #d7d7d7; }
    body #palette #focus-bg {
      background-color: #414141; }
    body #palette #backdrop-fg {
      background-color: #e3e3e3; }
    body #palette #backdrop-bg {
      background-color: #242424; }
    body #palette #button-fg {
      background-color: #c8c8c8; }
    body #palette #button-bg {
      background-color: transparent; }
    body #palette #button-hover-fg {
      background-color: #2d2d2d; }
    body #palette #button-hover-bg {
      background-color: #f1f1f1; }
    body #palette #bc-address-bg {
      background-color: #8278db; }
    body #palette #bc-address-fg {
      background-color: #f1f1f1; }
    body #palette #section-bg {
      background-color: rgba(255, 255, 255, 0.049); }
    body #palette #settings-input-bg {
      background-color: #e3e3e3; }
    body #palette #settings-input-fg {
      background-color: #3d3d3d; }
    body #palette #settings-input-active-fg {
      background-color: white; }
    body #palette #settings-input-active-bg {
      background-color: #199d19; }
    body #palette #settings-input-disabled-fg {
      background-color: whitesmoke; }
    body #palette #settings-input-disabled-bg {
      background-color: #d42323; }
    body #palette #link-fg {
      background-color: #62b2c4; }
    body #palette #link-bg {
      background-color: transparent; }
    body #palette #link-hover-fg {
      background-color: #5e94d6; }
    body #palette #link-hover-bg {
      background-color: transparent; }
    body #controls {
      background-color: #242424;
      color: #e3e3e3; }
      body #controls .classification {
        color: #8278db; }
      body #controls .debugger-button:hover {
        color: #8278db; }
    body .nb-field {
      background-color: none; }
      body .nb-field.nb-blank-field div {
        border-color: #242424; }
      body .nb-field .nb-resize-handle-area .nb-resize-handle {
        color: #2d2d2d;
        background-color: #242424; }
        body .nb-field .nb-resize-handle-area .nb-resize-handle:hover, body .nb-field .nb-resize-handle-area .nb-resize-handle:active {
          background-color: #414141; }
      body .nb-field.dragging {
        background-color: #2d2d2d; }
      body .nb-field.nb-content-field.fullscreen {
        background-color: #2d2d2d; }
      body .nb-field.nb-content-field .nb-header {
        background-color: #2d2d2d; }
        body .nb-field.nb-content-field .nb-header, body .nb-field.nb-content-field .nb-header .nb-icon-container {
          color: #f1f1f1; }
        body .nb-field.nb-content-field .nb-header:hover {
          background: #f1f1f1; }
          body .nb-field.nb-content-field .nb-header:hover, body .nb-field.nb-content-field .nb-header:hover .nb-icon-container, body .nb-field.nb-content-field .nb-header:hover .nb-expand-button {
            color: #2d2d2d;
            opacity: 1; }
        body .nb-field.nb-content-field .nb-header .nb-loading-screen {
          background-color: #2d2d2d;
          color: #f1f1f1; }
    body .nb-loader {
      background-color: #f1f1f1;
      border-color: #f1f1f1; }
      body .nb-loader .loader-div {
        background: #2d2d2d; }
    body .nb-column.mini .nb-field.nb-content-field .nb-header {
      background-color: transparent; }
      body .nb-column.mini .nb-field.nb-content-field .nb-header, body .nb-column.mini .nb-field.nb-content-field .nb-header .nb-icon-container {
        color: #c8c8c8; }
      body .nb-column.mini .nb-field.nb-content-field .nb-header:hover {
        background-color: #f1f1f1; }
        body .nb-column.mini .nb-field.nb-content-field .nb-header:hover, body .nb-column.mini .nb-field.nb-content-field .nb-header:hover .nb-icon-container {
          color: #2d2d2d; }
    body .nb-field.nb-content-field.dragging .nb-header,
    body .nb-content-field.fullscreen .nb-header {
      background-color: #f1f1f1;
      transition: none;
      cursor: move; }
      body .nb-field.nb-content-field.dragging .nb-header, body .nb-field.nb-content-field.dragging .nb-header .nb-icon-container,
      body .nb-content-field.fullscreen .nb-header,
      body .nb-content-field.fullscreen .nb-header .nb-icon-container {
        color: #2d2d2d; }
    body #parser-info .pseudo-code {
      color: #d7d7d7;
      background-color: #414141; }
    body #parser-info .context-view-field-val {
      background-color: #2d2d2d; }
    body #parser-info .parse-state-goto {
      color: red; }
    body #parser-info .scan-state-goto {
      color: green; }
    body #parser-info .state-info {
      color: #f1f1f1;
      background-color: rgba(255, 255, 255, 0.049); }
    body #parser-info .state-address {
      color: #d7d7d7;
      background-color: #414141; }
    body #parser-info .active-state .state-address {
      color: #f1f1f1;
      background-color: #8278db; }
    body #parser-info .bytecode-view-instruction {
      background-color: rgba(255, 255, 255, 0.049); }
      body #parser-info .bytecode-view-instruction .label-value {
        color: #d7d7d7; }
        body #parser-info .bytecode-view-instruction .label-value .label {
          color: #e3e3e3; }
        body #parser-info .bytecode-view-instruction .label-value .address {
          color: #f1f1f1;
          background-color: #8278db; }
        body #parser-info .bytecode-view-instruction .label-value .value {
          color: #d7d7d7;
          background-color: #414141; }
      body #parser-info .bytecode-view-instruction > .address {
        color: #e3e3e3;
        background: #242424; }
      body #parser-info .bytecode-view-instruction.active {
        color: #d7d7d7 !important;
        background: #414141; }
        body #parser-info .bytecode-view-instruction.active > .address {
          color: #d7d7d7;
          background: #414141; }
        body #parser-info .bytecode-view-instruction.active .label-value .label {
          color: #d7d7d7; }
        body #parser-info .bytecode-view-instruction.active .label-value .address {
          color: #f1f1f1;
          background-color: #8278db; }
        body #parser-info .bytecode-view-instruction.active .label-value .value {
          color: #d7d7d7;
          background-color: #414141; }
    body .cm-editor {
      color: #f1f1f1;
      background-color: rgba(255, 255, 255, 0.049); }
      body .cm-editor .cm-line {
        background-color: none;
        color: #f1f1f1 !important; }
        body .cm-editor .cm-line.cm-activeLine {
          background-color: none;
          color: #f1f1f1 !important; }
      body .cm-editor .cm-cursor {
        border-color: #ac3e3e; }
      body .cm-editor .cm-selectionBackground {
        background-color: #2d2d2d !important;
        color: #d7d7d7 !important; }
      body .cm-editor .cm-gutters {
        color: #e3e3e3 !important;
        background-color: #242424 !important; }
        body .cm-editor .cm-gutters * {
          transition: none; }
        body .cm-editor .cm-gutters .cm-activeLineGutter {
          color: #f1f1f1 !important;
          background-color: #2d2d2d !important; }
        body .cm-editor .cm-gutters .syn-prod {
          color: #9f9f9f; }
        body .cm-editor .cm-gutters .syn-term {
          color: #008cc3; }
        body .cm-editor .cm-gutters .syn-prod-id {
          color: #484d55; }
        body .cm-editor .cm-gutters .syn-class {
          color: #e27923; }
    body .cm-editor {
      color: #9f9f9f; }
    body .nterm-test {
      background-color: yellow;
      color: black; }
    body .term-test {
      background-color: blue;
      color: black; }
    body .parse-test {
      background-color: green;
      color: black; }
    body .scan-test {
      border-color: red; }
    body .tok-test {
      background-color: orange; }
    body .skip-test {
      background-color: #4f91a9; }
    body .pos-test {
      border-color: #eecd14; }
    body .pos-test::after {
      color: #eecd14; }
    body input[type="text"], body input[type="number"], body input[type="button"] {
      background-color: #e3e3e3;
      color: #3d3d3d; }
      body input[type="text"][invalid], body input[type="number"][invalid], body input[type="button"][invalid] {
        background-color: #d42323;
        color: whitesmoke; }
    body input[type="button"]:hover {
      background-color: #199d19;
      color: white; }
      body input[type="button"]:hover:active {
        opacity: 0.7; }
    body input[type="checkbox"] {
      background-color: #d42323; }
      body input[type="checkbox"]::before {
        background-color: #3d3d3d; }
    body input[type="checkbox"]:checked {
      background-color: #199d19; }
    body #settings-panel, body #config-panel {
      background-color: #414141;
      color: #d7d7d7; }
      body #settings-panel .close-button, body #config-panel .close-button {
        background-color: transparent;
        color: #d7d7d7; }
        body #settings-panel .close-button:hover, body #config-panel .close-button:hover {
          background-color: #f1f1f1;
          color: #2d2d2d; }
    body header #header-logo #radlr-logo {
      fill: #c8c8c8 !important; }
    body header #header-logo:hover #radlr-logo {
      fill: #f1f1f1 !important; }
    body header #page-category-name {
      color: #c8c8c8 !important; }
    body header #page-category {
      border-color: #c8c8c8; }
    body #settings-panel .theme-entry, body #config-panel .theme-entry {
      border-color: #414141;
      background-color: #2d2d2d; }
      body #settings-panel .theme-entry .theme, body #config-panel .theme-entry .theme {
        background-color: #f1f1f1;
        border-color: #8278db; }
      body #settings-panel .theme-entry .theme-entry-title, body #config-panel .theme-entry .theme-entry-title {
        color: #f1f1f1; } }

@media (prefers-color-scheme: dark), (prefers-color-scheme: light) {
  body.the-RADLR-special {
    color: #1f1f1f;
    background-color: #f1f1f1; }
    body.the-RADLR-special #loading-screen {
      color: #a5a5a5;
      background-color: #f1f1f1; }
    body.the-RADLR-special #noscript, body.the-RADLR-special #screen-too-small {
      color: #a5a5a5;
      background-color: #f1f1f1; }
    body.the-RADLR-special a, body.the-RADLR-special a:visited {
      background: transparent;
      color: #62b2c4; }
      body.the-RADLR-special a:hover, body.the-RADLR-special a:active, body.the-RADLR-special a:visited:hover, body.the-RADLR-special a:visited:active {
        background: transparent;
        color: #5e94d6; }
    body.the-RADLR-special button {
      background: transparent;
      color: #a5a5a5; }
      body.the-RADLR-special button path {
        fill: #a5a5a5; }
      body.the-RADLR-special button:hover {
        background-color: #1f1f1f;
        color: #f1f1f1; }
        body.the-RADLR-special button:hover path {
          fill: #f1f1f1; }
    body.the-RADLR-special #palette #base-fg {
      background-color: #1f1f1f; }
    body.the-RADLR-special #palette #base-bg {
      background-color: #f1f1f1; }
    body.the-RADLR-special #palette #header-fg {
      background-color: #1f1f1f; }
    body.the-RADLR-special #palette #header-bg {
      background-color: #f1f1f1; }
    body.the-RADLR-special #palette #header-hover-fg {
      background-color: #f1f1f1; }
    body.the-RADLR-special #palette #header-hover-bg {
      background-color: #1f1f1f; }
    body.the-RADLR-special #palette #focus-fg {
      background-color: #e3e3e3; }
    body.the-RADLR-special #palette #focus-bg {
      background-color: #3d3d3d; }
    body.the-RADLR-special #palette #backdrop-fg {
      background-color: #5c5c5c; }
    body.the-RADLR-special #palette #backdrop-bg {
      background-color: #e3e3e3; }
    body.the-RADLR-special #palette #button-fg {
      background-color: #a5a5a5; }
    body.the-RADLR-special #palette #button-bg {
      background-color: transparent; }
    body.the-RADLR-special #palette #button-hover-fg {
      background-color: #f1f1f1; }
    body.the-RADLR-special #palette #button-hover-bg {
      background-color: #1f1f1f; }
    body.the-RADLR-special #palette #bc-address-bg {
      background-color: #564e99; }
    body.the-RADLR-special #palette #bc-address-fg {
      background-color: #f1f1f1; }
    body.the-RADLR-special #palette #section-bg {
      background-color: rgba(0, 0, 0, 0.019); }
    body.the-RADLR-special #palette #settings-input-bg {
      background-color: #e3e3e3; }
    body.the-RADLR-special #palette #settings-input-fg {
      background-color: #3d3d3d; }
    body.the-RADLR-special #palette #settings-input-active-fg {
      background-color: white; }
    body.the-RADLR-special #palette #settings-input-active-bg {
      background-color: #3581cc; }
    body.the-RADLR-special #palette #settings-input-disabled-fg {
      background-color: whitesmoke; }
    body.the-RADLR-special #palette #settings-input-disabled-bg {
      background-color: #cf2c2c; }
    body.the-RADLR-special #palette #link-fg {
      background-color: #62b2c4; }
    body.the-RADLR-special #palette #link-bg {
      background-color: transparent; }
    body.the-RADLR-special #palette #link-hover-fg {
      background-color: #5e94d6; }
    body.the-RADLR-special #palette #link-hover-bg {
      background-color: transparent; }
    body.the-RADLR-special #controls {
      background-color: #e3e3e3;
      color: #5c5c5c; }
      body.the-RADLR-special #controls .classification {
        color: #564e99; }
      body.the-RADLR-special #controls .debugger-button:hover {
        color: #564e99; }
    body.the-RADLR-special .nb-field {
      background-color: none; }
      body.the-RADLR-special .nb-field.nb-blank-field div {
        border-color: #e3e3e3; }
      body.the-RADLR-special .nb-field .nb-resize-handle-area .nb-resize-handle {
        color: #f1f1f1;
        background-color: #e3e3e3; }
        body.the-RADLR-special .nb-field .nb-resize-handle-area .nb-resize-handle:hover, body.the-RADLR-special .nb-field .nb-resize-handle-area .nb-resize-handle:active {
          background-color: #3d3d3d; }
      body.the-RADLR-special .nb-field.dragging {
        background-color: #f1f1f1; }
      body.the-RADLR-special .nb-field.nb-content-field.fullscreen {
        background-color: #f1f1f1; }
      body.the-RADLR-special .nb-field.nb-content-field .nb-header {
        background-color: #f1f1f1; }
        body.the-RADLR-special .nb-field.nb-content-field .nb-header, body.the-RADLR-special .nb-field.nb-content-field .nb-header .nb-icon-container {
          color: #1f1f1f; }
        body.the-RADLR-special .nb-field.nb-content-field .nb-header:hover {
          background: #1f1f1f; }
          body.the-RADLR-special .nb-field.nb-content-field .nb-header:hover, body.the-RADLR-special .nb-field.nb-content-field .nb-header:hover .nb-icon-container, body.the-RADLR-special .nb-field.nb-content-field .nb-header:hover .nb-expand-button {
            color: #f1f1f1;
            opacity: 1; }
        body.the-RADLR-special .nb-field.nb-content-field .nb-header .nb-loading-screen {
          background-color: #f1f1f1;
          color: #1f1f1f; }
    body.the-RADLR-special .nb-loader {
      background-color: #1f1f1f;
      border-color: #1f1f1f; }
      body.the-RADLR-special .nb-loader .loader-div {
        background: #f1f1f1; }
    body.the-RADLR-special .nb-column.mini .nb-field.nb-content-field .nb-header {
      background-color: transparent; }
      body.the-RADLR-special .nb-column.mini .nb-field.nb-content-field .nb-header, body.the-RADLR-special .nb-column.mini .nb-field.nb-content-field .nb-header .nb-icon-container {
        color: #a5a5a5; }
      body.the-RADLR-special .nb-column.mini .nb-field.nb-content-field .nb-header:hover {
        background-color: #1f1f1f; }
        body.the-RADLR-special .nb-column.mini .nb-field.nb-content-field .nb-header:hover, body.the-RADLR-special .nb-column.mini .nb-field.nb-content-field .nb-header:hover .nb-icon-container {
          color: #f1f1f1; }
    body.the-RADLR-special .nb-field.nb-content-field.dragging .nb-header,
    body.the-RADLR-special .nb-content-field.fullscreen .nb-header {
      background-color: #1f1f1f;
      transition: none;
      cursor: move; }
      body.the-RADLR-special .nb-field.nb-content-field.dragging .nb-header, body.the-RADLR-special .nb-field.nb-content-field.dragging .nb-header .nb-icon-container,
      body.the-RADLR-special .nb-content-field.fullscreen .nb-header,
      body.the-RADLR-special .nb-content-field.fullscreen .nb-header .nb-icon-container {
        color: #f1f1f1; }
    body.the-RADLR-special #parser-info .pseudo-code {
      color: #e3e3e3;
      background-color: #3d3d3d; }
    body.the-RADLR-special #parser-info .context-view-field-val {
      background-color: #f1f1f1; }
    body.the-RADLR-special #parser-info .parse-state-goto {
      color: red; }
    body.the-RADLR-special #parser-info .scan-state-goto {
      color: green; }
    body.the-RADLR-special #parser-info .state-info {
      color: #1f1f1f;
      background-color: rgba(0, 0, 0, 0.019); }
    body.the-RADLR-special #parser-info .state-address {
      color: #e3e3e3;
      background-color: #3d3d3d; }
    body.the-RADLR-special #parser-info .active-state .state-address {
      color: #f1f1f1;
      background-color: #564e99; }
    body.the-RADLR-special #parser-info .bytecode-view-instruction {
      background-color: rgba(0, 0, 0, 0.019); }
      body.the-RADLR-special #parser-info .bytecode-view-instruction .label-value {
        color: #e3e3e3; }
        body.the-RADLR-special #parser-info .bytecode-view-instruction .label-value .label {
          color: #5c5c5c; }
        body.the-RADLR-special #parser-info .bytecode-view-instruction .label-value .address {
          color: #f1f1f1;
          background-color: #564e99; }
        body.the-RADLR-special #parser-info .bytecode-view-instruction .label-value .value {
          color: #e3e3e3;
          background-color: #3d3d3d; }
      body.the-RADLR-special #parser-info .bytecode-view-instruction > .address {
        color: #5c5c5c;
        background: #e3e3e3; }
      body.the-RADLR-special #parser-info .bytecode-view-instruction.active {
        color: #e3e3e3 !important;
        background: #3d3d3d; }
        body.the-RADLR-special #parser-info .bytecode-view-instruction.active > .address {
          color: #e3e3e3;
          background: #3d3d3d; }
        body.the-RADLR-special #parser-info .bytecode-view-instruction.active .label-value .label {
          color: #e3e3e3; }
        body.the-RADLR-special #parser-info .bytecode-view-instruction.active .label-value .address {
          color: #f1f1f1;
          background-color: #564e99; }
        body.the-RADLR-special #parser-info .bytecode-view-instruction.active .label-value .value {
          color: #e3e3e3;
          background-color: #3d3d3d; }
    body.the-RADLR-special .cm-editor {
      color: #1f1f1f;
      background-color: rgba(0, 0, 0, 0.019); }
      body.the-RADLR-special .cm-editor .cm-line {
        background-color: none;
        color: #1f1f1f !important; }
        body.the-RADLR-special .cm-editor .cm-line.cm-activeLine {
          background-color: none;
          color: #1f1f1f !important; }
      body.the-RADLR-special .cm-editor .cm-cursor {
        border-color: #ac3e3e; }
      body.the-RADLR-special .cm-editor .cm-selectionBackground {
        background-color: #f1f1f1 !important;
        color: #e3e3e3 !important; }
      body.the-RADLR-special .cm-editor .cm-gutters {
        color: #5c5c5c !important;
        background-color: #e3e3e3 !important; }
        body.the-RADLR-special .cm-editor .cm-gutters * {
          transition: none; }
        body.the-RADLR-special .cm-editor .cm-gutters .cm-activeLineGutter {
          color: #1f1f1f !important;
          background-color: #f1f1f1 !important; }
        body.the-RADLR-special .cm-editor .cm-gutters .syn-prod {
          color: #9f9f9f; }
        body.the-RADLR-special .cm-editor .cm-gutters .syn-term {
          color: #008cc3; }
        body.the-RADLR-special .cm-editor .cm-gutters .syn-prod-id {
          color: #484d55; }
        body.the-RADLR-special .cm-editor .cm-gutters .syn-class {
          color: #e27923; }
    body.the-RADLR-special .cm-editor {
      color: #9f9f9f; }
    body.the-RADLR-special .nterm-test {
      background-color: yellow;
      color: black; }
    body.the-RADLR-special .term-test {
      background-color: blue;
      color: black; }
    body.the-RADLR-special .parse-test {
      background-color: green;
      color: black; }
    body.the-RADLR-special .scan-test {
      border-color: red; }
    body.the-RADLR-special .tok-test {
      background-color: orange; }
    body.the-RADLR-special .skip-test {
      background-color: #4f91a9; }
    body.the-RADLR-special .pos-test {
      border-color: #eecd14; }
    body.the-RADLR-special .pos-test::after {
      color: #eecd14; }
    body.the-RADLR-special input[type="text"], body.the-RADLR-special input[type="number"], body.the-RADLR-special input[type="button"] {
      background-color: #e3e3e3;
      color: #3d3d3d; }
      body.the-RADLR-special input[type="text"][invalid], body.the-RADLR-special input[type="number"][invalid], body.the-RADLR-special input[type="button"][invalid] {
        background-color: #cf2c2c;
        color: whitesmoke; }
    body.the-RADLR-special input[type="button"]:hover {
      background-color: #3581cc;
      color: white; }
      body.the-RADLR-special input[type="button"]:hover:active {
        opacity: 0.7; }
    body.the-RADLR-special input[type="checkbox"] {
      background-color: #cf2c2c; }
      body.the-RADLR-special input[type="checkbox"]::before {
        background-color: #3d3d3d; }
    body.the-RADLR-special input[type="checkbox"]:checked {
      background-color: #3581cc; }
    body.the-RADLR-special #settings-panel, body.the-RADLR-special #config-panel {
      background-color: #3d3d3d;
      color: #e3e3e3; }
      body.the-RADLR-special #settings-panel .close-button, body.the-RADLR-special #config-panel .close-button {
        background-color: transparent;
        color: #e3e3e3; }
        body.the-RADLR-special #settings-panel .close-button:hover, body.the-RADLR-special #config-panel .close-button:hover {
          background-color: #1f1f1f;
          color: #f1f1f1; }
    body.the-RADLR-special header #header-logo #radlr-logo {
      fill: #a5a5a5 !important; }
    body.the-RADLR-special header #header-logo:hover #radlr-logo {
      fill: #1f1f1f !important; }
    body.the-RADLR-special header #page-category-name {
      color: #a5a5a5 !important; }
    body.the-RADLR-special header #page-category {
      border-color: #a5a5a5; }
  body.the-RADLR-special-smoked {
    color: #f1f1f1;
    background-color: #2d2d2d; }
    body.the-RADLR-special-smoked #loading-screen {
      color: #c8c8c8;
      background-color: #2d2d2d; }
    body.the-RADLR-special-smoked #noscript, body.the-RADLR-special-smoked #screen-too-small {
      color: #c8c8c8;
      background-color: #2d2d2d; }
    body.the-RADLR-special-smoked a, body.the-RADLR-special-smoked a:visited {
      background: transparent;
      color: #62b2c4; }
      body.the-RADLR-special-smoked a:hover, body.the-RADLR-special-smoked a:active, body.the-RADLR-special-smoked a:visited:hover, body.the-RADLR-special-smoked a:visited:active {
        background: transparent;
        color: #5e94d6; }
    body.the-RADLR-special-smoked button {
      background: transparent;
      color: #c8c8c8; }
      body.the-RADLR-special-smoked button path {
        fill: #c8c8c8; }
      body.the-RADLR-special-smoked button:hover {
        background-color: #f1f1f1;
        color: #2d2d2d; }
        body.the-RADLR-special-smoked button:hover path {
          fill: #2d2d2d; }
    body.the-RADLR-special-smoked #palette #base-fg {
      background-color: #f1f1f1; }
    body.the-RADLR-special-smoked #palette #base-bg {
      background-color: #2d2d2d; }
    body.the-RADLR-special-smoked #palette #header-fg {
      background-color: #f1f1f1; }
    body.the-RADLR-special-smoked #palette #header-bg {
      background-color: #2d2d2d; }
    body.the-RADLR-special-smoked #palette #header-hover-fg {
      background-color: #2d2d2d; }
    body.the-RADLR-special-smoked #palette #header-hover-bg {
      background-color: #f1f1f1; }
    body.the-RADLR-special-smoked #palette #focus-fg {
      background-color: #d7d7d7; }
    body.the-RADLR-special-smoked #palette #focus-bg {
      background-color: #414141; }
    body.the-RADLR-special-smoked #palette #backdrop-fg {
      background-color: #e3e3e3; }
    body.the-RADLR-special-smoked #palette #backdrop-bg {
      background-color: #242424; }
    body.the-RADLR-special-smoked #palette #button-fg {
      background-color: #c8c8c8; }
    body.the-RADLR-special-smoked #palette #button-bg {
      background-color: transparent; }
    body.the-RADLR-special-smoked #palette #button-hover-fg {
      background-color: #2d2d2d; }
    body.the-RADLR-special-smoked #palette #button-hover-bg {
      background-color: #f1f1f1; }
    body.the-RADLR-special-smoked #palette #bc-address-bg {
      background-color: #8278db; }
    body.the-RADLR-special-smoked #palette #bc-address-fg {
      background-color: #f1f1f1; }
    body.the-RADLR-special-smoked #palette #section-bg {
      background-color: rgba(255, 255, 255, 0.049); }
    body.the-RADLR-special-smoked #palette #settings-input-bg {
      background-color: #e3e3e3; }
    body.the-RADLR-special-smoked #palette #settings-input-fg {
      background-color: #3d3d3d; }
    body.the-RADLR-special-smoked #palette #settings-input-active-fg {
      background-color: white; }
    body.the-RADLR-special-smoked #palette #settings-input-active-bg {
      background-color: #199d19; }
    body.the-RADLR-special-smoked #palette #settings-input-disabled-fg {
      background-color: whitesmoke; }
    body.the-RADLR-special-smoked #palette #settings-input-disabled-bg {
      background-color: #d42323; }
    body.the-RADLR-special-smoked #palette #link-fg {
      background-color: #62b2c4; }
    body.the-RADLR-special-smoked #palette #link-bg {
      background-color: transparent; }
    body.the-RADLR-special-smoked #palette #link-hover-fg {
      background-color: #5e94d6; }
    body.the-RADLR-special-smoked #palette #link-hover-bg {
      background-color: transparent; }
    body.the-RADLR-special-smoked #controls {
      background-color: #242424;
      color: #e3e3e3; }
      body.the-RADLR-special-smoked #controls .classification {
        color: #8278db; }
      body.the-RADLR-special-smoked #controls .debugger-button:hover {
        color: #8278db; }
    body.the-RADLR-special-smoked .nb-field {
      background-color: none; }
      body.the-RADLR-special-smoked .nb-field.nb-blank-field div {
        border-color: #242424; }
      body.the-RADLR-special-smoked .nb-field .nb-resize-handle-area .nb-resize-handle {
        color: #2d2d2d;
        background-color: #242424; }
        body.the-RADLR-special-smoked .nb-field .nb-resize-handle-area .nb-resize-handle:hover, body.the-RADLR-special-smoked .nb-field .nb-resize-handle-area .nb-resize-handle:active {
          background-color: #414141; }
      body.the-RADLR-special-smoked .nb-field.dragging {
        background-color: #2d2d2d; }
      body.the-RADLR-special-smoked .nb-field.nb-content-field.fullscreen {
        background-color: #2d2d2d; }
      body.the-RADLR-special-smoked .nb-field.nb-content-field .nb-header {
        background-color: #2d2d2d; }
        body.the-RADLR-special-smoked .nb-field.nb-content-field .nb-header, body.the-RADLR-special-smoked .nb-field.nb-content-field .nb-header .nb-icon-container {
          color: #f1f1f1; }
        body.the-RADLR-special-smoked .nb-field.nb-content-field .nb-header:hover {
          background: #f1f1f1; }
          body.the-RADLR-special-smoked .nb-field.nb-content-field .nb-header:hover, body.the-RADLR-special-smoked .nb-field.nb-content-field .nb-header:hover .nb-icon-container, body.the-RADLR-special-smoked .nb-field.nb-content-field .nb-header:hover .nb-expand-button {
            color: #2d2d2d;
            opacity: 1; }
        body.the-RADLR-special-smoked .nb-field.nb-content-field .nb-header .nb-loading-screen {
          background-color: #2d2d2d;
          color: #f1f1f1; }
    body.the-RADLR-special-smoked .nb-loader {
      background-color: #f1f1f1;
      border-color: #f1f1f1; }
      body.the-RADLR-special-smoked .nb-loader .loader-div {
        background: #2d2d2d; }
    body.the-RADLR-special-smoked .nb-column.mini .nb-field.nb-content-field .nb-header {
      background-color: transparent; }
      body.the-RADLR-special-smoked .nb-column.mini .nb-field.nb-content-field .nb-header, body.the-RADLR-special-smoked .nb-column.mini .nb-field.nb-content-field .nb-header .nb-icon-container {
        color: #c8c8c8; }
      body.the-RADLR-special-smoked .nb-column.mini .nb-field.nb-content-field .nb-header:hover {
        background-color: #f1f1f1; }
        body.the-RADLR-special-smoked .nb-column.mini .nb-field.nb-content-field .nb-header:hover, body.the-RADLR-special-smoked .nb-column.mini .nb-field.nb-content-field .nb-header:hover .nb-icon-container {
          color: #2d2d2d; }
    body.the-RADLR-special-smoked .nb-field.nb-content-field.dragging .nb-header,
    body.the-RADLR-special-smoked .nb-content-field.fullscreen .nb-header {
      background-color: #f1f1f1;
      transition: none;
      cursor: move; }
      body.the-RADLR-special-smoked .nb-field.nb-content-field.dragging .nb-header, body.the-RADLR-special-smoked .nb-field.nb-content-field.dragging .nb-header .nb-icon-container,
      body.the-RADLR-special-smoked .nb-content-field.fullscreen .nb-header,
      body.the-RADLR-special-smoked .nb-content-field.fullscreen .nb-header .nb-icon-container {
        color: #2d2d2d; }
    body.the-RADLR-special-smoked #parser-info .pseudo-code {
      color: #d7d7d7;
      background-color: #414141; }
    body.the-RADLR-special-smoked #parser-info .context-view-field-val {
      background-color: #2d2d2d; }
    body.the-RADLR-special-smoked #parser-info .parse-state-goto {
      color: red; }
    body.the-RADLR-special-smoked #parser-info .scan-state-goto {
      color: green; }
    body.the-RADLR-special-smoked #parser-info .state-info {
      color: #f1f1f1;
      background-color: rgba(255, 255, 255, 0.049); }
    body.the-RADLR-special-smoked #parser-info .state-address {
      color: #d7d7d7;
      background-color: #414141; }
    body.the-RADLR-special-smoked #parser-info .active-state .state-address {
      color: #f1f1f1;
      background-color: #8278db; }
    body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction {
      background-color: rgba(255, 255, 255, 0.049); }
      body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction .label-value {
        color: #d7d7d7; }
        body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction .label-value .label {
          color: #e3e3e3; }
        body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction .label-value .address {
          color: #f1f1f1;
          background-color: #8278db; }
        body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction .label-value .value {
          color: #d7d7d7;
          background-color: #414141; }
      body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction > .address {
        color: #e3e3e3;
        background: #242424; }
      body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction.active {
        color: #d7d7d7 !important;
        background: #414141; }
        body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction.active > .address {
          color: #d7d7d7;
          background: #414141; }
        body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction.active .label-value .label {
          color: #d7d7d7; }
        body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction.active .label-value .address {
          color: #f1f1f1;
          background-color: #8278db; }
        body.the-RADLR-special-smoked #parser-info .bytecode-view-instruction.active .label-value .value {
          color: #d7d7d7;
          background-color: #414141; }
    body.the-RADLR-special-smoked .cm-editor {
      color: #f1f1f1;
      background-color: rgba(255, 255, 255, 0.049); }
      body.the-RADLR-special-smoked .cm-editor .cm-line {
        background-color: none;
        color: #f1f1f1 !important; }
        body.the-RADLR-special-smoked .cm-editor .cm-line.cm-activeLine {
          background-color: none;
          color: #f1f1f1 !important; }
      body.the-RADLR-special-smoked .cm-editor .cm-cursor {
        border-color: #ac3e3e; }
      body.the-RADLR-special-smoked .cm-editor .cm-selectionBackground {
        background-color: #2d2d2d !important;
        color: #d7d7d7 !important; }
      body.the-RADLR-special-smoked .cm-editor .cm-gutters {
        color: #e3e3e3 !important;
        background-color: #242424 !important; }
        body.the-RADLR-special-smoked .cm-editor .cm-gutters * {
          transition: none; }
        body.the-RADLR-special-smoked .cm-editor .cm-gutters .cm-activeLineGutter {
          color: #f1f1f1 !important;
          background-color: #2d2d2d !important; }
        body.the-RADLR-special-smoked .cm-editor .cm-gutters .syn-prod {
          color: #9f9f9f; }
        body.the-RADLR-special-smoked .cm-editor .cm-gutters .syn-term {
          color: #008cc3; }
        body.the-RADLR-special-smoked .cm-editor .cm-gutters .syn-prod-id {
          color: #484d55; }
        body.the-RADLR-special-smoked .cm-editor .cm-gutters .syn-class {
          color: #e27923; }
    body.the-RADLR-special-smoked .cm-editor {
      color: #9f9f9f; }
    body.the-RADLR-special-smoked .nterm-test {
      background-color: yellow;
      color: black; }
    body.the-RADLR-special-smoked .term-test {
      background-color: blue;
      color: black; }
    body.the-RADLR-special-smoked .parse-test {
      background-color: green;
      color: black; }
    body.the-RADLR-special-smoked .scan-test {
      border-color: red; }
    body.the-RADLR-special-smoked .tok-test {
      background-color: orange; }
    body.the-RADLR-special-smoked .skip-test {
      background-color: #4f91a9; }
    body.the-RADLR-special-smoked .pos-test {
      border-color: #eecd14; }
    body.the-RADLR-special-smoked .pos-test::after {
      color: #eecd14; }
    body.the-RADLR-special-smoked input[type="text"], body.the-RADLR-special-smoked input[type="number"], body.the-RADLR-special-smoked input[type="button"] {
      background-color: #e3e3e3;
      color: #3d3d3d; }
      body.the-RADLR-special-smoked input[type="text"][invalid], body.the-RADLR-special-smoked input[type="number"][invalid], body.the-RADLR-special-smoked input[type="button"][invalid] {
        background-color: #d42323;
        color: whitesmoke; }
    body.the-RADLR-special-smoked input[type="button"]:hover {
      background-color: #199d19;
      color: white; }
      body.the-RADLR-special-smoked input[type="button"]:hover:active {
        opacity: 0.7; }
    body.the-RADLR-special-smoked input[type="checkbox"] {
      background-color: #d42323; }
      body.the-RADLR-special-smoked input[type="checkbox"]::before {
        background-color: #3d3d3d; }
    body.the-RADLR-special-smoked input[type="checkbox"]:checked {
      background-color: #199d19; }
    body.the-RADLR-special-smoked #settings-panel, body.the-RADLR-special-smoked #config-panel {
      background-color: #414141;
      color: #d7d7d7; }
      body.the-RADLR-special-smoked #settings-panel .close-button, body.the-RADLR-special-smoked #config-panel .close-button {
        background-color: transparent;
        color: #d7d7d7; }
        body.the-RADLR-special-smoked #settings-panel .close-button:hover, body.the-RADLR-special-smoked #config-panel .close-button:hover {
          background-color: #f1f1f1;
          color: #2d2d2d; }
    body.the-RADLR-special-smoked header #header-logo #radlr-logo {
      fill: #c8c8c8 !important; }
    body.the-RADLR-special-smoked header #header-logo:hover #radlr-logo {
      fill: #f1f1f1 !important; }
    body.the-RADLR-special-smoked header #page-category-name {
      color: #c8c8c8 !important; }
    body.the-RADLR-special-smoked header #page-category {
      border-color: #c8c8c8; }
  body.pencil {
    color: #848484;
    background-color: #e6e6e6; }
    body.pencil #loading-screen {
      color: #a5a5a5;
      background-color: #e6e6e6; }
    body.pencil #noscript, body.pencil #screen-too-small {
      color: #a5a5a5;
      background-color: #e6e6e6; }
    body.pencil a, body.pencil a:visited {
      background: transparent;
      color: #47a3b8; }
      body.pencil a:hover, body.pencil a:active, body.pencil a:visited:hover, body.pencil a:visited:active {
        background: transparent;
        color: #5e94d6; }
    body.pencil button {
      background: transparent;
      color: #a5a5a5; }
      body.pencil button path {
        fill: #a5a5a5; }
      body.pencil button:hover {
        background-color: #848484;
        color: #e6e6e6; }
        body.pencil button:hover path {
          fill: #e6e6e6; }
    body.pencil #palette #base-fg {
      background-color: #848484; }
    body.pencil #palette #base-bg {
      background-color: #e6e6e6; }
    body.pencil #palette #header-fg {
      background-color: #848484; }
    body.pencil #palette #header-bg {
      background-color: #e6e6e6; }
    body.pencil #palette #header-hover-fg {
      background-color: #e4e4e4; }
    body.pencil #palette #header-hover-bg {
      background-color: #e1bf36; }
    body.pencil #palette #focus-fg {
      background-color: #474747; }
    body.pencil #palette #focus-bg {
      background-color: #ececec; }
    body.pencil #palette #backdrop-fg {
      background-color: #5c5c5c; }
    body.pencil #palette #backdrop-bg {
      background-color: #d8d8d8; }
    body.pencil #palette #button-fg {
      background-color: #a5a5a5; }
    body.pencil #palette #button-bg {
      background-color: transparent; }
    body.pencil #palette #button-hover-fg {
      background-color: #e6e6e6; }
    body.pencil #palette #button-hover-bg {
      background-color: #848484; }
    body.pencil #palette #bc-address-bg {
      background-color: #47a3b8; }
    body.pencil #palette #bc-address-fg {
      background-color: #e6e6e6; }
    body.pencil #palette #section-bg {
      background-color: rgba(0, 0, 0, 0); }
    body.pencil #palette #settings-input-bg {
      background-color: #e3e3e3; }
    body.pencil #palette #settings-input-fg {
      background-color: #3d3d3d; }
    body.pencil #palette #settings-input-active-fg {
      background-color: white; }
    body.pencil #palette #settings-input-active-bg {
      background-color: #47a3b8; }
    body.pencil #palette #settings-input-disabled-fg {
      background-color: whitesmoke; }
    body.pencil #palette #settings-input-disabled-bg {
      background-color: #c9b542; }
    body.pencil #palette #link-fg {
      background-color: #47a3b8; }
    body.pencil #palette #link-bg {
      background-color: transparent; }
    body.pencil #palette #link-hover-fg {
      background-color: #5e94d6; }
    body.pencil #palette #link-hover-bg {
      background-color: transparent; }
    body.pencil #controls {
      background-color: #d8d8d8;
      color: #5c5c5c; }
      body.pencil #controls .classification {
        color: #47a3b8; }
      body.pencil #controls .debugger-button:hover {
        color: #47a3b8; }
    body.pencil .nb-field {
      background-color: none; }
      body.pencil .nb-field.nb-blank-field div {
        border-color: #d8d8d8; }
      body.pencil .nb-field .nb-resize-handle-area .nb-resize-handle {
        color: #e6e6e6;
        background-color: #d8d8d8; }
        body.pencil .nb-field .nb-resize-handle-area .nb-resize-handle:hover, body.pencil .nb-field .nb-resize-handle-area .nb-resize-handle:active {
          background-color: #ececec; }
      body.pencil .nb-field.dragging {
        background-color: #e6e6e6; }
      body.pencil .nb-field.nb-content-field.fullscreen {
        background-color: #e6e6e6; }
      body.pencil .nb-field.nb-content-field .nb-header {
        background-color: #e6e6e6; }
        body.pencil .nb-field.nb-content-field .nb-header, body.pencil .nb-field.nb-content-field .nb-header .nb-icon-container {
          color: #848484; }
        body.pencil .nb-field.nb-content-field .nb-header:hover {
          background: #e1bf36; }
          body.pencil .nb-field.nb-content-field .nb-header:hover, body.pencil .nb-field.nb-content-field .nb-header:hover .nb-icon-container, body.pencil .nb-field.nb-content-field .nb-header:hover .nb-expand-button {
            color: #e4e4e4;
            opacity: 1; }
        body.pencil .nb-field.nb-content-field .nb-header .nb-loading-screen {
          background-color: #e6e6e6;
          color: #848484; }
    body.pencil .nb-loader {
      background-color: #e1bf36;
      border-color: #e1bf36; }
      body.pencil .nb-loader .loader-div {
        background: #e4e4e4; }
    body.pencil .nb-column.mini .nb-field.nb-content-field .nb-header {
      background-color: transparent; }
      body.pencil .nb-column.mini .nb-field.nb-content-field .nb-header, body.pencil .nb-column.mini .nb-field.nb-content-field .nb-header .nb-icon-container {
        color: #a5a5a5; }
      body.pencil .nb-column.mini .nb-field.nb-content-field .nb-header:hover {
        background-color: #e1bf36; }
        body.pencil .nb-column.mini .nb-field.nb-content-field .nb-header:hover, body.pencil .nb-column.mini .nb-field.nb-content-field .nb-header:hover .nb-icon-container {
          color: #e4e4e4; }
    body.pencil .nb-field.nb-content-field.dragging .nb-header,
    body.pencil .nb-content-field.fullscreen .nb-header {
      background-color: #e1bf36;
      transition: none;
      cursor: move; }
      body.pencil .nb-field.nb-content-field.dragging .nb-header, body.pencil .nb-field.nb-content-field.dragging .nb-header .nb-icon-container,
      body.pencil .nb-content-field.fullscreen .nb-header,
      body.pencil .nb-content-field.fullscreen .nb-header .nb-icon-container {
        color: #e4e4e4; }
    body.pencil #parser-info .pseudo-code {
      color: #474747;
      background-color: #ececec; }
    body.pencil #parser-info .context-view-field-val {
      background-color: #e6e6e6; }
    body.pencil #parser-info .parse-state-goto {
      color: red; }
    body.pencil #parser-info .scan-state-goto {
      color: green; }
    body.pencil #parser-info .state-info {
      color: #848484;
      background-color: rgba(0, 0, 0, 0); }
    body.pencil #parser-info .state-address {
      color: #474747;
      background-color: #ececec; }
    body.pencil #parser-info .active-state .state-address {
      color: #e6e6e6;
      background-color: #47a3b8; }
    body.pencil #parser-info .bytecode-view-instruction {
      background-color: rgba(0, 0, 0, 0); }
      body.pencil #parser-info .bytecode-view-instruction .label-value {
        color: #474747; }
        body.pencil #parser-info .bytecode-view-instruction .label-value .label {
          color: #5c5c5c; }
        body.pencil #parser-info .bytecode-view-instruction .label-value .address {
          color: #e6e6e6;
          background-color: #47a3b8; }
        body.pencil #parser-info .bytecode-view-instruction .label-value .value {
          color: #474747;
          background-color: #ececec; }
      body.pencil #parser-info .bytecode-view-instruction > .address {
        color: #5c5c5c;
        background: #d8d8d8; }
      body.pencil #parser-info .bytecode-view-instruction.active {
        color: #474747 !important;
        background: #ececec; }
        body.pencil #parser-info .bytecode-view-instruction.active > .address {
          color: #474747;
          background: #ececec; }
        body.pencil #parser-info .bytecode-view-instruction.active .label-value .label {
          color: #474747; }
        body.pencil #parser-info .bytecode-view-instruction.active .label-value .address {
          color: #e6e6e6;
          background-color: #47a3b8; }
        body.pencil #parser-info .bytecode-view-instruction.active .label-value .value {
          color: #474747;
          background-color: #ececec; }
    body.pencil .cm-editor {
      color: #848484;
      background-color: rgba(0, 0, 0, 0); }
      body.pencil .cm-editor .cm-line {
        background-color: none;
        color: #848484 !important; }
        body.pencil .cm-editor .cm-line.cm-activeLine {
          background-color: none;
          color: #848484 !important; }
      body.pencil .cm-editor .cm-cursor {
        border-color: #ac3e3e; }
      body.pencil .cm-editor .cm-selectionBackground {
        background-color: #e6e6e6 !important;
        color: #474747 !important; }
      body.pencil .cm-editor .cm-gutters {
        color: #5c5c5c !important;
        background-color: #d8d8d8 !important; }
        body.pencil .cm-editor .cm-gutters * {
          transition: none; }
        body.pencil .cm-editor .cm-gutters .cm-activeLineGutter {
          color: #848484 !important;
          background-color: #e6e6e6 !important; }
        body.pencil .cm-editor .cm-gutters .syn-prod {
          color: #9f9f9f; }
        body.pencil .cm-editor .cm-gutters .syn-term {
          color: #008cc3; }
        body.pencil .cm-editor .cm-gutters .syn-prod-id {
          color: #484d55; }
        body.pencil .cm-editor .cm-gutters .syn-class {
          color: #e27923; }
    body.pencil .cm-editor {
      color: #9f9f9f; }
    body.pencil .nterm-test {
      background-color: yellow;
      color: black; }
    body.pencil .term-test {
      background-color: blue;
      color: black; }
    body.pencil .parse-test {
      background-color: green;
      color: black; }
    body.pencil .scan-test {
      border-color: red; }
    body.pencil .tok-test {
      background-color: orange; }
    body.pencil .skip-test {
      background-color: #4f91a9; }
    body.pencil .pos-test {
      border-color: #eecd14; }
    body.pencil .pos-test::after {
      color: #eecd14; }
    body.pencil input[type="text"], body.pencil input[type="number"], body.pencil input[type="button"] {
      background-color: #e3e3e3;
      color: #3d3d3d; }
      body.pencil input[type="text"][invalid], body.pencil input[type="number"][invalid], body.pencil input[type="button"][invalid] {
        background-color: #c9b542;
        color: whitesmoke; }
    body.pencil input[type="button"]:hover {
      background-color: #47a3b8;
      color: white; }
      body.pencil input[type="button"]:hover:active {
        opacity: 0.7; }
    body.pencil input[type="checkbox"] {
      background-color: #c9b542; }
      body.pencil input[type="checkbox"]::before {
        background-color: #3d3d3d; }
    body.pencil input[type="checkbox"]:checked {
      background-color: #47a3b8; }
    body.pencil #settings-panel, body.pencil #config-panel {
      background-color: #ececec;
      color: #474747; }
      body.pencil #settings-panel .close-button, body.pencil #config-panel .close-button {
        background-color: transparent;
        color: #474747; }
        body.pencil #settings-panel .close-button:hover, body.pencil #config-panel .close-button:hover {
          background-color: #848484;
          color: #e6e6e6; }
    body.pencil header #header-logo #radlr-logo {
      fill: #a5a5a5 !important; }
    body.pencil header #header-logo:hover #radlr-logo {
      fill: #848484 !important; }
    body.pencil header #page-category-name {
      color: #a5a5a5 !important; }
    body.pencil header #page-category {
      border-color: #a5a5a5; }
  body.desperados-united {
    color: #e3c794;
    background-color: #421865; }
    body.desperados-united #loading-screen {
      color: #e3c794;
      background-color: #421865; }
    body.desperados-united #noscript, body.desperados-united #screen-too-small {
      color: #e3c794;
      background-color: #421865; }
    body.desperados-united a, body.desperados-united a:visited {
      background: transparent;
      color: #ff8800; }
      body.desperados-united a:hover, body.desperados-united a:active, body.desperados-united a:visited:hover, body.desperados-united a:visited:active {
        background: transparent;
        color: #d7a611; }
    body.desperados-united button {
      background: transparent;
      color: #e3c794; }
      body.desperados-united button path {
        fill: #e3c794; }
      body.desperados-united button:hover {
        background-color: #e3c794;
        color: #421865; }
        body.desperados-united button:hover path {
          fill: #421865; }
    body.desperados-united #palette #base-fg {
      background-color: #e3c794; }
    body.desperados-united #palette #base-bg {
      background-color: #421865; }
    body.desperados-united #palette #header-fg {
      background-color: #cdb994; }
    body.desperados-united #palette #header-bg {
      background-color: transparent; }
    body.desperados-united #palette #header-hover-fg {
      background-color: #421865; }
    body.desperados-united #palette #header-hover-bg {
      background-color: #c8ac65; }
    body.desperados-united #palette #focus-fg {
      background-color: #eeeeee; }
    body.desperados-united #palette #focus-bg {
      background-color: #250043; }
    body.desperados-united #palette #backdrop-fg {
      background-color: #e3e3e3; }
    body.desperados-united #palette #backdrop-bg {
      background-color: #3b115e; }
    body.desperados-united #palette #button-fg {
      background-color: #e3c794; }
    body.desperados-united #palette #button-bg {
      background-color: transparent; }
    body.desperados-united #palette #button-hover-fg {
      background-color: #421865; }
    body.desperados-united #palette #button-hover-bg {
      background-color: #e3c794; }
    body.desperados-united #palette #bc-address-bg {
      background-color: #e3c794; }
    body.desperados-united #palette #bc-address-fg {
      background-color: #421865; }
    body.desperados-united #palette #section-bg {
      background-color: rgba(0, 0, 0, 0.044); }
    body.desperados-united #palette #settings-input-bg {
      background-color: #e3c794; }
    body.desperados-united #palette #settings-input-fg {
      background-color: #5c3978; }
    body.desperados-united #palette #settings-input-active-fg {
      background-color: #421865; }
    body.desperados-united #palette #settings-input-active-bg {
      background-color: #cd9717; }
    body.desperados-united #palette #settings-input-disabled-fg {
      background-color: #ff0000; }
    body.desperados-united #palette #settings-input-disabled-bg {
      background-color: #3b115e; }
    body.desperados-united #palette #link-fg {
      background-color: #ff8800; }
    body.desperados-united #palette #link-bg {
      background-color: transparent; }
    body.desperados-united #palette #link-hover-fg {
      background-color: #d7a611; }
    body.desperados-united #palette #link-hover-bg {
      background-color: transparent; }
    body.desperados-united #controls {
      background-color: #3b115e;
      color: #e3e3e3; }
      body.desperados-united #controls .classification {
        color: #e3c794; }
      body.desperados-united #controls .debugger-button:hover {
        color: #e3c794; }
    body.desperados-united .nb-field {
      background-color: none; }
      body.desperados-united .nb-field.nb-blank-field div {
        border-color: #3b115e; }
      body.desperados-united .nb-field .nb-resize-handle-area .nb-resize-handle {
        color: #421865;
        background-color: #3b115e; }
        body.desperados-united .nb-field .nb-resize-handle-area .nb-resize-handle:hover, body.desperados-united .nb-field .nb-resize-handle-area .nb-resize-handle:active {
          background-color: #250043; }
      body.desperados-united .nb-field.dragging {
        background-color: #421865; }
      body.desperados-united .nb-field.nb-content-field.fullscreen {
        background-color: #421865; }
      body.desperados-united .nb-field.nb-content-field .nb-header {
        background-color: transparent; }
        body.desperados-united .nb-field.nb-content-field .nb-header, body.desperados-united .nb-field.nb-content-field .nb-header .nb-icon-container {
          color: #cdb994; }
        body.desperados-united .nb-field.nb-content-field .nb-header:hover {
          background: #c8ac65; }
          body.desperados-united .nb-field.nb-content-field .nb-header:hover, body.desperados-united .nb-field.nb-content-field .nb-header:hover .nb-icon-container, body.desperados-united .nb-field.nb-content-field .nb-header:hover .nb-expand-button {
            color: #421865;
            opacity: 1; }
        body.desperados-united .nb-field.nb-content-field .nb-header .nb-loading-screen {
          background-color: #421865;
          color: #e3c794; }
    body.desperados-united .nb-loader {
      background-color: #c8ac65;
      border-color: #c8ac65; }
      body.desperados-united .nb-loader .loader-div {
        background: #421865; }
    body.desperados-united .nb-column.mini .nb-field.nb-content-field .nb-header {
      background-color: transparent; }
      body.desperados-united .nb-column.mini .nb-field.nb-content-field .nb-header, body.desperados-united .nb-column.mini .nb-field.nb-content-field .nb-header .nb-icon-container {
        color: #e3c794; }
      body.desperados-united .nb-column.mini .nb-field.nb-content-field .nb-header:hover {
        background-color: #c8ac65; }
        body.desperados-united .nb-column.mini .nb-field.nb-content-field .nb-header:hover, body.desperados-united .nb-column.mini .nb-field.nb-content-field .nb-header:hover .nb-icon-container {
          color: #421865; }
    body.desperados-united .nb-field.nb-content-field.dragging .nb-header,
    body.desperados-united .nb-content-field.fullscreen .nb-header {
      background-color: #c8ac65;
      transition: none;
      cursor: move; }
      body.desperados-united .nb-field.nb-content-field.dragging .nb-header, body.desperados-united .nb-field.nb-content-field.dragging .nb-header .nb-icon-container,
      body.desperados-united .nb-content-field.fullscreen .nb-header,
      body.desperados-united .nb-content-field.fullscreen .nb-header .nb-icon-container {
        color: #421865; }
    body.desperados-united #parser-info .pseudo-code {
      color: #eeeeee;
      background-color: #250043; }
    body.desperados-united #parser-info .context-view-field-val {
      background-color: #421865; }
    body.desperados-united #parser-info .parse-state-goto {
      color: red; }
    body.desperados-united #parser-info .scan-state-goto {
      color: green; }
    body.desperados-united #parser-info .state-info {
      color: #e3c794;
      background-color: rgba(0, 0, 0, 0.044); }
    body.desperados-united #parser-info .state-address {
      color: #eeeeee;
      background-color: #250043; }
    body.desperados-united #parser-info .active-state .state-address {
      color: #421865;
      background-color: #e3c794; }
    body.desperados-united #parser-info .bytecode-view-instruction {
      background-color: rgba(0, 0, 0, 0.044); }
      body.desperados-united #parser-info .bytecode-view-instruction .label-value {
        color: #eeeeee; }
        body.desperados-united #parser-info .bytecode-view-instruction .label-value .label {
          color: #e3e3e3; }
        body.desperados-united #parser-info .bytecode-view-instruction .label-value .address {
          color: #421865;
          background-color: #e3c794; }
        body.desperados-united #parser-info .bytecode-view-instruction .label-value .value {
          color: #eeeeee;
          background-color: #250043; }
      body.desperados-united #parser-info .bytecode-view-instruction > .address {
        color: #e3e3e3;
        background: #3b115e; }
      body.desperados-united #parser-info .bytecode-view-instruction.active {
        color: #eeeeee !important;
        background: #250043; }
        body.desperados-united #parser-info .bytecode-view-instruction.active > .address {
          color: #eeeeee;
          background: #250043; }
        body.desperados-united #parser-info .bytecode-view-instruction.active .label-value .label {
          color: #eeeeee; }
        body.desperados-united #parser-info .bytecode-view-instruction.active .label-value .address {
          color: #421865;
          background-color: #e3c794; }
        body.desperados-united #parser-info .bytecode-view-instruction.active .label-value .value {
          color: #eeeeee;
          background-color: #250043; }
    body.desperados-united .cm-editor {
      color: #e3c794;
      background-color: rgba(0, 0, 0, 0.044); }
      body.desperados-united .cm-editor .cm-line {
        background-color: none;
        color: #e3c794 !important; }
        body.desperados-united .cm-editor .cm-line.cm-activeLine {
          background-color: none;
          color: #e3c794 !important; }
      body.desperados-united .cm-editor .cm-cursor {
        border-color: #ac3e3e; }
      body.desperados-united .cm-editor .cm-selectionBackground {
        background-color: #421865 !important;
        color: #eeeeee !important; }
      body.desperados-united .cm-editor .cm-gutters {
        color: #e3e3e3 !important;
        background-color: #3b115e !important; }
        body.desperados-united .cm-editor .cm-gutters * {
          transition: none; }
        body.desperados-united .cm-editor .cm-gutters .cm-activeLineGutter {
          color: #cdb994 !important;
          background-color: transparent !important; }
        body.desperados-united .cm-editor .cm-gutters .syn-prod {
          color: #9f9f9f; }
        body.desperados-united .cm-editor .cm-gutters .syn-term {
          color: #008cc3; }
        body.desperados-united .cm-editor .cm-gutters .syn-prod-id {
          color: #484d55; }
        body.desperados-united .cm-editor .cm-gutters .syn-class {
          color: #e27923; }
    body.desperados-united .cm-editor {
      color: #9f9f9f; }
    body.desperados-united .nterm-test {
      background-color: yellow;
      color: black; }
    body.desperados-united .term-test {
      background-color: blue;
      color: black; }
    body.desperados-united .parse-test {
      background-color: green;
      color: black; }
    body.desperados-united .scan-test {
      border-color: red; }
    body.desperados-united .tok-test {
      background-color: orange; }
    body.desperados-united .skip-test {
      background-color: #4f91a9; }
    body.desperados-united .pos-test {
      border-color: #eecd14; }
    body.desperados-united .pos-test::after {
      color: #eecd14; }
    body.desperados-united input[type="text"], body.desperados-united input[type="number"], body.desperados-united input[type="button"] {
      background-color: #e3c794;
      color: #5c3978; }
      body.desperados-united input[type="text"][invalid], body.desperados-united input[type="number"][invalid], body.desperados-united input[type="button"][invalid] {
        background-color: #3b115e;
        color: #ff0000; }
    body.desperados-united input[type="button"]:hover {
      background-color: #cd9717;
      color: #421865; }
      body.desperados-united input[type="button"]:hover:active {
        opacity: 0.7; }
    body.desperados-united input[type="checkbox"] {
      background-color: #3b115e; }
      body.desperados-united input[type="checkbox"]::before {
        background-color: #5c3978; }
    body.desperados-united input[type="checkbox"]:checked {
      background-color: #cd9717; }
    body.desperados-united #settings-panel, body.desperados-united #config-panel {
      background-color: #250043;
      color: #eeeeee; }
      body.desperados-united #settings-panel .close-button, body.desperados-united #config-panel .close-button {
        background-color: transparent;
        color: #eeeeee; }
        body.desperados-united #settings-panel .close-button:hover, body.desperados-united #config-panel .close-button:hover {
          background-color: #e3c794;
          color: #421865; }
    body.desperados-united header #header-logo #radlr-logo {
      fill: #e3c794 !important; }
    body.desperados-united header #header-logo:hover #radlr-logo {
      fill: #e3c794 !important; }
    body.desperados-united header #page-category-name {
      color: #e3c794 !important; }
    body.desperados-united header #page-category {
      border-color: #e3c794; }
  body.industrial-solace {
    color: #cecece;
    background-color: #2c2c2c; }
    body.industrial-solace #loading-screen {
      color: #c8c8c8;
      background-color: #2c2c2c; }
    body.industrial-solace #noscript, body.industrial-solace #screen-too-small {
      color: #c8c8c8;
      background-color: #2c2c2c; }
    body.industrial-solace a, body.industrial-solace a:visited {
      background: transparent;
      color: #ff8800; }
      body.industrial-solace a:hover, body.industrial-solace a:active, body.industrial-solace a:visited:hover, body.industrial-solace a:visited:active {
        background: transparent;
        color: #d7a611; }
    body.industrial-solace button {
      background: transparent;
      color: #c8c8c8; }
      body.industrial-solace button path {
        fill: #c8c8c8; }
      body.industrial-solace button:hover {
        background-color: #f1f1f1;
        color: #2d2d2d; }
        body.industrial-solace button:hover path {
          fill: #2d2d2d; }
    body.industrial-solace #palette #base-fg {
      background-color: #cecece; }
    body.industrial-solace #palette #base-bg {
      background-color: #2c2c2c; }
    body.industrial-solace #palette #header-fg {
      background-color: #f1f1f1; }
    body.industrial-solace #palette #header-bg {
      background-color: #242424; }
    body.industrial-solace #palette #header-hover-fg {
      background-color: #ffffff; }
    body.industrial-solace #palette #header-hover-bg {
      background-color: #c53131; }
    body.industrial-solace #palette #focus-fg {
      background-color: #d7d7d7; }
    body.industrial-solace #palette #focus-bg {
      background-color: #181818; }
    body.industrial-solace #palette #backdrop-fg {
      background-color: #e3e3e3; }
    body.industrial-solace #palette #backdrop-bg {
      background-color: #242424; }
    body.industrial-solace #palette #button-fg {
      background-color: #c8c8c8; }
    body.industrial-solace #palette #button-bg {
      background-color: transparent; }
    body.industrial-solace #palette #button-hover-fg {
      background-color: #2d2d2d; }
    body.industrial-solace #palette #button-hover-bg {
      background-color: #f1f1f1; }
    body.industrial-solace #palette #bc-address-bg {
      background-color: #d7a611; }
    body.industrial-solace #palette #bc-address-fg {
      background-color: #f9f9f9; }
    body.industrial-solace #palette #section-bg {
      background-color: rgba(0, 0, 0, 0.19); }
    body.industrial-solace #palette #settings-input-bg {
      background-color: #e3e3e3; }
    body.industrial-solace #palette #settings-input-fg {
      background-color: #181818; }
    body.industrial-solace #palette #settings-input-active-fg {
      background-color: white; }
    body.industrial-solace #palette #settings-input-active-bg {
      background-color: #d7a611; }
    body.industrial-solace #palette #settings-input-disabled-fg {
      background-color: whitesmoke; }
    body.industrial-solace #palette #settings-input-disabled-bg {
      background-color: #7d2525; }
    body.industrial-solace #palette #link-fg {
      background-color: #ff8800; }
    body.industrial-solace #palette #link-bg {
      background-color: transparent; }
    body.industrial-solace #palette #link-hover-fg {
      background-color: #d7a611; }
    body.industrial-solace #palette #link-hover-bg {
      background-color: transparent; }
    body.industrial-solace #controls {
      background-color: #242424;
      color: #e3e3e3; }
      body.industrial-solace #controls .classification {
        color: #d7a611; }
      body.industrial-solace #controls .debugger-button:hover {
        color: #d7a611; }
    body.industrial-solace .nb-field {
      background-color: none; }
      body.industrial-solace .nb-field.nb-blank-field div {
        border-color: #242424; }
      body.industrial-solace .nb-field .nb-resize-handle-area .nb-resize-handle {
        color: #2c2c2c;
        background-color: #242424; }
        body.industrial-solace .nb-field .nb-resize-handle-area .nb-resize-handle:hover, body.industrial-solace .nb-field .nb-resize-handle-area .nb-resize-handle:active {
          background-color: #181818; }
      body.industrial-solace .nb-field.dragging {
        background-color: #2c2c2c; }
      body.industrial-solace .nb-field.nb-content-field.fullscreen {
        background-color: #2c2c2c; }
      body.industrial-solace .nb-field.nb-content-field .nb-header {
        background-color: #242424; }
        body.industrial-solace .nb-field.nb-content-field .nb-header, body.industrial-solace .nb-field.nb-content-field .nb-header .nb-icon-container {
          color: #f1f1f1; }
        body.industrial-solace .nb-field.nb-content-field .nb-header:hover {
          background: #c53131; }
          body.industrial-solace .nb-field.nb-content-field .nb-header:hover, body.industrial-solace .nb-field.nb-content-field .nb-header:hover .nb-icon-container, body.industrial-solace .nb-field.nb-content-field .nb-header:hover .nb-expand-button {
            color: #ffffff;
            opacity: 1; }
        body.industrial-solace .nb-field.nb-content-field .nb-header .nb-loading-screen {
          background-color: #2c2c2c;
          color: #cecece; }
    body.industrial-solace .nb-loader {
      background-color: #c53131;
      border-color: #c53131; }
      body.industrial-solace .nb-loader .loader-div {
        background: #ffffff; }
    body.industrial-solace .nb-column.mini .nb-field.nb-content-field .nb-header {
      background-color: transparent; }
      body.industrial-solace .nb-column.mini .nb-field.nb-content-field .nb-header, body.industrial-solace .nb-column.mini .nb-field.nb-content-field .nb-header .nb-icon-container {
        color: #c8c8c8; }
      body.industrial-solace .nb-column.mini .nb-field.nb-content-field .nb-header:hover {
        background-color: #c53131; }
        body.industrial-solace .nb-column.mini .nb-field.nb-content-field .nb-header:hover, body.industrial-solace .nb-column.mini .nb-field.nb-content-field .nb-header:hover .nb-icon-container {
          color: #ffffff; }
    body.industrial-solace .nb-field.nb-content-field.dragging .nb-header,
    body.industrial-solace .nb-content-field.fullscreen .nb-header {
      background-color: #c53131;
      transition: none;
      cursor: move; }
      body.industrial-solace .nb-field.nb-content-field.dragging .nb-header, body.industrial-solace .nb-field.nb-content-field.dragging .nb-header .nb-icon-container,
      body.industrial-solace .nb-content-field.fullscreen .nb-header,
      body.industrial-solace .nb-content-field.fullscreen .nb-header .nb-icon-container {
        color: #ffffff; }
    body.industrial-solace #parser-info .pseudo-code {
      color: #d7d7d7;
      background-color: #181818; }
    body.industrial-solace #parser-info .context-view-field-val {
      background-color: #2c2c2c; }
    body.industrial-solace #parser-info .parse-state-goto {
      color: red; }
    body.industrial-solace #parser-info .scan-state-goto {
      color: green; }
    body.industrial-solace #parser-info .state-info {
      color: #cecece;
      background-color: rgba(0, 0, 0, 0.19); }
    body.industrial-solace #parser-info .state-address {
      color: #d7d7d7;
      background-color: #181818; }
    body.industrial-solace #parser-info .active-state .state-address {
      color: #f9f9f9;
      background-color: #d7a611; }
    body.industrial-solace #parser-info .bytecode-view-instruction {
      background-color: rgba(0, 0, 0, 0.19); }
      body.industrial-solace #parser-info .bytecode-view-instruction .label-value {
        color: #d7d7d7; }
        body.industrial-solace #parser-info .bytecode-view-instruction .label-value .label {
          color: #e3e3e3; }
        body.industrial-solace #parser-info .bytecode-view-instruction .label-value .address {
          color: #f9f9f9;
          background-color: #d7a611; }
        body.industrial-solace #parser-info .bytecode-view-instruction .label-value .value {
          color: #d7d7d7;
          background-color: #181818; }
      body.industrial-solace #parser-info .bytecode-view-instruction > .address {
        color: #e3e3e3;
        background: #242424; }
      body.industrial-solace #parser-info .bytecode-view-instruction.active {
        color: #d7d7d7 !important;
        background: #181818; }
        body.industrial-solace #parser-info .bytecode-view-instruction.active > .address {
          color: #d7d7d7;
          background: #181818; }
        body.industrial-solace #parser-info .bytecode-view-instruction.active .label-value .label {
          color: #d7d7d7; }
        body.industrial-solace #parser-info .bytecode-view-instruction.active .label-value .address {
          color: #f9f9f9;
          background-color: #d7a611; }
        body.industrial-solace #parser-info .bytecode-view-instruction.active .label-value .value {
          color: #d7d7d7;
          background-color: #181818; }
    body.industrial-solace .cm-editor {
      color: #cecece;
      background-color: rgba(0, 0, 0, 0.19); }
      body.industrial-solace .cm-editor .cm-line {
        background-color: none;
        color: #cecece !important; }
        body.industrial-solace .cm-editor .cm-line.cm-activeLine {
          background-color: none;
          color: #cecece !important; }
      body.industrial-solace .cm-editor .cm-cursor {
        border-color: #ac3e3e; }
      body.industrial-solace .cm-editor .cm-selectionBackground {
        background-color: #2c2c2c !important;
        color: #d7d7d7 !important; }
      body.industrial-solace .cm-editor .cm-gutters {
        color: #e3e3e3 !important;
        background-color: #242424 !important; }
        body.industrial-solace .cm-editor .cm-gutters * {
          transition: none; }
        body.industrial-solace .cm-editor .cm-gutters .cm-activeLineGutter {
          color: #f1f1f1 !important;
          background-color: #242424 !important; }
        body.industrial-solace .cm-editor .cm-gutters .syn-prod {
          color: #9f9f9f; }
        body.industrial-solace .cm-editor .cm-gutters .syn-term {
          color: #008cc3; }
        body.industrial-solace .cm-editor .cm-gutters .syn-prod-id {
          color: #484d55; }
        body.industrial-solace .cm-editor .cm-gutters .syn-class {
          color: #e27923; }
    body.industrial-solace .cm-editor {
      color: #9f9f9f; }
    body.industrial-solace .nterm-test {
      background-color: yellow;
      color: black; }
    body.industrial-solace .term-test {
      background-color: blue;
      color: black; }
    body.industrial-solace .parse-test {
      background-color: green;
      color: black; }
    body.industrial-solace .scan-test {
      border-color: red; }
    body.industrial-solace .tok-test {
      background-color: orange; }
    body.industrial-solace .skip-test {
      background-color: #4f91a9; }
    body.industrial-solace .pos-test {
      border-color: #eecd14; }
    body.industrial-solace .pos-test::after {
      color: #eecd14; }
    body.industrial-solace input[type="text"], body.industrial-solace input[type="number"], body.industrial-solace input[type="button"] {
      background-color: #e3e3e3;
      color: #181818; }
      body.industrial-solace input[type="text"][invalid], body.industrial-solace input[type="number"][invalid], body.industrial-solace input[type="button"][invalid] {
        background-color: #7d2525;
        color: whitesmoke; }
    body.industrial-solace input[type="button"]:hover {
      background-color: #d7a611;
      color: white; }
      body.industrial-solace input[type="button"]:hover:active {
        opacity: 0.7; }
    body.industrial-solace input[type="checkbox"] {
      background-color: #7d2525; }
      body.industrial-solace input[type="checkbox"]::before {
        background-color: #181818; }
    body.industrial-solace input[type="checkbox"]:checked {
      background-color: #d7a611; }
    body.industrial-solace #settings-panel, body.industrial-solace #config-panel {
      background-color: #181818;
      color: #d7d7d7; }
      body.industrial-solace #settings-panel .close-button, body.industrial-solace #config-panel .close-button {
        background-color: transparent;
        color: #d7d7d7; }
        body.industrial-solace #settings-panel .close-button:hover, body.industrial-solace #config-panel .close-button:hover {
          background-color: #f1f1f1;
          color: #2d2d2d; }
    body.industrial-solace header #header-logo #radlr-logo {
      fill: #c8c8c8 !important; }
    body.industrial-solace header #header-logo:hover #radlr-logo {
      fill: #f1f1f1 !important; }
    body.industrial-solace header #page-category-name {
      color: #c8c8c8 !important; }
    body.industrial-solace header #page-category {
      border-color: #c8c8c8; } }

.dbg-anchor-pos {
  position: relative; }
  .dbg-anchor-pos:after {
    top: 0;
    left: 0;
    content: "anchor";
    font-weight: 900;
    position: absolute;
    padding-top: 1em;
    padding-left: 5px;
    font-size: 0.8em;
    color: red;
    border-left: 1px solid red;
    display: block;
    z-index: 101; }

.dbg-sym-pos {
  position: relative; }
  .dbg-sym-pos:after {
    top: 0;
    left: 0;
    content: "lex-tail";
    font-weight: 900;
    position: absolute;
    padding-top: 2em;
    padding-left: 5px;
    font-size: 0.8em;
    color: orange;
    border-left: 1px solid orange;
    display: block;
    z-index: 100; }

.dbg-input-pos {
  position: relative; }
  .dbg-input-pos:after {
    top: 0;
    left: 0;
    content: "lex-head";
    font-weight: 900;
    position: absolute;
    padding-top: 3em;
    padding-left: 5px;
    font-size: 0.8em;
    color: yellow;
    border-left: 1px solid yellow;
    display: block;
    z-index: 99; }

.dbg-sym {
  color: #18a7fab7 !important;
  position: relative; }
  .dbg-sym:after {
    content: "lex-region";
    position: absolute;
    font-size: 0.8em;
    top: 0;
    left: 0;
    width: 100%;
    color: white;
    background-color: #2db9dc34;
    text-align: center;
    border-radius: 2px;
    overflow: hidden; }