/* design by SLAME */
:root {
  --font-family-1: "Unbounded";
  --font-family-2: "SF Pro Display";

  --br-2: 2px;
  --br-3: 3px;
  --br-4: 4px;
  --br-5: 5px;
  --br-6: 6px;
  --br-7: 7px;
  --br-8: 8px;
  --br-10: 10px;
  --br-12: 12px;
  --br-16: 16px;
  --br-20: 20px;
  --br-24: 24px;
  --br-28: 28px;
  --br-32: 32px;
  --br-36: 36px;
  --br-40: 40px;
  --br-44: 44px;
  --br-48: 48px;
  --br-50: 50%;

  --font-weight-1: 100;
  --font-weight-2: 200;
  --font-weight-3: 300;
  --font-weight-4: 400;
  --font-weight-5: 500;
  --font-weight-6: 600;
  --font-weight-7: 700;
  --font-weight-8: 800;
  --font-weight-9: 900;

  --font-size-z: 0;
  --font-size-xxs: 8px;
  --font-size-xs: 10px;
  --font-size-s: 12px;
  --font-size-m: 14px;
  --font-size-default: 16px;
  --font-size-l: 18px;
  --font-size-xl: 20px;
  --font-size-xxl: 22px;
  --font-size-xxxl: 24px;
  --font-size-4xl: 28px;
  --font-size-5xl: 30px;
  --font-size-6xl: 36px;
  --font-size-7xl: 40px;
  --font-size-8xl: 80px;
  --font-size-9xl: 100px;

  --transition-ease-2: all 0.2s ease;
  --transition-ease-in-out-2: all 0.2s ease-in-out;
  --transition-duration: 0.2s;
  --transition-duration-long: 0.7s;

  --box-shadow-b-30: 0px 8px 17px 0 rgb(0 0 0 / 30%);

  --input-height: 41px;
}

@font-face {
  font-family: 'neontubes';
  src: url("https://groznycs.ru/neontubes-webfont.eot");
  src: url("https://groznycs.ru/neontubes-webfont.eot?#iefix") format("embedded-opentype"), url("https://groznycs.ru/neontubes-webfont.woff2") format("woff2"), url("https://https://groznycs.ru/neontubes-webfont.woff") format("woff"), url("https://groznycs.ru/neontubes-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* IziToast */

@media only screen and (min-width: 568px) {
  .iziToast {
    border-radius: var(--br-16);
  }
}

@media only screen and (min-width: 568px) {
  .iziToast:after {
    box-shadow: none;
  }
}

.iziToast>.iziToast-body .iziToast-texts {
  float: left;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.iziToast {
  font-family: var(--font-family-base);
  height: 68px;
  border: 1px solid var(--transparent-5-w) !important;
}

.iziToast>.iziToast-body .iziToast-title {
  font-weight: var(--font-weight-7);
}

.iziToast>.iziToast-body .iziToast-icon {
  margin-top: -19px;
  width: 2.3rem;
  height: 2.3rem;
}

.iziToast>.iziToast-body {
  padding-left: 3rem !important;
}

@media only screen and (min-width: 568px) {
  .iziToast-wrapper {
    padding: 5px 15px;
  }
}

.table-active {
  color: var(--text-default);
  background-color: var(--span);
  transition: var(--transition-duration);
}

.span_color {
  color: var(--span) !important;
  fill: var(--span) !important;
}

.hideinfo {
  filter: blur(5px);
  transition: var(--transition-duration-long);
  cursor: pointer;
}

.stopblur {
  filter: none;
  transition: var(--transition-duration-long);
  cursor: pointer;
  color: var(--text-default) !important;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  scrollbar-width: none;
}

.scroll::-webkit-scrollbar-thumb {
  background: var(--transparent-1-w);
}

.input_wrapper {
  display: flex;
  position: relative;
}

.fix_input {
  gap: 10px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.badge img {
  filter: invert(var(--svg));
}

.btn_fix {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.table_button {
  display: flex;
  justify-content: flex-end;
}

.btn_settings {
  height: 35px;
  width: 35px;
  display: flex;
  cursor: pointer;
  padding: 6px;
  background: transparent;
  border: 2px solid var(--span);
  color: var(--span);
  border-radius: var(--br-6);
  word-wrap: break-word;
  transition: var(--transition-duration);
  justify-content: center;
  align-items: center;
}

.btn_settings:hover,
.btn_settings:focus {
  cursor: pointer;
  background-color: var(--span);
  color: var(--text-default);
}

.btn_settings svg {
  width: 16px;
  height: 16px;
  fill: var(--span);
  transition: var(--transition-duration);
}

.btn_settings:hover svg {
  fill: var(--bg);
  transition: var(--transition-duration);
}

.modal-window:target {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.server_form {
  z-index: 10000 !important;
  overflow-y: auto !important;
}

.modal-window {
  visibility: hidden;
  position: fixed;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  transition: all 0.3s;
  pointer-events: auto;
  background: var(--bg-modal);
  opacity: 0;
  justify-content: center;
  align-items: center;
}

.modal-window .card {
  border-radius: var(--br-16);
  background: var(--card);
  box-shadow: 0px 0px 20px 20px rgb(0 0 0 / 16%);
}

.modal-window>div {
  width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: var(--card);
}

.modal-close {
  float: right;
  position: absolute;
  right: 20px;
  top: 20px;
  transition: var(--transition-duration);
  cursor: pointer;
}

.modal-close svg {
  width: 20px;
  height: 20px;
  fill: var(--text-custom);
  transition: var(--transition-duration);
}

.modal-close:hover svg {
  width: 20px;
  height: 20px;
  fill: var(--text-default);
}

@media (max-width: 578px) {
  .global-container {
    margin-left: 0;
  }

  .sidebar-collapse .global-container {
    min-height: calc(100vh - 80px);
  }
}

.pagination {
  margin: 1rem 0;
  display: flex;
  justify-content: center;
}

.button_pagination {
  display: flex;
  height: 40px;
  width: 40px;
  padding: 0px 15px;
  background: var(--input-form);
  font-weight: var(--font-weight-4);
  transition: 0.25s;
  color: var(--text-custom);
  font-size: var(--font-size-s);
  justify-content: center;
  align-items: center;
  border-top: 1px solid var(--transparent-5-w);
  border-bottom: 1px solid var(--transparent-5-w);
  border-right: 1px solid var(--transparent-5-w);
  cursor: pointer;
}

.button_pagination:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border: 1px solid var(--transparent-5-w);
}

.button_pagination:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

.button_pagination svg {
  width: 10px;
  height: 10px;
  fill: currentColor;
}

.button_pagination.active {
  background: var(--span);
  font-weight: var(--font-weight-5);
  color: var(--text-default);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}

.button_pagination.disabled {
  background: var(--transparent-2-w);
  pointer-events: none;
}

.current:hover {
  background: var(--transparent-5-w);
  color: var(--span);
  opacity: 1;
}

th.text-center.lrweb_table {
  font-size: var(--font-size-s);
  text-transform: none;
  color: var(--text-custom);
}

th.text-center.lrweb_table svg {
  width: 12px;
  height: auto;
  fill: var(--red);
}

.tippy-arrow:before {
  display: none;
}

.header_page_cstom {
  font-size: var(--font-size-xxxl);
  font-weight: var(--font-weight-6);
  color: var(--text-custom);
}

/* USER NOTIFICATIONS */

@media (max-width: 768px) {
  .notify {
    cursor: pointer;
  }

  .notify svg {
    fill: #757b8c;
  }

  .no_notify {
    display: flex;
    flex-direction: row;
    opacity: 0.5;
    color: var(--text-custom);
    height: 50px;
    justify-content: center;
    font-size: var(--font-size-default);
    align-items: center;
    margin-bottom: 5px;
  }
}

@media (min-width: 769px) {
  .notify {
    cursor: pointer;
  }

  .notify svg {
    fill: #757b8c;
  }

  .no_notify {
    display: flex;
    flex-direction: row;
    opacity: 0.5;
    color: var(--text-custom);
    height: 50px;
    justify-content: center;
    font-size: var(--font-size-default);
    align-items: center;
    margin-bottom: 5px;
  }
}

/* MOBILE VERSION */

@media (max-width: 578px) {
  .user__avatar {
    display: flex;
    position: relative;
    height: 41px;
    width: 41px;
    border-radius: var(--br-8);
    overflow: hidden;
  }

  .nav_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    background: var(--navbar);
    box-shadow: inset 0 -2px 0 0 rgb(255 255 255 / 1%);
    z-index: 3;
  }

  .navbar_menu_left {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .tippy-box[data-theme~="neo"] {
    background-color: var(--tooltip);
    color: var(--text-custom);
    border-radius: var(--br-8);
    border: 1px solid var(--transparent-2-w);
    font-size: var(--font-size-s);
    font-weight: var(--font-weight-5);
    padding: 7px 14px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

/* PC VERSION */

@media (min-width: 579px) {
  .user__avatar {
    display: flex;
    position: relative;
    height: 41px;
    width: 41px;
    border-radius: var(--br-8);
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
  }

  .navbar_menu_left {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    /*! height: 100%; */
  }

  .tippy-box[data-theme~="neo"] {
    background-color: var(--tooltip);
    color: var(--text-custom);
    border-radius: var(--br-8);
    border: 1px solid var(--transparent-2-w);
    font-size: var(--font-size-s);
    font-weight: var(--font-weight-5);
    padding: 7px 14px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

.social_buttons {
  display: flex;
  gap: 5px;
  width: 13.563rem;
  align-items: center;
  z-index: 3;
  justify-content: flex-end;
}

.social_button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
}

.social_button svg {
  width: 1.3rem;
  height: 1.3rem;
  fill: var(--text-secondary);
  transition: all 0.2s linear;
}

.social_button:hover svg {
  fill: var(--text-default);
}

.nav_sitename {
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-6);
  font-family: var(--font-family-1);
  color: var(--text-default);
  -webkit-user-select: none;
  user-select: none;
  text-wrap: nowrap;
  position: relative;
  z-index: 200;
}

@media (max-width: 769px) {
  .nav_sitename {
    display: none;
  }
}

/* SEARCH PLAYERS */

@media (max-width: 768px) {
  .search_header {
    display: none;
  }
}

@media (max-width: 1079px) {
  .search-icon {
    display: none;
  }
}

@media (min-width: 769px) {
  .search_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    padding: 10px 6px;
  }
}

/* NAVIGATION MENU */

@media (max-width: 1079px) {
  .drpdwn_menu {
    display: none;
  }

  .header_burger {
    display: block;
    position: relative;
    width: 18px;
    height: 20px;
    cursor: pointer;
    margin-left: 0.5rem;
    margin-block: 1.45rem;
    z-index: 106;
  }

  .header_burger:before,
  .header_burger:after {
    content: "";
    background-color: var(--span);
    position: absolute;
    width: 100%;
    height: 3px;
    border-radius: var(--br-16);
    left: 0;
    transition: all 0.3s ease 0s;
  }

  .header_burger:before {
    top: 0;
  }

  .header_burger:after {
    bottom: 1px;
  }

  .header_burger span {
    position: absolute;
    background-color: var(--span);
    left: 0;
    width: 61%;
    height: 3px;
    border-radius: var(--br-16);
    top: 8px;
    transition: all 0.3s ease 0s;
  }

  .header_burger.mmactive:before {
    transform: rotate(45deg);
    top: 8px;
  }

  .header_burger.mmactive:after {
    transform: rotate(-45deg);
    bottom: 9px;
  }

  .header_burger.mmactive span {
    transform: scale(0);
  }

  .nav_header_menu {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: var(--bg);
    transition: all 0.3s ease 0s;
    overflow-x: auto;
  }

  .nav_header_menu.mmactive {
    top: 0;
    z-index: 100;
    opacity: 1;
    visibility: visible;
  }

  .header_list {
    display: flex;
    padding: 10px;
    margin-top: 70px;
    flex-direction: column;
    gap: 0.2rem;
    max-height: 75dvh;
    overflow: hidden;
    overflow-y: scroll;
    margin-right: .5rem;
  }

  .header_list li {
    width: 100%;
  }

  .header_list li a {
    display: block;
    font-weight: var(--font-weight-7);
    text-align: left;
    width: 100%;
    padding: 15px 25px;
    border-radius: var(--br-8);
    transition: var(--transition-duration);
    letter-spacing: 1px;
    font-size: var(--font-size-s);
    text-transform: uppercase;
    background-color: var(--transparent-2-w);
  }

  .header_list li:nth-child(even) a {
    background-color: var(--transparent-5-w);
  }

  .header_list li a:hover,
  .header_list li a:focus {
    background-color: var(--transparent-5-w);
    color: var(--span);
  }

  .header_list a {
    color: var(--text-custom);
    transition: var(--transition-duration);
  }

  .header_list a:hover {
    color: var(--span);
    opacity: 1;
  }

  .no_scroll {
    scrollbar-width: none;
  }
}

@media (min-width: 1080px) {
  .dropbtn {
    display: flex;
    background: transparent;
    padding-block: 1.25rem;
    gap: 0.5rem;
    border: none;
    cursor: pointer;
    transition: var(--transition-ease-2);
    align-items: center;
    flex-direction: row;
    height: 100%;
    border-bottom: 3px solid transparent;
  }

  .dropbtn.active_btn {
    transition: var(--transition-ease-2);
    color: var(--span);
    border-bottom: 3px solid var(--span);
  }

  .dropbtn.active_btn .desc_nav_item {
    color: currentColor;
    transition: var(--transition-ease-2);
  }

  .dropbtn.active_btn svg {
    fill: currentColor;
    opacity: 1;
  }

  .dropbtn.active_btn:hover {
    color: var(--span);
  }

  .dropbtn.active_btn:hover .desc_nav_item {
    color: currentColor;
  }

  .dropbtn.active_btn:hover svg {
    fill: currentColor;
  }

  .dropbtn svg {
    width: 1rem;
    height: 1rem;
    fill: var(--text-custom);
    transition: var(--transition-ease-2);
  }

  .dropbtn:hover svg {
    fill: var(--span);
  }

  .dropbtn img {
    border-radius: var(--br-2);
    outline: none;
    border: none;
    width: 20px;
    margin-right: 5px;
  }

  .dropdown {
    position: relative;
    display: inline-block;
    transition: var(--transition-ease-2);
    z-index: 104;
    height: 100%;
  }

  .drpdwn_menu {
    display: flex;
    gap: 1.25rem;
    flex-direction: row;
    height: 100%;
  }

  .header_burger {
    display: none;
  }

  .nav_header_menu {
    display: none;
  }

  .header_list {
    display: none;
  }
}

.modal {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(22 22 22 / 69%);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.05);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.navbar_usermenu {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 5px;
  z-index: 106;
  height: 4.15rem;
}

.search_players {
  position: relative;
}

@media (max-width: 768px) {
  .search_players {
    display: none;
  }
}

.navbar {
  display: flex;
  align-items: center;
  margin-top: -25px;
  white-space: nowrap;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: .3125rem;
  position: relative;
  height: 4.775rem;
}

.navbar:before {
  content: '';
  position: absolute;
  max-width: 1366px;
  width: 100%;
  height: 1px;
  background-color: var(--transparent-5-w);
  bottom: 4px;
  left: 5px;
  right: 0;
}

span.desc_nav_item {
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-6);
  color: var(--text-custom);
  transition: var(--transition-duration);
}

.dropbtn:hover .desc_nav_item {
  color: var(--span);
}

.badge {
  display: flex;
  padding-block: 0.5rem 1rem;
  padding-inline: 0.5rem;
  color: var(--text-custom);
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-6);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  align-items: center;
  border-bottom: 1px solid var(--transparent-5-w);
  gap: 0.5rem;
}

.badge svg {
  fill: currentColor;
}

.card {
  border-radius: var(--br-16);
}

.chips_btn {
  background: var(--span-low);
  color: var(--span);
  padding: 10px 15px;
  font-weight: var(--font-weight-5);
  border-radius: var(--br-12);
  font-size: var(--font-size-m);
  border: 2px solid transparent;
  transition: all 0.25s;
}

.chips_btn:hover {
  background: var(--span-middle);
  border: 2px solid var(--span-half);
  cursor: pointer;
}

.chips_active {
  background: var(--span);
  color: var(--text-default);
  border: 2px solid var(--span);
  cursor: pointer;
  transition: all 0.25s;
}

.chips_active:hover {
  background: var(--span);
  color: var(--text-default);
  border: 2px solid var(--span);
}

.spinner {
  display: flex;
  animation: rotate 2s linear infinite;
  z-index: 2;
  width: 20px;
  height: 20px;

  & .path {
    stroke: var(--text-custom);
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
  }
}

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

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

@media (max-width: 768px) {
  .tabbar_mobile {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    padding-inline: 1rem;
    background: rgb(0 0 0 / 30%);
    backdrop-filter: blur(40px);
    z-index: 3;
    height: 4rem;
    border-top: 1px solid var(--transparent-10-w);
  }

  .tabbar_mobile a {
    display: flex;
    color: var(--text-custom);
    font-weight: var(--font-weight-6);
    font-size: var(--font-size-xs);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    flex: 1;
    text-transform: uppercase;
    line-height: normal;
  }

  .tabbar_mobile a svg {
    fill: currentColor;
    width: 1.5rem;
    height: 1.5rem;
  }

  .tabbar_active {
    color: var(--span) !important;
  }

  .tabbar_active svg {
    fill: var(--span) !important;
  }
}

@media (min-width: 769px) {
  .tabbar_mobile {
    display: none !important;
  }
}

/* social colors */

.vk {
  color: var(--brand-vkontakte-color) !important;
  fill: var(--brand-vkontakte-color) !important;
}

.tg {
  color: var(--brand-telegram-color) !important;
  fill: var(--brand-telegram-color) !important;
}

.ds {
  color: var(--brand-discord-color) !important;
  fill: var(--brand-discord-color) !important;
}

.steam {
  color: var(--text-default) !important;
  fill: var(--text-default) !important;
}

.yt {
  color: var(--brand-youtube-color) !important;
  fill: var(--brand-youtube-color) !important;
}

.tt {
  color: var(--brand-tiktok-color) !important;
  fill: var(--brand-tiktok-color) !important;
}

@media (max-width: 578.9px) {
  .admin_nav {
    display: flex;
    gap: 0.3rem;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: var(--card);
    padding: 0.3rem;
    border-radius: var(--br-12);
  }
}

@media (min-width: 579px) {
  .admin_nav {
    display: flex;
    gap: 0.3rem;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: var(--card);
    padding: 0.3rem;
    border-radius: var(--br-12);
    margin-block: 0.3125rem;
  }
}

.fill_width {
  flex: 1 1 calc((100% / 8) - 10px);
}

#change-column-count {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

/* ERROR PAGE */

.error-trace {
  overflow-x: scroll;
  max-width: -webkit-fill-available;
}

.iframe-center {
  height: 100%;
  display: flex;
  align-items: center;
}

.error-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.error_content {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768.9px) {
  .error-image img {
    display: none;
  }
}

@media (min-width: 768.9px) {
  .error-image img {
    width: auto;
    max-height: 29rem;
  }
}

.error-image {
  position: relative;
}

.error-image:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, var(--bg), transparent);
  bottom: 0;
}

.error_texts_block {
  display: flex;
  z-index: 2;
  background-color: var(--transparent-2-w);
  padding: 30px;
  border-radius: var(--br-24);
  border: 1px solid var(--transparent-2-w);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  flex-direction: column;
  gap: 20px;
  align-items: center;
  margin-left: -4rem;
  width: 500px;
}

.error-modal {
  width: 41rem;
}

.error_code {
  font-size: var(--font-size-8xl);
  font-family: var(--font-family-1);
  font-weight: var(--font-weight-8);
  color: var(--text-secondary);
  line-height: normal;
  opacity: 0.1;
}

.description {
  width: 100%;
  font-size: var(--font-size-default);
  display: flex;
  color: var(--red);
  font-weight: var(--font-weight-7);
  justify-content: center;
  padding-block: 1rem;
}

.error_oops {
  display: flex;
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-7);
  color: var(--text-custom);
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 100%;
  height: 40px;
}

.error_arrow {
  position: absolute;
  top: 30px;
  left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 2px solid var(--transparent-2-w);
  border-radius: var(--br-24);
  cursor: pointer;
  padding: 0;
}

.error_arrow svg {
  width: 8px;
  height: auto;
  fill: var(--text-custom);
}

@media (max-width: 768.9px) {
  .error_texts_block {
    margin-left: 0;
    min-width: 300px;
    padding: 15px;
  }

  .error_oops {
    font-size: var(--font-size-m);
  }

  .error_content {
    padding-top: 0;
  }

  .error_arrow {
    top: 15px;
    left: 15px;
  }
}

::-webkit-calendar-picker-indicator {
  background-color: var(--transparent-2-w);
  padding: 5px;
  cursor: pointer;
  border-radius: var(--br-6);
}

.site_logo_neo {
  position: relative;
  z-index: 106;
}

.site_logo_neo svg {
  width: auto;
  height: 3.4rem;
}

.pay_button {
  background: var(--money-bg) !important;
  padding: 0 20px;
}

.pay_button svg {
  fill: var(--money) !important;
  height: 20px !important;
  width: 20px !important;
}

@media (max-width: 768.9px) {
  .pay_button .hide_balance_text {
    display: none;
  }

  .pay_button {
    padding: 0 0.657rem !important;
  }

  .site_logo_neo svg {
    width: auto;
    height: 1.4rem;
  }
}

@media (min-width: 769px) {
  .pay_button .hide_balance_text {
    color: var(--money) !important;
  }
}

/* new engine popup modal styles */

.popup_modal {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-modal);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9998;
}

