/* Loader styles */

/*z-index: 5*/

#loader 
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin:0px;
  padding:0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
  background: var(--background-secondary-color);
}

/* Hide body content initially */
body .loading > *:not(#loader) 
{
  display: none;
}

/* Prevent scrolling while loading */
body .loading 
{
  overflow: hidden;
}

/* 
===================
FOR IMG
===================
*/

/* Image inside the loader */
#loader img 
{
  width: 40px; /* Adjust size as needed */
  height: 40px;

  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: pixelated;

  /*filter: blur(1px);*/
}


/* 
===================
FOR SVG
===================
*/

.spinner_aj0A{transform-origin:center;animation:spinner_KYSC .75s infinite linear}

.spinner_aj0A{fill: var(--active-color); stroke: var(--active-color);}

@keyframes spinner_KYSC{100%{transform:rotate(360deg)}}