.numbers__1,
.numbers__2,
.numbers__3,
.numbers__4 {
	opacity: 0;
}
.numbers__1 {
	animation: 2s ease-in-out fadeIn forwards;
	animation-delay: 0;
}
.numbers__2 {
	animation: 2s ease-in-out fadeIn forwards;
	animation-delay: 1s;
}
.numbers__3 {
	animation: 2s ease-in-out fadeIn forwards;
	animation-delay: 2s;
}
.numbers__4 {
	animation: 2s ease-in-out fadeIn forwards;
	animation-delay: 3s;
}

@keyframes fly {
	0%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(6px);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fadeIn {
    animation: .250s linear fadeIn;
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fadeOut {
    animation: .250s linear fadeOut;
}
/* HTML: <div class="loader"></div> */
.loader {
    z-index: 9999;
    --w:10ch;
    font-weight: bold;
    font-family: monospace;
    font-size: 30px;
    line-height: 1.4em;
    letter-spacing: var(--w);
    width: var(--w);
    overflow: hidden;
    white-space: nowrap;
    color: var(--color-primary);
    text-shadow: 
          calc( 0*var(--w)) 0 var(--color-primary),calc(-1*var(--w)) 0 var(--color-primary),calc(-2*var(--w)) 0 var(--color-primary),calc(-3*var(--w)) 0 var(--color-primary),calc(-4*var(--w)) 0 var(--color-primary), 
          calc(-5*var(--w)) 0 var(--color-primary),calc(-6*var(--w)) 0 var(--color-primary),calc(-7*var(--w)) 0 var(--color-primary),calc(-8*var(--w)) 0 var(--color-primary),calc(-9*var(--w)) 0 var(--color-primary);
    animation: l20 1.2s infinite linear;
  }
  .loader:before {
    content:"Загрузка...";
  }
  .loader-wrapper {
    z-index: 9998;
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @keyframes l20 {
    9.09% {text-shadow: 
          calc( 0*var(--w)) -10px var(--color-primary),calc(-1*var(--w)) 0 var(--color-primary),calc(-2*var(--w)) 0 var(--color-primary),calc(-3*var(--w)) 0 var(--color-primary),calc(-4*var(--w)) 0 var(--color-primary), 
          calc(-5*var(--w)) 0 var(--color-primary),calc(-6*var(--w)) 0 var(--color-primary),calc(-7*var(--w)) 0 var(--color-primary),calc(-8*var(--w)) 0 var(--color-primary),calc(-9*var(--w)) 0 var(--color-primary)}
    18.18% {text-shadow: 
          calc( 0*var(--w)) 0 var(--color-primary),calc(-1*var(--w)) -10px var(--color-primary),calc(-2*var(--w)) 0 var(--color-primary),calc(-3*var(--w)) 0 var(--color-primary),calc(-4*var(--w)) 0 var(--color-primary), 
          calc(-5*var(--w)) 0 var(--color-primary),calc(-6*var(--w)) 0 var(--color-primary),calc(-7*var(--w)) 0 var(--color-primary),calc(-8*var(--w)) 0 var(--color-primary),calc(-9*var(--w)) 0 var(--color-primary)}
    27.27% {text-shadow: 
          calc( 0*var(--w)) 0 var(--color-primary),calc(-1*var(--w)) 0 var(--color-primary),calc(-2*var(--w)) -10px var(--color-primary),calc(-3*var(--w)) 0 var(--color-primary),calc(-4*var(--w)) 0 var(--color-primary), 
          calc(-5*var(--w)) 0 var(--color-primary),calc(-6*var(--w)) 0 var(--color-primary),calc(-7*var(--w)) 0 var(--color-primary),calc(-8*var(--w)) 0 var(--color-primary),calc(-9*var(--w)) 0 var(--color-primary)}
    36.36% {text-shadow: 
          calc( 0*var(--w)) 0 var(--color-primary),calc(-1*var(--w)) 0 var(--color-primary),calc(-2*var(--w)) 0 var(--color-primary),calc(-3*var(--w)) -10px var(--color-primary),calc(-4*var(--w)) 0 var(--color-primary), 
          calc(-5*var(--w)) 0 var(--color-primary),calc(-6*var(--w)) 0 var(--color-primary),calc(-7*var(--w)) 0 var(--color-primary),calc(-8*var(--w)) 0 var(--color-primary),calc(-9*var(--w)) 0 var(--color-primary)}
    45.45% {text-shadow: 
          calc( 0*var(--w)) 0 var(--color-primary),calc(-1*var(--w)) 0 var(--color-primary),calc(-2*var(--w)) 0 var(--color-primary),calc(-3*var(--w)) 0 var(--color-primary),calc(-4*var(--w)) -10px var(--color-primary), 
          calc(-5*var(--w)) 0 var(--color-primary),calc(-6*var(--w)) 0 var(--color-primary),calc(-7*var(--w)) 0 var(--color-primary),calc(-8*var(--w)) 0 var(--color-primary),calc(-9*var(--w)) 0 var(--color-primary)}
    54.54% {text-shadow: 
          calc( 0*var(--w)) 0 var(--color-primary),calc(-1*var(--w)) 0 var(--color-primary),calc(-2*var(--w)) 0 var(--color-primary),calc(-3*var(--w)) 0 var(--color-primary),calc(-4*var(--w)) 0 var(--color-primary), 
          calc(-5*var(--w)) -10px var(--color-primary),calc(-6*var(--w)) 0 var(--color-primary),calc(-7*var(--w)) 0 var(--color-primary),calc(-8*var(--w)) 0 var(--color-primary),calc(-9*var(--w)) 0 var(--color-primary)}
    63.63% {text-shadow: 
          calc( 0*var(--w)) 0 var(--color-primary),calc(-1*var(--w)) 0 var(--color-primary),calc(-2*var(--w)) 0 var(--color-primary),calc(-3*var(--w)) 0 var(--color-primary),calc(-4*var(--w)) 0 var(--color-primary), 
          calc(-5*var(--w)) 0 var(--color-primary),calc(-6*var(--w)) -10px var(--color-primary),calc(-7*var(--w)) 0 var(--color-primary),calc(-8*var(--w)) 0 var(--color-primary),calc(-9*var(--w)) 0 var(--color-primary)}
    72.72% {text-shadow: 
          calc( 0*var(--w)) 0 var(--color-primary),calc(-1*var(--w)) 0 var(--color-primary),calc(-2*var(--w)) 0 var(--color-primary),calc(-3*var(--w)) 0 var(--color-primary),calc(-4*var(--w)) 0 var(--color-primary), 
          calc(-5*var(--w)) 0 var(--color-primary),calc(-6*var(--w)) 0 var(--color-primary),calc(-7*var(--w)) -10px var(--color-primary),calc(-8*var(--w)) 0 var(--color-primary),calc(-9*var(--w)) 0 var(--color-primary)}
    81.81% {text-shadow: 
          calc( 0*var(--w)) 0 var(--color-primary),calc(-1*var(--w)) 0 var(--color-primary),calc(-2*var(--w)) 0 var(--color-primary),calc(-3*var(--w)) 0 var(--color-primary),calc(-4*var(--w)) 0 var(--color-primary), 
          calc(-5*var(--w)) 0 var(--color-primary),calc(-6*var(--w)) 0 var(--color-primary),calc(-7*var(--w)) 0 var(--color-primary),calc(-8*var(--w)) -10px var(--color-primary),calc(-9*var(--w)) 0 var(--color-primary)}
    90.90% {text-shadow: 
          calc( 0*var(--w)) 0 var(--color-primary),calc(-1*var(--w)) 0 var(--color-primary),calc(-2*var(--w)) 0 var(--color-primary),calc(-3*var(--w)) 0 var(--color-primary),calc(-4*var(--w)) 0 var(--color-primary), 
          calc(-5*var(--w)) 0 var(--color-primary),calc(-6*var(--w)) 0 var(--color-primary),calc(-7*var(--w)) 0 var(--color-primary),calc(-8*var(--w)) 0 var(--color-primary),calc(-9*var(--w)) -10px var(--color-primary)}
  }

  @keyframes l21 {
      50%  {box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px}
      100% {box-shadow: 19px 0 0 0  , 38px 0 0 3px, 57px 0 0 7px}
    }


/* test features */