#mobile-loading {
  display: none;
}

@media screen and (max-width:980px) {
  #mobile-loading {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
  }

  @keyframes spin-svg {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  #mobile-loading svg {
    transform: rotate(360deg) 0.5s infinite;
    animation: spin-svg 1s linear infinite;
  }
}