._bar_vowg0_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  margin-bottom: 12px;
  border: 1px solid var(--color-border, #e2e2e2);
  border-radius: 8px;
  background: var(--color-surface-muted, #f7f7f7);
}

._barLabel_vowg0_13 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-text-muted, #6b6b6b);
  margin-right: 4px;
}

._barHint_vowg0_20 {
  flex-basis: 100%;
  font-size: 0.75rem;
  color: var(--color-text-muted, #6b6b6b);
}

._tab_vowg0_26,
._tabActive_vowg0_27 {
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid var(--color-border, #e2e2e2);
  background: var(--color-surface, #fff);
  color: inherit;
  font: inherit;
  font-size: 0.8125rem;
  cursor: pointer;
}

._tab_vowg0_26:hover {
  background: var(--color-surface-muted, #eee);
}

._tabActive_vowg0_27 {
  background: var(--color-primary, #2196f3);
  border-color: var(--color-primary, #2196f3);
  color: #fff;
}

._fieldTags_vowg0_48 {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

._tagMachine_vowg0_55,
._tagHuman_vowg0_56,
._tagStale_vowg0_57,
._tagMissing_vowg0_58 {
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
}

._tagMachine_vowg0_55 {
  background: #e3f2fd;
  color: #0d47a1;
}

._tagHuman_vowg0_56 {
  background: #e8f5e9;
  color: #1b5e20;
}

/* Amber, not red: a stale translation is still being served, so this says "look at this",
   not "this is broken". */
._tagStale_vowg0_57 {
  background: #fff3e0;
  color: #e65100;
}

._tagMissing_vowg0_58 {
  background: var(--color-surface, #fff);
  color: var(--color-text-muted, #6b6b6b);
  border: 1px solid var(--color-border, #e2e2e2);
}

/* The original, shown under the input being translated so the two can be compared without
   leaving the editor. */
._reference_vowg0_91 {
  margin: 4px 0 0;
  padding: 8px 10px;
  border-left: 3px solid var(--color-border, #e2e2e2);
  background: var(--color-surface-muted, #f7f7f7);
  border-radius: 0 4px 4px 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--color-text-muted, #6b6b6b);
  max-height: 160px;
  overflow-y: auto;
}