.js .text-trim .paragraph-content {
  overflow: hidden;
  max-height: 7rem;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
  transition: max-height 0.3s ease-in-out;
}
.js .text-trim.is-open .paragraph-content {
  overflow: visible;
  max-height: 1000rem;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 0) 100%);
}
.trim-text-button {
  display: none;
}
.js .trim-text-button {
  display: block;
  font-style: italic;
}
.js .text-trim-medium .paragraph-content {
  max-height: 12rem;
}
.js .text-trim-large .paragraph-content {
  max-height: 16.5rem;
}