.turtle-fxdr {
    display: flex;
    flex-direction: row;
}

tbody {
  border-spacing: 0;
  border-collapse: collapse;
}

td {
  border-collapse: collapse;
  padding: 0;
}

td:nth-child(2n+1) {
    background-color: rgb(50, 51, 73);
}

td:nth-child(2n) {
    background-color: rgb(65, 66, 92);
}

.turtle-pd5px {
    padding: 5px;
}

td.turtle-aligned {
    background-color: white;
}

td.turtle-layers {
    position: relative;
}

canvas {
    display: block;
}

canvas.turtle-cvs2 {
    position: absolute;
    top: 0;
    left: 0;
}

.cm-custom-keyword { color: #281686; } /* Мягкий синий */
.cm-custom-variable { color: #891085;  } /* Темно-золотой */
.cm-custom-bracket { color: #018342;  } /* Темно-серый */
.cm-custom-number { color: #a90f47;  } /* Мягкий синий для чисел */
.cm-custom-repeat { color: #222; font-weight: bold;  } /* Мягкий синий для чисел */
.cm-custom-string { color: #ff1a0a; } /* Мягкий синий для чисел */
.cm-custom-comment {
    color: #999;
    font-style: italic;
}

.CodeMirror {
  font-family: monospace;
  display: block;
  padding: 5px;
  border: none;
  outline: none;
  font-size: 18px;
  border-right: 2px solid gray;
  resize: none;
  width: 400px;
  padding: 0px;
  height: 500px !important;
}

.turtle-rowsNumber {

  background-color: rgb(227, 227, 241);
  color: rgb(13, 25, 47);
  padding: 5px 25px;
  font-family: monospace;
  text-align: right;
  font-size: 18px;
  overflow: hidden;
  height: 500px;
  user-select: none;
}

textarea.turtle-editor {
    font-family: monospace;
    display: block;
    height: 500px;
    padding: 5px;
    border: none;
    outline: none;
    font-size: 18px;
    border-right: 2px solid gray;
      resize: none;
}
div.turtle-errors {
  display: none;
  background-color: rgb(255, 192, 96);
  border: 1px solid rgb(255, 192, 96);
  color: rgb(49, 33, 9);
  padding: 0.4em;
}

span.turtle-attention {
  font-weight: bold;
  background-color: rgb(221, 152, 47);
}