/*------------------------------------------------------------------------------*/
/* Product Discount Label
/*------------------------------------------------------------------------------*/
.ListProductDiscount,
.ProductPageDiscount {
  background-color: var(--color-accent);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  color: var(--discount-text-color);
  font-weight: bold;
  padding: 0.3rem 0.5rem;
  position: absolute;
  left: 20px;
  top: 0;
  z-index: 20;
  transform: translatey(-30%);
}
.ListProductDiscount:before,
.ProductPageDiscount:before {
  content: "";
  clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
  background-color: var(--color-accent);
  height: 30%;
  left: -5px;
  right: -5px;
  display: flex;
  position: absolute;
  top: 0;
  z-index: -2;
}

.ListProductDiscount {
  font-size: var(--font-size-small);
}

.ListProductDiscountLabel,
.ProductDiscountLabel {
  display: none;
}

@media screen and (max-width: 500px) {
  .ProductPageDiscount {
    border-radius: var(--border-radius);
  }
}

/*# sourceMappingURL=product-discount-label.css.map */