.text-area {
  flex: 1;
  min-width: 350px;
  min-height: 100px;
  background: var(--color-gray-fff);
  border-color: var(--color-gray-aaa);
}

.readonly-view {
  width: max-content;
  max-width: 100%;
  display: grid;
  grid-template-columns: max-content max-content;

  &.stretch {
    width: 100%;
  }

  &.has-value {
    grid-template-columns: 1fr max-content;
  }
}

.editor-wrapper {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 5px;

  .editor {
    border: var(--input-outline);
    border-radius: 3px;
  }

  .save-button {
    cursor: pointer;
    color: var(--accent-color-bg);

    &.disabled {
      pointer-events: none;
      cursor: not-allowed;
      color: var(--color-gray-aaa);
    }
  }
}