.popup_modal.visible {
  opacity: 1;
  visibility: visible;
}

.popup_modal.visible .popup_modal_content {
  transform: scale(1);
  pointer-events: all;
}

@media (max-width: 568.9px) {
  .popup_modal_content {
    display: flex;
    background-color: var(--card);
    border-radius: var(--br-24);
    width: 96%;
    max-width: 850px;
    height: max-content;
    max-height: 100dvh;
    position: relative;
    flex-direction: column;
    z-index: 9999;
    -webkit-transform: scale(0.95) translate(0, 0);
    transform: scale(0.95) translate(0, 0);
    pointer-events: none;
    transition: transform 0.2s;
    padding: 20px;
  }
}

@media (min-width: 569px) and (max-width: 768.9px) {
  .popup_modal_content {
    display: flex;
    background-color: var(--card);
    border-radius: var(--br-24);
    -webkit-transform: scale(0.95) translate(0, 0);
    transform: scale(0.95) translate(0, 0);
    pointer-events: none;
    min-width: 500px;
    width: 96%;
    height: max-content;
    max-width: 768px;
    max-height: 96%;
    position: relative;
    flex-direction: column;
    z-index: 9999;
    transition: transform 0.2s;
    padding: 20px;
  }
}

@media (min-width: 769px) {
  .popup_modal_content {
    display: flex;
    background-color: var(--card);
    border-radius: var(--br-24);
    -webkit-transform: scale(0.95) translate(0, 0);
    transform: scale(0.95) translate(0, 0);
    pointer-events: none;
    min-width: 450px;
    width: max-content;
    height: max-content;
    max-width: 850px;
    max-height: 96%;
    position: relative;
    flex-direction: column;
    z-index: 9999;
    transition: transform 0.2s;
    padding: 20px;
  }
}

.popup_modal_close {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.popup_modal_close svg {
  width: 20px;
  height: 20px;
  fill: var(--text-default);
  opacity: 0.5;
  transition: var(--transition-duration);
}

.popup_modal_close:hover svg {
  opacity: 1;
}

.popup_modal_close:hover,
.popup_modal_close:focus {
  text-decoration: none;
  cursor: pointer;
}

.popup_modal_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-7);
  background: transparent;
  padding: 0 0 15px;
  gap: 20px;
}

.contact_link {
  cursor: pointer;
  color: var(--text-custom);
  transition: var(--transition-duration);
}

.contact_link:hover {
  color: var(--span);
}

.contact_body {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}

.contact_body span {
  display: flex;
  justify-content: center;
  text-align: center;
  color: var(--text-default);
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-7);
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 10rem;
  align-items: center;
}

.contact_body span img {
  position: absolute;
  width: 12rem;
  height: auto;
  filter: grayscale(1);
  opacity: .1;
  pointer-events: none;
}

.contact_mail {
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-7);
  background-color: var(--transparent-4-w);
  border: 1px dashed var(--transparent-10-w);
  border-radius: var(--br-8);
  padding: .5rem 1rem;
  backdrop-filter: blur(11px);
}

/* New mini-profile */

.user_logout {
  display: flex;
  gap: 10px;
  color: var(--red);
  opacity: 0.5;
  text-transform: uppercase;
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-6);
  cursor: pointer;
  transition: opacity 0.2s;
  align-items: center;
}

.user_logout svg {
  height: 14px;
  width: 14px;
  fill: currentColor;
}

.user_logout:hover {
  opacity: 1;
}

.user__menu {
  position: absolute;
  background: var(--card);
  box-shadow: 0px 8px 17px 0 rgb(0 0 0 / 32%);
  border: 1px solid var(--transparent-5-w);
  width: 260px;
  border-radius: var(--br-16);
  top: 4.8rem;
  right: 5px;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  transition: all 0.2s;
  z-index: 104;
}

.user_profile_wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}

.user__profile {
  display: flex;
  flex-direction: row;
  transition: var(--transition-duration);
  align-items: flex-start;
  -webkit-user-select: none;
  user-select: none;
  gap: 15px;
  border-bottom: 1px solid var(--transparent-10-w);
  padding-bottom: 1rem;
}

.user__profile:hover .open_user_prof {
  color: var(--money);
}

.user_avatar_profile img {
  height: 40px;
  width: 40px;
  border-radius: var(--br-6);
}

.username_profile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: var(--transition-duration);
}

.prof_nickname {
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-5);
  color: var(--text-default);
  transition: all 0.2s;
}

.user__links {
  display: flex;
  gap: 3px;
  flex-direction: column;
}

.pay-link {
  background: var(--money-bg);
  color: var(--money);
}

.pay-link:hover {
  background: var(--money);
  color: var(--text-default-invert);
}

.user_profile_footer {
  display: flex;
  background: var(--input-form);
  padding: 16px 20px;
  align-items: center;
  justify-content: space-between;
}

.open_user_prof {
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-4);
  color: var(--text-custom);
  transition: all 0.2s;
}

/* User notification */

.icon_btn_transparent {
  width: var(--input-height);
  padding-inline: 0;
  gap: 0;
}

.notification span {
  position: absolute;
  top: -17px;
  right: -8px;
  color: var(--text-default);
  background: var(--span);
  border-radius: var(--br-48);
  box-shadow: 0 0 0 2px var(--button);
  padding: 0 4px;
  height: 17px;
  width: 17px;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-6);
  display: none;
}

.notification {
  position: relative;
}

.notification-wrapper,
.language__modal {
  background-color: var(--card);
  box-shadow: 0px 8px 17px 0 rgb(0 0 0 / 32%);
  border-radius: var(--br-16);
  border: 1px solid var(--transparent-5-w);
  width: 345px;
  height: max-content;
  padding-bottom: 10px;
  position: absolute;
  top: 4.8rem;
  right: 5px;
  transform: scale(0.95);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 105;
  transition: all 0.2s;
}

.notification-wrapper li {
  padding: 12px 15px;
  border-radius: var(--br-12);
  transition: var(--transition-duration);
}

.notification-wrapper li:hover {
  background: var(--transparent-2-w);
}

.notification-wrapper .row {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
}

.notifications__header {
  padding: 15px 15px 15px 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--transparent-2-w);
  align-items: center;
  background: var(--bottom-line-table);
}

.notifications__title {
  font-size: var(--font-size-m);
  color: var(--text-custom);
  -webkit-user-select: none;
  user-select: none;
}

.noty_clear_all {
  width: max-content;
  height: auto;
  gap: 10px;
  font-size: var(--font-size-s);
  transition: var(--transition-duration);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--red);
  background-color: rgb(255 73 64 / 10%);
  padding: 8px 14px;
  border-radius: var(--br-8);
  cursor: pointer;
}

.noty_clear_all svg {
  width: 1rem;
  height: 1rem;
  fill: var(--red);
  transition: var(--transition-duration);
}

.noty_clear_all:hover {
  background-color: rgb(255 73 64 / 12%);
}

.notifications__main {
  display: flex;
  max-height: 260px;
  overflow-y: scroll;
  font-weight: var(--font-weight-4);
  padding: 0px 10px;
  margin-top: 10px;
  flex-direction: column;
  gap: 3px;
}

.notifications__main::-webkit-scrollbar {
  width: 0;
}

.notifications-item svg {
  fill: var(--text-custom);
  height: 13px;
  width: 13px;
  margin: 0 12px;
  filter: none;
  transition: var(--transition-duration);
}

.notifications-item .text {
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-4);
  color: var(--text-custom);
  transition: var(--transition-duration);
  text-overflow: ellipsis;
  max-width: 290px;
  overflow: hidden;
}

.notifications-item:not(:first-child) {
  border-top: 1px solid transparent;
}

.notify_body {
  position: relative;
  background: var(--input-form);
  padding: 10px;
  border-radius: var(--br-12);
  border: 1px solid transparent;
  transition: all 0.3s;
}

.notify_body:hover {
  background: var(--span-low);
  border: 1px solid var(--span-middle);
}

.notify_content {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.notify_image {
  display: flex;
  width: 48px;
  aspect-ratio: 1;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: var(--span);
  border-radius: var(--br-8);
}

.notify_image svg {
  width: 20px;
  height: 20px;
  fill: var(--text-default);
}

.notify_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
}

.notify_title {
  display: flex;
  font-size: var(--font-size-default);
  max-width: 215px;
  overflow: hidden;
  text-wrap: balance;
  line-height: initial;
}

.notify_message {
  font-size: var(--font-size-m);
  color: var(--text-custom);
  text-wrap: wrap;
  max-width: 251px;
  overflow: hidden;
  line-height: 17px;
}

.notify_btn {
  display: flex;
  background: var(--purple);
  padding: 0 20px;
  height: 41px;
  border-radius: var(--br-8);
  align-items: center;
  cursor: pointer;
  width: 100%;
  justify-content: center;
  font-size: var(--font-size-m);
  margin-top: 5px;
}

.notify_closethis {
  display: flex;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: opacity 0.2s;
  cursor: pointer;
}

.notify_closethis svg {
  fill: var(--text-default);
  opacity: 0.3;
  transition: opacity 0.2s;
}

.notify_closethis:hover svg {
  opacity: 1;
}

.notify_notread {
  display: flex;
  width: 8px;
  height: 8px;
  border-radius: var(--br-50);
  background: var(--green);
}

.notify_readout {
  opacity: 0.3;
  transition: all 0.3s;
}

.modalActive {
  -webkit-transform: scale(1);
  transform: scale(1);
  pointer-events: all;
  visibility: visible;
  opacity: 1 !important;
  transition: all 0.2s;
}

.dropdown_block {
  border-radius: var(--br-16);
  border: 1px solid var(--bg-table);
  background: var(--card);
  padding: 8px;
  gap: 4px;
  display: flex;
  flex-direction: column;
  width: 290px;
  position: absolute;
  top: 4.9rem;
  left: 0;
  box-shadow: 0px 8px 17px 0 rgb(0 0 0 / 32%);
  -webkit-transform: scale(1);
  transform: scale(0.95);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.2s;
  -webkit-user-select: none;
  user-select: none;
}

.dropdown_item {
  border-radius: var(--br-10);
  background: var(--transparent-2-w);
  border: 1px solid transparent;
  padding: 16px;
  gap: 15px;
  display: flex;
  transition: all 0.2s;
  text-wrap: initial;
  align-items: flex-start;
}

.dropdown_item:hover {
  background: var(--span-low);
  border: 1px solid var(--transparent-2-w);
}

.dropdown_item>div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 206px;
}

.dropdown_item>div h4 {
  color: var(--text-default);
  text-transform: none;
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-7);
  transition: all 0.2s;
}

.dropdown_item>div p {
  color: var(--text-custom);
  opacity: 0.6;
  font-size: var(--font-size-s);
  line-height: normal;
  margin: 0;
  transition: all 0.2s;
}

.dropdown_item:hover div p {
  opacity: 1;
  color: var(--span-half);
}

.dropdown_item:hover svg {
  fill: var(--span);
}

.dropdown_item:hover h4 {
  color: var(--span);
}

.dropdown_show {
  -webkit-transform: scale(1);
  transform: scale(1);
  pointer-events: all;
  visibility: visible;
  opacity: 1 !important;
  transition: all 0.2s;
}

.svg_icon_subitem {
  width: 18px;
}

.dropdown_item svg {
  display: flex;
  height: 2rem;
  width: 2rem;
  fill: var(--text-custom);
  justify-content: center;
}

.newyear-timer {
  text-align: center;
  background-color: hsl(225.58deg 100% 74.71% / 15%);
  color: #7e9dff;
  border-radius: var(--br-12);
  padding: 1rem;
  margin-top: 0.5rem;
}

.newyear-timer span {
  background-color: #7e9dff;
  color: var(--text-default);
  border-radius: var(--br-6);
  padding: 0.2rem 0.7rem;
  font-size: var(--font-size-default);
}

.mini-prof__description-text {
  color: var(--span);
  font-size: var(--font-size-s);
}

.hide-long-text {
  display: block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: var(--font-size-xxl);
  opacity: 0.5;
  font-weight: var(--font-weight-7);
  margin-block: 2rem;
}

input[type="date"] {
  -moz-appearance: textfield;
}

.date__input {
  font-size: var(--font-size-m);
  padding: 15px 14px;
  color: var(--span);
  background-color: var(--input-form);
  border-radius: var(--br-8);
  width: 100%;
  transition: var(--transition-duration);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 1px solid transparent;
  z-index: 2;
  transition: 0.15s ease-in-out;
  color-scheme: dark;
}

.input-datepicker:focus::-webkit-input-placeholder {
  opacity: 1 !important;
  transition: opacity 0.3s ease;
}

.input-datepicker {
  border-radius: var(--br-8);
  height: var(--input-height);
  color: var(--text-custom);
  padding: 27px 10px 15px 15px;
  cursor: pointer;
  transition: var(--transition-duration) ease;
}

