#loader{
  opacity: 0;
  pointer-events: none;

  transition: opacity 1s ease-in;
  transition-delay: .3s;
}
#loader .container{
  transform: scale(1);
  filter: brightness(1);

  transition: transform 1s cubic-bezier(.05,.69,.4,.98), filter 1s ease-out;
}
[data-loading="waiting"] #loader{
  opacity: 1;
  pointer-events: auto;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  z-index: 999999;
}
[data-loading="waiting"] #loader .container{
  width: 100%;
  height: 100%;
}
#loader._hidden{
  opacity: 0;
  pointer-events: none;
}
#loader._hidden .container{
  transform: scale(1);
  filter: brightness(1);
}

/**********************************************************************/
/* SVG
/**********************************************************************/

#loader svg{
  max-width: 35vw;
}

/**********************************************************************/
/* SVG ARtista
/**********************************************************************/

/***************************************************
 * Generated by SVG Artista on 6/4/2026, 6:12:23 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}

svg.active .svg-elem-1 {
  fill: rgb(192, 204, 0);
}

svg .svg-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
}

svg.active .svg-elem-2 {
  fill: rgb(140, 184, 8);
}

svg .svg-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

svg.active .svg-elem-3 {
  fill: rgb(71, 70, 69);
}

svg .svg-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}

svg.active .svg-elem-4 {
  fill: rgb(71, 70, 69);
}
