.free-shipping-bar {
  flex-shrink: 0;
  margin: 0 0 1rem;
}

.free-shipping-bar__text {
  margin: 0 0 0.6rem;
  font-size: 1.3rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.free-shipping-bar__track {
  height: 0.4rem;
  border-radius: 0.2rem;
  background-color: rgba(var(--color-foreground), 0.12);
  overflow: hidden;
}

.free-shipping-bar__fill {
  display: block;
  height: 100%;
  border-radius: 0.2rem;
  background-color: var(--free-shipping-bar-color, rgb(var(--color-foreground)));
}