/* YW Layout 2 — Панели */

.panel {
      background: var(--main-bg-ui); 
      border: 1px solid var(--main-bg-ui-border);
      padding: var(--main-padding);
      margin: var(--main-margin) 0;
      color: var(--main-ui-color);
}

.dark-mode .panel { 
      background: var(--dm-main-bg-ui); 
      border: 1px solid var(--dm-main-bg-ui-border);
      color: var(--dm-main-ui-color);
}

/* для отображения кода */
pre, code {
  font-family: Consolas, Monospace, Menlo Regular, Courier;
  font-size: 12px;
}

pre {
      background: #282923;
      border: 1px solid #282923 !important;
      border-radius: 4px;
      padding: 20px 30px;
      margin-top: 0;
      margin-bottom: 1rem;
      overflow: auto;
      -ms-overflow-style: scrollbar;
      display: block;
      font-size: 13px;
      color: #f8e5ba;
}

code {
  font-size: 13px;
  color: #f8e5ba;
  word-break: break-word;
  
}