/* sysdocs-loader.css */
.sysdocs-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  text-align: center;
  perspective: 1000px;
  transition: opacity 0.3s ease;
}

.sysdocs-loader img {
  width: 80px;
  height: 80px;
  animation: sysdocs-spin-top 4s ease-in-out infinite;
  transform-style: preserve-3d;
}

@keyframes sysdocs-spin-top {
  0% {
    transform: rotateY(0deg);
  }

  20% {
    transform: rotateY(720deg);
  }

  60% {
    transform: rotateY(750deg);
  }

  90% {
    transform: rotateY(750deg);
  }

  100% {
    transform: rotateY(1470deg);
  }
}

.sysdocs-loader.hidden {
  opacity: 0;
  visibility: hidden;
}

/* Optional iframe fade style */
iframe {
  opacity: 0;
  transition: opacity 1.2s ease;
}