.loading{
  width: 100vw;
  height: calc(100 * var(--vh));
  position: fixed;
  background-color: #e9e9e9;
  z-index: 999;
}

.loading-content{
  width: 100vw;
  height: calc(100 * var(--vh));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.loading-text{
  font-size: 2rem;
  line-height: 0;
}

.loading-2{
  width: 100vw;
  height: calc(100 * var(--vh));
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #e9e9e9;
  z-index: 999;
}

.progress{
  position: relative;
  width: 8.5rem;
  max-width: 100%;
  height: .1rem;
  left: 0px;
  bottom: 0px;
}

.progress-inner{
  position: absolute;
  background-color: #303030;
  height: 100%;
  display: block;
}