.spinner-outer-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  &.moon {
    margin-top: 70px;
  }
}

.spinner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4px;
  padding: 10px 0px;
  border-bottom: 1px solid #ffd7b1;
  width: 500px;
}

.loading-text-box {
  font-weight: 400;
  font-size: 0.98rem;
  letter-spacing: -0.3px;
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0px 20px 0px;
  width: 500px;
}

.loading-graph {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--font-lighter);
  padding: 10px 0px 8px 0px;
  border-bottom: 1px solid #ffd7b1;
  width: 500px;
}
