.ProductDetailUpsell {
  border: 1px solid var(--colorOutlines);
}

.ProductDetailUpsell-opener {
  background: var(--colorSecondaryBg);
  border-bottom: 1px solid var(--colorOutlines);
  padding: var(--spaceXs) 1rem;
  color: var(--colorText);
  cursor: pointer;
  font-size: var(--textSm);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.ProductDetailUpsell-opener svg {
  margin-left: 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;
}

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

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