body {
  margin: 0;
}

#q-app {
  display: none;
}

#loading {
  display: flex;
  position: fixed;
  align-items: center;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.flex-1-1 {
  flex: 1 1 0%;
}

.q-circular-progress {
  box-sizing: border-box;
  direction: ltr;
  font-family: 'Times New Roman', Times, serif;
  font-size: 75px;
  text-size-adjust: 100%;
  -webkit-font-smooting: antialiased;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
}

.q-circular-progress--indeterminate .q-circular-progress__svg {
  transform-origin: 50% 50%;
  animation: q-spin 2s linear infinite;
  overflow: hidden;
  transform: rotate3d(0, 0, 1, -90deg);
  /* rtl:ignore */
  ;
}

.q-circular-progress--indeterminate .q-circular-progress__circle {
  stroke-dasharray: 1 400;
  stroke-dashoffset: 0;
  animation: q-circular-progress-circle 1.5s ease-in-out infinite
    /* rtl:ignore */
  ;
}

.q-spinner {
  vertical-align: middle;
}

.q-spinner-mat {
  animation: q-spin 2s linear infinite;
  transform-origin: center center;
}

.q-spinner-mat .path {
  stroke-dasharray: 1, 200
    /* rtl:ignore */
  ;
  stroke-dashoffset: 0
    /* rtl:ignore */
  ;
  animation: q-mat-dash 1.5s ease-in-out infinite;
}

@keyframes q-spin {
  0% {
    transform: rotate3d(0, 0, 1, 0deg)
      /* rtl:ignore */
    ;
  }

  25% {
    transform: rotate3d(0, 0, 1, 90deg)
      /* rtl:ignore */
    ;
  }

  50% {
    transform: rotate3d(0, 0, 1, 180deg)
      /* rtl:ignore */
    ;
  }

  75% {
    transform: rotate3d(0, 0, 1, 270deg)
      /* rtl:ignore */
    ;
  }

  100% {
    transform: rotate3d(0, 0, 1, 359deg)
      /* rtl:ignore */
    ;
  }
}

@keyframes q-mat-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes q-circular-progress-circle {
  0% {
    stroke-dasharray: 1, 400;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 400, 400;
    stroke-dashoffset: -100;
  }

  100% {
    stroke-dasharray: 400, 400;
    stroke-dashoffset: -300;
  }
}