@import "~styles/mixins";

.json-field {
  display: flex;
  margin-top: 8px;

  .json-value {
    flex: 1;
    background-color: #343844;
    padding: 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: auto;

    .json-error {
      color: $color-red;
      font-size: 12px;
    }

    .json-res {
      color: white;
      white-space: pre;
    }
  }

  .content-wrapper {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    position: relative;
    border: 1px solid #e8e8e8;
    flex: 1;
    padding: 5px;
  }
}
