:is(.label-row-bNilI8, .byline-field-code-label-row) {
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.byline-field-code {
  --byline-code-bg: var(--canvas-50, #fafafa);
  --byline-code-fg: var(--canvas-950, #1c1c1e);
  --byline-code-border: var(--canvas-300, #d6d6d6);
  --byline-code-gutter-bg: var(--canvas-100, #f2f2f2);
  --byline-code-gutter-fg: var(--canvas-500, #8b8b90);
  --byline-code-active-line: #0000000a;
  --byline-code-selection: #3b82f62e;
  --byline-code-caret: var(--canvas-950, #1c1c1e);
  --byline-code-focus-ring: #3b82f699;
  --byline-code-keyword: #7c3aed;
  --byline-code-string: #15803d;
  --byline-code-comment: #767680;
  --byline-code-number: #c2410c;
  --byline-code-function: #1d4ed8;
  --byline-code-type: #0f766e;
  --byline-code-property: #a16207;
  --byline-code-operator: #52525b;
}

:is([data-theme="dark"], .dark) .byline-field-code {
  --byline-code-bg: var(--canvas-900, #1b1b1f);
  --byline-code-fg: var(--canvas-100, #e6e6ea);
  --byline-code-border: var(--canvas-700, #3f3f46);
  --byline-code-gutter-bg: var(--canvas-800, #232327);
  --byline-code-gutter-fg: var(--canvas-500, #77777f);
  --byline-code-active-line: #ffffff0d;
  --byline-code-selection: #60a5fa47;
  --byline-code-caret: var(--canvas-100, #e6e6ea);
  --byline-code-focus-ring: #60a5fa8c;
  --byline-code-keyword: #c4b5fd;
  --byline-code-string: #86efac;
  --byline-code-comment: #8e8e96;
  --byline-code-number: #fdba74;
  --byline-code-function: #93c5fd;
  --byline-code-type: #5eead4;
  --byline-code-property: #fde047;
  --byline-code-operator: #a1a1aa;
}

:is(.loading-sejBT6, .byline-field-code-loading) {
  resize: none;
  width: 100%;
  font-family: var(--byline-code-font, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size: var(--byline-code-font-size, 13px);
  color: var(--byline-code-fg);
  background-color: var(--byline-code-bg);
  border: 1px solid var(--byline-code-border);
  border-radius: var(--byline-code-radius, 4px);
  padding: .5rem;
}