@import "carbon-components/scss/globals/scss/vars";
@import "carbon-components/scss/globals/scss/helper-mixins";
@import "carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/import-once/import-once";

/// Textarea warning styles
/// @access private
/// @group text-area
@mixin text-area-warn {
  .#{$prefix}--text-area--warning {
    padding-right: $carbon--spacing-08;
  }

  .#{$prefix}--text-area__invalid-icon.#{$prefix}--text-area__invalid-icon--warning {
    fill: $support-warning;
  }

  .#{$prefix}--text-area__invalid-icon.#{$prefix}--text-area__invalid-icon--warning path[fill] {
    fill: $inverse-01;
    opacity: 1;
  }

  .#{$prefix}--text-area__wrapper[data-warn]~.#{$prefix}--form-requirement {
    display: block;
    overflow: visible;
    max-height: rem(200px);
    font-weight: 400;
  }
}

@include exports('text-area-warn') {
  @include text-area-warn;
}