.input-datepicker svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: auto;
  fill: currentColor;
}

.input-datepicker span {
  font-size: var(--font-size-m);
  color: inherit;
  text-wrap: nowrap;
}

::-webkit-calendar-picker-indicator {
  background-color: transparent;
  padding: 5px;
  cursor: pointer;
}

.input__date {
  position: relative;
}

.label-date {
  position: absolute;
  top: 8px;
  left: 15px;
  pointer-events: none;
  background-color: transparent;
  color: var(--text-custom);
  transition: var(--transition-duration) ease;
  opacity: 0.5;
  margin-bottom: 0;
  visibility: visible;
  font-size: var(--font-size-xxs);
  text-transform: uppercase;
}

.input__date:focus-within .label-date,
.input-datepicker:valid+.label-date {
  top: 9px;
  opacity: 0;
  visibility: hidden;
}

.input-datepicker:valid,
.input__date:focus-within .input-datepicker {
  padding: 15px 10px 15px 15px;
  color: var(--span);
}

.date__input:focus {
  outline: 1px solid var(--bg-table);
  transition: var(--transition-duration);
  background-color: transparent;
}

.status-advantage {
  border-radius: var(--br-50);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.status-advantage svg {
  width: 1rem;
  height: 1rem;
  fill: var(--text-default);
}

.status-access,
.status-denie {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.status-access svg {
  fill: var(--green);
}

.status-denie svg {
  opacity: 0.15;
}

.ml-auto {
  margin-left: auto;
}

html.poshelnahuiscroll,
body.poshelnahuiscroll {
  overflow: hidden;
}

/* sortable js */

.handle {
  cursor: grab;
}

.grey-bg {
  background-color: var(--button-hover) !important;
}

/* online counter */

.online {
  position: relative;
}

@media (max-width: 768px) {
  .online {
    display: none;
  }
}

.online__text {
  color: inherit;
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-6);
}

.online__counter {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  background-color: rgb(100 206 130 / 20%);
  border-radius: var(--br-6);
  padding: 0.3rem 0.5rem;
  color: var(--green);
}

.online__square-wrapper {
  width: 0.8rem;
  height: 1rem;
  display: flex;
  align-items: center;
}

.online__square-figure {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background-color: var(--green);
  border-radius: var(--br-2);
  animation: smartBounceTransform 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  transform-origin: center;
}

@keyframes smartBounceTransform {
  0% {
    transform: scale(1) rotate(0deg);
    border-radius: var(--br-2);
  }

  50% {
    transform: scale(0.6) rotate(90deg);
    border-radius: var(--br-50);
  }

  100% {
    transform: scale(1) rotate(180deg);
    border-radius: var(--br-2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .online__square-figure {
    animation: none;
  }
}

.online__count {
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-6);
  display: flex;
  align-items: center;
  line-height: normal;
}

.online__wrapper {
  position: absolute;
  top: 2rem;
  left: 0;
  background-color: var(--card);
  padding: 1rem;
  z-index: 105;
  border-radius: var(--br-10);
  border: 1px solid var(--transparent-5-w);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  scale: 0.97;
  transition: var(--transition-duration);
}

.online__wrapper.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  scale: 1;
  transition: var(--transition-duration);
}

.online__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-secondary);
  transition: var(--transition-duration);
  -webkit-user-select: none;
  user-select: none;
}

.online__item:not(:last-child) {
  margin-bottom: .3rem;
}

.online__item svg {
  fill: currentColor;
}

.online__item span {
  margin-left: auto;
  color: inherit;
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-7);
  background-color: var(--button);
  padding-inline: 0.3rem;
  min-width: 1.407rem;
  border-radius: var(--br-4);
  text-align: center;
}

.online__item:hover {
  color: var(--text-default);
}

.online__item-server-name {
  display: block;
  max-width: 15rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* footer  */

.footer_fluid {
  width: 100%;
  flex: 0 0 auto;
  padding-inline: 7px;
}

.footer_sitename {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 13.563rem;
  max-width: 13.563rem;
  opacity: 0.5;
  font-size: 1em;
  color: var(--text-secondary);
  font-weight: var(--font-weight-6);
  font-family: var(--font-family-1);
  text-transform: uppercase;
  transition: var(--transition-duration);
}

@media (max-width: 768.9px) {
  .footer_sitename {
    width: unset;
  }
}

.footer_sitename:hover {
  opacity: 1;
  color: var(--text-default);
}

.footer_global {
  margin-inline: auto;
  margin-bottom: .5rem;
  border-radius: var(--br-16);
  height: auto;
  max-width: 1366px;
  width: 100%;
  z-index: 0;
  padding: 1rem 1.5rem;
  background-color: var(--card);
  display: flex;
  flex-direction: column;
  gap: .3rem;
  position: relative;
}

@media (max-width: 768.9px) {
  .footer_global {
    padding: 20px 20px 4.5rem 20px;
    gap: 1rem;
    flex-direction: column;
  }
}

.footer-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 768.9px) {
  .footer-top {
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
  }
}

.footer-description {
  text-align: center;
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-4);
  color: var(--text-secondary);
  margin: 0;
  white-space: break-spaces;
}

.footer-watermark {
  display: flex;
  align-items: center;
  gap: .3rem;
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-6);
  color: var(--text-secondary);
  width: 100%;
  justify-content: center;
}

.footer-watermark svg {
  width: .7rem;
  height: .7rem;
  fill: var(--red)
}

.footer_links ul {
  display: flex;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 569.9px) {
  .footer_links ul {
    flex-direction: column;
    gap: 1rem;
  }
}

.footer_links ul a {
  color: var(--text-secondary);
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-5);
  transition: var(--transition-duration);
  white-space: nowrap;
}

.footer_links a:hover {
  color: var(--text-default);
}

.language {
  padding-inline: 0;
  width: var(--input-height);
  position: relative;
}

.language__modal {
  width: max-content;
  padding-bottom: 0;
  min-width: 13rem;
}

.language__modal-current {
  display: flex;
  gap: .3rem;
  padding: 1rem 1rem .3rem;
  flex-direction: column;
}

.language__modal-current-lang {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-weight: var(--font-weight-7);
  font-size: var(--font-size-m);
  background-color: var(--input-form);
  padding: .8rem 1rem;
  border-radius: var(--br-10);
}

.language__modal-current-lang img {
  width: 1rem;
  height: 1rem;
  border-radius: var(--br-50);
}

.language__modal-title {
  color: var(--text-secondary);
  opacity: .5;
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-6);
  margin-bottom: .3rem;
}

.language__modal-list {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  padding: 0 1rem 1rem;
}

.language__modal-item {
  display: flex;
  align-items: center;
  gap: .5rem;
  cursor: pointer;
  justify-content: flex-start;
}

.language__modal-item img {
  width: 1rem;
  height: 1rem;
  border-radius: var(--br-50);
}

/* premier ranks */

:root {
  --color-csrating-tier-0: #b0c3d9;
  --color-csrating-tier-1: #8cc6ff;
  --color-csrating-tier-2: #6a7dff;
  --color-csrating-tier-3: #c166ff;
  --color-csrating-tier-4: #f03cff;
  --color-csrating-tier-5: #eb4b4b;
  --color-csrating-tier-6: #ffd700;

  --bg-csrating-tier-0: #3C414A;
  --bg-csrating-tier-1: #2E4358;
  --bg-csrating-tier-2: #202657;
  --bg-csrating-tier-3: #421E58;
  --bg-csrating-tier-4: #540E58;
  --bg-csrating-tier-5: #591015;
  --bg-csrating-tier-6: #5B4805;
}

.rank {
  position: relative;
  width: 5rem;
  height: 2rem;
  display: flex;
  transform: skewX(169deg);
  align-items: center;
  justify-content: flex-start;
  background-color: var(--transparent-5-w);
  flex: none;
  scale: .8;
}

.custom-rank {
  width: 5rem;
}

.rank__double-lines {
  display: flex;
  gap: .15rem;
  height: 100%;
}

.rank__double-line {
  width: 4px;
  height: 100%;
  background-color: var(--text-default);
  opacity: .95;
}

.rank__ghost-lines {
  display: flex;
  padding: 1px;
  gap: .1rem;
  height: 100%;
  width: 100%;
  border: 1px solid rgb(255 255 255 / 6%);
}

.rank__ghost-line-1,
.rank__ghost-line-2,
.rank__ghost-line-3,
.rank__ghost-line-4 {
  height: 100%;
  width: 2px;
  background-color: var(--text-default);
  opacity: .3;
}

.rank__ghost-line-2 {
  width: 4px;
  opacity: .1;
}

.rank__ghost-line-3 {
  width: 8px;
  opacity: .05;
}

.rank__ghost-line-4 {
  width: 18px;
  opacity: .02;
}

.rank__text {
  position: absolute;
  left: 0;
  right: 0;
  color: var(--text-default);
  font-size: var(--font-size-xl);
  font-weight: 600;
  font-family: Stratum2, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  gap: .1rem;
  text-shadow: 1px 1px rgb(0 0 0 / 74%);
  filter: brightness(1.2);
}

.over-100k {
  font-size: var(--font-size-l);
}

.over-1m {
  font-size: 15px;
}

.rank__text small {
  font-size: 70%;
  margin-bottom: -4px;
}

.rank.tier-0:before,
.rank.tier-1:before,
.rank.tier-2:before,
.rank.tier-3:before,
.rank.tier-4:before,
.rank.tier-5:before,
.rank.tier-6:before {
  content: '';
  position: absolute;
  width: 39%;
  height: 100%;
  z-index: 0;
  opacity: .3;
  left: 6px;
}

/* tier-0 */

.rank.tier-0 {
  background-color: var(--bg-csrating-tier-0);
}

.rank.tier-0:before {
  background-image: linear-gradient(90deg, var(--color-csrating-tier-0), transparent);
}

.rank.tier-0 .rank__double-line {
  background-color: var(--color-csrating-tier-0);
}

.rank.tier-0 .rank__ghost-line-1,
.rank.tier-0 .rank__ghost-line-2,
.rank.tier-0 .rank__ghost-line-3,
.rank.tier-0 .rank__ghost-line-4 {
  background-color: var(--color-csrating-tier-0);
}

.rank.tier-0 .rank__text {
  color: var(--color-csrating-tier-0);
}

/* tier-1 */

.rank.tier-1 {
  background-color: var(--bg-csrating-tier-1);
}

.rank.tier-1:before {
  background-image: linear-gradient(90deg, var(--color-csrating-tier-1), transparent);
}

.rank.tier-1 .rank__double-line {
  background-color: var(--color-csrating-tier-1);
}

.rank.tier-1 .rank__ghost-line-1,
.rank.tier-1 .rank__ghost-line-2,
.rank.tier-1 .rank__ghost-line-3,
.rank.tier-1 .rank__ghost-line-4 {
  background-color: var(--color-csrating-tier-1);
}

.rank.tier-1 .rank__text {
  color: var(--color-csrating-tier-1);
}

/* tier-2 */

.rank.tier-2 {
  background-color: var(--bg-csrating-tier-2);
}

.rank.tier-2:before {
  background-image: linear-gradient(90deg, var(--color-csrating-tier-2), transparent);
}

.rank.tier-2 .rank__double-line {
  background-color: var(--color-csrating-tier-2);
}

.rank.tier-2 .rank__ghost-line-1,
.rank.tier-2 .rank__ghost-line-2,
.rank.tier-2 .rank__ghost-line-3,
.rank.tier-2 .rank__ghost-line-4 {
  background-color: var(--color-csrating-tier-2);
}

.rank.tier-2 .rank__text {
  color: var(--color-csrating-tier-2);
}

/* tier-3 */

.rank.tier-3 {
  background-color: var(--bg-csrating-tier-3);
}

.rank.tier-3:before {
  background-image: linear-gradient(90deg, var(--color-csrating-tier-3), transparent);
}

.rank.tier-3 .rank__double-line {
  background-color: var(--color-csrating-tier-3);
}

.rank.tier-3 .rank__ghost-line-1,
.rank.tier-3 .rank__ghost-line-2,
.rank.tier-3 .rank__ghost-line-3,
.rank.tier-3 .rank__ghost-line-4 {
  background-color: var(--color-csrating-tier-3);
}

.rank.tier-3 .rank__text {
  color: var(--color-csrating-tier-3);
}

/* tier-4 */

.rank.tier-4 {
  background-color: var(--bg-csrating-tier-4);
}

.rank.tier-4:before {
  background-image: linear-gradient(90deg, var(--color-csrating-tier-4), transparent);
}

.rank.tier-4 .rank__double-line {
  background-color: var(--color-csrating-tier-4);
}

.rank.tier-4 .rank__ghost-line-1,
.rank.tier-4 .rank__ghost-line-2,
.rank.tier-4 .rank__ghost-line-3,
.rank.tier-4 .rank__ghost-line-4 {
  background-color: var(--color-csrating-tier-4);
}

.rank.tier-4 .rank__text {
  color: var(--color-csrating-tier-4);
}

/* tier-5 */

.rank.tier-5 {
  background-color: var(--bg-csrating-tier-5);
}

.rank.tier-5:before {
  background-image: linear-gradient(90deg, var(--color-csrating-tier-5), transparent);
}

.rank.tier-5 .rank__double-line {
  background-color: var(--color-csrating-tier-5);
}

.rank.tier-5 .rank__ghost-line-1,
.rank.tier-5 .rank__ghost-line-2,
.rank.tier-5 .rank__ghost-line-3,
.rank.tier-5 .rank__ghost-line-4 {
  background-color: var(--color-csrating-tier-5);
}

.rank.tier-5 .rank__text {
  color: var(--color-csrating-tier-5);
}

/* tier-6 */

.rank.tier-6 {
  background-color: var(--bg-csrating-tier-6);
}

.rank.tier-6:before {
  background-image: linear-gradient(90deg, var(--color-csrating-tier-6), transparent);
  opacity: .2;
}

.rank.tier-6 .rank__double-line {
  background-color: var(--color-csrating-tier-6);
}

.rank.tier-6 .rank__ghost-line-1,
.rank.tier-6 .rank__ghost-line-2,
.rank.tier-6 .rank__ghost-line-3,
.rank.tier-6 .rank__ghost-line-4 {
  background-color: var(--color-csrating-tier-6);
}

.rank.tier-6 .rank__text {
  color: var(--color-csrating-tier-6);
}

/* adaptive selects */

.adaptive-select-wrapper {
  position: relative;
  margin-bottom: .3rem;
}

.adaptive-select {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0.625rem;
  border-radius: var(--br-8);
  padding-inline: 1rem 0;
  font-size: var(--font-size-s);
  background-color: var(--input-form);
  border: 1px solid var(--transparent-3-w);
  min-width: 180px;
  width: 100%;
  cursor: pointer;
  transition: var(--transition-duration);
  height: var(--input-height);
  color: var(--text-custom);
  justify-content: start;
}

.adaptive-select__arrow {
  height: 2rem;
  background-color: transparent;
  transition: var(--transition-duration);
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .7rem;
}

.adaptive-select__arrow svg {
  width: .6rem;
  height: .6rem;
  fill: currentColor;
  transition: var(--transition-duration);
}

.adaptive-select__label {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  background-color: var(--transparent-3-w);
  padding: 0.8rem;
  border-radius: var(--br-8);
  transition: var(--transition-duration);
  margin-bottom: 0;
  border: 1px solid transparent;
  justify-content: start;
}

.adaptive-select__label:hover {
  background-color: var(--transparent-5-w);
  color: var(--text-default);
}

