// @import '../_utils.scss';
.no-border-right {
  border-right: 0 !important;
}
.#{$textdiff-prefix-cls} {
  .#{$textdiffWrap-prefix-cls} {
    @include theme-background-color($__textdiff-content-pre_background-color);
    .h-textdiff-title {
      border: 1px solid $border-color-base;
      border-bottom: 0;
      height: $input-height-base;
      line-height: $input-height-base;
      font-size: $font-size-base;
      padding: $textdiff-wrapper-h-textdiff-title-padding;
      color: $title-color;
      @include theme-border-color($__textdiff-title_border-color);
      @include theme-font-color($__textdiff-title_font-color);
      @include theme-background-color($__textdiff-title_background-color);
    }

    .h-textdiff-content {
      border: 1px solid $border-color-base;
      border-radius: $textdiff-wrapper-h-textdiff-content-border-radius;
      overflow: auto;
      position: relative;
      height: $textdiff-wrapper-h-textdiff-content-height;
      @include theme-border-color($__textdiff-content_border-color);
      @include theme-border-top-color($__textdiff-content_border-top-color);
      @include scrollbar;
      textarea {
        display: none;
      }

      pre {
        margin: $textdiff-wrapper-h-textdiff-content-pre-margin;
        padding: $textdiff-wrapper-h-textdiff-content-pre-padding;
        font-family: $textdiff-wrapper-h-textdiff-content-pre-font-family;
        overflow-y: scroll;
        // white-space: pre-wrap;
        // word-wrap: break-word;
        // word-break: break-all;
        width: $textdiff-wrapper-h-textdiff-content-pre-width;
        height: $textdiff-wrapper-h-textdiff-content-pre-height;
        text-align: left;
        color: $text-color;
        z-index: 10;
        font-size: $textdiff-wrapper-h-textdiff-content-pre-font-size;
        border: $textdiff-wrapper-h-textdiff-content-pre-border;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: $textdiff-wrapper-h-textdiff-content-pre-background-color;
        overflow-x: auto;
        @include theme-font-color($__textdiff-content-pre_font-color);
        @include theme-background-color($__textdiff-content-pre_background-color);
        @include scrollbar;

        code {
          display: block;
        }

        code.h-textdiff-rowSelect,
        code:hover {
          background: $textdiff-wrapper-h-textdiff-content-pre-code-hover-background;
          @include theme-background-color($__textdiff-content-pre-code_hover_background-color);
        }
      }
    }
  }

  .h-textdiff-selectContent {
    height: $textdiff-h-textdiff-selectContent-height;
    line-height: $textdiff-h-textdiff-selectContent-line-height;
    border: 1px solid $border-color-base;
    border-top: $textdiff-h-textdiff-selectContent-border-top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    @include theme-border-color($__textdiff-content_select_border-color);

    &:empty::before {
      content: attr(placeholder);
      color: $textdiff-h-textdiff-selectContent-empty-before-color;
      @include theme-font-color($__textdiff-content-before_select-empty_font-color);
    }

    &::before {
      content: none;
    }
  }
}