/* Console */
section.container.console {
  font-family: 'Consolas', 'Monaco', 'Menlo', 'Liberation Mono', monospace;
  padding: 3px;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr; }
  section.container.console table {
    width: 100%;
    border-collapse: collapse; }
    section.container.console table td {
      white-space: nowrap;
      vertical-align: top;
      padding-right: 1em; }
      section.container.console table td:last-child {
        width: 100%;
        padding-right: 0; }
  section.container.console .screen {
    grid-row: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column-reverse; }
    section.container.console .screen.windowed {
      overflow-y: auto; }
    section.container.console .screen .line {
      padding: 3px 0; }
      section.container.console .screen .line > .output {
        border-left: 3px solid var(--draw-color-primary);
        padding-left: 3px;
        padding-right: 0; }
        section.container.console .screen .line > .output.success {
          border-left-color: var(--draw-color-success); }
        section.container.console .screen .line > .output.error {
          border-left-color: var(--draw-color-danger); }
  section.container.console .input {
    grid-row: 2;
    padding: 3px; }
  section.container.console [data-cmd] {
    color: var(--draw-color-secondary);
    cursor: pointer;
    transition: color 0.2s ease; }
    section.container.console [data-cmd]:hover {
      color: var(--color-orange); }