*{box-sizing: border-box;}
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #101521;
  z-index: 999999;
}
.load-wrap{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  border-left: 3px solid var(--blue) ;
  border-top: 3px solid transparent;
  animation: time_wrap_rotate 1s infinite linear;
  animation-delay: 0.1s;
  border-radius: 100%;
}
.load-wrap-twink{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  border-left: 3px solid var(--pink) ;
  border-bottom: 3px solid transparent;
  animation: time_wrap_rotate-twink 1s infinite linear;
  animation-delay: 0.1s;
  border-radius: 100%;
}
@-moz-keyframes time_wrap_rotate {
  0% { -moz-transform:rotate(0deg);}
  20% { -moz-transform:rotate(250deg);}
  100% { -moz-transform:rotate(360deg);}
}

@-webkit-keyframes time_wrap_rotate {
  0% { -webkit-transform:rotate(0deg);}
  50% { -webkit-transform:rotate(250deg);}
  100% { -webkit-transform:rotate(360deg);}
}
@-moz-keyframes time_wrap_rotate-twink {
  0% { -moz-transform:rotate(0deg);}
  80% { -moz-transform:rotate(-250deg);}
  100% { -moz-transform:rotate(-360deg);}
}

@-webkit-keyframes time_wrap_rotate-twink {
  0% { -webkit-transform:rotate(0deg);}
  50% { -webkit-transform:rotate(-250deg);}
  100% { -webkit-transform:rotate(-360deg);}
}
.load .preloader {
  display: none;
}
html{
    --scroll-behavior: smooth;
    scroll-behavior: smooth;
}
@font-face {font-family: 'logo'; src: url(/fonts/logotyp.ttf) format('truetype');}
@font-face {font-family: 'wide'; src: url(/fonts/audiowide.woff2) }
:root{
  --res-w: #fa2f2f;
  --res: #ffd32e;
  --res-0: #d5d5d5;
	--res-1: #41fb67;
	--res-2: #0aadff;
	--res-3: #ff9400;
	--res-4: #0cf; 
	--res-5: #df64de;
	--res-6: #ff4af7;
	--br: 8px;
	--pink: #ff4af7;
	--blue: #0cf;
	--color: #9e17f8;
	--cont-pad: 10px;
  --bg-one: #d5d5d5;
  --all-bg: #050b1c;
  --all-bg-2: #17213c;
	--gr-body-l: linear-gradient(90deg, var(--pink), var(--blue));
	--gr-body-r: linear-gradient(-90deg, var(--pink), var(--blue));
  --bg-gr: radial-gradient(circle farthest-corner at center 0%, rgba(66,68,81,.52) 0, #131823 100%);
}

::-webkit-scrollbar {
	width: 6px;
	height: 1.4rem;
}

::-webkit-scrollbar-track {
	width:  6px;
	background-color: #101521;
	background-clip: content-box;	
}

::-webkit-scrollbar-thumb {
    background: var(--color);
    border-radius: 10px;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}