@use 'element-plus/theme-chalk/src/common/var.scss' as *;
@use 'element-plus/theme-chalk/src/mixins/config.scss' as *;
@use 'element-plus/theme-chalk/src/mixins/mixins.scss' as *;

@include b(read-more) {
  &--transition {
    .#{$namespace}-read-more__wrapper {
      transition: height 0.3s;
    }
  }
  &__wrapper {
    position: relative;
    &.is-collapse {
      overflow: hidden;
    }
    &.is-expanded {
      overflow: hidden;
    }
  }
  &__overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: linear-gradient(
      -180deg,
      rgba(255, 255, 255, 0) 0%,
      rgb(255, 255, 255) 100%
    );
  }
  &__trigger {
    box-sizing: border-box;
    cursor: pointer;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #323233;
    font-size: 14px;
    span {
      display: inline-block;
      margin-right: 6px;
    }
  }
}