.shipping-bar__title {
  width: 100%;
  text-align: center;
  margin-bottom: var(--global-spacing-1);
}

.shipping-bar__labels {
  width: 100%;
  display: flex;
  margin-top: 0.5rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: bold;
}

.shipping-bar__labels span:nth-of-type(2) {
  margin-left: auto;
}

.shipping-bar__progress {
  appearance: none;
  border: none;
  height: 0.8rem;
}

.shipping-bar__progress[value]::-webkit-progress-value {
  background-color: rgb(var(--color-dark));
}

.shipping-bar__progress[value]::-webkit-progress-bar {
  background-color: rgb(var(--color-line-light));
}

@media screen and (max-width: 749px) {
  .shipping-bar__title {
    font-size: 1.4rem;
  }
}