.loading-indicator {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  transition: all 0.3s ease-out;
}
.loading-indicator:not(:first-child) {
  margin-top: 0.375rem;
}
@media (min-width: 48rem) {
  .loading-indicator:not(:first-child) {
    margin-top: 0.495rem;
  }
}
@media (min-width: 62rem) {
  .loading-indicator:not(:first-child) {
    margin-top: 0.75rem;
  }
}
.loading-indicator:not(:last-child) {
  margin-bottom: 0.375rem;
}
@media (min-width: 48rem) {
  .loading-indicator:not(:last-child) {
    margin-bottom: 0.495rem;
  }
}
@media (min-width: 62rem) {
  .loading-indicator:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
.loading-indicator__label {
  color: #878b90;
  font-weight: 900;
  letter-spacing: 0.1em;
  margin-left: 1em;
  text-transform: uppercase;
}
.loading-indicator__label {
  font-size: 0.6527777778rem;
}
@media (min-width: 48rem) {
  .loading-indicator__label {
    font-size: 0.8333333333rem;
  }
}
@media (min-width: 62rem) {
  .loading-indicator__label {
    font-size: 1rem;
  }
}
.loading-indicator-appear {
  opacity: 0;
}
.loading-indicator-appear-active {
  opacity: 1;
}
.loading-indicator-enter {
  opacity: 0;
}
.loading-indicator-enter-active {
  opacity: 1;
}
.loading-indicator-exit {
  opacity: 1;
  position: absolute;
}
.loading-indicator-exit-active {
  opacity: 0;
}
.loading-indicator-exit-done {
  opacity: 0;
}