.rich-text-container {
  /* Maintain styles in the FAQ answer body via trix editor overrides */

  .trix-content {
    a {
      text-decoration: underline;
      font-weight: var(--font-weight-semibold);
      color: var(--theme-color-lighter);
    }

    .attachment {
      &.attachment--file {
        &.attachment--pdf {
          background-color: var(--off-white);
          border: 1px solid var(--light-gray);;
          padding: 0.5rem 1rem !important;
          transition: 0.4s ease-in-out;

          &:hover {
            background-color: var(--light-gray);
          }

          .attachment__caption .attachment__size {
            font-size: 0.875rem;

            &:before {
              margin-right: 0.25rem;
            }
          }
        }
      }
    }
  }

  .rich-text-container__content {
    height: 100%;
    max-height: 80px;
    overflow: hidden;
  }

  &.rich-text-container--expandable {
    transition: max-height 0.3s ease-in-out;

    .rich-text-container__content {
      position: relative;

      &::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, transparent 20%, white 100%);
        pointer-events: none;
        opacity: 1;
      }

      &.rich-text-container__content--expanded {
        max-height: 100%;
        overflow: visible;

        &::after {
          opacity: 0;
        }
      }
    }
  }
}