@use 'Foundation/scss/input-chains.studio' as chains;

$border-radius: var(
  --wds-input-border-radius-default-medium,
  var(--wds-border-radius-200, 6px)
);
$padding: var(--wds-input-padding-vertical-medium, var(--wds-space-100, 12px))
  var(--wds-input-padding-horizontal-medium, var(--wds-space-200, 12px));

.rich-text-input-area {
  border-radius: $border-radius;

  & :global(.public-DraftEditorPlaceholder-root),
  &__editor-wrapper :global(.public-DraftEditor-content),
  &__link {
    font-size: #{chains.$input-value-font-size-medium};
    line-height: #{chains.$input-value-font-line-height-medium};
  }

  &__editor-wrapper {
    padding: $padding;
  }

  &__status-indicator {
    right: var(
      --wds-input-padding-horizontal-medium,
      var(--wds-space-200, 12px)
    );
  }
}