.adaptive-select__label-text {
  font-size: var(--font-size-s);
  color: var(--text-secondary);
  transition: var(--transition-duration);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.adaptive-select__label:has(input:checked) {
  background-color: var(--button-hover);
  border: 1px solid var(--transparent-10-w);
}

.adaptive-select__label:has(input:disabled) {
  pointer-events: none;
  filter: brightness(0.5);
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.adaptive-select__label:has(input:checked) .adaptive-select__label-text {
  color: var(--text-default);
}

.adaptive-select__span_text {
  transition: var(--transition-duration);
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.adaptive-select__fist-icon {
  color: var(--text-custom);
  opacity: 0.3;
  transition: var(--transition-duration);
}

.adaptive-select__fist-icon svg,
.adaptive-select__fist-icon img {
  fill: currentColor;
  transition: var(--transition-duration);
  width: .8rem;
  height: .8rem;
}

.adaptive-select:hover .adaptive-select__fist-icon {
  opacity: .5;
}

.adaptive-select:hover {
  color: var(--text-default);
}

.adaptive-select:hover {
  border: 1px solid var(--transparent-5-w);
}

.adaptive-select__dropdown-list {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 3rem;
  left: 0;
  width: max-content;
  max-width: 16rem;
  min-width: 100%;
  padding: 0.3rem;
  background-color: var(--card);
  z-index: 3;
  border-radius: var(--br-12);
  border: 1px solid var(--transparent-5-w);
  box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  gap: .15rem;
  max-height: 20rem;
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  transition: var(--transition-duration);
}

.adaptive-select__bottom {
  bottom: 3rem;
  top: unset;
}

.adaptive-select__dropdown-list.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.adaptive-select__label input {
  margin-left: auto;
}

.adaptive-select__label img {
  width: 1rem;
  height: 1rem;
}

.adaptive-select__dropdown-list.visible+.adaptive-select .adaptive-select__arrow svg {
  transform: rotateX(180deg);
}

.hide-input {
  display: none !important;
}

/* tabs */

.tabs {
  display: flex;
  gap: .5rem;
  width: 100%;
}

[role="tablist"] {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  width: max-content;
  flex: none;
}

[role="tab"],
[role="tab"]:focus,
[role="tab"]:hover {
  position: relative;
  width: 100%;
}

[role="tab"][aria-selected="true"] {
  background-color: var(--span-middle);
  color: var(--span);
  border: 1px solid var(--span-middle);
}

[role="tab"][aria-selected="true"] span {
  color: inherit;
}

[role="tab"][aria-selected="false"] {
  color: var(--text-default);
}

[role="tabpanel"] {
  padding: 5px;
  border: 1px solid var(--transparent-5-w);
  border-radius: var(--br-16);
  background-color: var(--card);
  padding: 1rem;
  min-height: 10em;
  width: 100%;
  transition: var(--transition-duration);
  outline: none;
}

[role="tabpanel"]:focus-visible,
[role="tabpanel"]:focus {
  outline: none;
}

[role="tabpanel"].is-hidden {
  display: none;
}

.area {
  position: absolute;
  background: transparent;
  top: 0;
  bottom: 0;
  width: 99%;
  height: 69vh;
  z-index: -1;
}
#stars {
content:"e";
background: radial-gradient(ellipse at bottom, #2a5153 0%, #09090f 100%);
box-shadow: 1744px 122px #5ad5a1 , 134px 1321px #5ad5a1 , 92px 859px #5ad5a1 , 235px 1045px #5ad5a1 , 366px 912px #5ad5a1 , 491px 942px #5ad5a1 , 14px 1831px #5ad5a1 , 582px 476px #5ad5a1 , 588px 1230px #5ad5a1 , 1520px 1343px #5ad5a1 , 1671px 203px #5ad5a1 , 550px 341px #5ad5a1 , 1491px 549px #5ad5a1 , 558px 161px #5ad5a1 , 896px 1823px #5ad5a1 , 999px 1463px #5ad5a1 , 1557px 636px #5ad5a1 , 1754px 1307px #5ad5a1 , 1682px 1494px #5ad5a1 , 703px 1707px #5ad5a1 , 1945px 1847px #5ad5a1 , 1151px 1320px #5ad5a1 , 980px 144px #5ad5a1 , 478px 948px #5ad5a1 , 109px 1762px #5ad5a1 , 558px 255px #5ad5a1 , 719px 1820px #5ad5a1 , 588px 748px #5ad5a1 , 1899px 174px #5ad5a1 , 841px 1771px #5ad5a1 , 571px 1588px #5ad5a1 , 1155px 353px #5ad5a1 , 1879px 1220px #5ad5a1 , 1782px 870px #5ad5a1 , 407px 1238px #5ad5a1 , 1141px 63px #5ad5a1 , 1147px 1097px #5ad5a1 , 1406px 159px #5ad5a1 , 637px 1215px #5ad5a1 , 694px 1114px #5ad5a1 , 1536px 727px #5ad5a1 , 1708px 1512px #5ad5a1 , 1147px 880px #5ad5a1 , 684px 988px #5ad5a1 , 140px 851px #5ad5a1 , 1565px 1788px #5ad5a1 , 1573px 889px #5ad5a1 , 1172px 628px #5ad5a1 , 1474px 1978px #5ad5a1 , 435px 447px #5ad5a1 , 185px 1808px #5ad5a1 , 620px 1560px #5ad5a1 , 1387px 1196px #5ad5a1 , 138px 1854px #5ad5a1 , 137px 1499px #5ad5a1 , 1721px 1132px #5ad5a1 , 10px 32px #5ad5a1 , 1931px 1990px #5ad5a1 , 209px 91px #5ad5a1 , 1876px 1795px #5ad5a1 , 1130px 1551px #5ad5a1 , 284px 1848px #5ad5a1 , 389px 1603px #5ad5a1 , 612px 1121px #5ad5a1 , 825px 1926px #5ad5a1 , 161px 344px #5ad5a1 , 1729px 333px #5ad5a1 , 1037px 37px #5ad5a1 , 844px 1085px #5ad5a1 , 1179px 554px #5ad5a1 , 50px 478px #5ad5a1 , 1864px 704px #5ad5a1 , 233px 723px #5ad5a1 , 1202px 445px #5ad5a1 , 882px 189px #5ad5a1 , 362px 735px #5ad5a1 , 924px 411px #5ad5a1 , 902px 209px #5ad5a1 , 104px 185px #5ad5a1 , 1599px 1852px #5ad5a1 , 1974px 944px #5ad5a1 , 438px 1164px #5ad5a1 , 401px 1533px #5ad5a1 , 191px 1429px #5ad5a1 , 251px 1034px #5ad5a1 , 1807px 1412px #5ad5a1 , 72px 23px #5ad5a1 , 1752px 1146px #5ad5a1 , 261px 1481px #5ad5a1 , 548px 33px #5ad5a1 , 710px 1204px #5ad5a1 , 355px 1697px #5ad5a1 , 581px 100px #5ad5a1 , 318px 1146px #5ad5a1 , 929px 79px #5ad5a1 , 999px 347px #5ad5a1 , 155px 292px #5ad5a1 , 271px 677px #5ad5a1 , 920px 1596px #5ad5a1 , 1736px 184px #5ad5a1 , 1022px 1790px #5ad5a1 , 1465px 1762px #5ad5a1 , 820px 526px #5ad5a1 , 175px 37px #5ad5a1 , 440px 746px #5ad5a1 , 681px 1879px #5ad5a1 , 690px 1135px #5ad5a1 , 1960px 1453px #5ad5a1 , 422px 856px #5ad5a1 , 1217px 1232px #5ad5a1 , 1015px 1695px #5ad5a1 , 1933px 492px #5ad5a1 , 272px 448px #5ad5a1 , 1578px 1487px #5ad5a1 , 437px 874px #5ad5a1 , 947px 838px #5ad5a1 , 1339px 867px #5ad5a1 , 1484px 773px #5ad5a1 , 764px 66px #5ad5a1 , 418px 707px #5ad5a1 , 192px 1909px #5ad5a1 , 1629px 215px #5ad5a1 , 171px 260px #5ad5a1 , 1180px 220px #5ad5a1 , 488px 857px #5ad5a1 , 593px 493px #5ad5a1 , 1794px 886px #5ad5a1 , 1673px 1977px #5ad5a1 , 905px 1193px #5ad5a1 , 1372px 1843px #5ad5a1 , 1605px 908px #5ad5a1 , 659px 181px #5ad5a1 , 700px 1758px #5ad5a1 , 812px 1200px #5ad5a1 , 1800px 1440px #5ad5a1 , 1858px 212px #5ad5a1 , 628px 1026px #5ad5a1 , 1825px 1556px #5ad5a1 , 1641px 1750px #5ad5a1 , 1195px 1086px #5ad5a1 , 1465px 558px #5ad5a1 , 1634px 436px #5ad5a1 , 1354px 1831px #5ad5a1 , 1212px 1485px #5ad5a1 , 1491px 994px #5ad5a1 , 604px 1279px #5ad5a1 , 413px 1131px #5ad5a1 , 1677px 1086px #5ad5a1 , 841px 47px #5ad5a1 , 146px 489px #5ad5a1 , 117px 1195px #5ad5a1 , 67px 47px #5ad5a1 , 883px 258px #5ad5a1 , 1801px 1294px #5ad5a1 , 594px 1870px #5ad5a1 , 649px 531px #5ad5a1 , 721px 132px #5ad5a1 , 975px 1616px #5ad5a1 , 716px 94px #5ad5a1 , 295px 791px #5ad5a1 , 174px 1814px #5ad5a1 , 1130px 298px #5ad5a1 , 1747px 1835px #5ad5a1 , 605px 1521px #5ad5a1 , 78px 743px #5ad5a1 , 1685px 311px #5ad5a1 , 804px 341px #5ad5a1 , 1440px 852px #5ad5a1 , 1607px 1692px #5ad5a1 , 698px 1112px #5ad5a1 , 1153px 1608px #5ad5a1 , 539px 999px #5ad5a1 , 262px 353px #5ad5a1 , 457px 1246px #5ad5a1 , 1858px 998px #5ad5a1 , 364px 431px #5ad5a1 , 1907px 912px #5ad5a1 , 541px 916px #5ad5a1 , 168px 1384px #5ad5a1 , 357px 1321px #5ad5a1 , 1859px 1866px #5ad5a1 , 1001px 909px #5ad5a1 , 842px 1663px #5ad5a1 , 369px 1176px #5ad5a1 , 932px 1372px #5ad5a1 , 1606px 732px #5ad5a1 , 1844px 857px #5ad5a1 , 974px 1588px #5ad5a1 , 804px 1139px #5ad5a1 , 65px 1213px #5ad5a1 , 1066px 863px #5ad5a1 , 1991px 1734px #5ad5a1 , 300px 738px #5ad5a1 , 1260px 1141px #5ad5a1 , 83px 260px #5ad5a1 , 1219px 167px #5ad5a1 , 613px 990px #5ad5a1 , 873px 81px #5ad5a1 , 362px 235px #5ad5a1 , 373px 372px #5ad5a1 , 80px 247px #5ad5a1 , 902px 1141px #5ad5a1 , 294px 464px #5ad5a1 , 766px 1925px #5ad5a1 , 1151px 1305px #5ad5a1 , 1250px 1593px #5ad5a1 , 1289px 119px #5ad5a1 , 1525px 1505px #5ad5a1 , 234px 1306px #5ad5a1 , 571px 858px #5ad5a1 , 571px 996px #5ad5a1 , 766px 1342px #5ad5a1 , 1371px 716px #5ad5a1 , 711px 1939px #5ad5a1 , 904px 1797px #5ad5a1 , 424px 1710px #5ad5a1 , 762px 1614px #5ad5a1 , 1389px 1290px #5ad5a1 , 905px 689px #5ad5a1 , 352px 38px #5ad5a1 , 2000px 1317px #5ad5a1 , 597px 864px #5ad5a1 , 824px 711px #5ad5a1 , 966px 1060px #5ad5a1 , 958px 992px #5ad5a1 , 1121px 324px #5ad5a1 , 1624px 688px #5ad5a1 , 1737px 702px #5ad5a1 , 1566px 1344px #5ad5a1 , 697px 368px #5ad5a1 , 291px 1126px #5ad5a1 , 1732px 50px #5ad5a1 , 712px 1941px #5ad5a1 , 1257px 372px #5ad5a1 , 317px 1462px #5ad5a1 , 222px 309px #5ad5a1 , 1139px 647px #5ad5a1 , 170px 878px #5ad5a1 , 1272px 1511px #5ad5a1 , 1009px 1912px #5ad5a1 , 1875px 1105px #5ad5a1 , 1968px 1370px #5ad5a1 , 1193px 687px #5ad5a1 , 1498px 611px #5ad5a1 , 247px 1993px #5ad5a1 , 1686px 1611px #5ad5a1 , 937px 340px #5ad5a1 , 114px 1423px #5ad5a1 , 496px 1191px #5ad5a1 , 110px 1284px #5ad5a1 , 876px 687px #5ad5a1 , 1173px 214px #5ad5a1 , 210px 628px #5ad5a1 , 302px 1173px #5ad5a1 , 1318px 939px #5ad5a1 , 1665px 1310px #5ad5a1 , 66px 338px #5ad5a1 , 1355px 615px #5ad5a1 , 1139px 1672px #5ad5a1 , 91px 1000px #5ad5a1 , 112px 422px #5ad5a1 , 89px 503px #5ad5a1 , 97px 1599px #5ad5a1 , 1031px 1955px #5ad5a1 , 1755px 1532px #5ad5a1 , 1764px 1930px #5ad5a1 , 1822px 1751px #5ad5a1 , 133px 401px #5ad5a1 , 718px 85px #5ad5a1 , 1797px 78px #5ad5a1 , 520px 1725px #5ad5a1 , 226px 406px #5ad5a1 , 1561px 1574px #5ad5a1 , 340px 1602px #5ad5a1 , 718px 976px #5ad5a1 , 1823px 570px #5ad5a1 , 1298px 484px #5ad5a1 , 1023px 1903px #5ad5a1 , 1266px 1334px #5ad5a1 , 763px 877px #5ad5a1 , 223px 631px #5ad5a1 , 1761px 1293px #5ad5a1 , 878px 1px #5ad5a1 , 973px 696px #5ad5a1 , 975px 1841px #5ad5a1 , 1276px 302px #5ad5a1 , 1399px 1324px #5ad5a1 , 1706px 872px #5ad5a1 , 341px 1960px #5ad5a1 , 1384px 1655px #5ad5a1 , 1897px 767px #5ad5a1 , 68px 405px #5ad5a1 , 705px 310px #5ad5a1 , 194px 103px #5ad5a1 , 1432px 368px #5ad5a1 , 1262px 1682px #5ad5a1 , 1933px 1526px #5ad5a1 , 263px 655px #5ad5a1 , 1031px 1031px #5ad5a1 , 1557px 788px #5ad5a1 , 1558px 1360px #5ad5a1 , 812px 421px #5ad5a1 , 1951px 734px #5ad5a1 , 1567px 498px #5ad5a1 , 1832px 1229px #5ad5a1 , 913px 164px #5ad5a1 , 1907px 1273px #5ad5a1 , 533px 749px #5ad5a1 , 1235px 951px #5ad5a1 , 645px 1959px #5ad5a1 , 92px 1570px #5ad5a1 , 1169px 1434px #5ad5a1 , 118px 1223px #5ad5a1 , 583px 957px #5ad5a1 , 1245px 316px #5ad5a1 , 527px 863px #5ad5a1 , 372px 1007px #5ad5a1 , 244px 1251px #5ad5a1 , 314px 494px #5ad5a1 , 1842px 1463px #5ad5a1 , 1315px 730px #5ad5a1 , 1655px 1366px #5ad5a1 , 482px 979px #5ad5a1 , 340px 1808px #5ad5a1 , 256px 578px #5ad5a1 , 858px 1792px #5ad5a1 , 1965px 403px #5ad5a1 , 454px 253px #5ad5a1 , 1664px 698px #5ad5a1 , 1974px 750px #5ad5a1 , 262px 1801px #5ad5a1 , 1652px 1076px #5ad5a1 , 992px 711px #5ad5a1 , 1792px 1323px #5ad5a1 , 700px 1748px #5ad5a1 , 855px 966px #5ad5a1 , 1833px 1747px #5ad5a1 , 402px 1272px #5ad5a1 , 1391px 1039px #5ad5a1 , 1395px 1538px #5ad5a1 , 397px 1972px #5ad5a1 , 744px 1403px #5ad5a1 , 1784px 1046px #5ad5a1 , 111px 198px #5ad5a1 , 1827px 473px #5ad5a1 , 1347px 1891px #5ad5a1 , 1238px 1081px #5ad5a1 , 189px 908px #5ad5a1 , 1513px 542px #5ad5a1 , 673px 981px #5ad5a1 , 720px 1184px #5ad5a1 , 373px 792px #5ad5a1 , 1470px 1631px #5ad5a1 , 16px 822px #5ad5a1 , 1935px 829px #5ad5a1 , 364px 613px #5ad5a1 , 223px 899px #5ad5a1 , 1233px 874px #5ad5a1 , 1441px 1834px #5ad5a1 , 719px 894px #5ad5a1 , 76px 1610px #5ad5a1 , 296px 685px #5ad5a1 , 572px 1637px #5ad5a1 , 349px 114px #5ad5a1 , 1670px 1802px #5ad5a1 , 979px 928px #5ad5a1 , 1589px 574px #5ad5a1 , 756px 194px #5ad5a1 , 616px 507px #5ad5a1 , 271px 186px #5ad5a1 , 198px 360px #5ad5a1 , 1916px 418px #5ad5a1 , 721px 667px #5ad5a1 , 1937px 1908px #5ad5a1 , 17px 556px #5ad5a1 , 345px 443px #5ad5a1 , 718px 760px #5ad5a1 , 1922px 310px #5ad5a1 , 1185px 887px #5ad5a1 , 1745px 1848px #5ad5a1 , 909px 847px #5ad5a1 , 1170px 134px #5ad5a1 , 1773px 1133px #5ad5a1 , 1099px 233px #5ad5a1 , 1122px 1524px #5ad5a1 , 866px 907px #5ad5a1 , 398px 213px #5ad5a1 , 1287px 886px #5ad5a1 , 1194px 149px #5ad5a1 , 1876px 1667px #5ad5a1 , 332px 1658px #5ad5a1 , 146px 1253px #5ad5a1 , 958px 211px #5ad5a1 , 643px 47px #5ad5a1 , 1213px 1339px #5ad5a1 , 1637px 1939px #5ad5a1 , 1601px 355px #5ad5a1 , 256px 1982px #5ad5a1 , 989px 1609px #5ad5a1 , 1179px 701px #5ad5a1 , 685px 1463px #5ad5a1 , 1910px 465px #5ad5a1 , 764px 1930px #5ad5a1 , 1856px 433px #5ad5a1 , 720px 367px #5ad5a1 , 1821px 416px #5ad5a1 , 48px 1114px #5ad5a1 , 716px 489px #5ad5a1 , 174px 1972px #5ad5a1 , 115px 1373px #5ad5a1 , 1487px 141px #5ad5a1 , 1919px 1362px #5ad5a1 , 1662px 859px #5ad5a1 , 1168px 490px #5ad5a1 , 706px 1820px #5ad5a1 , 588px 318px #5ad5a1 , 107px 778px #5ad5a1 , 621px 1667px #5ad5a1 , 1331px 1996px #5ad5a1 , 1404px 1154px #5ad5a1 , 860px 1019px #5ad5a1 , 1385px 1883px #5ad5a1 , 1066px 1951px #5ad5a1 , 752px 444px #5ad5a1 , 955px 1031px #5ad5a1 , 1256px 1899px #5ad5a1 , 961px 1455px #5ad5a1 , 1101px 84px #5ad5a1 , 890px 335px #5ad5a1 , 798px 40px #5ad5a1 , 138px 54px #5ad5a1 , 1934px 252px #5ad5a1 , 429px 324px #5ad5a1 , 1645px 1522px #5ad5a1 , 218px 737px #5ad5a1 , 1625px 531px #5ad5a1 , 605px 1290px #5ad5a1 , 1867px 648px #5ad5a1 , 82px 1137px #5ad5a1 , 231px 1423px #5ad5a1 , 471px 944px #5ad5a1 , 1363px 1752px #5ad5a1 , 482px 1364px #5ad5a1 , 1305px 627px #5ad5a1 , 1065px 891px #5ad5a1 , 217px 1841px #5ad5a1 , 1843px 1501px #5ad5a1 , 1681px 734px #5ad5a1 , 185px 856px #5ad5a1 , 609px 1094px #5ad5a1 , 49px 1657px #5ad5a1 , 783px 594px #5ad5a1 , 1018px 1123px #5ad5a1 , 644px 1149px #5ad5a1 , 739px 1262px #5ad5a1 , 1439px 1187px #5ad5a1 , 1789px 1507px #5ad5a1 , 941px 791px #5ad5a1 , 1319px 1308px #5ad5a1 , 498px 626px #5ad5a1 , 1594px 858px #5ad5a1 , 783px 71px #5ad5a1 , 576px 1976px #5ad5a1 , 1625px 696px #5ad5a1 , 1821px 352px #5ad5a1 , 1039px 885px #5ad5a1 , 208px 430px #5ad5a1 , 124px 198px #5ad5a1 , 1964px 686px #5ad5a1 , 1440px 1952px #5ad5a1 , 231px 1435px #5ad5a1 , 1846px 853px #5ad5a1 , 1174px 536px #5ad5a1 , 1228px 310px #5ad5a1 , 1380px 699px #5ad5a1 , 1116px 169px #5ad5a1 , 1416px 1007px #5ad5a1 , 178px 192px #5ad5a1 , 1302px 1903px #5ad5a1 , 1892px 154px #5ad5a1 , 962px 1032px #5ad5a1 , 1009px 1916px #5ad5a1 , 1549px 1206px #5ad5a1 , 899px 968px #5ad5a1 , 902px 543px #5ad5a1 , 1516px 542px #5ad5a1 , 965px 527px #5ad5a1 , 1594px 696px #5ad5a1 , 856px 1719px #5ad5a1 , 1522px 248px #5ad5a1 , 1795px 283px #5ad5a1 , 1144px 946px #5ad5a1 , 1365px 199px #5ad5a1 , 359px 1347px #5ad5a1 , 1506px 263px #5ad5a1 , 433px 1793px #5ad5a1 , 201px 247px #5ad5a1 , 942px 838px #5ad5a1 , 1122px 1065px #5ad5a1 , 1997px 108px #5ad5a1 , 306px 989px #5ad5a1 , 641px 1713px #5ad5a1 , 1072px 959px #5ad5a1 , 1874px 1079px #5ad5a1 , 1938px 269px #5ad5a1 , 891px 389px #5ad5a1 , 22px 574px #5ad5a1 , 727px 474px #5ad5a1 , 1671px 1649px #5ad5a1 , 98px 400px #5ad5a1 , 641px 798px #5ad5a1 , 1218px 1051px #5ad5a1 , 907px 1485px #5ad5a1 , 1002px 1549px #5ad5a1 , 1932px 1448px #5ad5a1 , 1132px 573px #5ad5a1 , 1222px 1147px #5ad5a1 , 1009px 451px #5ad5a1 , 698px 1940px #5ad5a1 , 97px 1123px #5ad5a1 , 904px 751px #5ad5a1 , 1904px 593px #5ad5a1 , 1451px 1658px #5ad5a1 , 191px 1606px #5ad5a1 , 1346px 482px #5ad5a1 , 1935px 1086px #5ad5a1 , 1052px 224px #5ad5a1 , 526px 1810px #5ad5a1 , 1607px 606px #5ad5a1 , 427px 1830px #5ad5a1 , 1546px 407px #5ad5a1 , 1771px 208px #5ad5a1 , 1714px 181px #5ad5a1 , 1332px 943px #5ad5a1 , 1663px 1094px #5ad5a1 , 1861px 1747px #5ad5a1 , 1429px 1217px #5ad5a1 , 1733px 1915px #5ad5a1 , 925px 1179px #5ad5a1 , 735px 781px #5ad5a1 , 1775px 1989px #5ad5a1 , 1770px 476px #5ad5a1 , 844px 400px #5ad5a1 , 1793px 1517px #5ad5a1 , 544px 281px #5ad5a1 , 725px 344px #5ad5a1 , 1274px 764px #5ad5a1 , 1845px 339px #5ad5a1 , 582px 1745px #5ad5a1 , 351px 1287px #5ad5a1 , 207px 749px #5ad5a1 , 1063px 1411px #5ad5a1 , 1246px 342px #5ad5a1 , 1538px 166px #5ad5a1 , 770px 602px #5ad5a1 , 1214px 1971px #5ad5a1 , 113px 294px #5ad5a1 , 1157px 101px #5ad5a1 , 1657px 517px #5ad5a1 , 637px 1693px #5ad5a1 , 961px 1649px #5ad5a1 , 1754px 1572px #5ad5a1 , 1885px 659px #5ad5a1 , 238px 34px #5ad5a1 , 413px 1027px #5ad5a1 , 1709px 1556px #5ad5a1 , 460px 878px #5ad5a1 , 1597px 608px #5ad5a1 , 544px 434px #5ad5a1 , 1258px 477px #5ad5a1 , 565px 1863px #5ad5a1 , 426px 322px #5ad5a1 , 1917px 850px #5ad5a1 , 296px 144px #5ad5a1 , 643px 1896px #5ad5a1 , 511px 116px #5ad5a1 , 359px 847px #5ad5a1 , 702px 1133px #5ad5a1 , 857px 1371px #5ad5a1 , 559px 1758px #5ad5a1 , 1615px 1223px #5ad5a1 , 1927px 1736px #5ad5a1 , 704px 941px #5ad5a1 , 1932px 942px #5ad5a1 , 1462px 335px #5ad5a1 , 154px 1915px #5ad5a1 , 1387px 918px #5ad5a1 , 1512px 1041px #5ad5a1 , 1094px 1334px #5ad5a1 , 1678px 865px #5ad5a1 , 1960px 431px #5ad5a1 , 666px 1258px #5ad5a1 , 422px 1215px #5ad5a1 , 345px 802px #5ad5a1 , 1207px 647px #5ad5a1 , 1701px 374px #5ad5a1 , 1440px 1925px #5ad5a1 , 1536px 1163px #5ad5a1 , 905px 155px #5ad5a1 , 843px 1036px #5ad5a1 , 660px 823px #5ad5a1 , 1329px 661px #5ad5a1 , 1867px 899px #5ad5a1 , 1022px 514px #5ad5a1 , 1062px 1570px #5ad5a1 , 888px 1786px #5ad5a1 , 699px 1738px #5ad5a1 , 1831px 1712px #5ad5a1 , 434px 18px #5ad5a1 , 227px 205px #5ad5a1 , 520px 1279px #5ad5a1 , 1329px 764px #5ad5a1 , 1824px 47px #5ad5a1 , 112px 266px #5ad5a1 , 830px 1140px #5ad5a1 , 478px 637px #5ad5a1 , 634px 850px #5ad5a1 , 711px 873px #5ad5a1 , 987px 249px #5ad5a1 , 1454px 909px #5ad5a1 , 699px 922px #5ad5a1 , 1458px 1142px #5ad5a1 , 701px 1893px #5ad5a1 , 134px 384px #5ad5a1 , 904px 354px #5ad5a1 , 1913px 1229px #5ad5a1 , 1606px 1336px #5ad5a1 , 976px 1776px #5ad5a1 , 1726px 605px #5ad5a1 , 1244px 590px #5ad5a1 , 1351px 526px #5ad5a1 , 1997px 130px #5ad5a1 , 1137px 1134px #5ad5a1 , 1293px 283px #5ad5a1 , 977px 1608px #5ad5a1 , 422px 1252px #5ad5a1 , 236px 1653px #5ad5a1 , 28px 1722px #5ad5a1 , 698px 39px #5ad5a1 , 5px 434px #5ad5a1 , 1430px 1466px #5ad5a1 , 1470px 1596px #5ad5a1 , 487px 81px #5ad5a1 , 186px 340px #5ad5a1 , 1941px 1px #5ad5a1 , 1342px 487px #5ad5a1 , 813px 1855px #5ad5a1 , 1445px 148px #5ad5a1 , 1965px 1428px #5ad5a1 , 1122px 1277px #5ad5a1 , 846px 820px #5ad5a1 , 1804px 228px #5ad5a1 , 1501px 121px #5ad5a1 , 215px 1033px #5ad5a1 , 244px 426px #5ad5a1 , 976px 453px #5ad5a1 , 566px 953px #5ad5a1 , 1772px 213px #5ad5a1 , 1323px 1778px #5ad5a1 , 1350px 817px #5ad5a1 , 803px 913px #5ad5a1 , 1395px 1359px #5ad5a1 , 1995px 119px #5ad5a1 , 579px 1963px #5ad5a1 , 862px 1621px #5ad5a1 , 1718px 825px #5ad5a1 , 823px 27px #5ad5a1 , 1252px 41px #5ad5a1 , 1562px 835px #5ad5a1 , 1730px 633px #5ad5a1 , 1723px 1939px #5ad5a1 , 524px 1824px #5ad5a1 , 1921px 1450px #5ad5a1 , 1174px 1062px #5ad5a1 , 1008px 1932px #5ad5a1 , 467px 334px #5ad5a1 , 80px 818px #5ad5a1 , 1266px 1185px #5ad5a1 , 1589px 807px #5ad5a1 , 1221px 320px #5ad5a1 , 1724px 852px #5ad5a1 , 1194px 286px #5ad5a1 , 800px 1835px #5ad5a1 , 1958px 728px #5ad5a1 , 1271px 376px #5ad5a1 , 43px 1654px #5ad5a1 , 77px 803px #5ad5a1 , 1399px 197px #5ad5a1 , 591px 1743px #5ad5a1 , 652px 1925px #5ad5a1 , 107px 1939px #5ad5a1 , 1110px 1708px #5ad5a1 , 797px 1480px #5ad5a1 , 1516px 684px #5ad5a1 , 559px 1733px #5ad5a1 , 1265px 718px #5ad5a1 , 1263px 54px #5ad5a1 , 693px 113px #5ad5a1 , 1456px 1459px #5ad5a1 , 1527px 1324px #5ad5a1;
animation: animStar 50s linear infinite;
}
#stars:after {
content: " ";
position: absolute;
top: 100%;
width: 1px;
height: 1px;
background: radial-gradient(ellipse at bottom, #2a5153 0%, #09090f 100%);
box-shadow: 1744px 122px #5ad5a1 , 134px 1321px #5ad5a1 , 92px 859px #5ad5a1 , 235px 1045px #5ad5a1 , 366px 912px #5ad5a1 , 491px 942px #5ad5a1 , 14px 1831px #5ad5a1 , 582px 476px #5ad5a1 , 588px 1230px #5ad5a1 , 1520px 1343px #5ad5a1 , 1671px 203px #5ad5a1 , 550px 341px #5ad5a1 , 1491px 549px #5ad5a1 , 558px 161px #5ad5a1 , 896px 1823px #5ad5a1 , 999px 1463px #5ad5a1 , 1557px 636px #5ad5a1 , 1754px 1307px #5ad5a1 , 1682px 1494px #5ad5a1 , 703px 1707px #5ad5a1 , 1945px 1847px #5ad5a1 , 1151px 1320px #5ad5a1 , 980px 144px #5ad5a1 , 478px 948px #5ad5a1 , 109px 1762px #5ad5a1 , 558px 255px #5ad5a1 , 719px 1820px #5ad5a1 , 588px 748px #5ad5a1 , 1899px 174px #5ad5a1 , 841px 1771px #5ad5a1 , 571px 1588px #5ad5a1 , 1155px 353px #5ad5a1 , 1879px 1220px #5ad5a1 , 1782px 870px #5ad5a1 , 407px 1238px #5ad5a1 , 1141px 63px #5ad5a1 , 1147px 1097px #5ad5a1 , 1406px 159px #5ad5a1 , 637px 1215px #5ad5a1 , 694px 1114px #5ad5a1 , 1536px 727px #5ad5a1 , 1708px 1512px #5ad5a1 , 1147px 880px #5ad5a1 , 684px 988px #5ad5a1 , 140px 851px #5ad5a1 , 1565px 1788px #5ad5a1 , 1573px 889px #5ad5a1 , 1172px 628px #5ad5a1 , 1474px 1978px #5ad5a1 , 435px 447px #5ad5a1 , 185px 1808px #5ad5a1 , 620px 1560px #5ad5a1 , 1387px 1196px #5ad5a1 , 138px 1854px #5ad5a1 , 137px 1499px #5ad5a1 , 1721px 1132px #5ad5a1 , 10px 32px #5ad5a1 , 1931px 1990px #5ad5a1 , 209px 91px #5ad5a1 , 1876px 1795px #5ad5a1 , 1130px 1551px #5ad5a1 , 284px 1848px #5ad5a1 , 389px 1603px #5ad5a1 , 612px 1121px #5ad5a1 , 825px 1926px #5ad5a1 , 161px 344px #5ad5a1 , 1729px 333px #5ad5a1 , 1037px 37px #5ad5a1 , 844px 1085px #5ad5a1 , 1179px 554px #5ad5a1 , 50px 478px #5ad5a1 , 1864px 704px #5ad5a1 , 233px 723px #5ad5a1 , 1202px 445px #5ad5a1 , 882px 189px #5ad5a1 , 362px 735px #5ad5a1 , 924px 411px #5ad5a1 , 902px 209px #5ad5a1 , 104px 185px #5ad5a1 , 1599px 1852px #5ad5a1 , 1974px 944px #5ad5a1 , 438px 1164px #5ad5a1 , 401px 1533px #5ad5a1 , 191px 1429px #5ad5a1 , 251px 1034px #5ad5a1 , 1807px 1412px #5ad5a1 , 72px 23px #5ad5a1 , 1752px 1146px #5ad5a1 , 261px 1481px #5ad5a1 , 548px 33px #5ad5a1 , 710px 1204px #5ad5a1 , 355px 1697px #5ad5a1 , 581px 100px #5ad5a1 , 318px 1146px #5ad5a1 , 929px 79px #5ad5a1 , 999px 347px #5ad5a1 , 155px 292px #5ad5a1 , 271px 677px #5ad5a1 , 920px 1596px #5ad5a1 , 1736px 184px #5ad5a1 , 1022px 1790px #5ad5a1 , 1465px 1762px #5ad5a1 , 820px 526px #5ad5a1 , 175px 37px #5ad5a1 , 440px 746px #5ad5a1 , 681px 1879px #5ad5a1 , 690px 1135px #5ad5a1 , 1960px 1453px #5ad5a1 , 422px 856px #5ad5a1 , 1217px 1232px #5ad5a1 , 1015px 1695px #5ad5a1 , 1933px 492px #5ad5a1 , 272px 448px #5ad5a1 , 1578px 1487px #5ad5a1 , 437px 874px #5ad5a1 , 947px 838px #5ad5a1 , 1339px 867px #5ad5a1 , 1484px 773px #5ad5a1 , 764px 66px #5ad5a1 , 418px 707px #5ad5a1 , 192px 1909px #5ad5a1 , 1629px 215px #5ad5a1 , 171px 260px #5ad5a1 , 1180px 220px #5ad5a1 , 488px 857px #5ad5a1 , 593px 493px #5ad5a1 , 1794px 886px #5ad5a1 , 1673px 1977px #5ad5a1 , 905px 1193px #5ad5a1 , 1372px 1843px #5ad5a1 , 1605px 908px #5ad5a1 , 659px 181px #5ad5a1 , 700px 1758px #5ad5a1 , 812px 1200px #5ad5a1 , 1800px 1440px #5ad5a1 , 1858px 212px #5ad5a1 , 628px 1026px #5ad5a1 , 1825px 1556px #5ad5a1 , 1641px 1750px #5ad5a1 , 1195px 1086px #5ad5a1 , 1465px 558px #5ad5a1 , 1634px 436px #5ad5a1 , 1354px 1831px #5ad5a1 , 1212px 1485px #5ad5a1 , 1491px 994px #5ad5a1 , 604px 1279px #5ad5a1 , 413px 1131px #5ad5a1 , 1677px 1086px #5ad5a1 , 841px 47px #5ad5a1 , 146px 489px #5ad5a1 , 117px 1195px #5ad5a1 , 67px 47px #5ad5a1 , 883px 258px #5ad5a1 , 1801px 1294px #5ad5a1 , 594px 1870px #5ad5a1 , 649px 531px #5ad5a1 , 721px 132px #5ad5a1 , 975px 1616px #5ad5a1 , 716px 94px #5ad5a1 , 295px 791px #5ad5a1 , 174px 1814px #5ad5a1 , 1130px 298px #5ad5a1 , 1747px 1835px #5ad5a1 , 605px 1521px #5ad5a1 , 78px 743px #5ad5a1 , 1685px 311px #5ad5a1 , 804px 341px #5ad5a1 , 1440px 852px #5ad5a1 , 1607px 1692px #5ad5a1 , 698px 1112px #5ad5a1 , 1153px 1608px #5ad5a1 , 539px 999px #5ad5a1 , 262px 353px #5ad5a1 , 457px 1246px #5ad5a1 , 1858px 998px #5ad5a1 , 364px 431px #5ad5a1 , 1907px 912px #5ad5a1 , 541px 916px #5ad5a1 , 168px 1384px #5ad5a1 , 357px 1321px #5ad5a1 , 1859px 1866px #5ad5a1 , 1001px 909px #5ad5a1 , 842px 1663px #5ad5a1 , 369px 1176px #5ad5a1 , 932px 1372px #5ad5a1 , 1606px 732px #5ad5a1 , 1844px 857px #5ad5a1 , 974px 1588px #5ad5a1 , 804px 1139px #5ad5a1 , 65px 1213px #5ad5a1 , 1066px 863px #5ad5a1 , 1991px 1734px #5ad5a1 , 300px 738px #5ad5a1 , 1260px 1141px #5ad5a1 , 83px 260px #5ad5a1 , 1219px 167px #5ad5a1 , 613px 990px #5ad5a1 , 873px 81px #5ad5a1 , 362px 235px #5ad5a1 , 373px 372px #5ad5a1 , 80px 247px #5ad5a1 , 902px 1141px #5ad5a1 , 294px 464px #5ad5a1 , 766px 1925px #5ad5a1 , 1151px 1305px #5ad5a1 , 1250px 1593px #5ad5a1 , 1289px 119px #5ad5a1 , 1525px 1505px #5ad5a1 , 234px 1306px #5ad5a1 , 571px 858px #5ad5a1 , 571px 996px #5ad5a1 , 766px 1342px #5ad5a1 , 1371px 716px #5ad5a1 , 711px 1939px #5ad5a1 , 904px 1797px #5ad5a1 , 424px 1710px #5ad5a1 , 762px 1614px #5ad5a1 , 1389px 1290px #5ad5a1 , 905px 689px #5ad5a1 , 352px 38px #5ad5a1 , 2000px 1317px #5ad5a1 , 597px 864px #5ad5a1 , 824px 711px #5ad5a1 , 966px 1060px #5ad5a1 , 958px 992px #5ad5a1 , 1121px 324px #5ad5a1 , 1624px 688px #5ad5a1 , 1737px 702px #5ad5a1 , 1566px 1344px #5ad5a1 , 697px 368px #5ad5a1 , 291px 1126px #5ad5a1 , 1732px 50px #5ad5a1 , 712px 1941px #5ad5a1 , 1257px 372px #5ad5a1 , 317px 1462px #5ad5a1 , 222px 309px #5ad5a1 , 1139px 647px #5ad5a1 , 170px 878px #5ad5a1 , 1272px 1511px #5ad5a1 , 1009px 1912px #5ad5a1 , 1875px 1105px #5ad5a1 , 1968px 1370px #5ad5a1 , 1193px 687px #5ad5a1 , 1498px 611px #5ad5a1 , 247px 1993px #5ad5a1 , 1686px 1611px #5ad5a1 , 937px 340px #5ad5a1 , 114px 1423px #5ad5a1 , 496px 1191px #5ad5a1 , 110px 1284px #5ad5a1 , 876px 687px #5ad5a1 , 1173px 214px #5ad5a1 , 210px 628px #5ad5a1 , 302px 1173px #5ad5a1 , 1318px 939px #5ad5a1 , 1665px 1310px #5ad5a1 , 66px 338px #5ad5a1 , 1355px 615px #5ad5a1 , 1139px 1672px #5ad5a1 , 91px 1000px #5ad5a1 , 112px 422px #5ad5a1 , 89px 503px #5ad5a1 , 97px 1599px #5ad5a1 , 1031px 1955px #5ad5a1 , 1755px 1532px #5ad5a1 , 1764px 1930px #5ad5a1 , 1822px 1751px #5ad5a1 , 133px 401px #5ad5a1 , 718px 85px #5ad5a1 , 1797px 78px #5ad5a1 , 520px 1725px #5ad5a1 , 226px 406px #5ad5a1 , 1561px 1574px #5ad5a1 , 340px 1602px #5ad5a1 , 718px 976px #5ad5a1 , 1823px 570px #5ad5a1 , 1298px 484px #5ad5a1 , 1023px 1903px #5ad5a1 , 1266px 1334px #5ad5a1 , 763px 877px #5ad5a1 , 223px 631px #5ad5a1 , 1761px 1293px #5ad5a1 , 878px 1px #5ad5a1 , 973px 696px #5ad5a1 , 975px 1841px #5ad5a1 , 1276px 302px #5ad5a1 , 1399px 1324px #5ad5a1 , 1706px 872px #5ad5a1 , 341px 1960px #5ad5a1 , 1384px 1655px #5ad5a1 , 1897px 767px #5ad5a1 , 68px 405px #5ad5a1 , 705px 310px #5ad5a1 , 194px 103px #5ad5a1 , 1432px 368px #5ad5a1 , 1262px 1682px #5ad5a1 , 1933px 1526px #5ad5a1 , 263px 655px #5ad5a1 , 1031px 1031px #5ad5a1 , 1557px 788px #5ad5a1 , 1558px 1360px #5ad5a1 , 812px 421px #5ad5a1 , 1951px 734px #5ad5a1 , 1567px 498px #5ad5a1 , 1832px 1229px #5ad5a1 , 913px 164px #5ad5a1 , 1907px 1273px #5ad5a1 , 533px 749px #5ad5a1 , 1235px 951px #5ad5a1 , 645px 1959px #5ad5a1 , 92px 1570px #5ad5a1 , 1169px 1434px #5ad5a1 , 118px 1223px #5ad5a1 , 583px 957px #5ad5a1 , 1245px 316px #5ad5a1 , 527px 863px #5ad5a1 , 372px 1007px #5ad5a1 , 244px 1251px #5ad5a1 , 314px 494px #5ad5a1 , 1842px 1463px #5ad5a1 , 1315px 730px #5ad5a1 , 1655px 1366px #5ad5a1 , 482px 979px #5ad5a1 , 340px 1808px #5ad5a1 , 256px 578px #5ad5a1 , 858px 1792px #5ad5a1 , 1965px 403px #5ad5a1 , 454px 253px #5ad5a1 , 1664px 698px #5ad5a1 , 1974px 750px #5ad5a1 , 262px 1801px #5ad5a1 , 1652px 1076px #5ad5a1 , 992px 711px #5ad5a1 , 1792px 1323px #5ad5a1 , 700px 1748px #5ad5a1 , 855px 966px #5ad5a1 , 1833px 1747px #5ad5a1 , 402px 1272px #5ad5a1 , 1391px 1039px #5ad5a1 , 1395px 1538px #5ad5a1 , 397px 1972px #5ad5a1 , 744px 1403px #5ad5a1 , 1784px 1046px #5ad5a1 , 111px 198px #5ad5a1 , 1827px 473px #5ad5a1 , 1347px 1891px #5ad5a1 , 1238px 1081px #5ad5a1 , 189px 908px #5ad5a1 , 1513px 542px #5ad5a1 , 673px 981px #5ad5a1 , 720px 1184px #5ad5a1 , 373px 792px #5ad5a1 , 1470px 1631px #5ad5a1 , 16px 822px #5ad5a1 , 1935px 829px #5ad5a1 , 364px 613px #5ad5a1 , 223px 899px #5ad5a1 , 1233px 874px #5ad5a1 , 1441px 1834px #5ad5a1 , 719px 894px #5ad5a1 , 76px 1610px #5ad5a1 , 296px 685px #5ad5a1 , 572px 1637px #5ad5a1 , 349px 114px #5ad5a1 , 1670px 1802px #5ad5a1 , 979px 928px #5ad5a1 , 1589px 574px #5ad5a1 , 756px 194px #5ad5a1 , 616px 507px #5ad5a1 , 271px 186px #5ad5a1 , 198px 360px #5ad5a1 , 1916px 418px #5ad5a1 , 721px 667px #5ad5a1 , 1937px 1908px #5ad5a1 , 17px 556px #5ad5a1 , 345px 443px #5ad5a1 , 718px 760px #5ad5a1 , 1922px 310px #5ad5a1 , 1185px 887px #5ad5a1 , 1745px 1848px #5ad5a1 , 909px 847px #5ad5a1 , 1170px 134px #5ad5a1 , 1773px 1133px #5ad5a1 , 1099px 233px #5ad5a1 , 1122px 1524px #5ad5a1 , 866px 907px #5ad5a1 , 398px 213px #5ad5a1 , 1287px 886px #5ad5a1 , 1194px 149px #5ad5a1 , 1876px 1667px #5ad5a1 , 332px 1658px #5ad5a1 , 146px 1253px #5ad5a1 , 958px 211px #5ad5a1 , 643px 47px #5ad5a1 , 1213px 1339px #5ad5a1 , 1637px 1939px #5ad5a1 , 1601px 355px #5ad5a1 , 256px 1982px #5ad5a1 , 989px 1609px #5ad5a1 , 1179px 701px #5ad5a1 , 685px 1463px #5ad5a1 , 1910px 465px #5ad5a1 , 764px 1930px #5ad5a1 , 1856px 433px #5ad5a1 , 720px 367px #5ad5a1 , 1821px 416px #5ad5a1 , 48px 1114px #5ad5a1 , 716px 489px #5ad5a1 , 174px 1972px #5ad5a1 , 115px 1373px #5ad5a1 , 1487px 141px #5ad5a1 , 1919px 1362px #5ad5a1 , 1662px 859px #5ad5a1 , 1168px 490px #5ad5a1 , 706px 1820px #5ad5a1 , 588px 318px #5ad5a1 , 107px 778px #5ad5a1 , 621px 1667px #5ad5a1 , 1331px 1996px #5ad5a1 , 1404px 1154px #5ad5a1 , 860px 1019px #5ad5a1 , 1385px 1883px #5ad5a1 , 1066px 1951px #5ad5a1 , 752px 444px #5ad5a1 , 955px 1031px #5ad5a1 , 1256px 1899px #5ad5a1 , 961px 1455px #5ad5a1 , 1101px 84px #5ad5a1 , 890px 335px #5ad5a1 , 798px 40px #5ad5a1 , 138px 54px #5ad5a1 , 1934px 252px #5ad5a1 , 429px 324px #5ad5a1 , 1645px 1522px #5ad5a1 , 218px 737px #5ad5a1 , 1625px 531px #5ad5a1 , 605px 1290px #5ad5a1 , 1867px 648px #5ad5a1 , 82px 1137px #5ad5a1 , 231px 1423px #5ad5a1 , 471px 944px #5ad5a1 , 1363px 1752px #5ad5a1 , 482px 1364px #5ad5a1 , 1305px 627px #5ad5a1 , 1065px 891px #5ad5a1 , 217px 1841px #5ad5a1 , 1843px 1501px #5ad5a1 , 1681px 734px #5ad5a1 , 185px 856px #5ad5a1 , 609px 1094px #5ad5a1 , 49px 1657px #5ad5a1 , 783px 594px #5ad5a1 , 1018px 1123px #5ad5a1 , 644px 1149px #5ad5a1 , 739px 1262px #5ad5a1 , 1439px 1187px #5ad5a1 , 1789px 1507px #5ad5a1 , 941px 791px #5ad5a1 , 1319px 1308px #5ad5a1 , 498px 626px #5ad5a1 , 1594px 858px #5ad5a1 , 783px 71px #5ad5a1 , 576px 1976px #5ad5a1 , 1625px 696px #5ad5a1 , 1821px 352px #5ad5a1 , 1039px 885px #5ad5a1 , 208px 430px #5ad5a1 , 124px 198px #5ad5a1 , 1964px 686px #5ad5a1 , 1440px 1952px #5ad5a1 , 231px 1435px #5ad5a1 , 1846px 853px #5ad5a1 , 1174px 536px #5ad5a1 , 1228px 310px #5ad5a1 , 1380px 699px #5ad5a1 , 1116px 169px #5ad5a1 , 1416px 1007px #5ad5a1 , 178px 192px #5ad5a1 , 1302px 1903px #5ad5a1 , 1892px 154px #5ad5a1 , 962px 1032px #5ad5a1 , 1009px 1916px #5ad5a1 , 1549px 1206px #5ad5a1 , 899px 968px #5ad5a1 , 902px 543px #5ad5a1 , 1516px 542px #5ad5a1 , 965px 527px #5ad5a1 , 1594px 696px #5ad5a1 , 856px 1719px #5ad5a1 , 1522px 248px #5ad5a1 , 1795px 283px #5ad5a1 , 1144px 946px #5ad5a1 , 1365px 199px #5ad5a1 , 359px 1347px #5ad5a1 , 1506px 263px #5ad5a1 , 433px 1793px #5ad5a1 , 201px 247px #5ad5a1 , 942px 838px #5ad5a1 , 1122px 1065px #5ad5a1 , 1997px 108px #5ad5a1 , 306px 989px #5ad5a1 , 641px 1713px #5ad5a1 , 1072px 959px #5ad5a1 , 1874px 1079px #5ad5a1 , 1938px 269px #5ad5a1 , 891px 389px #5ad5a1 , 22px 574px #5ad5a1 , 727px 474px #5ad5a1 , 1671px 1649px #5ad5a1 , 98px 400px #5ad5a1 , 641px 798px #5ad5a1 , 1218px 1051px #5ad5a1 , 907px 1485px #5ad5a1 , 1002px 1549px #5ad5a1 , 1932px 1448px #5ad5a1 , 1132px 573px #5ad5a1 , 1222px 1147px #5ad5a1 , 1009px 451px #5ad5a1 , 698px 1940px #5ad5a1 , 97px 1123px #5ad5a1 , 904px 751px #5ad5a1 , 1904px 593px #5ad5a1 , 1451px 1658px #5ad5a1 , 191px 1606px #5ad5a1 , 1346px 482px #5ad5a1 , 1935px 1086px #5ad5a1 , 1052px 224px #5ad5a1 , 526px 1810px #5ad5a1 , 1607px 606px #5ad5a1 , 427px 1830px #5ad5a1 , 1546px 407px #5ad5a1 , 1771px 208px #5ad5a1 , 1714px 181px #5ad5a1 , 1332px 943px #5ad5a1 , 1663px 1094px #5ad5a1 , 1861px 1747px #5ad5a1 , 1429px 1217px #5ad5a1 , 1733px 1915px #5ad5a1 , 925px 1179px #5ad5a1 , 735px 781px #5ad5a1 , 1775px 1989px #5ad5a1 , 1770px 476px #5ad5a1 , 844px 400px #5ad5a1 , 1793px 1517px #5ad5a1 , 544px 281px #5ad5a1 , 725px 344px #5ad5a1 , 1274px 764px #5ad5a1 , 1845px 339px #5ad5a1 , 582px 1745px #5ad5a1 , 351px 1287px #5ad5a1 , 207px 749px #5ad5a1 , 1063px 1411px #5ad5a1 , 1246px 342px #5ad5a1 , 1538px 166px #5ad5a1 , 770px 602px #5ad5a1 , 1214px 1971px #5ad5a1 , 113px 294px #5ad5a1 , 1157px 101px #5ad5a1 , 1657px 517px #5ad5a1 , 637px 1693px #5ad5a1 , 961px 1649px #5ad5a1 , 1754px 1572px #5ad5a1 , 1885px 659px #5ad5a1 , 238px 34px #5ad5a1 , 413px 1027px #5ad5a1 , 1709px 1556px #5ad5a1 , 460px 878px #5ad5a1 , 1597px 608px #5ad5a1 , 544px 434px #5ad5a1 , 1258px 477px #5ad5a1 , 565px 1863px #5ad5a1 , 426px 322px #5ad5a1 , 1917px 850px #5ad5a1 , 296px 144px #5ad5a1 , 643px 1896px #5ad5a1 , 511px 116px #5ad5a1 , 359px 847px #5ad5a1 , 702px 1133px #5ad5a1 , 857px 1371px #5ad5a1 , 559px 1758px #5ad5a1 , 1615px 1223px #5ad5a1 , 1927px 1736px #5ad5a1 , 704px 941px #5ad5a1 , 1932px 942px #5ad5a1 , 1462px 335px #5ad5a1 , 154px 1915px #5ad5a1 , 1387px 918px #5ad5a1 , 1512px 1041px #5ad5a1 , 1094px 1334px #5ad5a1 , 1678px 865px #5ad5a1 , 1960px 431px #5ad5a1 , 666px 1258px #5ad5a1 , 422px 1215px #5ad5a1 , 345px 802px #5ad5a1 , 1207px 647px #5ad5a1 , 1701px 374px #5ad5a1 , 1440px 1925px #5ad5a1 , 1536px 1163px #5ad5a1 , 905px 155px #5ad5a1 , 843px 1036px #5ad5a1 , 660px 823px #5ad5a1 , 1329px 661px #5ad5a1 , 1867px 899px #5ad5a1 , 1022px 514px #5ad5a1 , 1062px 1570px #5ad5a1 , 888px 1786px #5ad5a1 , 699px 1738px #5ad5a1 , 1831px 1712px #5ad5a1 , 434px 18px #5ad5a1 , 227px 205px #5ad5a1 , 520px 1279px #5ad5a1 , 1329px 764px #5ad5a1 , 1824px 47px #5ad5a1 , 112px 266px #5ad5a1 , 830px 1140px #5ad5a1 , 478px 637px #5ad5a1 , 634px 850px #5ad5a1 , 711px 873px #5ad5a1 , 987px 249px #5ad5a1 , 1454px 909px #5ad5a1 , 699px 922px #5ad5a1 , 1458px 1142px #5ad5a1 , 701px 1893px #5ad5a1 , 134px 384px #5ad5a1 , 904px 354px #5ad5a1 , 1913px 1229px #5ad5a1 , 1606px 1336px #5ad5a1 , 976px 1776px #5ad5a1 , 1726px 605px #5ad5a1 , 1244px 590px #5ad5a1 , 1351px 526px #5ad5a1 , 1997px 130px #5ad5a1 , 1137px 1134px #5ad5a1 , 1293px 283px #5ad5a1 , 977px 1608px #5ad5a1 , 422px 1252px #5ad5a1 , 236px 1653px #5ad5a1 , 28px 1722px #5ad5a1 , 698px 39px #5ad5a1 , 5px 434px #5ad5a1 , 1430px 1466px #5ad5a1 , 1470px 1596px #5ad5a1 , 487px 81px #5ad5a1 , 186px 340px #5ad5a1 , 1941px 1px #5ad5a1 , 1342px 487px #5ad5a1 , 813px 1855px #5ad5a1 , 1445px 148px #5ad5a1 , 1965px 1428px #5ad5a1 , 1122px 1277px #5ad5a1 , 846px 820px #5ad5a1 , 1804px 228px #5ad5a1 , 1501px 121px #5ad5a1 , 215px 1033px #5ad5a1 , 244px 426px #5ad5a1 , 976px 453px #5ad5a1 , 566px 953px #5ad5a1 , 1772px 213px #5ad5a1 , 1323px 1778px #5ad5a1 , 1350px 817px #5ad5a1 , 803px 913px #5ad5a1 , 1395px 1359px #5ad5a1 , 1995px 119px #5ad5a1 , 579px 1963px #5ad5a1 , 862px 1621px #5ad5a1 , 1718px 825px #5ad5a1 , 823px 27px #5ad5a1 , 1252px 41px #5ad5a1 , 1562px 835px #5ad5a1 , 1730px 633px #5ad5a1 , 1723px 1939px #5ad5a1 , 524px 1824px #5ad5a1 , 1921px 1450px #5ad5a1 , 1174px 1062px #5ad5a1 , 1008px 1932px #5ad5a1 , 467px 334px #5ad5a1 , 80px 818px #5ad5a1 , 1266px 1185px #5ad5a1 , 1589px 807px #5ad5a1 , 1221px 320px #5ad5a1 , 1724px 852px #5ad5a1 , 1194px 286px #5ad5a1 , 800px 1835px #5ad5a1 , 1958px 728px #5ad5a1 , 1271px 376px #5ad5a1 , 43px 1654px #5ad5a1 , 77px 803px #5ad5a1 , 1399px 197px #5ad5a1 , 591px 1743px #5ad5a1 , 652px 1925px #5ad5a1 , 107px 1939px #5ad5a1 , 1110px 1708px #5ad5a1 , 797px 1480px #5ad5a1 , 1516px 684px #5ad5a1 , 559px 1733px #5ad5a1 , 1265px 718px #5ad5a1 , 1263px 54px #5ad5a1 , 693px 113px #5ad5a1 , 1456px 1459px #5ad5a1 , 1527px 1324px #5ad5a1;
}

#stars2 {
width: 2px;
height: 2px;
background: radial-gradient(ellipse at bottom, #2a5153 0%, #09090f 100%);
box-shadow: 1907px 1575px #5ad5a1 , 893px 268px #5ad5a1 , 1819px 666px #5ad5a1 , 366px 1985px #5ad5a1 , 1736px 1062px #5ad5a1 , 1124px 45px #5ad5a1 , 905px 1674px #5ad5a1 , 1570px 711px #5ad5a1 , 255px 1747px #5ad5a1 , 147px 1032px #5ad5a1 , 865px 1813px #5ad5a1 , 1721px 1461px #5ad5a1 , 202px 724px #5ad5a1 , 1860px 812px #5ad5a1 , 634px 1410px #5ad5a1 , 927px 1264px #5ad5a1 , 1648px 620px #5ad5a1 , 1915px 1309px #5ad5a1 , 731px 778px #5ad5a1 , 91px 1185px #5ad5a1 , 829px 1003px #5ad5a1 , 174px 1784px #5ad5a1 , 1094px 1874px #5ad5a1 , 1464px 484px #5ad5a1 , 1639px 1717px #5ad5a1 , 959px 573px #5ad5a1 , 1686px 1287px #5ad5a1 , 906px 356px #5ad5a1 , 970px 499px #5ad5a1 , 626px 890px #5ad5a1 , 1344px 1070px #5ad5a1 , 1351px 544px #5ad5a1 , 708px 68px #5ad5a1 , 1870px 130px #5ad5a1 , 556px 1270px #5ad5a1 , 1432px 618px #5ad5a1 , 769px 673px #5ad5a1 , 1289px 1410px #5ad5a1 , 1499px 1969px #5ad5a1 , 749px 1163px #5ad5a1 , 1198px 198px #5ad5a1 , 399px 133px #5ad5a1 , 1856px 1280px #5ad5a1 , 904px 194px #5ad5a1 , 973px 1107px #5ad5a1 , 1371px 1785px #5ad5a1 , 989px 1835px #5ad5a1 , 1043px 1517px #5ad5a1 , 787px 916px #5ad5a1 , 1635px 1155px #5ad5a1 , 752px 524px #5ad5a1 , 1926px 1279px #5ad5a1 , 1052px 1163px #5ad5a1 , 719px 1963px #5ad5a1 , 786px 519px #5ad5a1 , 1440px 500px #5ad5a1 , 156px 1265px #5ad5a1 , 1691px 429px #5ad5a1 , 1349px 1474px #5ad5a1 , 736px 459px #5ad5a1 , 248px 1678px #5ad5a1 , 1136px 510px #5ad5a1 , 1317px 10px #5ad5a1 , 1209px 1323px #5ad5a1 , 54px 469px #5ad5a1 , 730px 1939px #5ad5a1 , 960px 23px #5ad5a1 , 112px 941px #5ad5a1 , 1852px 1522px #5ad5a1 , 1993px 1972px #5ad5a1 , 265px 129px #5ad5a1 , 222px 1897px #5ad5a1 , 1766px 1804px #5ad5a1 , 1530px 1786px #5ad5a1 , 1045px 432px #5ad5a1 , 1916px 1980px #5ad5a1 , 309px 1780px #5ad5a1 , 1420px 559px #5ad5a1 , 1708px 103px #5ad5a1 , 324px 1407px #5ad5a1 , 1175px 943px #5ad5a1 , 80px 1221px #5ad5a1 , 1016px 1933px #5ad5a1 , 318px 560px #5ad5a1 , 190px 1489px #5ad5a1 , 1095px 892px #5ad5a1 , 1975px 1191px #5ad5a1 , 1197px 955px #5ad5a1 , 1482px 873px #5ad5a1 , 1912px 300px #5ad5a1 , 2000px 1636px #5ad5a1 , 1473px 1808px #5ad5a1 , 507px 192px #5ad5a1 , 924px 1300px #5ad5a1 , 1485px 1636px #5ad5a1 , 41px 1822px #5ad5a1 , 689px 120px #5ad5a1 , 769px 273px #5ad5a1 , 1039px 976px #5ad5a1 , 1057px 1520px #5ad5a1 , 1417px 1187px #5ad5a1 , 512px 1507px #5ad5a1 , 519px 45px #5ad5a1 , 1207px 1687px #5ad5a1 , 1824px 1488px #5ad5a1 , 1694px 31px #5ad5a1 , 1859px 52px #5ad5a1 , 1368px 268px #5ad5a1 , 190px 1404px #5ad5a1 , 940px 1003px #5ad5a1 , 167px 942px #5ad5a1 , 1641px 647px #5ad5a1 , 1051px 654px #5ad5a1 , 233px 1640px #5ad5a1 , 554px 511px #5ad5a1 , 1705px 1866px #5ad5a1 , 240px 1430px #5ad5a1 , 140px 668px #5ad5a1 , 648px 1617px #5ad5a1 , 252px 101px #5ad5a1 , 676px 1774px #5ad5a1 , 889px 1698px #5ad5a1 , 595px 853px #5ad5a1 , 249px 1768px #5ad5a1 , 1091px 1529px #5ad5a1 , 223px 839px #5ad5a1 , 239px 699px #5ad5a1 , 1547px 356px #5ad5a1 , 249px 1130px #5ad5a1 , 1209px 1946px #5ad5a1 , 1967px 1274px #5ad5a1 , 430px 298px #5ad5a1 , 1305px 134px #5ad5a1 , 156px 91px #5ad5a1 , 1712px 264px #5ad5a1 , 1256px 991px #5ad5a1 , 1887px 1844px #5ad5a1 , 1957px 1275px #5ad5a1 , 1718px 666px #5ad5a1 , 1090px 543px #5ad5a1 , 933px 1411px #5ad5a1 , 801px 323px #5ad5a1 , 202px 1659px #5ad5a1 , 1117px 549px #5ad5a1 , 290px 1859px #5ad5a1 , 1380px 1516px #5ad5a1 , 557px 1165px #5ad5a1 , 1953px 1758px #5ad5a1 , 1901px 1407px #5ad5a1 , 1144px 347px #5ad5a1 , 1640px 271px #5ad5a1 , 1996px 43px #5ad5a1 , 838px 488px #5ad5a1 , 1151px 1529px #5ad5a1 , 306px 460px #5ad5a1 , 1666px 635px #5ad5a1 , 1572px 633px #5ad5a1 , 1797px 1076px #5ad5a1 , 1727px 1119px #5ad5a1 , 474px 871px #5ad5a1 , 1491px 1398px #5ad5a1 , 1301px 868px #5ad5a1 , 1632px 454px #5ad5a1 , 1611px 466px #5ad5a1 , 498px 1162px #5ad5a1 , 796px 269px #5ad5a1 , 1988px 747px #5ad5a1 , 502px 12px #5ad5a1 , 276px 1260px #5ad5a1 , 1536px 974px #5ad5a1 , 956px 656px #5ad5a1 , 107px 701px #5ad5a1 , 965px 491px #5ad5a1 , 1646px 247px #5ad5a1 , 1515px 921px #5ad5a1 , 1813px 519px #5ad5a1 , 697px 143px #5ad5a1 , 591px 1452px #5ad5a1 , 1773px 1411px #5ad5a1 , 1622px 1401px #5ad5a1 , 534px 340px #5ad5a1 , 1590px 284px #5ad5a1 , 1464px 528px #5ad5a1 , 734px 1718px #5ad5a1 , 1929px 1683px #5ad5a1 , 656px 480px #5ad5a1 , 833px 705px #5ad5a1 , 1567px 109px #5ad5a1 , 1055px 330px #5ad5a1 , 1943px 1367px #5ad5a1 , 1935px 1512px #5ad5a1 , 355px 1024px #5ad5a1 , 1894px 218px #5ad5a1 , 1703px 1772px #5ad5a1 , 781px 1394px #5ad5a1 , 367px 42px #5ad5a1 , 100px 690px #5ad5a1 , 1831px 458px #5ad5a1 , 1884px 1878px #5ad5a1 , 814px 1013px #5ad5a1;
animation: animStar 100s linear infinite;
}
#stars2:after {
content: " ";
position: absolute;
top: 100%;
width: 2px;
height: 2px;
background: radial-gradient(ellipse at bottom, #2a5153 0%, #09090f 100%);
box-shadow: 1907px 1575px #5ad5a1 , 893px 268px #5ad5a1 , 1819px 666px #5ad5a1 , 366px 1985px #5ad5a1 , 1736px 1062px #5ad5a1 , 1124px 45px #5ad5a1 , 905px 1674px #5ad5a1 , 1570px 711px #5ad5a1 , 255px 1747px #5ad5a1 , 147px 1032px #5ad5a1 , 865px 1813px #5ad5a1 , 1721px 1461px #5ad5a1 , 202px 724px #5ad5a1 , 1860px 812px #5ad5a1 , 634px 1410px #5ad5a1 , 927px 1264px #5ad5a1 , 1648px 620px #5ad5a1 , 1915px 1309px #5ad5a1 , 731px 778px #5ad5a1 , 91px 1185px #5ad5a1 , 829px 1003px #5ad5a1 , 174px 1784px #5ad5a1 , 1094px 1874px #5ad5a1 , 1464px 484px #5ad5a1 , 1639px 1717px #5ad5a1 , 959px 573px #5ad5a1 , 1686px 1287px #5ad5a1 , 906px 356px #5ad5a1 , 970px 499px #5ad5a1 , 626px 890px #5ad5a1 , 1344px 1070px #5ad5a1 , 1351px 544px #5ad5a1 , 708px 68px #5ad5a1 , 1870px 130px #5ad5a1 , 556px 1270px #5ad5a1 , 1432px 618px #5ad5a1 , 769px 673px #5ad5a1 , 1289px 1410px #5ad5a1 , 1499px 1969px #5ad5a1 , 749px 1163px #5ad5a1 , 1198px 198px #5ad5a1 , 399px 133px #5ad5a1 , 1856px 1280px #5ad5a1 , 904px 194px #5ad5a1 , 973px 1107px #5ad5a1 , 1371px 1785px #5ad5a1 , 989px 1835px #5ad5a1 , 1043px 1517px #5ad5a1 , 787px 916px #5ad5a1 , 1635px 1155px #5ad5a1 , 752px 524px #5ad5a1 , 1926px 1279px #5ad5a1 , 1052px 1163px #5ad5a1 , 719px 1963px #5ad5a1 , 786px 519px #5ad5a1 , 1440px 500px #5ad5a1 , 156px 1265px #5ad5a1 , 1691px 429px #5ad5a1 , 1349px 1474px #5ad5a1 , 736px 459px #5ad5a1 , 248px 1678px #5ad5a1 , 1136px 510px #5ad5a1 , 1317px 10px #5ad5a1 , 1209px 1323px #5ad5a1 , 54px 469px #5ad5a1 , 730px 1939px #5ad5a1 , 960px 23px #5ad5a1 , 112px 941px #5ad5a1 , 1852px 1522px #5ad5a1 , 1993px 1972px #5ad5a1 , 265px 129px #5ad5a1 , 222px 1897px #5ad5a1 , 1766px 1804px #5ad5a1 , 1530px 1786px #5ad5a1 , 1045px 432px #5ad5a1 , 1916px 1980px #5ad5a1 , 309px 1780px #5ad5a1 , 1420px 559px #5ad5a1 , 1708px 103px #5ad5a1 , 324px 1407px #5ad5a1 , 1175px 943px #5ad5a1 , 80px 1221px #5ad5a1 , 1016px 1933px #5ad5a1 , 318px 560px #5ad5a1 , 190px 1489px #5ad5a1 , 1095px 892px #5ad5a1 , 1975px 1191px #5ad5a1 , 1197px 955px #5ad5a1 , 1482px 873px #5ad5a1 , 1912px 300px #5ad5a1 , 2000px 1636px #5ad5a1 , 1473px 1808px #5ad5a1 , 507px 192px #5ad5a1 , 924px 1300px #5ad5a1 , 1485px 1636px #5ad5a1 , 41px 1822px #5ad5a1 , 689px 120px #5ad5a1 , 769px 273px #5ad5a1 , 1039px 976px #5ad5a1 , 1057px 1520px #5ad5a1 , 1417px 1187px #5ad5a1 , 512px 1507px #5ad5a1 , 519px 45px #5ad5a1 , 1207px 1687px #5ad5a1 , 1824px 1488px #5ad5a1 , 1694px 31px #5ad5a1 , 1859px 52px #5ad5a1 , 1368px 268px #5ad5a1 , 190px 1404px #5ad5a1 , 940px 1003px #5ad5a1 , 167px 942px #5ad5a1 , 1641px 647px #5ad5a1 , 1051px 654px #5ad5a1 , 233px 1640px #5ad5a1 , 554px 511px #5ad5a1 , 1705px 1866px #5ad5a1 , 240px 1430px #5ad5a1 , 140px 668px #5ad5a1 , 648px 1617px #5ad5a1 , 252px 101px #5ad5a1 , 676px 1774px #5ad5a1 , 889px 1698px #5ad5a1 , 595px 853px #5ad5a1 , 249px 1768px #5ad5a1 , 1091px 1529px #5ad5a1 , 223px 839px #5ad5a1 , 239px 699px #5ad5a1 , 1547px 356px #5ad5a1 , 249px 1130px #5ad5a1 , 1209px 1946px #5ad5a1 , 1967px 1274px #5ad5a1 , 430px 298px #5ad5a1 , 1305px 134px #5ad5a1 , 156px 91px #5ad5a1 , 1712px 264px #5ad5a1 , 1256px 991px #5ad5a1 , 1887px 1844px #5ad5a1 , 1957px 1275px #5ad5a1 , 1718px 666px #5ad5a1 , 1090px 543px #5ad5a1 , 933px 1411px #5ad5a1 , 801px 323px #5ad5a1 , 202px 1659px #5ad5a1 , 1117px 549px #5ad5a1 , 290px 1859px #5ad5a1 , 1380px 1516px #5ad5a1 , 557px 1165px #5ad5a1 , 1953px 1758px #5ad5a1 , 1901px 1407px #5ad5a1 , 1144px 347px #5ad5a1 , 1640px 271px #5ad5a1 , 1996px 43px #5ad5a1 , 838px 488px #5ad5a1 , 1151px 1529px #5ad5a1 , 306px 460px #5ad5a1 , 1666px 635px #5ad5a1 , 1572px 633px #5ad5a1 , 1797px 1076px #5ad5a1 , 1727px 1119px #5ad5a1 , 474px 871px #5ad5a1 , 1491px 1398px #5ad5a1 , 1301px 868px #5ad5a1 , 1632px 454px #5ad5a1 , 1611px 466px #5ad5a1 , 498px 1162px #5ad5a1 , 796px 269px #5ad5a1 , 1988px 747px #5ad5a1 , 502px 12px #5ad5a1 , 276px 1260px #5ad5a1 , 1536px 974px #5ad5a1 , 956px 656px #5ad5a1 , 107px 701px #5ad5a1 , 965px 491px #5ad5a1 , 1646px 247px #5ad5a1 , 1515px 921px #5ad5a1 , 1813px 519px #5ad5a1 , 697px 143px #5ad5a1 , 591px 1452px #5ad5a1 , 1773px 1411px #5ad5a1 , 1622px 1401px #5ad5a1 , 534px 340px #5ad5a1 , 1590px 284px #5ad5a1 , 1464px 528px #5ad5a1 , 734px 1718px #5ad5a1 , 1929px 1683px #5ad5a1 , 656px 480px #5ad5a1 , 833px 705px #5ad5a1 , 1567px 109px #5ad5a1 , 1055px 330px #5ad5a1 , 1943px 1367px #5ad5a1 , 1935px 1512px #5ad5a1 , 355px 1024px #5ad5a1 , 1894px 218px #5ad5a1 , 1703px 1772px #5ad5a1 , 781px 1394px #5ad5a1 , 367px 42px #5ad5a1 , 100px 690px #5ad5a1 , 1831px 458px #5ad5a1 , 1884px 1878px #5ad5a1 , 814px 1013px #5ad5a1;
}

#stars3 {
width: 3px;
height: 3px;
background: radial-gradient(ellipse at bottom, #2a5153 0%, #09090f 100%);
box-shadow: 1994px 1692px #5ad5a1 , 961px 1928px #5ad5a1 , 819px 1320px #5ad5a1 , 1899px 52px #5ad5a1 , 28px 1937px #5ad5a1 , 157px 88px #5ad5a1 , 860px 1909px #5ad5a1 , 720px 427px #5ad5a1 , 1319px 1469px #5ad5a1 , 677px 960px #5ad5a1 , 1265px 1181px #5ad5a1 , 1176px 1361px #5ad5a1 , 1957px 753px #5ad5a1 , 1674px 1355px #5ad5a1 , 929px 1206px #5ad5a1 , 1038px 898px #5ad5a1 , 1229px 365px #5ad5a1 , 1085px 51px #5ad5a1 , 851px 650px #5ad5a1 , 385px 21px #5ad5a1 , 41px 1153px #5ad5a1 , 718px 70px #5ad5a1 , 1321px 579px #5ad5a1 , 497px 1458px #5ad5a1 , 1981px 813px #5ad5a1 , 776px 1187px #5ad5a1 , 1345px 31px #5ad5a1 , 1571px 400px #5ad5a1 , 339px 587px #5ad5a1 , 146px 750px #5ad5a1 , 64px 61px #5ad5a1 , 307px 981px #5ad5a1 , 388px 849px #5ad5a1 , 1398px 936px #5ad5a1 , 522px 765px #5ad5a1 , 1146px 350px #5ad5a1 , 19px 206px #5ad5a1 , 1767px 319px #5ad5a1 , 1203px 425px #5ad5a1 , 1917px 1018px #5ad5a1 , 91px 1401px #5ad5a1 , 898px 697px #5ad5a1 , 1712px 1121px #5ad5a1 , 633px 1119px #5ad5a1 , 137px 1266px #5ad5a1 , 1006px 931px #5ad5a1 , 1644px 1804px #5ad5a1 , 1596px 1057px #5ad5a1 , 1298px 543px #5ad5a1 , 1505px 996px #5ad5a1 , 1972px 1383px #5ad5a1 , 1210px 1497px #5ad5a1 , 804px 1840px #5ad5a1 , 913px 1047px #5ad5a1 , 187px 1824px #5ad5a1 , 1564px 1994px #5ad5a1 , 557px 1737px #5ad5a1 , 508px 1609px #5ad5a1 , 1259px 1911px #5ad5a1 , 1294px 1381px #5ad5a1 , 1845px 1843px #5ad5a1 , 667px 1497px #5ad5a1 , 1046px 945px #5ad5a1 , 937px 1889px #5ad5a1 , 982px 1806px #5ad5a1 , 1293px 671px #5ad5a1 , 668px 904px #5ad5a1 , 358px 1971px #5ad5a1 , 133px 766px #5ad5a1 , 1152px 1573px #5ad5a1 , 318px 694px #5ad5a1 , 578px 1184px #5ad5a1 , 1620px 1701px #5ad5a1 , 1359px 354px #5ad5a1 , 1807px 1367px #5ad5a1 , 458px 911px #5ad5a1 , 1387px 806px #5ad5a1 , 523px 81px #5ad5a1 , 1243px 341px #5ad5a1 , 906px 1730px #5ad5a1 , 1629px 474px #5ad5a1 , 1690px 419px #5ad5a1 , 847px 808px #5ad5a1 , 528px 1627px #5ad5a1 , 480px 718px #5ad5a1 , 537px 593px #5ad5a1 , 1432px 1333px #5ad5a1 , 200px 1228px #5ad5a1 , 1800px 1375px #5ad5a1 , 725px 1231px #5ad5a1 , 1749px 1432px #5ad5a1 , 1948px 303px #5ad5a1 , 1889px 252px #5ad5a1 , 1114px 1400px #5ad5a1 , 759px 646px #5ad5a1 , 222px 571px #5ad5a1 , 1908px 1401px #5ad5a1 , 1856px 1204px #5ad5a1 , 338px 1645px #5ad5a1 , 1528px 1050px #5ad5a1;
animation: animStar 150s linear infinite;
}
#stars3:after {
content: " ";
position: absolute;
top: 1000px;
background: radial-gradient(ellipse at bottom, #2a5153 0%, #09090f 100%);
box-shadow: 1994px 1692px #5ad5a1 , 961px 1928px #5ad5a1 , 819px 1320px #5ad5a1 , 1899px 52px #5ad5a1 , 28px 1937px #5ad5a1 , 157px 88px #5ad5a1 , 860px 1909px #5ad5a1 , 720px 427px #5ad5a1 , 1319px 1469px #5ad5a1 , 677px 960px #5ad5a1 , 1265px 1181px #5ad5a1 , 1176px 1361px #5ad5a1 , 1957px 753px #5ad5a1 , 1674px 1355px #5ad5a1 , 929px 1206px #5ad5a1 , 1038px 898px #5ad5a1 , 1229px 365px #5ad5a1 , 1085px 51px #5ad5a1 , 851px 650px #5ad5a1 , 385px 21px #5ad5a1 , 41px 1153px #5ad5a1 , 718px 70px #5ad5a1 , 1321px 579px #5ad5a1 , 497px 1458px #5ad5a1 , 1981px 813px #5ad5a1 , 776px 1187px #5ad5a1 , 1345px 31px #5ad5a1 , 1571px 400px #5ad5a1 , 339px 587px #5ad5a1 , 146px 750px #5ad5a1 , 64px 61px #5ad5a1 , 307px 981px #5ad5a1 , 388px 849px #5ad5a1 , 1398px 936px #5ad5a1 , 522px 765px #5ad5a1 , 1146px 350px #5ad5a1 , 19px 206px #5ad5a1 , 1767px 319px #5ad5a1 , 1203px 425px #5ad5a1 , 1917px 1018px #5ad5a1 , 91px 1401px #5ad5a1 , 898px 697px #5ad5a1 , 1712px 1121px #5ad5a1 , 633px 1119px #5ad5a1 , 137px 1266px #5ad5a1 , 1006px 931px #5ad5a1 , 1644px 1804px #5ad5a1 , 1596px 1057px #5ad5a1 , 1298px 543px #5ad5a1 , 1505px 996px #5ad5a1 , 1972px 1383px #5ad5a1 , 1210px 1497px #5ad5a1 , 804px 1840px #5ad5a1 , 913px 1047px #5ad5a1 , 187px 1824px #5ad5a1 , 1564px 1994px #5ad5a1 , 557px 1737px #5ad5a1 , 508px 1609px #5ad5a1 , 1259px 1911px #5ad5a1 , 1294px 1381px #5ad5a1 , 1845px 1843px #5ad5a1 , 667px 1497px #5ad5a1 , 1046px 945px #5ad5a1 , 937px 1889px #5ad5a1 , 982px 1806px #5ad5a1 , 1293px 671px #5ad5a1 , 668px 904px #5ad5a1 , 358px 1971px #5ad5a1 , 133px 766px #5ad5a1 , 1152px 1573px #5ad5a1 , 318px 694px #5ad5a1 , 578px 1184px #5ad5a1 , 1620px 1701px #5ad5a1 , 1359px 354px #5ad5a1 , 1807px 1367px #5ad5a1 , 458px 911px #5ad5a1 , 1387px 806px #5ad5a1 , 523px 81px #5ad5a1 , 1243px 341px #5ad5a1 , 906px 1730px #5ad5a1 , 1629px 474px #5ad5a1 , 1690px 419px #5ad5a1 , 847px 808px #5ad5a1 , 528px 1627px #5ad5a1 , 480px 718px #5ad5a1 , 537px 593px #5ad5a1 , 1432px 1333px #5ad5a1 , 200px 1228px #5ad5a1 , 1800px 1375px #5ad5a1 , 725px 1231px #5ad5a1 , 1749px 1432px #5ad5a1 , 1948px 303px #5ad5a1 , 1889px 252px #5ad5a1 , 1114px 1400px #5ad5a1 , 759px 646px #5ad5a1 , 222px 571px #5ad5a1 , 1908px 1401px #5ad5a1 , 1856px 1204px #5ad5a1 , 338px 1645px #5ad5a1 , 1528px 1050px #5ad5a1;
}
@keyframes animStar {
  from {
      transform: translateY(0); /* Звезды начинают с текущей позиции */
  }
  to {
      transform: translateY(-200vh); /* Звезды уходят за верхнюю границу экрана */
  }
}

.main2 {
font-family: "neontubes";
display: flex;
align-content: center;
align-items: center;
justify-content: flex-start;
height: 36px;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
user-select: none;
-webkit-user-select: none;
}
.main2 span {display: block;position: relative;-webkit-transform: translateZ(0) translate3D(0, 0, 0);transform: translateZ(0) translate3D(0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: opacity;}
.main2 .webdev {
    color: #d9fff0;
    text-shadow: 0 0 0 transparent, 0 0 10px #00d191, 0 0 20px rgb(0 255 144 / 30%), 0 0 30px #00d191;
    animation: blink 4s infinite alternate;
    transition: text-shadow 0.3s ease-in-out;
}

.main2 .webdev:hover {
  text-shadow: 0 0 0 transparent, 0 0 10px #00ff55, 0 0 20px rgb(0 255 144 / 30%), 0 0 30px #02e09e, 0 0 40px #02e09e, 0 0 50px #02e09e;
}

@-webkit-keyframes blink {
    0%, 30% {
        text-shadow: 0 0 0 transparent, 0 0 20px #d1a400, 0 0 40px #d1a400;
    }
    100% {
        text-shadow: 0 0 0 transparent, 0 0 10px #02e09e, 0 0 20px rgb(0 255 144 / 30%), 0 0 30px #02e09e, 0 0 40px #02e09e, 0 0 50px #02e09e;
    }
}

@keyframes blink {
    0%, 30% {
        text-shadow: 0 0 0 transparent, 0 0 20px #d1a400, 0 0 40px #d1a400;
    }
    100% {
        text-shadow: 0 0 0 transparent, 0 0 10px #02e09e, 0 0 20px rgb(0 255 144 / 30%), 0 0 30px #02e09e, 0 0 40px #02e09e, 0 0 50px #02e09e;
    }
}
.main2 .socod {
font-size: 11vw;
color: #d4eaff;
text-shadow: 0 0 0 transparent, 0 0 10px #2695ff, 0 0 20px rgba(38, 149, 255, 0.5), 0 0 40px #2695ff, 0 0 100px #2695ff, 0 0 200px #2695ff, 0 0 300px #2695ff, 0 0 500px #2695ff;
-webkit-animation: buzz 0.01s infinite alternate;
        animation: buzz 0.01s infinite alternate;
}

@-webkit-keyframes buzz {
    70% {
      opacity: 0.80;
    }
}

@keyframes buzz {
    70% {
      opacity: 0.80;
    }
}
@-webkit-keyframes blink {
    40% {
      opacity: 1;
    }
    42% {
      opacity: 0.8;
    }
    43% {
      opacity: 1;
    }
    45% {
      opacity: 0.2;
    }
    46% {
      opacity: 1;
    }
}
@keyframes blink {
    40% {
      opacity: 1;
    }
    42% {
      opacity: 0.8;
    }
    43% {
      opacity: 1;
    }
    45% {
      opacity: 0.2;
    }
    46% {
      opacity: 1;
    }
}

@media screen and (min-width: 1000px) {
    .main2 {
      font-size: 50px;
    }

    .main2 .socod {
      font-size: 103px;
    }
}

.containter-wrapper {
  display: flex
;
  gap: 0.625rem;
}

.container-modules {
  flex: 0 1 75%;
  max-width: 75%;
}

.grozny__aside {
  flex: 0 1 25%;
  max-width: 25%;
  flex-direction: column;
}

@media (max-width: 768px) {

  .grozny__aside,
  .container-modules {
    flex: 0 1 100%;
    max-width: 100%;
  }

  .containter-wrapper {
    flex-wrap: wrap;
  }
}

.grozny__aside-block {}

.grozny__aside-sort {
  overflow: hidden;
  border-radius: var(--br-16);
  display: flex;
  flex-direction: column;
  border: 1px solid var(--transparent-5-w);
  position: relative;
}

.grozny__aside-airtext {
  position: absolute;
  bottom: 5rem;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  right: 50%;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 1;
  font-size: var(--font-size-l);
  font-family: var(--font-family-1);
  font-weight: var(--font-weight-6);
  transform: translate(50%, 0);
  background-color: var(--transparent-5-w);
  width: max-content;
  padding: .5rem 1rem;
  border-radius: var(--br-10);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--transparent-10-w);
}

.grozny__aside-sort:hover .grozny__aside-airtext {
  opacity: 1;
  visibility: visible;
  bottom: 6rem;
}

.grozny__aside-sort:hover img {
  scale: 1.05;

}

.grozny__aside-store:hover img {
  rotate: unset;
}

.grozny__aside-sort img {
  width: 100%;
  height: 463px;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.grozny__aside-button {
  background-color: var(--span);
  padding: 1rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  z-index: 1;
}

.grozny__aside-button svg {
  flex: 0 0 auto;
  width: 2.2rem;
  height: 2.2rem;
}

.grozny__aside-button-text {
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-5);
}

.grozny-tg {
  background-color: var(--text-default);
  color: var(--text-default-invert);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-8);
  border-radius: var(--br-16);
  padding: 0.2rem 0.5rem;
  margin-left: 0.3rem;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.grozny__aside-sort:hover .grozny-tg {
  background-color: var(--bg);
  color: var(--span);
}