.f1 {background-color: #a0c3fd;  height: 24px;  z-index: 10;  position: fixed;  display: flex;  right: 0px;  border-bottom-left-radius: 10px;  padding: 2px 17px;  } .f2 {position: fixed;  z-index: 990;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  background: undefined;  opacity: 0.7;  } .f3 {position: fixed;  width: 80%;  background: undefined;  height: 80%;  left: 50%;  margin-left: -40%;  z-index: 999;  margin-top: 3%;  color: undefined;  overflow: hidden;  } .f4 {overflow-y: scroll;  padding: 24px;  height: 94%;  } .f5 {margin-bottom: 16px;  padding-left: 24px;  padding-top: 16px;  } .f6 {margin-bottom: 24px;  } .f7, .f8 {margin-bottom: 10px;  } .f9 {width: 100%;  height: 120px;  background: none;  border: none;  color: undefined;  } .f10 {min-height: 220px;  padding: 25px;  background-color: #e5eadf;  transition: transform .25s ease, box-shadow .25s ease;  }.f10:hover {transform: translateY(-6px);  box-shadow: 0 16px 30px rgba(23,33,27,.12);  } .f11 {color: #e55b32;  font-family: monospace;  font-size: 11px;  letter-spacing: 0.08em;  }.f10 .f12 {max-width: 230px;  margin: 30px 0 12px;  font-size: 23px;  letter-spacing: -0.04em;  } .f10 .f13 {max-width: 270px;  margin: 0px;  color: #536158;  font-size: 13px;  line-height: 1.65;  } .f14 .f13 {color: rgba(255,255,255,.72);  } .f15 .f13 {color: rgba(255,255,255,.72);  } .f16 {display: contents;  } .f17 {margin: 0px;  min-height: 100vh;  background-color: #000;  color: #17211b;  font-family: Manrope, sans-serif;  overflow: hidden;  overscroll-behavior: none;  touch-action: none;  user-select: none;  -webkit-user-select: none;  -webkit-touch-callout: none;  } .f18 {min-height: 100vh;  background-color: #000;  color: #17211b;  overflow: hidden;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  background-image: url('/bg_en.png');  background-size: contain;  background-position: center;  background-repeat: no-repeat;  } .f19 {min-height: 100vh;  background-color: #000;  color: #17211b;  overflow: hidden;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  background-image: url('/launcher.png');  background-size: contain;  background-position: center;  background-repeat: no-repeat;  } .f20 {position: absolute;  top: 85%;  width: 100%;  height: 17%;  transform: translate(0%, -50%);  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  } .f21 {position: absolute;  top: 62%;  width: 100%;  height: 17%;  transform: translate(0%, -50%);  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  } .f22 {min-height: 100vh;  background-color: #000;  color: #17211b;  overflow: hidden;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  background-image: url('/bg_ru.png');  background-size: contain;  background-position: center;  background-repeat: no-repeat;  }/* HTML: <div class="loader"></div> */
.loader {
  width: 4px;
  color: #fff;
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 
    19px -19px 0 0px, 38px -19px 0 0px, 57px -19px 0 0px,
    19px 0     0 5px, 38px 0     0 5px, 57px 0     0 5px,
    19px 19px  0 0px, 38px 19px  0 0px, 57px 19px  0 0px;
  transform: translateX(-38px);
  animation: l26 2s infinite linear;
}
@keyframes l26 {
  12.5% {box-shadow: 
    19px -19px 0 0px, 38px -19px 0 0px, 57px -19px 0 5px,
    19px 0     0 5px, 38px 0     0 0px, 57px 0     0 5px,
    19px 19px  0 0px, 38px 19px  0 0px, 57px 19px  0 0px}
  25%   {box-shadow: 
    19px -19px 0 5px, 38px -19px 0 0px, 57px -19px 0 5px,
    19px 0     0 0px, 38px 0     0 0px, 57px 0     0 0px,
    19px 19px  0 0px, 38px 19px  0 5px, 57px 19px  0 0px}
  50%   {box-shadow: 
    19px -19px 0 5px, 38px -19px 0 5px, 57px -19px 0 0px,
    19px 0     0 0px, 38px 0     0 0px, 57px 0     0 0px,
    19px 19px  0 0px, 38px 19px  0 0px, 57px 19px  0 5px}
  62.5% {box-shadow: 
    19px -19px 0 0px, 38px -19px 0 0px, 57px -19px 0 0px,
    19px 0     0 5px, 38px 0     0 0px, 57px 0     0 0px,
    19px 19px  0 0px, 38px 19px  0 5px, 57px 19px  0 5px}
  75%   {box-shadow: 
    19px -19px 0 0px, 38px -19px 0 5px, 57px -19px 0 0px,
    19px 0     0 0px, 38px 0     0 0px, 57px 0     0 5px,
    19px 19px  0 0px, 38px 19px  0 0px, 57px 19px  0 5px}
  87.5% {box-shadow: 
    19px -19px 0 0px, 38px -19px 0 5px, 57px -19px 0 0px,
    19px 0     0 0px, 38px 0     0 5px, 57px 0     0 0px,
    19px 19px  0 5px, 38px 19px  0 0px, 57px 19px  0 0px}
}


.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}