.ProductDetailUpsell {
  grid-column: 1/3;
}

.ProductDetailUpsell-opener {
  padding: var(--spaceXs) 0;
  color: black;
  cursor: pointer;
  font-size: var(--textMd);
  font-weight: bold;
  display: flex;
}

.ProductDetailUpsell-opener:hover svg {
  color: var(--colorBrand);
}

.ProductDetailUpsell-opener svg {
  margin-right: var(--spaceSm);
  transition: var(--animationBase);
}

.ProductDetailUpsell.is-active .ProductDetailUpsell-opener svg {
  transform: rotate(-180deg);
}

.ProductDetailUpsell-content {
  padding: 0 1rem;
  transition: var(--animationBase);
  max-height: 0;
  overflow: hidden;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--colorLinkText);
}

.ProductDetailUpsell.is-active .ProductDetailUpsell-content {
  padding: 2rem;
  max-height: 800px;
}

@media (max-width: 48rem) {
  .ProductDetailUpsell.is-active .ProductDetailUpsell-content {
    padding: 1rem;
  }
}

@media (max-width: 767px) {
  .ProductDetailUpsell {
    margin: 0 -1.3rem;
  }
  .ProductDetailUpsell-opener {
    margin-left: var(--spaceMd);
  }
}

/*# sourceMappingURL=product-detail-upsell.min.css.map */