/* Gemeinsame Template-Styles bei aktiver SCSS Library. */
.fade-out {
  animation: fadeOut 0.5s ease-in 2s forwards;
  transition: 0.2s;
}

@keyframes fadeOut {
  0%, 80% {
    opacity: 1;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.not-empty:empty {
  display: none;
}

.ecommerz-product-price .ecommerz-current-price--discounted {
  color: red;
}
.ecommerz-product-price del,
.ecommerz-product-price .ecommerz-price-saving {
  font-weight: normal;
  opacity: 0.7;
  font-size: 0.75rem;
}

.ecommerz-quantity-control {
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
  padding: 0;
  color: var(--form-color);
  border: var(--form-border-width, 1px) solid var(--form-border-color, rgb(118, 118, 118));
  background-color: var(--form-background, #FFF);
  display: inline-flex;
  justify-content: space-between;
  height: fit-content;
}
.ecommerz-quantity-control.uk-input {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding: 0;
}
.ecommerz-quantity-control * {
  font-size: inherit;
  text-align: inherit;
}
.ecommerz-quantity-control button {
  background: none;
  border: none;
}
.ecommerz-quantity-control input[type=number]::-webkit-outer-spin-button,
.ecommerz-quantity-control input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ecommerz-quantity-control input[type=number] {
  -moz-appearance: textfield;
}
.ecommerz-quantity-control button {
  padding: 10px;
  aspect-ratio: 1;
}
.ecommerz-quantity-control input,
.ecommerz-quantity-control .ecommerz-quantity {
  min-width: 40px;
  flex-grow: 1;
  text-align: center;
  border: none;
  background: none;
}

/*# sourceMappingURL=default.css.map */
