@charset "UTF-8";

.tec-loading {
  width: 36px;
  font-size: 0;
  display: inline-block;
  transform: rotate(45deg);
  animation: loadingRotate 1.2s infinite linear;
  position: relative;
  top: calc(50% - 18px);
  left: calc(50% - 18px);
}

.tec-loading span {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 50%;
  background: var(--color-primary);
  display: inline-block;
  opacity: 0.9;
}

.tec-loading span:nth-child(2) {
  opacity: .7;
}

.tec-loading span:nth-child(3) {
  opacity: .5;
}

.tec-loading span:nth-child(4) {
  opacity: .3;
}

@keyframes loadingRotate {
  to {
    transform: rotate(405deg);
  }
}

#app > .tec-loading {
  position: fixed;
}