product-description-collapse {
  --description-visible-height: var(--description-height-mobile, 150px);
}

@media screen and (min-width: 768px) {
  product-description-collapse {
    --description-visible-height: var(--description-height-desktop, 250px);
  }
}

.product-description-collapse__content > .rte {
  display: flow-root;
}

product-description-collapse[data-collapsed] .product-description-collapse__content {
  max-height: var(--description-visible-height);
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
}

.product-description-collapse__toggle {
  display: block;
  margin: 12px auto 0;
}

.product-description-collapse__toggle[hidden] {
  display: none;
}