.loading-on {
  display: flex !important; 
}

.loading {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: var(--primary-color);
  width: 100%;
  height: 100%;
  /* background-color: #000; */
  /* opacity: .5; */
  backdrop-filter: blur(10px);
  z-index: 2000;
  position: absolute;
}