.cds-input--editor {
  $this: &;
  width: 100%;

  .note-editor,
  .fr-box {
    margin-block-end: 6px;
  }

  // .note-editable * {
  //   width: auto !important;
  // }

  .cds-input__hint-text {
    &:where(.has-both) {
      display: flex;
      justify-content: space-between;
    }

    &:where(.only-char-count) {
      text-align: end;
    }

    &:where(.only-hint-text) {
      text-align: start;
    }
  }

  &.destructive {
    .note-editor {
      border-color: var(--primary-red-600);
    }
    .fr-box {
      border: 1px solid var(--primary-red-600);
    }

    &:where(:focus-within) {
      .note-editor,
      .fr-box {
        box-shadow: var(--shadow-xs-focused-4px-error-100);
      }
    }
  }
}