@import '../../../styles';

.jse-json-repair-component {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: var(--jse-background-color);
  color: var(--jse-text-color);

  .jse-menu {
    .jse-info {
      padding: 0 $padding;
    }
  }

  .jse-json-text {
    flex: 1;
    border: none;
    padding: $contents-padding;
    font-family: var(--jse-font-family-mono);
    font-size: var(--jse-font-size-mono);
    background: var(--jse-background-color);
    color: var(--jse-text-color);

    resize: none;
    outline: none;
  }
}