:host {
  display: block;
}

.price {
  display: inline-flex;
  flex-direction: column;
  gap: var(--sc-spacing-xxx-small);
  text-align: var(--sc-product-price-alignment, left);
  justify-content: var(--sc-product-price-alignment, left);
}
.price__amounts {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--sc-spacing-xx-small);
  justify-content: var(--sc-product-price-alignment, left);
  text-align: var(--sc-product-price-alignment, left);
}
.price__scratch {
  text-decoration: line-through;
  opacity: 0.75;
}
.price__interval {
  font-size: min(var(--sc-font-size-small), 16px);
  opacity: 0.75;
}
.price__details {
  font-size: min(var(--sc-font-size-small), 16px);
  opacity: 0.75;
}
.price__sale-badge {
  font-size: min(1em, 14px);
  align-self: center;
}