:root {
  --font-family-0: "Roboto Condensed", sans-serif;
}

.igwrIe {
  --sc-accent: #6080ff;
  --sc-bg: #141825;
  --sc-accent-hover: #4a6dff;
  --sc-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto100-1.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto100-2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto100-3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto100-4.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto300-1.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto300-2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto300-3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto300-4.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto400-1.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto400-2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto400-3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto400-4.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto500-1.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto500-2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto500-3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto500-4.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto700-1.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto700-2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto700-3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto700-4.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto900-1.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto900-2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto900-3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/Roboto/Roboto900-4.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC300-1.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC300-2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC300-3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC300-4.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC400-1.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC400-2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC400-3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC400-4.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC700-1.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC700-2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC700-3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/RobotoCondensed/RobotoC700-4.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block;
}

.slick-slider {
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

.slick-list:focus {
  outline: 0px;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0px);
}

.slick-track {
  top: 0px;
  left: 0px;
}

.slick-track::after,
.slick-track::before {
  display: table;
  content: "";
}

.slick-track::after {
  clear: both;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.slick-slide img {
  display: block;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  padding: 0px;
}

.slick-next::before,
.slick-prev::before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
}

.slick-next,
.slick-prev {
  font-size: 0px;
  line-height: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  color: transparent;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  outline: 0px;
  background: 0px 0px;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0px;
  background: 0px 0px;
}

.slick-next:focus::before,
.slick-next:hover::before,
.slick-prev:focus::before,
.slick-prev:hover::before {
  opacity: 1;
}

.slick-next::before,
.slick-prev::before {
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: rgb(255, 255, 255);
}

.slick-prev {
  left: -25px;
}

.slick-prev::before {
  content: "←";
}

.slick-next::before {
  content: "→";
}

.slick-next {
  right: -25px;
}

:hover::before {
  transition: 0.3s !important;
}

:not(path, use, g, symbol),
::before,
::after {
  position: relative;
  border: 0px;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  margin: 0px;
  padding: 0px;
}

button {
  outline: none;
}

li {
  transition: none;
}

a:hover {
  text-decoration: none;
}

a,
button,
span,
::before,
::after {
  text-decoration: none;
}

html {
  background: rgb(17, 20, 28);
  min-height: 100%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-family: Roboto;
}

ul::-webkit-scrollbar {
  background: transparent;
}

body {
  min-width: 320px;
  height: 100%;
  width: 100%;
  overflow: auto;
}

img,
svg {
  user-select: none;
  outline: none;
}

.wrap {
  margin: 0px auto;
}

.grid {
  display: block;
  overflow: hidden;
}

.grid > a {
  border-radius: 12px;
  display: inline-block;
  height: 80px;
  vertical-align: top;
  overflow: hidden;
}

.grid > a:hover {
  color: rgb(255, 255, 255);
}

.grid > div,
.grid > a {
  transition: 0.3s;
}

h1 {
  font-size: 48px;
  text-transform: uppercase;
  display: block;
}

h3 {
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  display: block;
}

::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

li {
  list-style: none;
  outline: none;
}

@media (max-width: 576px) {
  .wrap {
    padding: 0px;
  }
}

button {
  cursor: pointer;
  font-family: Roboto;
  transition: filter 0.3s;
}

button:not(.disabled):hover {
  filter: brightness(115%);
}

a {
  cursor: pointer;
}

body {
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.55);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

main {
  margin-left: var(--site-sidebar-width, 246px);
  height: 100%;
  padding-top: 70px;
  display: block;
  transition: 0.2s;
  overflow: hidden auto;
}

.wrap {
  height: unset;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#routerpages {
  width: 100%;
  display: block;
  flex-grow: 1;
}

svg,
img {
  color: inherit;
  font-size: inherit;
}

.modal__overlay {
  background-color: rgba(19, 22, 27, 0.6);
  opacity: 0;
  position: fixed;
  inset: 0px;
  pointer-events: none;
  transition: opacity 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1202;
  width: 100%;
  height: 100%;
}

#application {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.slick-slide {
  height: 86px;
}

.slick-slide:not(:last-of-type) {
  padding-right: 11px;
}

@media (max-width: 1000px) {
  main {
    padding-bottom: 72px;
  }
}

@media (max-width: 1000px) {
  main {
    margin-left: 0px;
    padding-top: 70px;
  }

  header {
    left: 0px;
    padding: 0px 18px;
    height: 79px;
  }

  #page-servers {
    padding-top: 12px;
  }

  header {
    background: rgba(19, 24, 33, 0.9);
    backdrop-filter: blur(8px);
  }

  .sidebar-top {
    display: none !important;
  }
}

@media (max-width: 750px) {
  .desktop-only {
    display: none !important;
  }

  .slick-prev::before,
  .slick-next::before {
    opacity: 1 !important;
  }

  #nav-servers {
    display: none;
  }

  #page-servers {
    padding: 12px;
  }
}

@media (max-width: 650px) {
  #servers .modes {
    grid-template-columns: repeat(auto-fill, minmax(9.2rem, 1fr));
  }
}

@media (max-width: 1000px) {
  .ezlDUb {
    height: 100%;
  }
}

.iLUNnu {
  background: rgba(18, 21, 31, 0.2);
  border-radius: 4px 0px 0px 4px;
  width: 32px;
  height: 100%;
  transition: background 0.3s;
}

.iLUNnu.cs2 {
  background: linear-gradient(327.26deg, rgb(44, 55, 122) -17.01%, rgba(103, 116, 196, 0.6) 92.2%), rgb(22, 27, 37);
}

.iLUNnu img {
  height: 16px;
}

.eHUkTg {
  padding: 0px 16px;
  font-weight: 500;
  font-size: 14px;
  color: rgb(170, 181, 198);
}

.eHUkTg img {
  width: 12px;
  margin-left: 4px;
}

.fhaFsL {
  background: rgba(56, 65, 97, 0.5);
  backdrop-filter: blur(5.5px);
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  color: rgb(170, 181, 198);
  cursor: pointer;
  transition: 0.3s;
}

.fhaFsL > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fhaFsL:hover {
  filter: brightness(120%);
}

.eVQLfR {
  width: 0px;
  height: 0px;
  opacity: 0;
}

.gjbfNT {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
  gap: 6px;
}

.gjbfNT div {
  font-size: 13px;
  font-weight: 700;
}

.gjbfNT span {
  margin: 0px !important;
}

.gjbfNT .live-dot {
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: rgb(96, 128, 255);
  text-align: center;
  display: block;
}

.gjbfNT .live-dot::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  border-radius: 100%;
  background-color: inherit;
  animation: 3s ease-out 0s infinite normal none running signal;
  opacity: 0.5;
}

@media (max-width: 768px) {
  .gjbfNT {
    flex-direction: row;
    padding: 0px;
  }
}

.ilzoPE {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}

.fZwGja {
  display: flex;
  height: 100%;
  align-items: center;
  flex-direction: row;
}

.fZwGja > * {
  margin: 0px 7px;
  height: 100%;
  display: flex;
  align-items: center;
}

@media (max-width: 650px) {
  .fZwGja {
    position: static;
  }
}

.dkEDfZ {
  background: rgb(17, 20, 28);
  white-space: nowrap;
  position: fixed;
  display: flex;
  align-items: center;
  gap: 24px;
  padding-left: 1vw;
  padding-right: 1vw;
  justify-content: space-between;
  left: var(--site-sidebar-width, 246px);
  right: 0px;
  transition: 0.2s;
  top: 0px;
  height: 70px;
  z-index: 1200;
  box-shadow: none;
}

@media (max-width: 1000px) {
  .dkEDfZ {
    left: 0px;
    gap: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.dkEDfZ img {
  vertical-align: middle;
}

.dkEDfZ .login-btn-wrapper {
  height: 60px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.dkEDfZ .login-btn {
  padding: 0px 10px;
  height: 33px;
  background: rgb(96, 128, 255);
  border-radius: 6px;
  font-weight: bold;
  display: flex;
  font-family: Roboto;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  white-space: nowrap;
  line-height: 14px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
  float: right;
}

.dkEDfZ .login-img {
  margin-left: 7px;
  width: 13px;
}

.cA-DQBw {
  display: none;
  align-items: center;
  height: 100%;
  gap: 16px;
}

.cA-DQBw img {
  width: 46px;
}

@media (max-width: 1000px) {
  .cA-DQBw {
    display: flex;
  }
}

.iJubsd {
  display: flex;
  align-items: center;
  gap: 16px;
}

@media (max-width: 1000px) {
  .iJubsd {
    display: none;
  }
}

.igwrIe {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1201;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  border-radius: 999px;
  background: var(--sc-accent);
  color: rgb(255, 255, 255);
  box-shadow: rgba(6, 8, 14, 0.45) 0px 2px 6px, rgba(6, 8, 14, 0.4) 0px 12px 32px;
  cursor: pointer;
  transition: transform 0.16s var(--sc-ease),background-color 0.16s ease,opacity 0.24s var(--sc-ease);
}

.igwrIe svg {
  transform: translate(-1px, 1px);
}

.igwrIe:hover {
  background: var(--sc-accent-hover);
  transform: translateY(-2px);
}

.igwrIe:active {
  transform: scale(0.96);
}

.igwrIe:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--sc-bg),0 0 0 5px var(--sc-accent);
}

@media (max-width: 640px) {
  .igwrIe {
    right: 16px;
    bottom: 16px;
  }
}

.iARXzp {
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgb(174, 204, 228);
  background: transparent !important;
}

.iARXzp .icon {
  transition: fill 0.2s;
}

.iARXzp:hover .icon {
  fill: rgb(96, 128, 255);
}

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

.KtAhv::after {
  content: "";
  width: 1px;
  height: 14px;
  border-radius: 8px;
  background: rgb(28, 32, 39);
}

.iVplQj {
  font-size: 0px;
  text-align: center;
  display: flex;
  top: 0px;
  right: 0px;
  z-index: 9;
  padding: 0px;
  margin: 0px 1vw;
  justify-content: center;
  gap: 6px 4px;
  flex-wrap: wrap;
  white-space: normal;
  background-color: transparent !important;
}

.iVplQj a {
  background-color: rgba(255, 255, 255, 0.05);
  transition: 0.3s;
  border-radius: 8px;
  height: 40px;
  font-family: var(--font-family-0);
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0px 16px;
}

.iVplQj a:last-of-type {
  margin-right: 0px;
}

.iVplQj a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgb(96, 128, 255);
}

.iVplQj .nav-servers-button {
  position: relative;
}

.iBNFEF {
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 12px !important;
}

.iBNFEF:hover {
  opacity: 1;
}

.iBNFEF img {
  transition: 0.3s;
  opacity: 0.4;
  width: 20px;
  height: 20px;
}

.iBNFEF:hover img {
  opacity: 1;
}

.gLLKrG {
  position: absolute;
  top: -5px;
  right: -4px;
  width: 18px;
  height: 18px;
  opacity: 0;
  transition: opacity 0.2s;
}

.gLLKrG > div {
  position: absolute;
  inset: 0px;
  opacity: 0;
  transition: opacity 0.2s;
}

.gLLKrG svg {
  width: 18px;
  height: 18px;
  display: block;
}

.gLLKrG .default {
  opacity: 1;
}

.gLLKrG:hover .default {
  opacity: 0;
}

.gLLKrG:hover .hover {
  opacity: 1;
}

.nav-servers-button:hover .gLLKrG {
  opacity: 1;
}

.gQjhkq {
  transition: transform 0.2s;
  color: rgb(174, 204, 228);
}

.hfzNAH {
  width: 100%;
  text-align: left;
  color: rgb(174, 204, 228);
  font-size: 11px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.3s;
  flex-shrink: 0;
  max-height: 0px;
  opacity: 0;
}

.nav-servers-button:hover .hfzNAH {
  max-height: 20px;
  opacity: 0.5;
}

.jjayxH {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

.kuHRKo {
  background: rgba(240, 179, 88, 0.22);
  width: 100%;
  padding: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}

.kuHRKo div,
.kuHRKo a {
  color: rgb(240, 179, 88);
  font-size: 14px;
}

.kuHRKo div {
  display: flex;
  align-items: center;
}

.kuHRKo svg {
  margin-right: 8px;
  min-width: 14px;
}

.kuHRKo a {
  text-decoration-line: underline;
  margin-left: 4px;
}

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

.jNPWAG {
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  cursor: pointer;
  height: 10px;
}

.iIBXqn {
  letter-spacing: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  position: absolute;
  z-index: 20;
  text-align: center;
  text-transform: uppercase;
  opacity: 1;
  transition: 0.3s;
  font-family: var(--font-family-0);
  inset: auto 0px 44px;
  margin: 0px auto;
  display: block;
  color: rgb(255, 255, 255);
  font-size: 18px;
  pointer-events: none;
}

@media (max-width: 650px) {
  .iIBXqn {
    font-size: 15px;
  }
}

.cXdYnF {
  transition: 0.3s;
  font-style: normal;
  position: absolute;
  bottom: 24px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  letter-spacing: 0px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: normal;
  font-size: 12px;
  z-index: 20;
  display: block;
  text-align: center;
  text-transform: lowercase;
  pointer-events: none;
}

.bJCXeN {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  z-index: 1;
}

.esghI {
  width: 100%;
  height: 300px;
  z-index: 0;
  border-radius: 12px 0px;
  display: flex;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  text-align: center;
  place-items: center;
  opacity: 1;
  justify-content: center;
  text-decoration: none;
  color: rgb(174, 204, 228);
}

.esghI .mode-card-media,
.esghI .mode-card-video {
  opacity: 0.3;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: opacity 0.35s;
  border-radius: 12px;
  background: linear-gradient(rgb(20, 26, 35) 0%, rgb(26, 34, 48) 100%);
  width: 100% !important;
  height: 320px !important;
}

.esghI .mode-card-media img,
.esghI .mode-card-video video {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}

.esghI .mode-card-video {
  display: none;
}

@media (min-width: 800px) {
  .esghI.hover:hover .mode-card-video {
    display: block;
    opacity: 0.7;
  }

  .esghI.hover:hover .mode-card-media {
    display: none;
  }
}

.DKgJN {
  width: 100%;
  height: 320px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 12px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.35s;
  background: linear-gradient(135deg, rgba(31, 38, 51, 0.72) 0%, rgba(36, 45, 62, 0.56) 100%);
}

.clLENC {
  transition: opacity 0.25s, filter 0.25s;
}

.clLENC .m {
  border-radius: 12px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  transition: 0.3s;
}

.clLENC .block-border-map {
  background: rgb(20, 25, 30);
  border-radius: 12px;
  overflow: hidden;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
}

.clLENC .block-border {
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: 300% 300%;
  background-position: 0px 50%;
  border-radius: 12px !important;
}

.clLENC .block-border.golden {
  background: linear-gradient(60deg, rgb(248, 142, 20), rgb(255, 147, 0), rgb(255, 175, 7));
}

.clLENC .block-border.green {
  background: rgb(92, 212, 139);
}

.clLENC .mode-badge {
  font-family: Roboto;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 5px;
  background: rgba(253, 181, 16, 0.15);
  color: rgb(253, 181, 16);
  padding: 5px 10px;
  pointer-events: none;
  display: flex;
}

.kmCVAq {
  z-index: 1;
  position: absolute;
  left: 12px;
  top: 12px;
  border-radius: 6px;
  background: rgb(92, 212, 139);
  display: flex;
  padding: 5px 9px 5px 7px;
  align-items: center;
  gap: 3px;
  pointer-events: none;
}

.kmCVAq img {
  width: 15px;
  height: 15px;
}

.kmCVAq p {
  color: rgb(27, 71, 42);
  font-size: 11px;
  font-weight: 700;
}

.kNIDvG {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: inherit;
  background: rgb(19, 24, 33);
}

.uhGTP {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
  opacity: 1;
  transition: opacity 0.2s;
}

.cqqvQD {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
  opacity: 1;
  transition: opacity 0.2s;
}

.fRpCRt {
  border: 2px solid rgb(96, 128, 255);
  border-radius: 12px;
  background: url("/img/pages/servers/auth-banner-bg.png") center center / cover no-repeat rgb(19, 27, 46);
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

.fRpCRt .slider-container {
  width: 261px;
}

.fRpCRt .slick-slider,
.fRpCRt .slick-list {
  width: 100%;
  overflow: visible;
}

.fRpCRt .slick-list {
  top: 14px;
  left: 92px;
}

.fRpCRt .slick-slide:not(:last-of-type) {
  padding-right: 8px;
}

.fRpCRt .slick-slide {
  opacity: 0.5;
  transition: opacity 0.5s, transform 0.5s;
}

.fRpCRt .slick-slide.slick-current {
  opacity: 1;
  transform: translateY(-23px);
}

.fRpCRt .slick-slide {
  height: auto;
}

.fRpCRt .slick-arrow {
  display: none !important;
}

.fRpCRt h3 {
  color: rgb(197, 213, 255);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  text-transform: none;
}

.fRpCRt button {
  border-radius: 8px;
  background: rgb(96, 128, 255);
  padding: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: rgb(255, 255, 255);
  font-size: 11px;
  font-weight: 700;
}

.fRpCRt button img {
  width: 15px;
}

.gxMNCd {
  display: flex;
  align-items: center;
  gap: 7px;
}

.hvMuiq {
  border-radius: 19px;
  background: linear-gradient(162deg, rgb(49, 70, 155) 0.77%, rgb(96, 128, 255) 82.23%);
  backdrop-filter: blur(2px);
  width: 67px;
  height: 106px;
  overflow: hidden;
}

.hvMuiq div {
  width: 100%;
  height: 100%;
  mask-image: linear-gradient(172deg, rgb(217, 217, 217) 42.7%, rgba(217, 217, 217, 0) 94.96%);
}

.hvMuiq img {
  position: absolute;
  width: 130%;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
}

.dwaXSW {
  border-radius: 105px;
  background: rgb(26, 33, 61);
  backdrop-filter: blur(6.43404px);
  position: absolute;
  width: calc(100% - 10px);
  left: 5px;
  bottom: 5px;
  z-index: 1;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-weight: 700;
  padding: 8px 0px;
}

.fUGMoP {
  color: rgb(255, 255, 255);
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}

.hzbjaa {
  height: 100%;
  width: 100%;
  padding-top: 2px;
}

.hzbjaa .page-servers-grid {
  display: block;
  margin: 1vw 1vw 0px;
  height: 100%;
}

.hzbjaa #servers {
  width: 100%;
  height: 100%;
}

.hzbjaa #page-servers-home {
  display: none;
  overflow: initial;
  padding-left: 0px;
  padding-right: 0px;
}

.hzbjaa #page-servers-home > a {
  right: 0px;
  top: 0px;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
}

.hzbjaa #servers .modes {
  width: 100%;
  display: grid;
  height: 100%;
  grid-template-columns: repeat(auto-fill, minmax(10.2rem, 1fr));
  gap: 0.9rem !important;
  align-content: flex-start !important;
}

.hzbjaa #servers .modes > a,
.hzbjaa #servers .modes .m {
  position: relative;
  width: 100% !important;
  height: 300px !important;
}

@media (min-width: 2100px) {
  .hzbjaa #servers .modes {
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
  }
}

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

.igWGtr svg {
  transition: 0.2s;
  height: 42px;
  display: block;
}

.csaPCt {
  position: absolute;
  right: -26px;
  top: 36px;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: rgb(23, 27, 38);
  color: rgb(87, 99, 144);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  flex-shrink: 0;
  z-index: 1;
  transition: 0.2s;
}

.csaPCt svg {
  content: "";
  width: 16px;
  height: 16px;
  transform: rotate(0deg);
  transition: color 0.18s, transform 0.18s;
}

.csaPCt:hover {
  background: rgb(26, 33, 51);
  transform: scale(1.04);
}

@media (max-width: 1000px) {
  .csaPCt {
    display: none;
  }
}

.djNdzE {
  width: 246px;
  min-width: 246px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 14px 16px 24px;
  background: rgb(12, 16, 26);
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  transition: 0.2s;
  z-index: 1201;
}

.djNdzE > div {
  width: 100%;
}

.djNdzE:hover .sc-ktNptt {
  opacity: 1;
}

@media (max-width: 1000px) {
  .djNdzE {
    width: 100%;
    height: auto;
    min-width: 0px;
    top: auto;
    flex-direction: row;
    gap: 0px;
    padding: 0px;
    background: rgba(19, 24, 33, 0.9);
    backdrop-filter: blur(8px);
  }

  .djNdzE .sidebar-top,
  .djNdzE .sidebar-bottom,
  .djNdzE .sidebar-separator {
    display: none;
  }

  .djNdzE .sidebar-nav {
    flex-direction: row;
    justify-content: center;
    gap: 4px;
    padding: 14px 16px;
    margin-top: 0px !important;
  }

  .djNdzE .sidebar-link {
    width: 100%;
    min-width: 0px;
    flex: 1 1 0px;
    justify-content: center;
    padding: 8px;
  }

  .djNdzE .sidebar-link.desktop-only {
    display: none;
  }

  .djNdzE .sidebar-link span {
    display: none;
  }

  .djNdzE .sidebar-link .sidebar-progress-badge {
    display: none;
  }

  .djNdzE .sidebar-miniapps {
    flex: 1 1 0px;
    min-width: 0px;
  }

  .djNdzE .sidebar-hover-highlight {
    display: none;
  }
}

.bmtEXI {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  position: relative;
  transition: padding 0.2s;
}

.hDEZPb {
  display: flex;
  align-items: center;
  gap: 12px;
  position: static;
}

.kooWNv {
  width: 100%;
  height: 1px;
  background: rgba(57, 67, 96, 0.1);
  margin: 8px 0px;
  position: relative;
  z-index: 1;
}

.etDetY {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: 28px;
  position: relative;
}

@media (max-width: 1750px) {
  .etDetY {
    margin-top: 18px;
  }
}

.gOropF {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 8px;
  transition: 0.3s;
  position: relative;
  z-index: 1;
}

.gOropF > span {
  color: rgb(184, 194, 211);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  max-width: 150px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: max-width 0.2s, opacity 0.16s;
}

.gOropF .genshin-attention {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 12px;
  min-width: 12px;
  height: 12px;
  z-index: 1;
}

.gOropF:hover,
.gOropF.active {
  color: rgb(220, 232, 248);
}

.gOropF.active {
  z-index: 2;
  background: rgb(24, 32, 54);
}

.gOropF.active > span {
  color: rgb(96, 128, 255);
}

.gOropF.golden {
  z-index: 2;
  background: rgb(41, 38, 35);
}

.gOropF.golden > span {
  color: rgb(240, 179, 88);
}

.gOropF.golden:hover {
  background: rgb(41, 38, 35);
}

.lGifL {
  width: 100%;
}

@media (max-width: 1000px) {
  .lGifL {
    flex: 1 1 0px;
    min-width: 0px;
  }

  .lGifL.desktop-only {
    display: none;
  }
}

.gxcNpm {
  margin-left: auto;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(96, 128, 255, 0.14);
  color: rgb(143, 165, 255);
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  transition: max-width 0.2s, margin-left 0.2s, padding 0.2s, opacity 0.16s;
}

.fGJsyy {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  border-radius: 8px;
  background: rgba(57, 67, 96, 0.12);
  pointer-events: none;
  z-index: 0;
  will-change: transform, height, opacity;
  transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), height 0.18s, opacity 0.14s;
}

.ktcryl svg {
  display: block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  flex-shrink: 0;
  transition: opacity 0.2s, transform 0.2s;
}

.eDMgyg {
  position: relative;
  cursor: pointer;
  border-radius: 15px;
  background: url("/img/pages/main/pickem-banner-bg-2.png") center center / cover no-repeat rgb(28, 35, 52);
  box-shadow: rgba(8, 11, 17, 0.3) 0px 8px 12px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 0px;
  overflow: hidden;
  transform-origin: center bottom;
  animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running hleIoX;
}

.eDMgyg img {
  height: 90px;
}

.eDMgyg h2 {
  color: rgb(232, 236, 244);
  font-size: 15px;
  font-weight: 500;
  margin-top: 12px;
}

.eDMgyg p {
  margin: 6px 0px 18px;
  color: rgb(156, 164, 190);
  text-align: center;
  font-size: 13px;
  line-height: 140%;
  padding: 0px 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.eDMgyg div {
  padding: 0px 16px;
  width: 100%;
}

@media (max-height: 860px) {
  .eDMgyg {
    display: none;
  }
}

.lamgd {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 1;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: background 0.18s, transform 0.18s;
}

.lamgd svg {
  width: 12px;
  height: 12px;
}

.lamgd:hover {
  background: rgba(8, 11, 17, 0.7);
  transform: scale(1.05);
}

.jYCBOE {
  border-radius: 6px;
  background: rgb(255, 200, 117);
  padding: 10px 15px;
  color: rgb(40, 43, 54);
  font-size: 12px;
  font-weight: 700;
  width: 100%;
  white-space: nowrap;
}

.dklsuU {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(57, 67, 96, 0.1);
}

.dklsuU .footer__socials {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.dklsuU .footer__socials a {
  display: flex;
  width: 22px;
  height: 22px;
  align-items: center;
}

.dklsuU .footer__socials img {
  width: 100%;
}

.bbXdGE {
  display: block;
}

.gcYPIa {
  width: 100%;
  position: relative;
  z-index: 1;
}

.jmWkZ {
  height: 200px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
}

.jmWkZ span {
  position: absolute;
  top: -50px;
  left: -40px;
  width: 115px;
  height: 55px;
  background: linear-gradient(135deg, rgba(96, 128, 255, 0.3), rgba(103, 116, 196, 0.2));
  border-radius: 50%;
  filter: blur(25px) brightness(1.1) contrast(1.2) saturate(1.3);
  pointer-events: none;
  z-index: 0;
}

.bZHEdk {
  margin-top: 40px;
  width: 100%;
  flex-shrink: 0;
}

.unauth .bZHEdk {
  height: 280px;
}

.bZHEdk .flex-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 0px;
  overflow: auto;
  padding-bottom: 40px;
}

.bZHEdk .footer__sponsors {
  width: 100%;
  text-align: center;
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
}

.bZHEdk .footer__sponsors img {
  transition: 0.3s;
  opacity: 0.1;
  max-width: 170px;
  max-height: 80px;
  background: 0px 0px;
}

.bZHEdk .footer__sponsors a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.bZHEdk .footer__sponsors a:hover img {
  opacity: 1;
  transition: 0.3s;
  filter: grayscale(24%);
}

.bZHEdk .footer__navigation {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 80px;
  justify-content: space-between;
  padding: 48px 96px 80px;
  border-top: 1px solid rgb(28, 33, 39);
}

.bZHEdk .footer__logo {
  display: flex;
  padding-right: 10px;
  gap: 30px;
}

.bZHEdk .footer__logo img {
  height: 30px;
  margin-top: 3px;
}

.bZHEdk .footer-company {
  width: 230px;
}

.bZHEdk .footer-notaffiliated {
  padding: 12px 6px;
  color: rgba(81, 87, 102, 0.68);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.bZHEdk .footer-company h5 {
  color: rgb(114, 119, 131);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 16px;
}

.bZHEdk .footer-company h6,
.bZHEdk .footer-company span {
  color: rgb(81, 87, 102);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
}

.bZHEdk .footer-company span {
  text-transform: none;
}

.bZHEdk .footer-company h6 {
  font-weight: 600;
}

.bZHEdk .footer-right {
  display: flex;
  gap: 106px;
  flex-wrap: wrap;
}

.bZHEdk .footer__nav-list {
  display: flex;
  gap: 86px;
  flex-wrap: wrap;
}

.bZHEdk .footer__nav-list ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bZHEdk .footer__nav-list li {
  display: inline;
  list-style-type: none;
  color: rgb(154, 159, 169);
  transition: filter 0.2s;
  font-size: 14px;
  font-weight: 400;
}

.bZHEdk .footer__nav-list li:hover {
  filter: brightness(125%);
}

.bZHEdk .footer-socials-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
}

.bZHEdk .footer__socials {
  display: flex;
  gap: 12px;
}

.bZHEdk .footer__socials img {
  width: 100%;
  transition: filter 0.2s;
}

.bZHEdk .footer__socials a {
  display: flex;
  width: 22px;
  height: 22px;
  align-items: center;
}

.bZHEdk .footer__socials a:hover img {
  filter: brightness(135%);
}

.bZHEdk .footer-payments {
  display: flex;
  align-items: center;
  gap: 6px;
}

.bZHEdk .footer-payments svg {
  height: 16px;
  filter: brightness(50%);
  transition: filter 0.2s;
}

.bZHEdk .footer-payments svg:hover {
  filter: brightness(100%);
}

.bZHEdk .footer-lang {
  padding: 12px;
  border-radius: 6px;
  background: rgb(20, 25, 38);
  gap: 12px;
  display: flex;
  align-items: center;
}

.bZHEdk .footer-lang__wrapper {
  position: relative;
  z-index: 200;
}

.bZHEdk .footer-lang svg {
  transition: transform 0.2s;
}

.bZHEdk .footer-lang__current {
  color: rgb(181, 195, 219);
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  display: flex;
  align-items: center;
}

.bZHEdk .footer-lang__current img {
  width: 18px;
}

@media (max-width: 1750px) {
  .bZHEdk .footer__sponsors img {
    width: 130px;
  }
}

@media (max-width: 1366px) {
  .bZHEdk .footer-right {
    row-gap: 50px;
  }
}

@media (max-width: 1000px) {
  .bZHEdk .footer-socials-wrapper {
    align-items: flex-start;
    gap: 30px;
  }
}

@media (max-width: 750px) {
  .bZHEdk .footer__navigation,
  .bZHEdk .footer__sponsors {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 740px) {
  .bZHEdk .footer__sponsors::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 40px;
    opacity: 0.4;
    height: 40px;
    background: url("/img/icons/swipe-horizontal.png") center center / cover no-repeat;
    right: 20px;
    transform: translateY(50%);
    animation: 2s ease 0s infinite normal none running fading;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Roboto Condensed", Roboto, sans-serif;
    font-weight: bold;
  }
}

@media (max-width: 650px) {
  .bZHEdk .footer__nav-list {
    gap: 35px;
  }

  .bZHEdk .footer__navigation {
    grid-template-columns: 1fr 1fr;
  }

  .bZHEdk .footer__logo span {
    margin-left: 0px;
    margin-top: 10px;
  }

  .bZHEdk .footer__logo {
    flex-direction: column;
    align-items: flex-start;
  }

  .bZHEdk .flex-wrap {
    gap: 20px;
  }

  .bZHEdk .footer__sponsors img {
    width: 110px;
  }
}

.fwusvE {
  position: fixed;
  bottom: 36px;
  left: 280px;
  z-index: 101;
  display: flex;
  flex-direction: column;
  transition: left 0.2s;
  gap: 6px;
  pointer-events: none;
}

@media (max-width: 1000px) {
  .fwusvE {
    display: none;
  }
}

@-webkit-keyframes signal {
  20%,
  100% {
    opacity: 0;
    transform: scale(5);
  }
}

@keyframes fading {
  0% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.4;
  }
}

@keyframes hleIoX {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }

  100% {
    opacity: 1;
    transform: translateY(0px) scale(1);
  }
}

.tippy-box {
  max-width: 390px !important;
}

[data-tippy-root] {
  max-width: calc(-10px + 100vw);
}

.tippy-box {
  position: relative;
  background-color: rgb(28, 33, 48);
  border-radius: 4px;
  font-family: Roboto;
  font-size: 12px;
  line-height: 1.4;
  outline: 0px;
  transition-property: transform, visibility, opacity;
  color: rgb(143, 150, 172) !important;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

.tippy-box[data-theme="game"] {
  background: transparent;
}

.tippy-box[data-theme="game"] .tippy-content {
  padding: 5px 0px 0px;
}

::before,
::after {
  text-decoration: none;
}

img {
  user-select: none;
  outline: none;
}

img {
  color: inherit;
  font-size: inherit;
}

.jVFIvX {
  position: absolute;
  transition: transform 0.3s;
}

.leuXqd {
  width: 128px;
  height: 190px;
  padding: 12px;
  border-radius: 8px;
  transition: filter 0.3s;
  overflow: hidden;
}

.leuXqd.csgo {
  background: linear-gradient(327.26deg, rgb(103, 45, 22) -17.01%, rgba(202, 145, 59, 0.6) 92.2%), rgb(22, 27, 37);
}

.leuXqd.csgo .sc-eJwVsk {
  top: -2px;
  left: -48px;
  height: 238px;
}

.leuXqd.cs2 {
  background: linear-gradient(327.26deg, rgb(44, 55, 122) -17.01%, rgba(103, 116, 196, 0.6) 92.2%), rgb(22, 27, 37);
}

.leuXqd.cs2 .sc-eJwVsk {
  top: -8px;
  left: -75px;
  height: 250px;
}

.leuXqd.rust {
  background: linear-gradient(327deg, rgb(103, 22, 22) -17.01%, rgba(202, 59, 59, 0.6) 92.2%), rgb(22, 27, 37);
}

.leuXqd.rust .sc-eJwVsk {
  top: 6px;
  left: -5px;
  height: 181px;
}

.leuXqd h5 {
  position: absolute;
  bottom: 39px;
  left: 50%;
  font-family: "Roboto Condensed";
  font-weight: 700;
  transform: translateX(-50%);
  font-size: 20px;
  letter-spacing: 0.02em;
  color: rgb(255, 255, 255);
}

.leuXqd p {
  position: absolute;
  bottom: 19px;
  transform: translateX(-50%);
  left: 50%;
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: rgb(199, 211, 226);
  text-transform: lowercase;
}

.leuXqd:hover {
  filter: brightness(120%);
  cursor: pointer;
}

.leuXqd:hover .sc-eJwVsk {
  transform: scale(1.4) translate(20px, 20px);
}

.NkujJ {
  padding: 12px;
  background: rgb(17, 21, 29);
  border: 1px solid rgb(26, 30, 45);
  border-radius: 12px;
  display: flex;
  gap: 6px;
}

@media (max-width: 500px) {
  .NkujJ {
    width: calc(-24px + 100vw);
    flex-direction: column;
  }

  .NkujJ .sc-nVikz {
    width: 100%;
    height: 100px;
  }

  .NkujJ .sc-nVikz h5 {
    top: 24px;
    bottom: auto;
  }

  .NkujJ .sc-nVikz p {
    bottom: 24px;
  }

  .NkujJ .sc-nVikz .sc-eJwVsk {
    top: -12px;
    left: 12px;
    height: 140px;
  }
}

.server-row {
  width: 100%;
  height: 60px;
  cursor: pointer;
  border-radius: 7px;
  background: rgb(17, 23, 31);
  display: grid;
  grid-template-columns: minmax(250px, 1.9fr) minmax(110px, 0.9fr) minmax(120px, 1fr) minmax(70px, 0.7fr) minmax(110px, 0.9fr) minmax(150px, 1.1fr) minmax(75px, 0.7fr);
  padding: 0px 30px 0px 33px;
  margin-top: 3px;
  position: relative;
  overflow: hidden;
}

.server-row div {
  display: flex;
  align-items: center;
}

.server-row::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  width: 1600px;
  height: 100%;
  background: linear-gradient(270deg, rgb(17, 23, 31) 84.7%, rgba(17, 23, 31, 0) 157%);
  z-index: 1;
}

.server-row > div {
  z-index: 2;
}

.server-row > div,
.server-row span {
  font-weight: 500;
  font-size: 14px;
  color: rgb(173, 188, 208);
  font-family: Roboto;
}

.server-row__map {
  min-width: 0px;
}

.jywxso {
  display: flex;
  width: 100%;
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 9px;
  border-radius: 10px;
  background: rgb(18, 23, 31);
}

@media (max-width: 1000px) {
  .jywxso {
    display: flex;
  }
}

.eczHrw {
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.dfZxdz {
  display: flex;
  align-items: center;
}

.cKsAPm {
  display: flex;
  min-width: 0px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.bJmRcF {
  display: flex;
  height: 44px;
  align-items: center;
  gap: 8px;
  padding: 0px 16px;
  border-radius: 8px;
  background: rgb(21, 26, 36);
  cursor: pointer;
  user-select: none;
  transition: background 0.2s;
}

.bJmRcF:hover {
  background: rgb(27, 32, 45);
}

.cSOqvH {
  color: rgb(119, 133, 151);
  font-size: 13px;
  font-weight: 500;
  line-height: 12px;
  white-space: nowrap;
}

.kCFjvm {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 8px;
}

.hRNBxM {
  display: flex;
  height: 20px;
  align-items: center;
  padding: 0px 8px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(96, 128, 255, 0.14);
  color: rgb(143, 165, 255);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.WUppw {
  display: flex;
  align-items: center;
}

.WUppw img {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: cover;
  filter: drop-shadow(rgb(17, 20, 28) -2px 0px 0px);
}

.WUppw img + img {
  margin-left: -6px;
}

.WUppw img:first-child {
  filter: none;
}

.lcVAFL {
  width: 12px;
  height: 12px;
  transition: transform 0.2s;
}

.bVJlra {
  display: flex;
  align-items: center;
  gap: 3px;
  line-height: 1;
}

.bVJlra img {
  width: 11px;
  height: 11px;
  flex-shrink: 0;
}

.bVJlra span {
  color: rgb(100, 180, 77);
  font-size: 13px;
  font-weight: 500;
  font-family: Roboto;
  letter-spacing: 0px;
}

.iaLCVx {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
}

.iaLCVx img {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.iaLCVx span {
  color: rgb(246, 185, 73);
  font-size: 13px;
  font-weight: 500;
  font-family: Roboto;
  letter-spacing: 0px;
}

.guLXeb {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
}

.guLXeb img {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.guLXeb span {
  color: rgb(100, 180, 77);
  font-size: 13px;
  font-weight: 500;
  font-family: Roboto;
  letter-spacing: 0px;
}

.hIiOHX {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
}

.hIiOHX img {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.hIiOHX span {
  color: rgb(207, 99, 85);
  font-size: 13px;
  font-weight: 500;
  font-family: Roboto;
  letter-spacing: 0px;
}

.jXuUOn .arrow {
  transition: transform 0.2s;
}

.dGNdSl {
  width: 100%;
  max-width: 100%;
  height: 52px;
  border-radius: 5px;
  background: rgb(30, 36, 51);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.2s, filter 0.2s;
}

.dGNdSl:hover {
  background: rgb(38, 45, 63);
}

.gvQSaF {
  flex: 1 1 0%;
  min-width: 0px;
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 0px 16px;
}

.gvQSaF,
.gvQSaF::placeholder {
  color: rgb(105, 113, 131);
  font-size: 15px;
  font-weight: 400;
}

.sc-btsYIi:hover .gvQSaF {
  color: rgb(199, 211, 226);
}

.fAa-dZk {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin-right: 15px;
}

@media (max-width: 750px) {
  .bZHEdk .footer__navigation {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.jsTaXp {
  display: flex;
  align-items: center;
  gap: 14px;
}

.dOBaIs {
  width: 34px;
  min-width: 34px;
  height: 20px;
  padding: 4px;
  background: rgba(81, 95, 135, 0.4);
  border-radius: 6px;
  transition: background 0.2s;
  cursor: pointer;
}

.dOBaIs div {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: rgb(158, 167, 190);
  transition: 0.2s;
}

.dOBaIs.active {
  background: rgb(96, 128, 255);
}

.dOBaIs.active div {
  transform: translateX(14px);
  background: rgb(255, 255, 255);
}

.eHUzIO {
  padding: 24px 1vw;
  width: 100%;
  max-width: 1430px;
  margin: 0px auto;
}

@media (max-width: 1750px) {
  .eHUzIO {
    padding: 0px 1vw;
  }
}

.hMCHEN {
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  color: rgb(96, 128, 255);
  display: flex;
  align-items: center;
}

.gDERQe {
  margin-top: 10px;
  margin-bottom: 28px;
  font-weight: 800;
  font-size: 40px;
  width: 420px;
  text-transform: none;
}

@media (max-width: 650px) {
  .gDERQe {
    font-size: 24px;
    width: auto;
  }
}

.cyOfQG {
  padding: 18px;
  border-radius: 8px;
  background: rgb(96, 128, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-weight: 700;
  min-width: 260px;
  font-size: 16px;
}

.ipPnlQ {
  display: flex;
  flex-direction: column;
  padding: 38px;
  border-radius: 10px;
  background: linear-gradient(119deg, rgb(22, 26, 35) 31.96%, rgb(26, 31, 50) 92.95%);
  margin-bottom: 16px;
  overflow-x: hidden;
}

.ipPnlQ > img {
  position: absolute;
  right: -30px;
  bottom: 0px;
}

.ipPnlQ > div {
  z-index: 1;
}

@media (max-width: 1366px) {
  .ipPnlQ > img {
    width: 100%;
  }
}

.hJVYVt {
  min-width: 800px;
  overflow-x: auto;
}

.dgozjv {
  display: flex;
  flex-direction: column;
}

.hGbmAG {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.eGWyTl {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 1366px) {
  .eGWyTl {
    flex-direction: row;
    align-items: baseline;
  }
}

@media (max-width: 650px) {
  .foCNMU {
    display: none;
  }
}

.keoIkW {
  margin-bottom: 12px;
}

.keoIkW .sc-fivakt {
  flex: 1 1 0%;
  max-width: 300px;
}

@media (max-width: 1050px) {
  .keoIkW .sc-fivakt {
    display: none;
  }
}

.keoIkW .lobby__search {
  height: 44px;
  border-radius: 8px;
}

.juLEVV {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 20px;
}

@media (max-width: 1366px) {
  .juLEVV {
    display: flex;
    flex-direction: column;
  }
}

.jzzzxM {
  display: flex;
  align-items: center;
  gap: 6px;
}

.gEeCLS {
  display: flex;
  width: 16px;
  height: 16px;
}

.geUIXQ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  border-radius: 50%;
  background: rgba(21, 27, 43, 0.95);
  color: rgb(173, 188, 208);
  font-size: 12px;
  font-weight: 500;
}

.ekoYNq {
  background: rgb(19, 24, 33);
  border-radius: 10px;
  padding: 12px 0px 10px;
  align-self: flex-start;
  width: 100%;
}

.bGCTTe {
  display: flex;
  align-items: center;
}

.fWGqML {
  height: 40px;
  padding: 0px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: color 0.2s;
  border-left: 2px solid transparent;
}

.fWGqML div {
  font-weight: 500;
  font-size: 14px;
  color: rgb(170, 181, 198);
  display: flex;
  align-items: center;
}

.fWGqML:hover div {
  color: rgb(197, 204, 214);
}

.fWGqML img {
  width: 24px;
  margin-right: 8px;
}

.fWGqML.active {
  border-color: rgb(96, 128, 255);
  background: rgb(23, 29, 43);
}

.fWGqML.active div {
  color: rgb(96, 128, 255);
}

.hagUGF {
  padding: 12px 28px;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: rgb(90, 99, 113);
}

.jQftgD {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgb(119, 133, 151);
  font-size: 14px;
  font-weight: 500;
  background: transparent;
}

.jQftgD img {
  margin: 0px;
  width: 14px;
  opacity: 0;
  transition: opacity 0.2s;
}

.jQftgD div {
  border: 2px solid rgb(53, 63, 85);
  width: 20px;
  height: 20px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}

.cKycLw {
  background: rgb(19, 24, 33);
  grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr 1.5fr 40px;
  padding: 0px 15px 0px 22px;
  transition: background 0.2s ease-in-out;
}

.cKycLw:hover {
  background: rgb(23, 28, 39);
}

.cKycLw::before {
  display: none;
}

.hqNumx {
  display: flex;
  align-items: center;
  gap: 20px;
}

.cSyXjF {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cOMuHY {
  border-radius: 4px;
  width: 54px;
  height: 38px;
  overflow: hidden;
}

.cOMuHY img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fcNxIj {
  border-radius: 6px;
  background: rgba(93, 108, 146, 0.16);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.gocFPK {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0px;
  padding-right: 16px;
}

.gocFPK img {
  width: 24px;
  flex-shrink: 0;
  border-radius: 50%;
}

.dmUALe {
  min-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jnqzUV {
  height: 16px;
  width: 4px;
  margin-right: 11px;
  background: rgb(50, 58, 71);
  border-radius: 4px;
}

.jnqzUV div {
  width: 4px;
  position: absolute;
  bottom: 0px;
  border-radius: 4px;
  max-height: 100%;
}

.jgtEsH {
  display: flex;
  align-items: center;
  gap: 8px;
}

.iFWjtY {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border-radius: 3px;
  background: linear-gradient(0deg, rgba(96, 255, 179, 0.12) 0%, rgba(96, 255, 179, 0.12) 100%), rgba(19, 24, 39, 0.5);
  color: rgb(0, 255, 143);
  font-size: 13px;
  font-weight: 500;
}

:where(body[data-page="leaderboard"], body[data-page="mission"], body[data-page="store"]) .limited-length {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) button,
:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) input {
  outline: none;
}

:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) a,
:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) input,
:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) button,
:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) span,
:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) ::before,
:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) ::after {
  text-decoration: none;
}

.disabled {
  filter: grayscale(100%);
  color: rgba(138, 162, 182, 0.4);
}

:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) input {
  border: 1px solid rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0.1);
  font-size: 14px;
  box-shadow: rgba(255, 255, 255, 0.1) 0px -1px inset, rgba(0, 0, 0, 0.2) 0px 2px 2px inset;
  width: 100%;
  border-radius: 6px;
  display: block;
  color: rgb(255, 255, 255);
  font-family: Roboto;
}

:where(body[data-page="leaderboard"], body[data-page="mission"]) h4 {
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
}

:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) input {
  box-shadow: unset;
}

:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) input::-webkit-outer-spin-button,
:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0px;
}

:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) input:-webkit-autofill,
:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) input:-webkit-autofill:hover,
:where(body[data-page="leaderboard"], body[data-page="learn"], body[data-page="store"]) input:-webkit-autofill:focus {
  border: 0px;
  -webkit-text-fill-color: rgb(255, 255, 255);
  box-shadow: transparent 0px 0px 0px 1000px inset;
  transition: background-color 5000s ease-in-out;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 70, 255, 0) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0) 100%);
}

.grey-scroll::-webkit-scrollbar-thumb {
  background: rgb(55, 66, 86);
}

.grey-scroll::-webkit-scrollbar {
  background: rgb(24, 30, 41);
  width: 4px;
}

.grey-scroll::-webkit-scrollbar-thumb {
  border-width: medium !important;
  border-style: none !important;
  border-color: currentcolor !important;
  border-image: none !important;
}

.ciBzBA {
  width: 100%;
  max-width: 100%;
  height: 52px;
  border-radius: 8px;
  background: rgb(30, 36, 51);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.2s, filter 0.2s;
}

.ciBzBA:hover {
  background: rgb(38, 45, 63);
}

.bACyCX {
  height: calc(-100px + 100vh);
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-self: start;
  overflow: hidden;
  position: sticky;
  top: 0px;
}

@media (max-width: 1366px) {
  .bACyCX {
    position: relative;
    height: auto;
    flex-direction: row;
  }
}

@media (max-width: 750px) {
  .bACyCX {
    flex-direction: column;
  }
}

@media (max-width: 1000px) {
  .bACyCX {
    overflow: unset;
  }
}

.gItDXf {
  border-radius: 16px;
  background: rgb(19, 24, 33);
  width: 100%;
  padding: 20px;
  overflow: hidden;
  flex-direction: column;
  display: flex;
}

@media (max-width: 1366px) {
  .gItDXf {
    padding: 16px;
  }

  .gItDXf::after {
    display: none;
  }
}

@media (max-width: 1000px) {
  .gItDXf {
    overflow: unset;
  }
}

.hDrNjf {
  height: 58px;
  width: 100%;
  margin-bottom: 13px;
}

@media (max-width: 1000px) {
  .hDrNjf {
    position: sticky;
    top: 12px;
    z-index: 2;
  }
}

.eHLRIj {
  display: flex;
  font-weight: 700;
  font-size: 16px;
  color: rgb(199, 211, 226);
  align-items: center;
  gap: 5px;
  line-height: 19px;
}

.eWRyxX {
  margin-top: 5px;
  color: rgb(197, 213, 255);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.cKJXJ {
  position: absolute;
  right: 10px;
  bottom: -15px;
  display: flex;
  justify-content: center;
  opacity: 0.2;
}

.cKJXJ img {
  height: 65px;
}

.hbnRIW {
  flex: 1 1 0%;
  overflow: scroll;
  width: calc(100% + 10px);
  padding-right: 10px;
  position: static;
  z-index: 1;
}

.hbnRIW::-webkit-scrollbar-thumb,
.hbnRIW::-webkit-scrollbar {
  background: transparent;
  width: 3px;
  border-radius: 2px;
}

.hbnRIW:hover::-webkit-scrollbar-thumb {
  background: rgb(41, 50, 69);
}

.hbnRIW::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 20px;
  width: 100%;
  height: 500px;
  pointer-events: none;
  background: linear-gradient(rgba(20, 24, 32, 0) 85.08%, rgb(20, 24, 32) 95.55%);
  z-index: 2;
  transition: opacity 0.2s;
}

.hbnRIW li {
  border: 1px solid transparent;
  border-radius: 10px;
  background: rgb(25, 30, 40);
  margin-bottom: 6px;
  cursor: pointer;
  padding: 14px;
  transition: 0.2s;
  overflow: hidden;
  width: 100%;
}

.hbnRIW li:hover {
  background: rgb(26, 31, 43);
  border-color: rgb(26, 31, 43);
}

.hbnRIW li.active {
  background: linear-gradient(83.89deg, rgb(34, 44, 80) 2.61%, rgb(28, 34, 57) 70.26%);
  border-color: rgb(39, 51, 96);
}

.hbnRIW li.active .sc-leSMyW {
  color: rgb(168, 187, 225);
}

.hbnRIW li.active .sc-hoHvKZ {
  color: rgb(236, 241, 248);
}

@media (max-width: 1366px) {
  .hbnRIW {
    padding-bottom: 0px;
    flex: 0 0 auto;
    height: 220px;
    overflow: hidden;
  }

  .hbnRIW::before {
    display: none;
  }

  .hbnRIW li:last-child {
    margin-bottom: 6px;
  }
}

.cnOOYp {
  height: 51px;
  background: rgb(26, 31, 43);
  border-radius: 8px;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  color: rgb(236, 241, 248);
}

.cnOOYp svg {
  width: 10px;
  margin-left: 8px;
}

@media (max-width: 1366px) {
  .cnOOYp {
    display: flex;
  }
}

@media (max-width: 1000px) {
  .cnOOYp {
    position: sticky;
    bottom: 12px;
    z-index: 2;
  }
}

.kaTyfU {
  display: flex;
  align-items: center;
  width: 100%;
}

.dVPWnX {
  position: absolute;
  right: 15px;
  top: 50%;
  padding: 12px;
  transform: translateY(-50%);
  border-radius: 8px;
  background: rgba(31, 38, 55, 0.95);
  z-index: 1;
  color: rgb(255, 182, 96);
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
}

.dVPWnX img {
  width: 18px;
}

.fBvncD {
  width: 100%;
  max-width: 100%;
  min-width: 0px;
}

@media (max-width: 1366px) {
  .fBvncD {
    overflow: auto;
  }
}

.bNtqht {
  z-index: 2;
}

@media (max-width: 1000px) {
  .bNtqht {
    min-width: 1000px;
  }
}

.bVerrS table {
  width: 100%;
}

.bVerrS tbody {
  width: calc(100% + 7px);
  padding-right: 7px;
  overflow: auto;
  display: block;
}

.bVerrS tbody::-webkit-scrollbar-thumb,
.bVerrS tbody::-webkit-scrollbar {
  background: transparent;
  width: 3px;
  border-radius: 2px;
}

.bVerrS tbody:hover::-webkit-scrollbar-thumb {
  background: rgb(41, 50, 69);
}

.bVerrS tr {
  margin-bottom: 2px;
  height: 64px;
  width: 100%;
  border-radius: 10px;
  padding-left: 29px;
  padding-right: 29px;
  font-weight: 500;
  font-size: 14px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr);
}

.bVerrS tr td {
  z-index: 1;
  display: flex;
  align-items: center;
  font-weight: 300;
  min-width: 0px;
  color: rgb(225, 233, 253);
}

.bVerrS.short {
  height: calc(-478px + 100vh);
  overflow: hidden;
  mask-image: linear-gradient(rgb(0, 0, 0) 63.9%, rgba(0, 0, 0, 0) 92.73%);
}

@media (max-width: 650px) {
  .bVerrS tr {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.iOMTEK {
  font-weight: 500 !important;
}

.iOMTEK div {
  width: 14px;
  margin-right: 28px;
}

.iOMTEK img {
  width: 100%;
}

.icBmRO {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 13px;
  flex-shrink: 0;
}

.kbiDaq {
  min-width: 0px;
  overflow: hidden;
  padding-right: 12px;
  font-weight: 500 !important;
}

.kbiDaq a {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 150px;
  max-width: 100%;
  min-width: 0px;
  overflow: hidden;
}

.kbiDaq .limited-length {
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
}

.kbiDaq span {
  max-width: 110px;
  color: rgb(225, 233, 253);
}

@media (max-width: 1700px) {
  .kbiDaq span {
    max-width: 60px;
  }
}

.kbiDaq.disabled {
  pointer-events: none;
}

.exNJqf {
  background: rgb(23, 28, 37);
  transition: background 0.2s;
}

.exNJqf:hover {
  background: rgb(27, 32, 45);
}

.exNJqf:nth-of-type(1)::before,
.exNJqf:nth-of-type(2)::before,
.exNJqf:nth-of-type(3)::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 243px;
  z-index: 0;
}

.exNJqf:nth-of-type(1)::before {
  background: linear-gradient(270deg, rgba(25, 30, 40, 0.4) 60.91%, rgba(52, 49, 43, 0.4) 77.74%, rgba(111, 90, 50, 0.4) 102.88%);
}

.exNJqf:nth-of-type(1) .sc-lfzXtn {
  color: rgb(255, 219, 92);
}

.exNJqf:nth-of-type(2)::before {
  background: linear-gradient(270deg, rgba(25, 30, 40, 0.4) 58.44%, rgba(39, 50, 70, 0.4) 78.79%, rgba(71, 94, 138, 0.4) 100%);
}

.exNJqf:nth-of-type(2) .sc-lfzXtn {
  color: rgb(191, 224, 255);
}

.exNJqf:nth-of-type(3)::before {
  background: linear-gradient(270deg, rgba(25, 30, 40, 0.3) 61.73%, rgba(51, 43, 44, 0.3) 80.47%, rgba(119, 78, 55, 0.3) 100%);
}

.exNJqf:nth-of-type(3) .sc-lfzXtn {
  color: rgb(248, 167, 133);
}

.kxTthg {
  background: rgba(23, 30, 39, 0.5);
  backdrop-filter: blur(14px);
  width: 100%;
  height: 47px;
  border-radius: 10px;
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr);
  padding: 0px 29px;
  margin-bottom: 2px;
}

.kxTthg span {
  display: flex;
  align-items: center;
  height: 100%;
  min-width: 0px;
  font-weight: 500;
  font-size: 14px;
  color: rgb(67, 78, 92);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kxTthg img {
  width: 14px;
  margin-left: 7px;
  flex-shrink: 0;
}

.dymIFP {
  cursor: pointer;
}

.dymIFP img {
  max-width: 80px;
  max-height: 60%;
}

.dKJoEK {
  cursor: pointer;
}

.dKJoEK span {
  color: rgb(255, 182, 96);
  font-weight: 500;
}

.dKJoEK img {
  width: 18px;
  margin-right: 4px;
}

.huCWlK {
  cursor: pointer;
}

.huCWlK img {
  width: 6px;
  margin-left: 8px;
}

.fljHAw {
  padding-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.UeyPU {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 120px;
}

.bWDafQ {
  z-index: 99;
  position: absolute;
  bottom: 0px;
  left: 36px;
  border-radius: 10px;
  background: linear-gradient(270deg, rgba(31, 38, 63, 0.7) 56.12%, rgba(38, 51, 96, 0.7) 100%);
  backdrop-filter: blur(5px);
  width: calc(100% - 72px);
  padding: 7px 7px 7px 162px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bWDafQ h3 {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

.bWDafQ h3,
.bWDafQ h4 {
  text-transform: none;
}

.bWDafQ h4 {
  color: rgb(165, 179, 203);
  font-size: 12px;
  font-weight: 400;
}

@media (max-width: 550px) {
  .bWDafQ {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}

.ijXTDF {
  border-radius: 6px;
  background: rgb(96, 128, 255);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 700;
}

.ijXTDF img {
  width: 18px;
}

.cKuuCO {
  display: flex;
  align-items: center;
  margin-left: 12px;
}

.cKuuCO button {
  white-space: nowrap;
}

@media (max-width: 550px) {
  .cKuuCO {
    margin-left: 0px;
    width: 100%;
  }

  .cKuuCO button {
    width: 100%;
  }
}

.bgRUk {
  display: flex;
  height: 46px;
  padding: 4px;
  background: rgb(31, 38, 55);
  border-radius: 8px;
}

@media (max-width: 428px) {
  .bgRUk {
    width: 100%;
  }

  .bgRUk a,
  .bgRUk button {
    flex: 1 1 0%;
  }
}

.cTQKpv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
}

@media (max-width: 428px) {
  .cTQKpv {
    width: 100%;
  }
}

.mkVce {
  width: 100%;
  z-index: 3;
}

.bsXymb {
  padding: 14px 1vw;
  margin: 0px auto;
  display: grid;
  grid-template-columns: 286px 1fr;
  gap: 25px;
  min-width: 0px;
}

.bsXymb > * {
  min-width: 0px;
}

@media (max-width: 1700px) {
  .bsXymb {
    gap: 20px;
  }
}

@media (max-width: 1366px) {
  .bsXymb {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 1000px) {
  .bsXymb {
    padding: 16px 1vw;
  }
}

@media (max-width: 650px) {
  .bsXymb {
    padding: 12px 1vw;
  }
}

.jccvgh {
  background: url("/img/pages/leaderboard/bg/header_new.png") center center / cover no-repeat;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 45px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 19px;
}

@media (max-width: 650px) {
  .jccvgh {
    padding: 16px;
  }
}

.bXUjOq {
  font-weight: 700;
  font-size: 40px;
  display: flex;
  align-items: center;
}

.bXUjOq img {
  width: 32px;
  margin-right: 17px;
}

@media (max-width: 650px) {
  .bXUjOq {
    padding-left: 3px;
    padding-top: 3px;
    font-size: 24px;
    line-height: 24px;
  }

  .bXUjOq img {
    width: 25px;
    margin-right: 11px;
  }
}

.cluKxj {
  margin: 7px 0px 15px;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  max-width: 620px;
  color: rgb(122, 134, 151);
}

@media (max-width: 1750px) {
  .cluKxj {
    max-width: 520px;
  }
}

@media (max-width: 650px) {
  .cluKxj {
    font-size: 14px;
    line-height: 140%;
    margin: 12px 0px 16px;
  }
}

.gXrAUy {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 650px) {
  .gXrAUy .desktop-only {
    display: none;
  }
}

.gekRWL {
  background: rgba(166, 133, 115, 0.1);
  border-radius: 8px;
  padding: 0px 14px;
  font-weight: 500;
  height: 42px;
  font-size: 14px;
  color: rgb(235, 182, 103);
  display: flex;
  align-items: center;
  transition: 0.2s;
}

.gekRWL img {
  width: 15px;
  margin-right: 10px;
}

.gekRWL:hover {
  background: rgba(166, 133, 115, 0.25);
  filter: none;
}

.fEIwkU {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.fEIwkU button {
  height: 100%;
  width: 144px;
  background: transparent;
  border-radius: 6px;
  color: rgb(122, 134, 151);
  font-weight: 700;
  font-size: 15px;
  transition: 0.2s;
  display: flex;
  align-items: center;
  gap: 3px;
  justify-content: center;
}

.fEIwkU button.active {
  background: rgb(96, 128, 255);
  color: rgb(31, 37, 55);
}

.fEIwkU button.small {
  width: 96px;
}

@media (max-width: 1000px) {
  .fEIwkU {
    flex-wrap: wrap;
  }

  .fEIwkU div {
    margin-left: 0px;
  }

  .fEIwkU button {
    width: 100%;
    padding: 0px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .fEIwkU button {
    font-size: 13px;
  }
}

.kMyYBJ {
  position: absolute;
  right: 80px;
  top: -3px;
  height: 280px;
  z-index: 1;
  pointer-events: none;
}

@media (max-width: 1750px) {
  .kMyYBJ {
    right: 20px;
  }
}

@media (max-width: 1600px) {
  .kMyYBJ {
    display: none;
  }
}

.red {
  color: rgb(190, 55, 55);
}

.bVxYTO {
  background: rgb(19, 24, 33);
  border-radius: 10px;
  padding: 12px 0px 10px;
  align-self: flex-start;
  width: 100%;
}

.ckaKPN {
  display: flex;
  align-items: center;
}

.hndxcd {
  height: 40px;
  padding: 0px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: color 0.2s;
  border-left: 2px solid transparent;
}

.hndxcd div {
  font-weight: 500;
  font-size: 14px;
  color: rgb(170, 181, 198);
  display: flex;
  align-items: center;
}

.hndxcd:hover div {
  color: rgb(197, 204, 214);
}

.hndxcd.active {
  border-color: rgb(96, 128, 255);
  background: rgb(23, 29, 43);
}

.hndxcd.active div {
  color: rgb(96, 128, 255);
}

.lmFmds {
  padding: 12px 28px;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: rgb(90, 99, 113);
}

.cRrObN {
  width: 100%;
}

.jvBREK {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url("/img/bg/support2.png") center center / cover no-repeat;
  padding: 67px 0px 76px;
}

.jvBREK h5 {
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: rgb(96, 128, 255);
}

.jvBREK h2 {
  font-weight: 900;
  font-size: 39px;
  line-height: 46px;
  margin: 8px 0px 27px;
  text-transform: uppercase;
}

@media (max-width: 840px) {
  .jvBREK h5 {
    font-size: 14px !important;
  }

  .jvBREK h2 {
    font-size: 30px !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 750px) {
  .jvBREK {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.jUZwOX {
  width: 100%;
}

.bTuMLP {
  margin-bottom: 27px;
}

.fuPsaF {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 24px;
  white-space: nowrap;
}


.jZyNoW {
  gap: 12px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.kwSQhP {
  border-radius: 3px;
  overflow: hidden;
}

.hZUFHm {
  display: flex;
  padding: 13px 18px;
  align-items: center;
  gap: 8px;
  background: linear-gradient(90deg, rgba(101, 217, 72, 0.3) 0%, rgba(54, 115, 38, 0.3) 100%);
  color: rgb(98, 179, 78);
  font-size: 16px;
  font-weight: 600;
}

.hZUFHm.orange {
  background: linear-gradient(90deg, rgba(217, 144, 72, 0.3) 0%, rgba(115, 84, 38, 0.3) 100%);
  color: rgb(255, 173, 51);
}

.hZUFHm.red {
  background: linear-gradient(90deg, rgba(217, 72, 72, 0.3) 0%, rgba(115, 38, 38, 0.3) 100%);
  color: rgb(255, 51, 51);
}

.cgycDa li {
  display: flex;
  padding: 9px 20px;
  align-items: center;
  background: rgba(82, 101, 133, 0.08);
}

.cgycDa li:nth-child(2n+1) {
  background: rgba(82, 101, 133, 0.12);
}

.cgycDa button {
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  background: rgba(82, 101, 133, 0.24);
  margin-right: 12px;
  text-transform: none;
  color: rgb(170, 181, 198);
  font-size: 13px;
  font-weight: 400;
}

.cgycDa h3 {
  color: rgb(170, 181, 198);
  font-size: 14px;
  text-transform: none;
  font-weight: 400;
  text-align: left;
}

.dyRcAt {
  min-width: 6px;
  height: 6px;
  background: rgb(91, 101, 126);
  border-radius: 50%;
  display: block;
  margin-right: 17px;
}

.ewbpfE {
  height: 1px;
}

.fGZBCs {
  position: sticky;
  top: 0px;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
}

@media (max-width: 1367px) {
  .fGZBCs {
    position: relative;
  }
}

.bYBowl {
  font-family: Roboto;
}

.bYBowl .support-search__wrapper {
  position: relative;
}

.bYBowl .support-search__wrapper input {
  width: 401px;
  height: 48px;
  background: rgb(27, 33, 45);
  border-radius: 9px;
  padding: 0px 50px 0px 25px;
  border-width: medium !important;
  border-style: none !important;
  border-color: currentcolor !important;
  border-image: none !important;
}

.bYBowl .support-search__wrapper button {
  position: absolute;
  right: 0px;
  padding: 0px 20px;
  top: 50%;
  height: 100%;
  transform: translateY(-50%);
  background: transparent;
}

.bYBowl input::placeholder,
.bYBowl input {
  font-size: 14px;
  color: rgb(87, 99, 117);
}

.bYBowl .support-content {
  max-width: 1260px;
  width: 95%;
  margin: 0px auto;
  display: grid;
  gap: 25px;
  grid-template-columns: 275px 1fr;
}

.bYBowl button {
  transition: filter 0.2s;
}

.bYBowl button:hover {
  filter: brightness(150%);
}

@media (max-width: 1450px) {
  .bYBowl .support-content {
    width: 100%;
    padding: 0px 50px;
    grid-template-columns: 275px 1fr;
  }

  .bYBowl .support-content > * {
    width: 100%;
  }
}

@media (max-width: 1366px) {
  .bYBowl .support-content {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 750px) {
  .bYBowl .support-search__wrapper input,
  .bYBowl .support-search__wrapper {
    width: 100%;
  }

  .bYBowl .support-content {
    padding: 0px 16px;
  }
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.ffXoHO {
  cursor: pointer;
}

.GMwcv {
  padding: 48px 0px;
  max-width: 90%;
  width: 1060px;
  margin: 0px auto;
}

.GMwcv h2 {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 800;
}

.GMwcv h2 img {
  width: 24px;
}

.GMwcv ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.GMwcv h3 {
  color: rgb(234, 240, 255);
  text-transform: none;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

.GMwcv p {
  margin-top: 10px;
  color: rgb(69, 89, 119);
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  opacity: 0;
}

.GMwcv .arrow {
  transition: transform 0.2s;
}

.GMwcv li {
  padding: 18px 24px;
  border-radius: 8px;
  background: rgb(49, 53, 70);
  max-height: 60px;
  overflow: hidden;
  transition: 0.2s;
}

@media (max-width: 650px) {
  .GMwcv li {
    max-height: 75px;
  }
}

.GMwcv li div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
}

@media (max-width: 1750px) {
  .GMwcv {
    width: 100%;
  }
}

@media (max-width: 650px) {
  .GMwcv {
    padding-top: 0px;
  }

  .GMwcv h2 {
    font-size: 21px;
  }
}

.kpudew {
  display: flex;
  align-items: center;
  transition: opacity 0.2s;
  color: inherit;
}

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

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

.bqYeMK svg {
  width: 28px;
  height: 28px;
}

.bqYeMK.l svg {
  width: 36px;
  height: 36px;
}

.bqYeMK.l div {
  width: 18px;
  height: 18px;
}

.kIdrEF {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 14px;
  width: 14px;
  transform: translate(-50%, -50%);
}

.kIdrEF svg {
  width: 100%;
  height: 100%;
}

.igaxSG {
  background: rgb(12, 15, 21);
}

.ktqXoY {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 24px;
  padding-top: 75px;
}

@media (max-width: 1000px) {
  .ktqXoY {
    padding-right: 0px;
  }
}

@media (max-width: 840px) {
  .ktqXoY {
    padding-top: 0px;
    height: auto;
  }
}

.gXKWzI {
  top: 43px;
  width: 378px;
  height: 338px;
}

@media (max-width: 1500px) {
  .gXKWzI {
    display: none;
  }
}

.kFeOsu > p {
  color: rgb(173, 188, 208);
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 20px;
}

@media (max-width: 840px) {
  .kFeOsu {
    padding: 75px 24px;
    width: 100%;
  }
}

.jWwcuC {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}

.jWwcuC h2 {
  display: flex;
  align-items: center;
  font-size: 27px;
  font-weight: 700;
  font-family: Roboto;
}

.jWwcuC h2 img {
  width: 32px;
  margin-right: 6px;
}

.gGmnUO {
  gap: 6px;
  padding-right: 6px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-height: 384px;
  overflow: hidden auto;
}

.gGmnUO.long {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 1750px) {
  .gGmnUO {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .gGmnUO.long {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (max-width: 650px) {
  .gGmnUO {
    max-height: none;
  }

  .gGmnUO.long {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}

.tUecb {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 79px;
  width: 100%;
  display: block;
  z-index: 3;
  transition: opacity 0.4s;
  background: linear-gradient(rgba(12, 15, 21, 0) 0%, rgb(12, 15, 21) 50.13%);
  pointer-events: none;
  opacity: 1;
}

@media (max-width: 650px) {
  .tUecb {
    display: none;
  }
}

.csBDmz::-webkit-scrollbar-thumb,
.csBDmz::-webkit-scrollbar {
  background: transparent;
}

.csBDmz:hover::-webkit-scrollbar-thumb {
  background: rgb(41, 50, 69);
}

.kvGAJs {
  width: 53px;
  height: 53px;
  display: block;
  border-radius: 50%;
  margin-bottom: 10px;
}

.imcYkx {
  max-width: 100px;
  color: rgb(173, 188, 208);
  font-size: 12px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 840px) {
  .imcYkx {
    font-size: 10px;
  }
}

.dosZuA {
  color: rgb(255, 152, 56);
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.dosZuA img {
  width: 14px;
  margin-left: 4px;
}

.jpyTSb {
  font-size: 12px;
  position: absolute;
  left: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  z-index: 2;
}

.jpyTSb svg {
  width: 18px;
  margin-right: 2px;
}

.iHoKMf {
  gap: 22px;
  display: flex;
  align-items: flex-start;
}

@media (max-width: 840px) {
  .iHoKMf {
    flex-direction: column;
  }

  .iHoKMf > div {
    width: 100%;
  }
}

.fWaHMJ {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: rgb(37, 42, 57);
  z-index: 1;
  padding: 30px 0px 21px;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}

.ipJZfN {
  height: fit-content;
}

.ipJZfN img {
  max-width: 76px;
  width: 100px;
  max-height: 50px;
  object-fit: contain;
}

.ipJZfN::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url("/img/pages/shop/item-bg/color-milspec.png") center center / cover no-repeat;
}

.jMvdNX {
  border-radius: 6px;
  background: rgba(23, 28, 42, 0.7);
  width: 120px;
  height: 100%;
  padding: 28px 0px 21px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: background 0.2s;
}

.jMvdNX.place-1 .sc-dHxhih,
.jMvdNX.place-2 .sc-dHxhih,
.jMvdNX.place-3 .sc-dHxhih {
  top: 9px;
  left: 9px;
  font-weight: 600;
}

.jMvdNX.place-1 {
  background: linear-gradient(208deg, rgba(23, 28, 42, 0.7) 0%, rgba(68, 60, 47, 0.7) 100%);
}

.jMvdNX.place-1 .sc-dHxhih {
  color: rgb(255, 203, 69);
}

.jMvdNX.place-1 .sc-dHxhih path {
  fill: rgb(255, 203, 69);
}

.jMvdNX.place-2 {
  background: linear-gradient(207deg, rgba(23, 28, 42, 0.7) 0%, rgba(51, 63, 82, 0.7) 100%);
}

.jMvdNX.place-2 .sc-dHxhih {
  color: rgb(167, 197, 255);
}

.jMvdNX.place-2 .sc-dHxhih path {
  fill: rgb(167, 197, 255);
}

.jMvdNX.place-3 {
  background: linear-gradient(208deg, rgba(23, 28, 42, 0.7) 0%, rgba(73, 53, 52, 0.7) 100%);
}

.jMvdNX.place-3 .sc-dHxhih {
  color: rgb(218, 129, 102);
}

.jMvdNX.place-3 .sc-dHxhih path {
  fill: rgb(218, 129, 102);
}

.jMvdNX:hover {
  background: rgb(37, 42, 57);
}

.jMvdNX:hover .sc-bxJsyB {
  opacity: 1;
  pointer-events: all;
}

@media (max-width: 840px) {
  .jMvdNX {
    width: 100%;
  }
}

.hdeYiY {
  position: absolute;
  left: 52%;
  width: 270px;
  bottom: 0px;
  transform: translateX(-50%);
}

.boEnJn div {
  display: flex;
  align-items: center;
  color: rgb(213, 217, 228);
  font-size: 12px;
  font-weight: 500;
  margin-top: 10px;
}

.boEnJn img {
  width: 16px;
  margin-right: 5px;
}

.lnYlvv {
  display: flex;
  align-items: center;
  margin-bottom: 21px;
}

.lnYlvv button {
  height: 28px;
  padding: 0px 16px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  background: rgb(96, 128, 255);
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.lnYlvv button img {
  width: 16px;
  margin-right: 4px;
}

.lnYlvv span {
  width: 50px;
  margin-left: 9px;
  color: rgb(96, 128, 255);
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}

.ciUiJI {
  position: absolute;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  font-weight: 600;
}

.ciUiJI img {
  width: 14px;
  margin-left: 3px;
}

.bOHPrc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  display: flex;
  align-items: center;
}

.bOHPrc img {
  width: 165px;
  transition: transform 0.2s;
  z-index: 1;
}

.bOHPrc div {
  width: 80px;
  height: 80px;
  display: block;
  border-radius: 80px;
  background: rgba(128, 163, 255, 0.5);
  filter: blur(30px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.gJXRdn {
  border-radius: 10px;
  overflow: hidden;
}

.gJXRdn > div {
  padding: 20px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1;
}

.gJXRdn::before,
.gJXRdn::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  transition: opacity 0.2s;
}

.gJXRdn::before {
  background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.gJXRdn::after {
  background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
  opacity: 0;
  z-index: 0;
}

.gJXRdn h6 {
  max-width: 180px;
  margin-bottom: 1px;
  color: rgb(255, 255, 255);
  opacity: 0.9;
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gJXRdn h2 {
  max-width: 180px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gJXRdn:nth-child(2)::before {
  background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.gJXRdn:nth-child(2)::after {
  background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
}

.gJXRdn:nth-child(2) .sc-jWassX div {
  background: rgba(128, 163, 255, 0.5);
}

.gJXRdn:nth-child(3)::before {
  background: linear-gradient(166deg, rgb(28, 29, 51) 0%, rgb(89, 45, 100) 100%);
}

.gJXRdn:nth-child(3)::after {
  background: linear-gradient(166deg, rgb(40, 41, 74) 0%, rgb(125, 66, 139) 100%);
}

.gJXRdn:nth-child(3) .sc-jWassX div {
  background: rgba(255, 128, 173, 0.5);
}

.gJXRdn:nth-child(4)::before {
  background: linear-gradient(166deg, rgb(22, 29, 46) 0%, rgb(35, 88, 72) 100%);
}

.gJXRdn:nth-child(4)::after {
  background: linear-gradient(166deg, rgb(33, 44, 72) 0%, rgb(45, 124, 101) 100%);
}

.gJXRdn:nth-child(4) .sc-jWassX div {
  background: rgba(128, 255, 178, 0.5);
}

.gJXRdn:nth-child(1)::before {
  background: linear-gradient(166deg, rgb(39, 36, 30) 0%, rgb(161, 133, 61) 100%);
}

.gJXRdn:nth-child(1)::after {
  background: linear-gradient(166deg, rgb(62, 54, 42) 0%, rgb(203, 162, 55) 100%);
}

.gJXRdn:nth-child(1) .sc-jWassX div {
  background: rgba(255, 200, 60, 0.5);
}

.gJXRdn:hover::before {
  opacity: 0;
}

.gJXRdn:hover::after {
  opacity: 1;
}

.gJXRdn:hover .sc-jWassX img {
  transform: scale(1.15);
}

.eurjfy {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1;
  color: rgb(255, 255, 255);
}

.eurjfy img {
  width: 14px;
  margin-left: 4px;
}

.cffhiY {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 25px;
}

.cffhiY p {
  color: rgba(240, 179, 88, 0.9);
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  width: 70px;
  white-space: normal;
}

.jSdcoW {
  display: grid;
  grid-template-columns: 108px 1fr;
  gap: 3px;
  height: 104px;
  width: 100%;
  border-radius: 8px;
  background: rgb(19, 23, 33);
  padding: 3px;
}

.fUQyMq {
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 3px;
  width: 3000px;
}

.esebYO {
  background: rgb(22, 27, 43);
  border-radius: 6px;
  padding: 4px;
  height: 100%;
  display: flex;
  gap: 4px;
  flex-direction: column;
}

.esebYO div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  color: rgb(122, 134, 151);
  height: 100%;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: rgb(33, 40, 60) 0px 0px 0px 1px inset;
}

.esebYO div.active {
  background: linear-gradient(rgba(39, 45, 80, 0.7) 0%, rgba(49, 57, 96, 0.7) 100%);
  box-shadow: none;
  color: rgb(96, 128, 255);
}

.esebYO div.active path {
  fill: rgb(96, 128, 255);
}

.esebYO svg {
  width: 16px;
  margin-left: 6px;
}

.gtRfFW {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  opacity: 0;
  transform: translateY(-50px);
  transition: 0.2s;
}

.gtRfFW span {
  font-weight: 500;
  font-size: 12px;
  color: rgb(193, 200, 218);
  max-width: 70px;
}

.gtRfFW img {
  width: 18px;
  margin-left: 5px;
  border-radius: 50%;
}

.jYJXpV {
  position: absolute;
  bottom: -22px;
  right: -19px;
  transform: translateX(100%);
  transition: 0.2s;
}

.jYJXpV img {
  width: 70px;
}

.lnhUZe {
  background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
  border-radius: 6px;
  overflow: hidden;
  width: 0px;
  transition: width 0.3s;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lnhUZe > img {
  max-width: 90px;
  max-height: 70px;
}

.lnhUZe::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  background: url("/img/pages/shop/item-bg/color-classified.png") center 0px / 73px auto no-repeat;
}

.lnhUZe:hover .sc-hrcans {
  opacity: 1;
  transform: translateY(0px);
}

.lnhUZe:hover .sc-hKenND {
  transform: translateX(0px);
}

.lnhUZe.drop_color-classified {
  background: radial-gradient(133.39% 100% at 0.8% 100%, rgb(55, 29, 43) 0%, rgba(55, 29, 43, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.bHGfra {
  background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
  border-radius: 6px;
  overflow: hidden;
  width: 0px;
  transition: width 0.3s;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bHGfra > img {
  max-width: 90px;
  max-height: 70px;
}

.bHGfra::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  background: url("/img/pages/shop/item-bg/color-milspec.png") center 0px / 73px auto no-repeat;
}

.bHGfra:hover .sc-hrcans {
  opacity: 1;
  transform: translateY(0px);
}

.bHGfra:hover .sc-hKenND {
  transform: translateX(0px);
}

.bHGfra.drop_color-milspec {
  background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.imDsTW {
  background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
  border-radius: 6px;
  overflow: hidden;
  width: 0px;
  transition: width 0.3s;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imDsTW > img {
  max-width: 90px;
  max-height: 70px;
}

.imDsTW::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  background: url("/img/pages/shop/item-bg/color-restricted.png") center 0px / 73px auto no-repeat;
}

.imDsTW:hover .sc-hrcans {
  opacity: 1;
  transform: translateY(0px);
}

.imDsTW:hover .sc-hKenND {
  transform: translateX(0px);
}

.imDsTW.drop_color-restricted {
  background: radial-gradient(133.78% 100% at -0.6% 100%, rgb(37, 29, 55) 0%, rgba(37, 29, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.iWxKpS {
  width: auto;
  overflow: hidden;
}

.gmgnOl {
  padding: 0px 3px;
}

@media (max-width: 1000px) {
  .gmgnOl {
    padding: 12px 5px;
  }
}

.fapsIM {
  margin: 0px auto;
  padding: 24px 12px 0px;
  width: 1604px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media (max-width: 1750px) {
  .fapsIM {
    width: 1250px;
  }
}

@media (max-width: 1350px) {
  .fapsIM {
    width: 100%;
  }
}

.liulIA {
  display: grid;
  grid-template-columns: 396px 1fr;
  gap: 20px;
}

@media (max-width: 1750px) {
  .liulIA {
    grid-template-columns: 337px 1fr;
  }
}

@media (max-width: 1350px) {
  .liulIA {
    grid-template-columns: 1fr;
  }
}

.LwGBr {
  border-radius: 10px;
  background: linear-gradient(rgb(21, 25, 34) 0%, rgb(36, 38, 45) 100%);
  height: auto;
  overflow: hidden;
}

@media (max-width: 1350px) {
  .LwGBr {
    display: none;
  }
}

.hIjCwC {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.fMaCTT {
  border-radius: 10px;
  background: rgb(21, 26, 38);
  padding: 26px;
  margin-bottom: 60px;
}

.ePQfgB {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

@media (max-width: 1350px) {
  .ePQfgB {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 650px) {
  .ePQfgB {
    grid-template-columns: 1fr;
  }
}

.hnixpK {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.bHhLTo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.bHhLTo h2 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 700;
}

.kzTxvf {
  border-radius: 6px;
  background: linear-gradient(176deg, rgba(27, 35, 53, 0.6) 0%, rgba(38, 47, 71, 0.6) 100%);
  padding: 2px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: background 0.2s;
  overflow: hidden;
  cursor: pointer;
}

.kzTxvf::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(15px);
  background: linear-gradient(rgb(27, 35, 53) 0%, rgb(42, 58, 100) 100%);
  opacity: 0;
  transition: opacity 0.2s;
}

.kzTxvf > img {
  max-width: 95%;
  margin-bottom: 12px;
}

.kzTxvf p {
  color: rgb(113, 121, 142);
  font-size: 11px;
  font-weight: 400;
  opacity: 0.9;
}

.kzTxvf h6 {
  color: rgb(232, 236, 244);
  font-size: 14px;
  margin: 1px 0px 12px;
  font-weight: 500;
  line-height: 18px;
  opacity: 0.9;
}

.kzTxvf button {
  border-radius: 4px;
  background: rgb(96, 128, 255);
  width: 100%;
  padding: 10px 16px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kzTxvf button img {
  width: 16px;
  margin-right: 6px;
}

.kzTxvf:hover::before {
  opacity: 1;
}

.eFvZFL {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
}

@media (max-width: 1330px) {
  .eFvZFL {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}

.gUGkLx {
  position: absolute;
  left: 28px;
  top: 28px;
  z-index: 2;
}

.gUGkLx h2 {
  margin-bottom: 13px;
  color: rgb(216, 211, 208);
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  text-transform: uppercase;
  width: 177px;
}

.gUGkLx button {
  padding: 13px;
  border-radius: 8px;
  background: rgba(166, 133, 115, 0.1);
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgb(235, 182, 103);
  font-size: 14px;
  font-weight: 500;
}

.jgmdEa {
  display: flex;
  align-items: center;
}

.jgmdEa span {
  border-radius: 4px;
  background: rgba(240, 179, 88, 0.24);
  padding: 0px 6px;
  line-height: 19px;
  color: rgb(240, 179, 88);
  font-size: 10px;
  font-weight: 400;
  margin-left: 2px;
}

@media (max-width: 1750px) {
  .jgmdEa span {
    font-size: 9px;
  }
}

.gsYeAV {
  padding: 28px 28px 26px;
  border-radius: 10px;
  background: rgb(24, 30, 46);
}

.jOAEmW {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jOAEmW h2 {
  color: rgb(255, 255, 255);
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.jOAEmW h2 img {
  margin-left: 8px;
  width: 20px;
}

.dlfEKl {
  height: 38px;
  min-width: 38px;
  width: 38px;
  border-radius: 8px;
  background: rgba(96, 128, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}

.dlfEKl svg {
  height: 24px;
}

.NDrgo {
  padding: 0px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.NDrgo > div {
  width: 100%;
}

.NDrgo h6 {
  color: rgb(181, 195, 219);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 1px;
  display: flex;
  align-items: center;
  transition: color 0.2s;
}

.iDQmRF {
  display: flex;
  align-items: center;
  color: rgb(83, 97, 124);
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 1750px) {
  .iDQmRF {
    white-space: nowrap;
    overflow: hidden;
  }
}

.fEiPDH {
  height: 554px;
  overflow: auto;
  width: calc(100% + 6px);
  padding-right: 6px;
}

.fEiPDH::-webkit-scrollbar-thumb,
.fEiPDH::-webkit-scrollbar {
  background: transparent;
}

.fEiPDH:hover::-webkit-scrollbar-thumb {
  background: rgb(41, 50, 69);
}

@media (max-width: 1750px) {
  .fEiPDH {
    height: 408px;
  }
}

.lmGlCk {
  border-radius: 8px;
  border: 2px solid rgba(96, 128, 255, 0.28);
  background: rgba(96, 128, 255, 0.05);
  padding: 8px 10px;
  display: flex;
  align-items: center;
  color: rgb(96, 128, 255);
  font-size: 13px;
  font-weight: 700;
  transition: 0.2s;
}

.lmGlCk svg {
  width: 18px;
  margin-right: 3px;
}

.lmGlCk path {
  transition: fill 0.2s;
}

.lmGlCk:hover {
  border: 2px solid rgba(96, 128, 255, 0.48);
  background: rgba(96, 128, 255, 0.15);
  color: rgb(164, 182, 255);
  filter: none;
}

.lmGlCk:hover path {
  fill: rgb(164, 182, 255);
}

.kkkzyG {
  background: transparent;
  padding: 17px 17px 12px;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: static;
  cursor: pointer;
}

.kkkzyG .letter {
  position: absolute;
  right: 10px;
  bottom: -16px;
  font-size: 64px;
  font-weight: 800;
  color: rgb(35, 44, 62);
  background: -webkit-linear-gradient(top, rgba(35, 44, 62, 0.38), rgb(37, 46, 62)) text;
  -webkit-text-fill-color: transparent;
}

.kkkzyG.bonus .sc-iDMawA {
  background: rgba(96, 255, 179, 0.22);
}

.kkkzyG.bonus .sc-ioVwud h6 {
  color: rgb(160, 225, 149);
}

.kkkzyG.daily .sc-iDMawA {
  background: rgba(240, 179, 88, 0.22);
}

.bXpbAq {
  margin-top: 26px;
  height: 42px;
  border-radius: 8px;
  background: rgba(138, 185, 255, 0.22);
  color: rgb(169, 188, 216);
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  transition: 0.2s;
}

.bXpbAq:hover {
  background: rgba(138, 185, 255, 0.42);
  color: rgb(255, 255, 255);
  filter: none !important;
}

.gRLbqv {
  padding: 0px 25px 18px 17px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  opacity: 0;
  transition: opacity 0.5s;
}

.bmLuRW {
  border-radius: 10px;
  position: relative;
  border: 1px solid rgba(80, 94, 120, 0.24);
  transition: 0.2s, max-height 0.5s;
  max-height: 74px;
  overflow: hidden;
}

.bmLuRW:not(:last-child) {
  margin-bottom: 6px;
}

.bmLuRW.task:hover {
  border: 1px solid rgba(80, 94, 120, 0.44);
}

.bmLuRW.task:hover .sc-iDMawA {
  background: rgba(96, 128, 255, 0.22);
}

.bmLuRW.task:hover .sc-ioVwud h6 {
  color: rgb(233, 241, 255);
}

.bmLuRW.task:hover .daily .sc-iDMawA {
  background: rgba(240, 179, 88, 0.22);
}

.bmLuRW.task:hover .bonus .sc-iDMawA {
  background: rgba(96, 255, 179, 0.22);
}

.bmLuRW.task:hover .bonus .sc-ioVwud h6 {
  color: rgb(160, 225, 149);
}

.ifyRUP {
  width: 38px;
  min-width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ifyRUP img {
  width: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.4;
  transition: opacity 0.2s;
}

.ifyRUP .romb span {
  border-radius: 5px;
  border: 2px solid transparent;
  width: 22px;
  height: 22px;
  transform: rotate(45deg);
  display: block;
  transition: border-color 0.2s;
}

.dYSxdg {
  width: 38px;
  min-width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dYSxdg img {
  width: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.4;
  transition: opacity 0.2s;
}

.dYSxdg .romb span {
  border-radius: 5px;
  border: 2px solid transparent;
  width: 22px;
  height: 22px;
  transform: rotate(45deg);
  display: block;
  transition: border-color 0.2s;
}

.dYSxdg .romb.secondary::before {
  position: absolute;
  content: "";
  left: 50%;
  top: -2px;
  transform: translate(-50%, -100%);
  width: 2px;
  height: 31px;
  background: linear-gradient(rgb(96, 128, 255) 0%, rgb(64, 73, 100) 100%);
  opacity: 0;
  transition: 0.2s;
}

.eYVFpn {
  border-radius: 6px;
  border: 1px solid rgb(53, 62, 91);
  background: rgba(32, 39, 58, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 100%;
  color: rgb(97, 105, 126);
  font-size: 12px;
  font-weight: 400;
  backdrop-filter: blur(7px);
}

.eYVFpn > img {
  width: 14px;
  margin-right: 4px;
}

.pwcXN {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bBJMKO {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

@media (max-width: 1750px) {
  .bBJMKO {
    width: 133%;
    height: 125%;
    transform: translate(-50%, -50%) scale(0.7);
  }
}

.OOpCg {
  top: 40px;
  right: 20px;
  transition: transform 0.2s;
}

.kzfDJw {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  bottom: 9px;
  width: 83px;
}

.jkZdNB {
  transition: transform 0.2s;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jkZdNB.blocked {
  pointer-events: none;
}

.jXrKKg {
  z-index: 1;
  transition: 0.2s;
}

.cggQdT {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cggQdT svg {
  height: auto;
  width: 60px;
}

.cnMhdY {
  position: absolute;
  right: 610px;
  top: 62px;
  z-index: 1;
  padding: 34px 17px 28px;
  cursor: pointer;
  transition: opacity 0.5s;
}

.cnMhdY:hover .sc-fBFNbA {
  transform: translateY(-10px) scale(1.2);
}

.hMrGsS {
  position: absolute;
  right: 1026px;
  top: 408px;
  z-index: 1;
  padding: 34px 17px 28px;
  cursor: pointer;
  transition: opacity 0.5s;
}

.hMrGsS:hover .sc-fBFNbA {
  transform: translateY(-10px) scale(1.2);
}

.kSsoVE {
  position: absolute;
  right: 288px;
  top: 555px;
  z-index: 1;
  padding: 34px 17px 28px;
  cursor: pointer;
  transition: opacity 0.5s;
}

.kSsoVE:hover .sc-fBFNbA {
  transform: translateY(-10px) scale(1.2);
}

.iineib {
  position: absolute;
  right: 417px;
  top: 394px;
  z-index: 1;
  padding: 34px 17px 28px;
  cursor: pointer;
  transition: opacity 0.5s;
}

.iineib:hover .sc-fBFNbA {
  transform: translateY(-10px) scale(1.2);
}

.vpgWR {
  position: absolute;
  right: 676px;
  top: 405px;
  z-index: 1;
  padding: 34px 17px 28px;
  cursor: pointer;
  transition: opacity 0.5s;
}

.vpgWR:hover .sc-fBFNbA {
  transform: translateY(-10px) scale(1.2);
}

.YDHvq {
  position: absolute;
  right: 793px;
  top: 150px;
  z-index: 1;
  padding: 34px 17px 28px;
  cursor: pointer;
  transition: opacity 0.5s;
}

.YDHvq:hover .sc-fBFNbA {
  transform: translateY(-10px) scale(1.2);
}

.kDXiZT {
  position: absolute;
  right: 442px;
  top: 215px;
  z-index: 1;
  padding: 34px 17px 28px;
  cursor: pointer;
  transition: opacity 0.5s;
}

.kDXiZT:hover .sc-fBFNbA {
  transform: translateY(-10px) scale(1.2);
}

.bttIFS {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  background: rgba(12, 15, 23, 0.93);
  width: 507px;
  height: 276px;
  align-items: center;
  justify-content: center;
  padding: 0px 81px;
}

.bttIFS p {
  text-align: center;
  margin: 12px 0px 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
}

.bttIFS > img {
  width: 42px;
}

.bttIFS a {
  border-radius: 4px;
  background: rgb(96, 128, 255);
  padding: 15px 40px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.bttIFS a .login-img {
  width: 18px;
  margin-left: 8px;
}

.kdwQdQ {
  position: absolute;
  left: 28px;
  bottom: 28px;
  padding: 18px;
  border-radius: 8px;
  background: rgba(41, 45, 58, 0.9);
  backdrop-filter: blur(12px);
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.kdwQdQ h4 {
  color: rgb(141, 149, 166);
  font-size: 12px;
  text-transform: uppercase;
}

.gaRjoJ {
  display: flex;
  align-items: center;
  gap: 14px;
}

.oOnmb {
  min-width: 230px;
  padding: 12px 4px;
  border-radius: 6px;
  border: 1px solid rgb(68, 74, 98);
  color: rgb(207, 217, 239);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: transparent;
}

.jwpKuJ {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dKTHWL {
  top: calc(190px - 100vh);
}

.gNCRCK {
  bottom: calc(400px + 100vh);
  position: absolute;
}

.premium__down-arrow {
  margin-top: 85px;
  width: 22px;
  cursor: pointer;
}

@media (max-width: 1000px) {
  .sidebar-top,
  .premium__title,
  .premium__sub-title,
  .benefit-img__awp,
  .premium__down-arrow {
    display: none !important;
  }

  .premium-page {
    padding: 16px;
  }

  .premium__benefits {
    margin-top: 112px;
  }

  .premium__benefit-block {
    gap: 116px;
    margin-bottom: 146px;
  }

  .premium__benefit-content {
    margin-bottom: 0px !important;
    max-width: 100%;
  }

  .benefit-number {
    top: -200px;
    left: -50px;
    right: auto;
  }
}

@media (max-width: 750px) {
  .premium__main-plans {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    align-items: center;
  }
}

body.static-header main {
  padding-top: 0px;
}

body.static-header header {
  background: transparent;
  position: absolute;
}

@media (max-width: 1000px) {
  body.static-header main {
    padding-top: 70px;
  }
}

.GMwcv li.active {
  max-height: 600px;
  background: rgb(235, 239, 249);
}

.GMwcv li.active p {
  opacity: 1;
}

.GMwcv li.active h3 {
  color: rgb(16, 20, 26);
}

.GMwcv li.active path {
  fill: rgb(16, 20, 26);
}

.GMwcv li.active .arrow {
  transform: rotate(180deg);
}

.gOropF.golden:hover,
.gOropF.golden.active {
  background: rgb(41, 38, 35);
}

.fSEGcO {
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 183px;
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -20px;
  background: linear-gradient(230.31deg, rgb(197, 134, 79) -49.97%, rgb(255, 191, 116) -18.36%, rgb(205, 136, 72) 50.02%, rgb(255, 195, 124) 74.19%, rgb(245, 167, 97) 158.72%, rgb(245, 167, 97) 158.72%);
  font-weight: 900;
  font-size: 9px;
  line-height: 11px;
  text-transform: uppercase;
  color: rgb(55, 46, 41);
  transform: rotate(-45deg) translateX(-30%);
}

.jRvgqW {
  width: 356px;
  overflow: hidden;
  background: linear-gradient(rgb(26, 30, 45) -12.18%, rgb(29, 36, 49) 86.88%, rgb(29, 36, 49) 103.8%);
  border-radius: 17px;
}

@media (max-width: 768px) {
  .jRvgqW {
    width: 100%;
    max-width: 396px;
  }
}

.grNAkZ {
  padding: 32px;
}

.eEpoun {
  padding: 10px 10px 0px;
}

.eEpoun img {
  width: 100%;
}

@media (max-width: 768px) {
  .eEpoun {
    padding: 16px 16px 0px;
  }
}

.kelEXe {
  display: flex;
  flex-direction: column;
}

.kelEXe li {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}

.kelEXe li:not(:last-child) {
  margin-bottom: 15px;
}

.kelEXe li,
.kelEXe li a,
.kelEXe li button {
  color: rgb(229, 232, 239);
  display: flex;
  align-items: center;
}

.kelEXe li button {
  color: inherit;
  font-weight: inherit;
  background: transparent;
  padding: 0px;
  text-align: left;
  width: 100%;
}

.kelEXe li svg {
  width: 14px;
  margin-right: 9px;
}

.flikEq {
  color: rgb(159, 177, 201);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  background: transparent;
  padding: 0px;
  display: inline-flex;
  align-items: center;
  gap: 1px;
  transition: color 0.2s;
  text-decoration: underline 17% dotted rgb(100, 105, 128);
  text-decoration-skip-ink: auto;
  text-underline-offset: 18%;
  text-underline-position: from-font;
}

.flikEq img {
  height: 18px;
  margin-left: 5px;
}

.flikEq svg {
  flex-shrink: 0;
}

.flikEq:hover {
  color: rgb(203, 216, 236);
}

.kgFmjn {
  display: grid;
  gap: 8px;
  height: 60px;
  grid-template-columns: 1fr 60px;
  margin-top: 32px;
}

.kgFmjn button {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.gSJBhy {
  border: 2px solid rgb(122, 94, 60);
  background: transparent;
  border-radius: 8px;
}

.ktDRSg {
  border: 2px solid rgb(79, 99, 177);
  background: transparent;
  border-radius: 8px;
}

.hrBgfS {
  background: rgb(228, 150, 53);
  font-weight: 700;
  font-size: 16px;
  border-radius: 8px;
}

.hrBgfS img {
  width: 23px;
  margin-right: 10px;
}

@media (max-width: 750px) {
  .hrBgfS {
    border-radius: 8px;
  }
}

.jjwRWw {
  background: rgb(96, 128, 255);
  font-weight: 700;
  font-size: 16px;
  border-radius: 8px;
}

.jjwRWw img {
  width: 23px;
  margin-right: 10px;
}

@media (max-width: 750px) {
  .jjwRWw {
    border-radius: 8px;
  }
}

.gAoYIk {
  position: absolute;
  top: 50px;
  left: -370px;
  z-index: 2;
  width: 240px;
}

.gAoYIk span {
  display: block;
  color: rgb(241, 243, 255);
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 16px;
}

.gAoYIk button {
  padding: 0px 25px;
  height: 47px;
  background: rgb(228, 150, 53);
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
}

@media (max-width: 1700px) {
  .gAoYIk {
    right: -370px;
  }
}

.hMIVBZ {
  top: 42px;
  position: absolute;
  left: -302px;
  width: 369px;
}

@media (max-width: 1000px) {
  .hMIVBZ {
    display: none !important;
  }
}

.bxrgxd {
  position: absolute;
  right: -376px;
  top: -20px;
  height: 758px;
}

@media (max-width: 1000px) {
  .bxrgxd {
    display: none !important;
  }
}

.dRhMIo {
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: radial-gradient(100% 100% at 50% 0%, rgb(228, 150, 53) 0%, rgb(179, 117, 41) 100%);
  border: 1px solid rgb(228, 150, 53);
  box-shadow: rgba(228, 150, 53, 0.24) 0px 0px 50px;
  border-radius: 12px;
}

.dRhMIo.blue {
  background: radial-gradient(100% 100% at 50% 0%, rgb(96, 128, 255) 0%, rgb(67, 90, 179) 100%);
  border: 1px solid rgb(96, 128, 255);
  box-shadow: rgba(96, 128, 255, 0.24) 0px 0px 50px;
}

.kdePcs {
  top: -500px;
}

.hPoIMk #video-compare-container {
  display: inline-block;
  line-height: 0;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  height: 270px;
  width: 100%;
}

.hPoIMk #video-clipper {
  width: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 2;
  overflow: hidden;
}

.hPoIMk #video-clipper img {
  width: 200%;
  height: 100%;
}

.hPoIMk #video-clipper > div {
  height: 100% !important;
}

.hPoIMk .premium__benefits {
  transition: 0.2s;
  margin-top: 142px;
  padding-bottom: 150px;
}

.hPoIMk .premium__title {
  font-weight: 700;
  margin-bottom: 7px;
  text-align: left;
  text-transform: unset;
  margin-top: 95px;
  font-size: 46px;
}

.hPoIMk .premium__title span {
  color: rgb(96, 128, 255);
}

.hPoIMk .premium__sub-title {
  letter-spacing: 0.2px;
  color: rgb(255, 255, 255);
  font-size: 17px;
  line-height: 27px;
  opacity: 0.7;
  font-weight: 400;
}

.hPoIMk .premium__main-plans {
  display: flex;
  position: relative;
  gap: 19px;
  margin-top: 48px;
}

.hPoIMk .premium__main-plans::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 110%;
  width: 100%;
  display: block;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.19);
  filter: blur(20px);
}

.hPoIMk .disabled-benefit,
.hPoIMk .disabled-benefit a {
  color: rgb(131, 140, 152) !important;
}

.hPoIMk .premium__benefit-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 450px;
}

.hPoIMk .premium__benefit-block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 150px;
  gap: 160px;
}

.hPoIMk .reverse-benefit {
  flex-direction: row-reverse;
}

.hPoIMk .premium__benefit-name {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin: 24px 0px 14px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
}

.hPoIMk .premium__benefit-descr {
  color: rgb(131, 140, 152);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}

.hPoIMk .premium__benefit-descr span,
.hPoIMk .premium__benefit-descr a {
  color: rgb(244, 164, 69);
}

.hPoIMk .premium__benefit-descr a {
  text-decoration: underline;
}

.hPoIMk .premium__benefit-images {
  position: relative;
  width: 450px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hPoIMk .premium__benefit-images > img:not(:first-child) {
  position: absolute;
  z-index: 5;
}

.hPoIMk .premium__benefit-images .under-demo-images {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.hPoIMk .premium__benefit-images .under-demo-images img {
  position: absolute;
}

.hPoIMk .benefit-number {
  opacity: 0.05;
  display: block;
  color: rgb(255, 255, 255);
  font-size: 300px;
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 435px;
  z-index: 1;
  text-align: right;
  letter-spacing: -48px;
  transform: translateY(-50%);
}

.hPoIMk .premium__bottom-subscribe {
  transition: 0.3s;
  text-align: center;
  margin: 0px auto;
  display: block;
}

.hPoIMk .premium__bottom-subscribe h2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 33px;
  text-align: center;
}

.hPoIMk .premium__bottom-subscribe p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgb(131, 140, 152);
  margin: 16px 0px 32px;
}

.hPoIMk .premium__bottom-subscribe button {
  width: 260px;
  height: 52px;
  border-radius: 5px;
  background-color: rgb(241, 145, 2);
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.3s;
}

.hPoIMk .premium__bottom-subscribe button:hover {
  filter: brightness(110%);
}

.hPoIMk .benefit-img__cases {
  right: -53px;
  bottom: -18px;
}

.hPoIMk .benefit-img__karambit {
  left: -26px;
  top: 11px;
}

.hPoIMk .benefit-img__blured-ak {
  top: -79px;
  left: 56px;
  animation: 5s ease 0s infinite normal none running akRotation;
}

.hPoIMk .benefit-img__awp {
  right: 0px;
  bottom: 0px;
}

.hPoIMk .benefit-img__flashbang {
  left: -20px;
  bottom: -30px;
  animation: 5s ease 0s infinite normal none running flashRotation;
}

.hPoIMk .benefit-img__navi {
  left: -53px;
  bottom: -40px;
}

.hPoIMk .benefit-forze {
  top: -50px;
  right: -60px;
}

.hPoIMk .benefit-img__crosshair {
  left: 73px;
  top: -66px;
}

.hPoIMk .benefit-img__locker {
  bottom: -66px;
  left: 110px;
}

.hPoIMk .benefit-vp {
  bottom: -63px;
  right: -34px;
}

.hPoIMk .benefit__curtain {
  top: -10px;
  right: -40px;
}

.hPoIMk .benefit__corona {
  top: -75px;
  left: -78px;
}

.hPoIMk .benefit__feathers {
  bottom: -46px;
  left: 23px;
  animation: 3s ease-in 0s infinite normal none running feathers;
}

.hPoIMk .benefit__gif {
  object-fit: cover;
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 100%;
  border-radius: 5px;
}

@media (max-width: 1500px) {
  .hPoIMk .premium__title {
    text-align: center;
  }

  .hPoIMk .premium__main-plans {
    margin-left: 0px;
  }

  .hPoIMk .premium__benefits {
    margin-top: 156px;
  }

  .hPoIMk .premium__benefit-block {
    flex-direction: column;
    margin-bottom: 100px;
  }

  .hPoIMk .premium__benefit-block .premium__benefit-content {
    margin-right: 0px;
    margin-left: 0px;
  }

  .hPoIMk .benefit__drops .premium__benefit-content {
    margin-bottom: 87px;
  }

  .hPoIMk .benefit__skinchanger .premium__benefit-content {
    margin-bottom: 77px;
  }

  .hPoIMk .benefit__no-ads .premium__benefit-content {
    margin-bottom: 69px;
  }

  .hPoIMk .benefit__pro .premium__benefit-content {
    margin-bottom: 60px;
  }

  .hPoIMk .benefit__tag .premium__benefit-content,
  .hPoIMk .benefit__competitions .premium__benefit-content {
    margin-bottom: 67px;
  }

  .hPoIMk .benefit__unlimit-awp .premium__benefit-content {
    margin-bottom: 73px;
  }

  .hPoIMk .benefit-img__karambit {
    top: 0px;
  }

  .hPoIMk .premium__benefits {
    padding-bottom: 100px;
  }
}

@media (max-width: 650px) {
  .hPoIMk .premium__title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 14px;
  }

  .hPoIMk .premium__sub-title {
    width: 300px;
    font-size: 14px;
    margin: 0px auto;
  }

  .hPoIMk .premium__main-plans {
    flex-direction: column;
  }

  .hPoIMk .premium__benefits {
    margin-top: 174px;
  }

  .hPoIMk .premium__benefit-name {
    font-size: 24px;
    text-align: center;
  }

  .hPoIMk .premium__benefit-descr {
    font-size: 14px;
    width: 300px !important;
  }

  .hPoIMk .benefit__skinchanger .premium__benefit-content {
    margin-bottom: 50px;
  }

  .hPoIMk .benefit__no-ads .premium__benefit-content,
  .hPoIMk .benefit__pro .premium__benefit-content,
  .hPoIMk .benefit__competitions .premium__benefit-content,
  .hPoIMk .benefit__unlimit-awp .premium__benefit-content {
    margin-bottom: 46px;
  }

  .hPoIMk .benefit__tag .premium__benefit-content {
    margin-bottom: 56px;
  }

  .hPoIMk .premium__benefit-images {
    width: 300px;
    height: 200px;
  }

  .hPoIMk .benefit-img__cases {
    display: none;
  }

  .hPoIMk .benefit-img__karambit {
    left: -16px;
    top: 0px;
    width: 80px;
  }

  .hPoIMk .benefit-img__blured-ak {
    top: -48px;
    left: 56px;
    width: 219px;
  }

  .hPoIMk .benefit-img__flashbang {
    left: 0px;
    bottom: -20px;
    width: 50px;
  }

  .hPoIMk .benefit-img__navi {
    left: -8px;
    bottom: -30px;
    width: 78px;
  }

  .hPoIMk .benefit-forze {
    top: -16px;
    right: -25px;
    width: 56px;
  }

  .hPoIMk .benefit-vp {
    bottom: -49px;
    right: -11px;
    width: 114px;
  }

  .hPoIMk .benefit__curtain {
    top: 0px;
    right: -1px;
    width: 129px;
  }

  .hPoIMk .benefit__corona {
    top: -43px;
    left: -11px;
    width: 89px;
  }

  .hPoIMk .benefit__feathers {
    bottom: -46px;
    left: 23px;
    width: 259px;
  }

  .hPoIMk #video-clipper img {
    object-fit: cover;
  }
}

.bmEXHV {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url("/img/pages/premium/bg.png") center top / contain no-repeat;
}

@media (max-width: 750px) {
  .bmEXHV {
    background: none;
  }
}

@keyframes feathers {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(-10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes akRotation {
  0% {
    transform: scale(1) translateY(0px);
  }

  50% {
    transform: scale(0.95) translateY(20px);
  }

  100% {
    transform: scale(1) translateY(0px);
  }
}

@keyframes flashRotation {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-30px);
  }

  100% {
    transform: translateY(0px);
  }
}

.fPNkAk {
  --ach-status: 36px;
}

.WGsmG {
  --landing-gutter: 24px;
}

@media (min-width: 1100px) {
  .WGsmG {
    --landing-gutter: 48px;
  }
}

@media (min-width: 1600px) {
  .WGsmG {
    --landing-gutter: 72px;
  }
}

body.telegram-mini-app {
  --safe-area-inset-top: calc( env(safe-area-inset-top, 0px) + var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) );
  --safe-area-inset-bottom: calc( env(safe-area-inset-bottom, 0px) + var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px) );
}

:where(body[data-page="starseries-fall-2026"]) a,
:where(body[data-page="starseries-fall-2026"]) button,
:where(body[data-page="starseries-fall-2026"]) span,
:where(body[data-page="starseries-fall-2026"]) strong,
:where(body[data-page="starseries-fall-2026"]) ::before,
:where(body[data-page="starseries-fall-2026"]) ::after {
  text-decoration: none;
}

:where(body[data-page="starseries-fall-2026"]) p a,
:where(body[data-page="starseries-fall-2026"]) p a:hover {
  color: rgb(255, 255, 255);
}

.cGuLHB {
  align-self: start;
  margin-bottom: 6px;
}

.ikUzsl {
  border-radius: 99px;
  border: 1px solid rgb(217, 65, 65);
  padding: 5px 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.ikUzsl span:not([data-i18n]) {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgb(217, 65, 65);
}

.clyEnK {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 12px;
}

.rCZpS {
  display: flex;
  border-radius: 10px 10px 4px 4px;
  background: linear-gradient(rgb(32, 40, 56) 0%, rgb(39, 49, 68) 100%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
  flex-direction: column;
  align-items: center;
  padding: 16px 16px 14px;
}

.rCZpS p {
  color: rgb(199, 211, 226);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0.6;
  margin-bottom: 3px;
}

.rCZpS button {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 5px;
  color: rgb(255, 255, 255);
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 700;
  text-transform: none;
  margin-bottom: 11px;
}

.ggLcsl {
  padding: 14px 0px 4px;
}

.ggLcsl div {
  color: rgb(84, 96, 119);
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 400;
  padding: 8px 4px;
  gap: 12px;
  display: flex;
  align-items: center;
}

.ggLcsl span:not([data-i18n]) {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 99px;
  background: rgba(145, 175, 253, 0.1);
}

.uJUML {
  background: rgb(19, 24, 33);
  border-radius: 8px;
}

.uJUML ul {
  gap: 4px;
  display: flex;
  flex-direction: column;
}

.bvveJo {
  padding: 12px 16px;
  border-radius: 4px 4px 10px 10px;
  background: rgba(34, 43, 60, 0.6);
  display: flex;
  align-items: center;
}

.bvveJo p {
  color: rgb(159, 177, 201);
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
}

.btrwvA {
  margin-left: 10px;
}

.btrwvA h5 {
  color: rgb(199, 211, 226);
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.birGos {
  height: 40px;
  padding: 0px 8px;
  width: 100%;
  border-radius: 6px;
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  transition: 0.2s;
}

.birGos svg {
  width: 26px;
  height: 26px;
}

.birGos:hover {
  background: rgba(93, 108, 146, 0.12);
}

.birGos.active {
  background: rgba(96, 128, 255, 0.12);
}

.birGos.active h5 {
  color: rgb(96, 128, 255);
}

.birGos.active > svg * {
  fill: rgb(96, 128, 255);
}

.fGCita {
  background: rgb(19, 24, 33);
  border-radius: 8px;
  padding: 18px;
}

@media (max-width: 1000px) {
  .fGCita {
    padding: 12px;
    background: none;
    border-radius: 0px;
  }
}

.cDugqz {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}

.cDugqz img {
  width: 90%;
  height: 90%;
  object-fit: contain;
  opacity: 0.4;
}

.exXLWR {
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgb(19, 24, 33);
  display: flex;
  align-items: center;
  justify-content: center;
}

.exXLWR span {
  background: linear-gradient(rgb(37, 45, 61) 0%, rgb(64, 75, 96) 100%);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.gdhHSj {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jPMmeq {
  background: rgb(19, 24, 33);
  border-radius: 8px;
  padding: 12px;
  overflow: hidden;
}

.gzdAMj {
  width: 100%;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid rgba(146, 132, 93, 0.26);
  color: rgb(255, 196, 101);
  background: transparent;
  margin-top: 8px;
  overflow: hidden;
}

.gzdAMj::after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: -40px;
  width: 75px;
  height: 58px;
  background: radial-gradient(rgba(255, 196, 101, 0.44) 50%, transparent 75%);
  filter: blur(24px);
}

.ippCYi {
  position: sticky;
  bottom: 24px;
  z-index: 2;
  align-self: start;
}

@media (max-width: 1150px) {
  .ippCYi {
    position: static;
  }
}

@media (max-width: 1000px) {
  .ippCYi {
    height: calc(100% - 72px);
    padding-bottom: calc(79px + 12px + var(--safe-area-inset-bottom, 0px));
    padding-top: calc(46px + 12px + var(--safe-area-inset-top, 0px));
    display: block;
    position: fixed;
    overflow: auto;
    top: 79px;
    left: 0px;
    border-radius: 8px;
    background: rgb(19, 24, 33);
    opacity: 0;
    transform: translateY(20px);
    transition: 0.3s;
    pointer-events: none;
  }
}

.ergUoD {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgb(72, 80, 92);
  padding: 0px 12px;
}

.ergUoD span {
  color: rgb(245, 233, 77);
  cursor: pointer;
}

.ergUoD a {
  color: rgb(118, 123, 130);
}

.ergUoD a:hover {
  color: rgb(147, 150, 156);
}

.WGsmG {
  display: flex;
  flex-direction: column;
  gap: 128px;
  background: url("/img/pages/pickem/leaders-bg.jpg") center top / 100% auto no-repeat rgb(19, 24, 33);
  border-radius: 8px;
  padding: 0 var(--landing-gutter) 64px;
  margin-bottom: 24px;
  overflow: hidden;
}

@media (max-width: 700px) {
  .WGsmG {
    gap: 64px;
  }
}

.dTkRWy {
  width: 756px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 128px;
}

.dTkRWy:empty {
  display: none;
}

@media (max-width: 700px) {
  .dTkRWy {
    gap: 64px;
  }
}

@media (max-width: 1000px) {
  .dTkRWy {
    width: 100%;
  }
}

.fOVbln {
  display: flex;
  flex-direction: column;
}

.cIcIjd {
  display: flex;
  justify-content: center;
  height: 572px;
  margin: 0 calc(var(--landing-gutter, 24px) * -1);
  overflow: hidden;
}

@media (max-width: 700px) {
  .cIcIjd {
    height: 400px;
  }
}

.kIhbWo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding-top: 112px;
}

@media (max-width: 700px) {
  .kIhbWo {
    padding-top: 80px;
  }
}

.bfDcjE {
  width: min(410px, 72vw);
  height: 240px;
  object-fit: contain;
}

@media (max-width: 700px) {
  .bfDcjE {
    height: 170px;
  }
}

.dDTfWt {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  background: transparent;
  color: rgb(193, 200, 218);
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-variant: all-small-caps;
  font-weight: 900;
  line-height: 1.2;
}

.dDTfWt img {
  width: min(252px, 48vw);
  height: 68px;
  object-fit: contain;
}

@media (max-width: 700px) {
  .dDTfWt {
    font-size: 18px;
  }

  .dDTfWt img {
    height: 48px;
  }
}

.bQcgMI {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: -44px calc(var(--landing-gutter, 24px) * -1) 0;
  overflow: hidden;
}

.bQcgMI > button {
  align-self: center;
}

.xMXTz {
  display: flex;
  width: min(756px, 100% - 48px);
  margin: 0px auto;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-align: center;
}

@media (max-width: 700px) {
  .xMXTz {
    gap: 14px;
  }
}

.IpPfy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.IpPfy span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgb(193, 200, 218);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.32px;
  text-transform: uppercase;
}

.IpPfy span img {
  width: 16px;
  height: 16px;
}

.IpPfy h2 {
  max-width: 500px;
  color: rgb(255, 255, 255);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: none;
}

@media (max-width: 700px) {
  .IpPfy h2 {
    font-size: 28px;
  }
}

.eCGeyF {
  color: rgb(193, 200, 218);
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.2px;
}

@media (max-width: 700px) {
  .eCGeyF {
    font-size: 16px;
  }
}

.XfWJp {
  display: flex;
  width: min(1020px, 100%);
  margin: 0px auto;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.bGIZyO {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(756px, 100%);
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
}

.bGIZyO span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgb(193, 200, 218);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.98px;
  text-transform: uppercase;
}

.bGIZyO span svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.bGIZyO h2 {
  max-width: 560px;
  color: rgb(255, 255, 255);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: none;
  text-wrap: balance;
}

@media (max-width: 700px) {
  .bGIZyO h2 {
    font-size: 28px;
  }
}

.jbMxga {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 12px;
}

@media (max-width: 1500px) {
  .jbMxga {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

@media (max-width: 600px) {
  .jbMxga {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}

.dEzycZ {
  position: relative;
  display: flex;
  min-width: 0px;
  height: 100%;
  flex-direction: column;
  gap: 6px;
}

.bveKnb {
  position: relative;
  display: flex;
  aspect-ratio: 246 / 234;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px 8px 4px 4px;
  background: linear-gradient(rgb(32, 40, 56) 0%, rgb(39, 49, 68) 100%);
}

.bveKnb img {
  position: relative;
  z-index: 1;
  width: 69%;
  max-width: 170px;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.bLozYa {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  min-height: 90px;
  padding: 30px 16px 20px;
  align-items: flex-start;
  justify-content: center;
  border-radius: 4px 4px 10px 10px;
  background: rgba(34, 43, 60, 0.6);
  text-align: center;
}

.bLozYa p {
  margin: 0px;
  color: rgb(151, 166, 185);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  opacity: 1;
}

.bLozYa strong {
  color: rgb(224, 232, 243);
  font-weight: 700;
}

.fPNkAk {
  position: absolute;
  top: calc(-1 * (var(--ach-status) / 2 + 3px));
  left: 50%;
  width: var(--ach-status);
  height: var(--ach-status);
  transform: translateX(-50%);
}

.fPNkAk svg {
  display: block;
  width: 100%;
  height: 100%;
}

.gUFjXX {
  display: flex;
  padding: 12px 24px;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: rgb(96, 128, 255);
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 700;
}

.gUFjXX svg {
  width: 20px;
  height: 20px;
}

.irWcsE {
  display: flex;
  width: min(1045px, 100%);
  margin: 0px auto;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.knGBWp {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  align-items: start;
  gap: 12px;
}

@media (max-width: 800px) {
  .knGBWp {
    grid-template-columns: minmax(0px, 1fr);
  }
}

.bttmFv {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 6px;
}

.dLfzDF {
  position: relative;
  display: flex;
  height: 380px;
  flex-direction: column;
  box-sizing: border-box;
  padding: 24px 36px 24px 24px;
  overflow: hidden;
  border-radius: 8px;
  background: rgb(25, 33, 54);
}

.dLfzDF h3 {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0px;
  color: rgb(193, 200, 218);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-align: center;
  text-transform: none;
  text-wrap: balance;
}

@media (max-width: 480px) {
  .dLfzDF {
    height: 280px;
  }

  .dLfzDF h3 {
    font-size: 22px;
  }
}

.dOZaib {
  position: absolute;
  z-index: 0;
  inset: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.howYit {
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  padding: 0px 24px;
  border-radius: 4px 4px 10px 10px;
  background: rgba(96, 128, 255, 0.12);
  text-decoration: none;
}

.howYit span {
  min-width: 0px;
  overflow: hidden;
  color: rgb(96, 128, 255);
  font-size: 20px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.howYit svg {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
}

@media (max-width: 1100px) {
  .howYit {
    padding: 0px 16px;
  }

  .howYit span {
    font-size: 16px;
  }

  .howYit svg {
    width: 28px;
    height: 28px;
  }
}

.daVIMJ {
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  padding: 0px 24px;
  border-radius: 4px 4px 10px 10px;
  background: rgba(96, 128, 255, 0.12);
  text-decoration: none;
}

.daVIMJ span {
  min-width: 0px;
  overflow: hidden;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .daVIMJ {
    padding: 0px 16px;
  }

  .daVIMJ span {
    font-size: 16px;
  }
}

.qZFrU {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}

.qZFrU i {
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-style: normal;
  opacity: 0.4;
}

.hoBmfH {
  display: flex;
  min-width: 30px;
  align-items: center;
  justify-content: center;
  padding-bottom: 4px;
  border-radius: 3.75px;
  background: rgb(71, 78, 90);
}

.hoBmfH b {
  display: flex;
  min-width: 30px;
  box-sizing: border-box;
  padding: 6px 8px;
  align-items: center;
  justify-content: center;
  border-radius: 3.75px;
  background: linear-gradient(rgb(185, 210, 247) 0%, rgb(207, 217, 239) 100%);
  color: rgb(4, 4, 5);
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 14px;
  text-align: center;
}

@media (max-width: 1100px) {
  .hoBmfH {
    min-width: 24px;
  }

  .hoBmfH b {
    min-width: 24px;
    padding: 5px 6px;
    font-size: 16px;
  }
}

.kMquBv {
  margin: 0px;
  padding: 0px 24px;
  color: rgb(193, 200, 218);
  font-size: 12px;
  line-height: 14px;
  opacity: 0.3;
}

.lctxRC {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 21px;
  padding-top: 54px;
}

.lctxRC::before,
.lctxRC::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0px;
  bottom: 0px;
  width: min(240px, 18vw);
  pointer-events: none;
}

.lctxRC::before {
  left: 0px;
  background: linear-gradient(90deg, rgb(19, 24, 33), transparent);
}

.lctxRC::after {
  right: 0px;
  background: linear-gradient(-90deg, rgb(19, 24, 33), transparent);
}

.kfpamX {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: 36s linear 0s infinite normal none running landing-skins-marquee;
}

@media (prefers-reduced-motion: reduce) {
  .kfpamX {
    animation-play-state: paused;
  }
}

.eSlrTE {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: 36s linear 0s infinite reverse none running landing-skins-marquee;
}

@media (prefers-reduced-motion: reduce) {
  .eSlrTE {
    animation-play-state: paused;
  }
}

.WdwpJ {
  height: 192px;
}

.WdwpJ:hover .sc-kdQgsU {
  animation-play-state: paused;
}

.gLQYFi {
  display: flex;
  gap: 12px;
  padding-right: 12px;
}

.fwPlRi {
  position: absolute;
  top: 204px;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%);
  transition: opacity 0.2s;
}

.fwPlRi > span {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgb(193, 200, 218);
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

.fwPlRi > span img {
  width: 12px;
  height: 12px;
  opacity: 0.5;
}

.fwPlRi div {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgb(255, 255, 255);
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

.fwPlRi div img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}

.fwPlRi div b {
  max-width: 170px;
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
}

.eukuXA {
  position: relative;
  width: 240px;
  height: 192px;
  overflow: hidden;
  border-radius: 6px;
  background: radial-gradient( 166.21% 173.82% at 32.32% 153.46%, rgb(var(--rarity-rgb) / 60%) 0%, rgb(var(--rarity-rgb) / 20%) 50%, rgb(var(--rarity-rgb) / 0%) 100% ),linear-gradient(157deg, #131825 1.87%, #1d2437 88.46%);
}

.eukuXA::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  background: url("/img/pages/shop/item-bg/color-restricted.png") center center / contain no-repeat;
  transform: translate(-50%, -50%);
}

.eukuXA::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: rgb(var(--rarity-rgb));
}

.eukuXA img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 180px;
  height: 136px;
  object-fit: contain;
  transform: translate(-50%, -50%);
}

.iOXyZC {
  position: relative;
  width: 240px;
  height: 192px;
  overflow: hidden;
  border-radius: 6px;
  background: radial-gradient( 166.21% 173.82% at 32.32% 153.46%, rgb(var(--rarity-rgb) / 60%) 0%, rgb(var(--rarity-rgb) / 20%) 50%, rgb(var(--rarity-rgb) / 0%) 100% ),linear-gradient(157deg, #131825 1.87%, #1d2437 88.46%);
}

.iOXyZC::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  background: url("/img/pages/shop/item-bg/color-golden.png") center center / contain no-repeat;
  transform: translate(-50%, -50%);
}

.iOXyZC::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: rgb(var(--rarity-rgb));
}

.iOXyZC img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 180px;
  height: 136px;
  object-fit: contain;
  transform: translate(-50%, -50%);
}

.iDZPvM {
  position: relative;
  width: 240px;
  height: 192px;
  overflow: hidden;
  border-radius: 6px;
  background: radial-gradient( 166.21% 173.82% at 32.32% 153.46%, rgb(var(--rarity-rgb) / 60%) 0%, rgb(var(--rarity-rgb) / 20%) 50%, rgb(var(--rarity-rgb) / 0%) 100% ),linear-gradient(157deg, #131825 1.87%, #1d2437 88.46%);
}

.iDZPvM::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  background: url("/img/pages/shop/item-bg/color-classified.png") center center / contain no-repeat;
  transform: translate(-50%, -50%);
}

.iDZPvM::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: rgb(var(--rarity-rgb));
}

.iDZPvM img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 180px;
  height: 136px;
  object-fit: contain;
  transform: translate(-50%, -50%);
}

.fOMMg {
  position: relative;
  width: 240px;
  height: 192px;
  overflow: hidden;
  border-radius: 6px;
  background: radial-gradient( 166.21% 173.82% at 32.32% 153.46%, rgb(var(--rarity-rgb) / 60%) 0%, rgb(var(--rarity-rgb) / 20%) 50%, rgb(var(--rarity-rgb) / 0%) 100% ),linear-gradient(157deg, #131825 1.87%, #1d2437 88.46%);
}

.fOMMg::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  background: url("/img/pages/shop/item-bg/color-milspec.png") center center / contain no-repeat;
  transform: translate(-50%, -50%);
}

.fOMMg::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: rgb(var(--rarity-rgb));
}

.fOMMg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 180px;
  height: 136px;
  object-fit: contain;
  transform: translate(-50%, -50%);
}

.hwAYoj {
  position: relative;
  z-index: 1;
  flex: 0 0 240px;
  width: 240px;
  height: 192px;
  transition: transform 0.25s;
}

.hwAYoj::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
  height: 66px;
  pointer-events: none;
}

.hwAYoj:hover {
  z-index: 3;
  transform: translateY(-54px);
}

.hwAYoj:hover::after,
.hwAYoj:hover .sc-gqkWSJ {
  pointer-events: auto;
}

.hwAYoj:hover .sc-gqkWSJ {
  opacity: 1;
}

.cdOpeE {
  padding: 0px 1vw;
  gap: 24px;
  grid-template-columns: minmax(0px, 320px) minmax(0px, 1fr);
  display: grid;
  min-width: 0px;
}

.cdOpeE > * {
  min-width: 0px;
}

@media (max-width: 1150px) {
  .cdOpeE {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

@media (max-width: 1000px) {
  .cdOpeE {
    padding: 12px 1vw;
  }
}

@keyframes landing-skins-marquee {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(-50%);
  }
}

.lnywcp {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("/img/pages/shop/item-bg/color-golden.png") center 13px / 134px auto no-repeat;
  padding-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
}

.lnywcp img {
  max-width: 60%;
  width: auto;
  max-height: 88px;
  transition: opacity 0.3s;
}

.gyXIZP {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("/img/pages/shop/item-bg/color-covert.png") center 13px / 134px auto no-repeat;
  padding-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
}

.gyXIZP img {
  max-width: 60%;
  width: auto;
  max-height: 88px;
  transition: opacity 0.3s;
}

.lfEPDH {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("/img/pages/shop/item-bg/color-classified.png") center 13px / 134px auto no-repeat;
  padding-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
}

.lfEPDH img {
  max-width: 60%;
  width: auto;
  max-height: 88px;
  transition: opacity 0.3s;
}

.dwIQYz {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("/img/pages/shop/item-bg/color-restricted.png") center 13px / 134px auto no-repeat;
  padding-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
}

.dwIQYz img {
  max-width: 60%;
  width: auto;
  max-height: 88px;
  transition: opacity 0.3s;
}

.kVCkGO {
  height: 246px;
  background: radial-gradient(93.57% 80.54% at 48.06% 100%, rgba(2, 1, 1, 0) 0%, rgba(55, 29, 29, 0) 100%), linear-gradient(163.3deg, rgb(19, 24, 37) 1.87%, rgb(29, 36, 55) 88.46%);
  border-radius: 6px;
  display: block;
  cursor: pointer;
  transition: opacity 0.3s;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
}

.kVCkGO::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  display: block;
  left: 0px;
  top: 0px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
  background: linear-gradient(163.3deg, rgba(25, 30, 40, 0.65) 1.87%, rgba(43, 52, 75, 0.65) 88.46%);
}

.kVCkGO::before {
  content: "";
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
  position: absolute;
  top: 31px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: calc(100% - 40px);
  height: 132px;
  z-index: 2;
}

.kVCkGO.color-restricted {
  background: radial-gradient(93.57% 80.54% at 48.06% 100%, rgb(37, 29, 55) 0%, rgba(37, 29, 55, 0) 100%), linear-gradient(163.3deg, rgb(19, 24, 37) 1.87%, rgb(29, 36, 55) 88.46%);
}

.kVCkGO.color-classified {
  background: radial-gradient(93.57% 80.54% at 48.06% 100%, rgb(55, 29, 43) 0%, rgba(55, 29, 43, 0) 100%), linear-gradient(163.3deg, rgb(19, 24, 37) 1.87%, rgb(29, 36, 55) 88.46%);
}

.kVCkGO.color-covert {
  background: radial-gradient(93.57% 80.54% at 48.06% 100%, rgb(55, 29, 29) 0%, rgba(55, 29, 29, 0) 100%), linear-gradient(163.3deg, rgb(19, 24, 37) 1.87%, rgb(29, 36, 55) 88.46%);
}

.kVCkGO.color-golden {
  background: radial-gradient(93.57% 80.54% at 48.06% 100%, rgb(55, 48, 29) 0%, rgba(55, 48, 29, 0) 100%), linear-gradient(163.3deg, rgb(19, 24, 37) 1.87%, rgb(29, 36, 55) 88.46%);
}

.kVCkGO .p_skin_name {
  font-weight: bold;
  color: rgb(200, 207, 219) !important;
}

.kVCkGO .p_skin_name::after {
  content: "";
  position: absolute;
  right: -15px;
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  background: rgb(42, 104, 176);
}

.kVCkGO.color-golden .p_skin_name::after {
  background: rgb(253, 181, 16);
}

.kVCkGO.color-covert .p_skin_name::after {
  background: rgb(232, 77, 77);
}

.kVCkGO.color-restricted .p_skin_name::after {
  background: rgb(117, 77, 232);
}

.kVCkGO.color-classified .p_skin_name::after {
  background: rgb(228, 77, 232);
}

.kVCkGO:hover::after,
.kVCkGO:hover::before {
  opacity: 1;
  pointer-events: all;
}

.kVCkGO:hover::before {
  background: url("/img/pages/shop/item-hover.png") center center / contain no-repeat;
}

.kVCkGO:hover .sc-ekMUmL img {
  opacity: 0;
}

.diKWtS {
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  z-index: 1;
}

.iAmSxu {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: rgb(113, 121, 142);
  opacity: 0.9;
}

.eIcYAa {
  font-weight: 400;
  font-size: 11px;
  text-transform: uppercase;
  color: rgb(113, 121, 142);
  opacity: 0.9;
  margin-bottom: 2px;
}

.vnFEm {
  opacity: 0.9;
}

.vnFEm span {
  font-weight: 400;
  font-size: 14px;
  color: rgb(232, 236, 244);
  display: block;
  max-width: 110px;
}

.chgqUE {
  margin-top: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: rgb(255, 171, 62);
  display: flex;
  align-items: center;
}

.chgqUE img {
  width: 16px;
  margin-left: 7px;
}

.khexkF {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  right: 120px;
  top: -100px;
}

.fcuhQH {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.fcuhQH > div {
  width: auto;
}

@media (max-width: 650px) {
  .fcuhQH {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}

.lkiEuu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  z-index: 3;
}

.lkiEuu > div {
  display: flex;
  align-items: center;
}

.fpxWuE {
  display: flex;
  align-items: center;
}

.evCetX {
  display: flex;
  align-items: center;
}

.evCetX li {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  color: rgb(170, 181, 198);
  margin-right: 30px;
  cursor: pointer;
  transition: color 0.3s;
}

.evCetX img {
  width: 12px;
  margin-left: 7px;
  transition: transform 0.3s;
}

.cTgbP {
  padding: 100px 1vw 1vw;
  gap: 37px;
  display: grid;
  grid-template-columns: 1fr;
  min-height: 80vh;
}

@media (max-width: 1000px) {
  .cTgbP {
    padding: 64px 48px 48px;
  }
}

@media (max-width: 840px) {
  .cTgbP {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 750px) {
  .cTgbP {
    grid-template-columns: 1fr;
    padding: 16px;
  }
}

@media (min-width: 1950px) {
  .cTgbP {
    max-width: 1920px;
    margin: 0px auto;
  }
}

:where(body[data-page="learn"]) a,
:where(body[data-page="learn"]) button,
:where(body[data-page="learn"]) span,
:where(body[data-page="learn"]) strong,
:where(body[data-page="learn"]) ::before,
:where(body[data-page="learn"]) ::after {
  text-decoration: none;
}

:where(body[data-page="learn"]) p a,
:where(body[data-page="learn"]) p a:hover {
  color: rgb(255, 255, 255);
}

.iucnre {
  text-transform: none;
}

@media (min-width: 751px) {
  .iucnre {
    display: block;
    max-width: 100%;
    padding: 24px 0px;
    margin-top: -24px;
  }
}

.iucnre::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  width: 130px;
  transform: translateY(-50%);
  height: 30px;
  background: url("/img/pages/skinrave/logo.png") center center / contain no-repeat;
  display: none;
}

.bYBowl .support-article {
  background: linear-gradient(rgb(17, 23, 31) 62.96%, rgba(17, 23, 31, 0) 90.38%);
  border-radius: 4px;
  padding: 48px 64px;
  width: 100%;
}

.bYBowl .support-article__title {
  display: inline-block;
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
  color: rgb(255, 255, 255);
}

.bYBowl .support-article-part {
  padding-bottom: 15px;
}

.bYBowl .support-article__feedback {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  min-height: 104px;
  border-top: 1px solid rgb(23, 30, 38);
  gap: 18px;
  padding: 24px 0px;
}

.bYBowl .support-article__feedback h5 {
  font-weight: 500;
  font-size: 16px;
  opacity: 0.7;
}

.bYBowl .feedback-buttons {
  display: flex;
  align-items: center;
  margin: 0px 7px 0px 17px;
}

.bYBowl .feedback-buttons button {
  width: 69px;
  height: 42px;
  background: rgb(24, 32, 43);
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
}

.bYBowl .feedback-buttons button:first-child {
  margin-right: 5px;
}

.bYBowl .support-article-part p {
  font-size: 14px;
  line-height: 26px;
  color: rgb(136, 139, 143);
}

.bYBowl .support-article-part p a {
  font-size: 14px;
}

.bYBowl .hash-tag {
  padding: 4px;
  background: rgb(24, 32, 43);
  border-radius: 5px;
  font-size: 14px;
  color: rgb(92, 107, 192) !important;
}

@media (max-width: 750px) {
  .bYBowl .support-article-part {
    padding-top: 20px;
  }

  .bYBowl .support-article {
    padding: 24px;
  }

  .bYBowl .support-article__title {
    font-size: 24px;
  }
}

.fqBLSa {
  padding: 4px 20px 14px 48px;
}

.kggxck {
  border-left: 1px solid rgb(35, 44, 56);
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-left: 20px;
}

.kggxck a {
  font-size: 14px;
  line-height: 18px;
  color: rgb(208, 214, 222);
  transition: color 0.2s;
  padding: 8px 0px;
  display: block;
}

.kggxck a.selected,
.kggxck a:hover {
  color: rgb(96, 128, 255);
}

:where(body[data-page="privacy"]) p a,
:where(body[data-page="privacy"]) p a:hover {
  color: rgb(255, 255, 255);
}

.kIRcyZ {
  width: fit-content;
}

.kIRcyZ .header__online-players__button {
  height: 34px;
  display: flex;
  cursor: pointer;
  align-items: center;
  width: 80px;
  background-color: rgb(25, 29, 41);
  border-radius: 8px;
  transition: 0.3s;
  font-family: var(--font-family-0);
}

.kIRcyZ .header__online-players__button:hover {
  background: rgb(35, 40, 57);
}

.kIRcyZ .header__pro-img {
  min-width: 36px;
  background-color: rgb(96, 128, 255);
  border-radius: 8px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kIRcyZ .header__pro-img img {
  width: 16px;
}

.kIRcyZ .header__count-pro {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 500;
  font-family: Roboto;
}

.kIRcyZ .header__count-pro svg {
  width: 8px;
  margin-left: 3px;
}

@media (max-width: 1000px) {
  .kIRcyZ {
    z-index: 1;
  }
}

.gOropF:hover {
  color: rgb(220, 232, 248);
}

.hxlHyU {
  padding-top: 32px;
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 16px !important;
  line-height: 25px !important;
}

.qvyOG {
  line-height: 1.5;
  background: rgb(19, 24, 33);
  border-radius: 10px;
  padding: 0px 60px 60px;
  margin: 48px;
  font-family: var(--font-family-0);
}

.qvyOG p:not([data-terms-title]) {
  padding-left: 15px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: rgb(123, 130, 138);
}

.qvyOG p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 16px;
}

.qvyOG a {
  text-decoration: underline;
  opacity: 0.7;
}

.dhnFtR {
  font-weight: 400;
  font-size: 14px;
  color: rgb(136, 139, 143);
  text-align: right;
  top: 30px;
  right: 30px;
  position: absolute;
  display: flex;
  align-items: center;
}

.dhnFtR svg {
  width: 14px;
  margin-right: 9px;
}

.hxlHyU a {
  margin-right: 40px;
}

.lgqBvF {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.iDJUAr {
  width: 760px;
  padding: 7px 7px 7px 145px;
  border-radius: 10px;
  background: linear-gradient(270deg, rgba(31, 38, 63, 0.7) 56.12%, rgba(38, 51, 96, 0.7) 100%);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.iDJUAr img {
  width: 120px;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

.iDJUAr h6 {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
}

.iDJUAr p {
  color: rgb(165, 179, 203);
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
}

.iDJUAr button {
  padding: 16px 24px;
  border-radius: 6px;
  background: rgb(96, 128, 255);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 700;
}

.fSmGqL {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 64px 0px;
}

@media (max-width: 840px) {
  .fSmGqL {
    padding: 32px 24px;
    gap: 24px;
  }
}

.dkWPZL {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  width: 150%;
  height: 100%;
  mask-image: linear-gradient(172deg, rgb(217, 217, 217) 42.7%, rgba(217, 217, 217, 0) 94.96%);
}

.dkWPZL img {
  top: 40px;
  position: absolute;
  transition: 0.3s;
  left: 50%;
  transform: translateX(-50%);
  width: 310px;
}

.AKdXy {
  text-align: center;
  font-family: Montserrat;
  font-size: 45px;
  font-weight: 900;
  line-height: 52px;
  text-transform: uppercase;
  width: 630px;
}

@media (max-width: 840px) {
  .AKdXy {
    font-size: 24px;
    line-height: 28px;
    width: 350px;
  }
}

.eYjjqo {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

.FAfZW {
  margin-top: 100px;
  padding: 16px;
  display: flex;
  gap: 16px;
  align-items: center;
}

.yNVHX {
  overflow: hidden;
  border-radius: 44px;
  background: linear-gradient(162deg, rgb(49, 70, 155) 0.77%, rgb(96, 128, 255) 82.23%);
  width: 118px;
  height: 226px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 17px 0px 10px;
  transition: opacity 0.3s;
}

.yNVHX h3 {
  color: rgb(255, 255, 255);
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 700;
}

.yNVHX h3,
.yNVHX span {
  z-index: 1;
}

.yNVHX span {
  border-radius: 51px;
  background: rgb(26, 33, 61);
  backdrop-filter: blur(9px);
  padding: 12px 15px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 700;
}

.yNVHX:nth-child(2n+1) {
  margin-top: 56px;
}

.yNVHX:nth-child(2n) {
  margin-bottom: 56px;
}

.yNVHX:nth-child(3n+1) {
  opacity: 1;
}

.yNVHX:nth-child(3n+2) {
  opacity: 0.5;
}

.yNVHX:nth-child(3n) {
  opacity: 0.8;
}

.yNVHX:hover {
  cursor: pointer;
  opacity: 1;
}

.yNVHX:hover img {
  transform: translateX(-50%) scale(1.1) translateY(10px);
}

.lhulyK {
  mask-image: linear-gradient(270deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.93) 22.7%, rgb(217, 217, 217) 74.24%, rgba(217, 217, 217, 0) 100%);
}

.cUXvNV {
  --accent-color: #6080ff;
}

.cUXvNV.green {
  --accent-color: #62d57b;
}

.iXyRJg button {
  --color: #759cff;
}

.iXyRJg button.green {
  --color: #62d57b;
}

.iXyRJg button.gold {
  --color: #ffc860;
}

.iXyRJg button.secondary {
  --color: #898fa6;
}

body.telegram-mini-app {
  --safe-area-inset-top: calc( env(safe-area-inset-top, 0px) + var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));
  --safe-area-inset-bottom: calc( env(safe-area-inset-bottom, 0px) + var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px));
}

:where(body[data-page="raffle"]) .limited-length {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gold {
  text-shadow: none;
}

.blue-x-scroll::-webkit-scrollbar-thumb {
  background: rgb(96, 128, 255);
  border-radius: 10px;
  width: 32px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.blue-x-scroll::-webkit-scrollbar {
  height: 5px;
  background: rgb(23, 32, 44);
}

.blue-scroll::-webkit-scrollbar-thumb {
  background: rgb(96, 128, 255);
  border-radius: 10px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.blue-scroll::-webkit-scrollbar {
  width: 2px;
  background: rgb(23, 32, 44);
}

.ealcqN {
  margin-top: 20px;
}

.cUeLFF {
  display: flex;
  flex-direction: row;
  gap: 19px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.dPvWyz {
  height: 235px;
  border-radius: 5px 5px 0px 0px;
  background: linear-gradient(rgba(25, 29, 40, 0) 0%, rgb(28, 34, 55) 100%);
  padding: 16px 12px 28px;
}

.cyvdMG {
  border-top: 2px solid rgb(56, 66, 108);
  background: linear-gradient(rgb(27, 33, 54) 0%, rgba(25, 29, 40, 0) 83.33%);
  padding: 24px 14px 0px;
  height: 66px;
}

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

.cyvdMG a > img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

.dMugks {
  color: rgb(213, 217, 228);
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 3px;
}

.bpiiHW {
  display: flex;
  align-items: center;
  gap: 3px;
  color: rgb(122, 154, 255);
  font-size: 13px;
  font-weight: 700;
}

.bpiiHW img {
  width: 14px;
  height: 14px;
}

.iJurS {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iJurS img {
  max-width: 80%;
  padding: 8px;
}

.fkyLAL {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.jloJVf {
  font-size: 12px;
}

.ioyinn {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  margin: 1px 0px 10px;
  text-transform: none;
  text-align: left;
}

.jRwBKe {
  color: rgb(213, 217, 228);
  font-size: 12px;
  font-weight: 500;
}

.ivjhWY {
  position: absolute;
  top: 8px;
  left: 8px;
  border-radius: 2px;
  background: rgba(145, 175, 253, 0.12);
  padding: 3px 7px;
  color: rgb(213, 217, 228);
  font-size: 12px;
  font-weight: 700;
}

.biszOJ {
  border-radius: 3px;
  background: rgb(56, 66, 108);
  padding: 3px 12px;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.llNQQv {
  position: absolute;
  right: 12px;
  top: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: rgb(255, 152, 56);
  font-size: 14px;
  font-weight: 700;
}

.llNQQv img {
  width: 16px;
}

.huvbOa {
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  background: radial-gradient(circle at center top, rgba(96, 128, 255, 0.18), transparent 55%);
  opacity: 0;
  pointer-events: none;
}

.hsVrBK {
  min-width: 240px;
  flex: 1 1 0%;
  scroll-snap-align: start;
}

.cpeFCS {
  border-radius: 8px;
  border-left: 3px solid rgb(96, 128, 255);
  background: linear-gradient(270deg, rgb(26, 32, 52) 55%, rgb(33, 43, 79) 100%);
  margin-bottom: 12px;
}

.cpeFCS > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 52px;
  padding: 0px 12px 0px 24px;
}

.cpeFCS h3 {
  text-transform: none;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
}

@media (max-width: 1000px) {
  .cpeFCS h3 {
    font-size: 16px;
  }
}

.ccMeTP {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.fpdqUq {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  border-radius: 7px;
  border: 1px solid rgba(93, 108, 146, 0.24);
  padding: 4px;
}

.fpdqUq button {
  height: 30px;
  padding: 6px 12px;
  background: rgba(93, 108, 146, 0.16);
  color: rgb(199, 211, 226);
  font-size: 12px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  transition: 0.2s;
}

.fpdqUq button > span {
  background: rgba(96, 128, 255, 0.24);
  border-radius: 4px;
  padding: 2px 6px;
  font-weight: 700;
  font-size: 12px;
  color: rgb(96, 128, 255);
  transition: 0.2s;
}

.fpdqUq button.active {
  background: rgba(96, 128, 255, 0.24);
  color: rgb(96, 128, 255);
}

.fpdqUq button:first-child {
  border-radius: 4px 0px 0px 4px;
}

.fpdqUq button:last-child {
  border-radius: 0px 4px 4px 0px;
}

.jEPovt {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 390px;
  overflow-y: auto;
  padding-right: 6px;
  margin-top: 6px;
}

.jylVoW {
  border-radius: 8px;
  background: rgba(93, 108, 146, 0.14);
  padding: 14px 14px 14px 18px;
  overflow: hidden;
  height: auto;
  min-height: 140px;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: space-between;
}

.jylVoW h2 {
  max-width: 70%;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.jylVoW p {
  max-width: 70%;
  color: rgb(217, 227, 241);
  font-size: 13px;
  line-height: 140%;
}

.jylVoW.default p > font {
  font-weight: 600;
}

.jylVoW.premium {
  border: 1px solid rgba(146, 132, 93, 0.26);
  background: url("/img/pages/pickem/raffle/pattern-dots-2.png") 0px 0px / 8px auto, url("/img/pages/pickem/raffle/missions/premium-background.png") 0px 0px / cover no-repeat, rgba(255, 196, 101, 0.24);
}

.jylVoW.premium p > font {
  color: rgb(255, 200, 96);
}

.jylVoW.skinrave {
  background: url("/img/pages/pickem/raffle/pattern-dots-2.png") 0px 0px / 8px auto, linear-gradient(270deg, rgba(98, 213, 123, 0.2), transparent), rgba(93, 108, 146, 0.14);
}

.jylVoW.skinrave p > font {
  color: rgb(98, 213, 123);
}

.iXyRJg {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.iXyRJg button {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  color: var(--color);
}

.iXyRJg button svg {
  width: 16px;
  height: 16px;
  color: var(--color);
}

.ipnOgG {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 120px;
}

.cUXvNV {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px 4px 18px;
  gap: 10px;
}

.cUXvNV div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

.cUXvNV div > h5 {
  font-weight: 400;
  font-size: 13px;
  color: white;
}

.cUXvNV div > h5 font {
  color: var(--accent-color);
}

.cUXvNV div > span {
  border-radius: 2px;
  padding: 2px 4px;
  background: var(--accent-color);
  font-weight: 700;
  font-size: 10px;
  color: black;
}

.cUXvNV > span {
  flex: 1 1 0%;
  width: 100%;
  height: 1px;
  background: var(--accent-color);
}

.kaaZox {
  border-radius: 6px;
  border: 1px solid rgb(255, 255, 255);
  display: flex;
  padding: 11px 14px;
  align-items: center;
  gap: 14px;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 32px;
  background: transparent;
}

.kaaZox img {
  width: 20px;
}

@media (max-width: 1000px) {
  .kaaZox {
    display: none;
  }
}

.fIfmat {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: url("/img/pages/pickem/leaders-bg.jpg") center top / 100% auto no-repeat rgb(19, 24, 33);
  margin-bottom: 24px;
  padding: 32px 0px;
}

.fIfmat > svg path {
  color: unset;
}

.gqKVbZ {
  max-width: 1200px;
  width: 90%;
  margin: 0px auto;
}

@media (max-width: 1600px) {
  .gqKVbZ {
    width: 100%;
    padding: 6px 0px;
  }
}

.ivtGkM > div {
  padding: 0px 12px;
}

.jnkdbL {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 12px;
}

.fngQWX {
  color: rgb(255, 255, 255);
  font-size: 26px;
  font-weight: 700;
  text-transform: none;
  line-height: 36px;
  text-align: center;
}

@media (max-width: 1600px) {
  .fngQWX {
    font-size: 20px;
  }
}

.fLoENs {
  color: rgb(193, 200, 218);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.2px;
  text-transform: none;
  text-align: center;
  max-width: 530px;
  margin: 18px auto 0px;
}

@media (max-width: 1600px) {
  .fLoENs {
    font-size: 13px;
  }
}

.hxBrsD {
  display: grid;
  grid-template-columns: 600px 1fr;
  gap: 10px;
  margin: 32px 0px;
}

.hxBrsD > div {
  border-radius: 12px;
  background: rgb(21, 26, 36);
  padding: 12px;
}

.hxBrsD.full {
  grid-template-columns: 1fr;
}

@media (max-width: 1770px) {
  .hxBrsD {
    grid-template-columns: 540px 1fr;
    overflow-x: auto;
  }

  .hxBrsD > div {
    min-width: 320px;
  }
}

@media (max-width: 1500px) {
  .hxBrsD {
    grid-template-columns: 1fr;
    overflow-x: auto;
  }
}

.bNtqht .center {
  justify-content: center;
  text-align: center;
}

.itKbpK table {
  width: 100%;
}

.itKbpK tbody {
  width: calc(100% + 7px);
  padding-right: 7px;
  overflow: auto;
  display: block;
}

.itKbpK tbody::-webkit-scrollbar-thumb,
.itKbpK tbody::-webkit-scrollbar {
  background: transparent;
  width: 3px;
  border-radius: 2px;
}

.itKbpK tbody:hover::-webkit-scrollbar-thumb {
  background: rgb(41, 50, 69);
}

.itKbpK tr {
  margin-bottom: 2px;
  height: 64px;
  width: 100%;
  border-radius: 10px;
  padding-left: 29px;
  padding-right: 29px;
  font-weight: 500;
  font-size: 14px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 80px minmax(170px, 1.4fr) minmax(130px, 1fr) minmax(100px, 0.8fr) minmax(110px, 0.8fr) minmax(90px, 0.7fr);
}

.itKbpK tr td {
  z-index: 1;
  display: flex;
  align-items: center;
  font-weight: 300;
  min-width: 0px;
  color: rgb(225, 233, 253);
}

@media (max-width: 650px) {
  .itKbpK tr {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.exNJqf:nth-of-type(3)::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 243px;
  z-index: 0;
}

.exNJqf.basic-bg::before {
  content: none;
}

.esSRVw {
  background: rgba(23, 30, 39, 0.5);
  backdrop-filter: blur(14px);
  width: 100%;
  height: 47px;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 80px minmax(170px, 1.4fr) minmax(130px, 1fr) minmax(100px, 0.8fr) minmax(110px, 0.8fr) minmax(90px, 0.7fr);
  padding: 0px 29px;
  margin-bottom: 2px;
}

.esSRVw span {
  display: flex;
  align-items: center;
  height: 100%;
  min-width: 0px;
  font-weight: 500;
  font-size: 14px;
  color: rgb(67, 78, 92);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hBzVwX {
  font-weight: 500;
  font-size: 24px;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s;
  text-transform: none;
}

.hBzVwX.show {
  opacity: 1;
}

@media (max-width: 1000px) {
  .hBzVwX {
    font-size: 20px;
    flex-direction: row;
    text-align: center;
  }
}

.tCRUG {
  width: 135px;
  height: 42px;
  margin-left: 12px;
  object-fit: contain;
  cursor: pointer;
}

@media (max-width: 1000px) {
  .tCRUG {
    width: 110px;
  }
}

.kpldfI {
  background: url("/img/pages/pickem/leaders-bg.jpg") center top / 100% auto no-repeat rgb(19, 24, 33);
  border-radius: 6px;
  padding: 33px 48px 48px;
  margin-bottom: 12px;
}

@media (max-width: 800px) {
  .kpldfI {
    padding: 12px;
    margin-bottom: 24px;
  }
}

.ixnksV {
  max-width: 1020px;
  margin: 0px auto;
  padding-top: 32px;
}

.bZxigq {
  margin-top: 14px;
}

@media (min-width: 650px) {
  .bZxigq {
    padding: 18px;
    background: rgb(21, 26, 36);
    border-radius: 16px;
  }
}

.bwTlAX {
  margin-bottom: 12px;
  background: rgba(93, 108, 146, 0.04);
}

.cFszej {
  z-index: 0;
  min-width: 600px;
  max-width: calc(-600px + 100vw);
  overflow-x: auto;
}

@media (max-width: 1150px) {
  .cFszej {
    min-width: auto;
    max-width: 100%;
  }
}

.glVpvx {
  background: rgba(93, 108, 146, 0.06);
}

.cBQdZu {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fqfLzl {
  width: 550px;
  color: rgb(193, 200, 218);
  line-height: 150%;
  letter-spacing: 0.2px;
  text-align: center;
}

@media (max-width: 650px) {
  .fqfLzl {
    width: 100%;
    font-size: 14px;
  }
}

.eFeXWr {
  margin-bottom: 18px;
}

@media (max-width: 1000px) {
  .eFeXWr {
    flex-direction: column;
    gap: 8px;
  }
}

.dksGfh {
  max-width: 58px;
  max-height: 40px;
}

.tSSTy.tSSTy {
  display: block;
  height: auto;
  padding: 0px;
  margin-bottom: 12px;
  border-radius: 10px;
  overflow: visible;
}

.tSSTy td {
  display: block;
  width: 100%;
  padding: 0px;
}

.jgcyRA td > div {
  width: 100%;
  position: relative;
  min-height: 64px;
  padding: 11px 11px 11px 153px;
  border-radius: 10px;
  gap: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url("/img/pages/pickem/leaderboard-unauth.png") center center / cover no-repeat;
}

.jgcyRA td > div > img {
  position: absolute;
  top: 0px;
  left: 28px;
  height: 64px;
  max-width: 100px;
  object-fit: contain;
}

.jgcyRA .login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgb(96, 128, 255);
  color: rgba(255, 255, 255, 0.9);
  font-family: Roboto;
  font-weight: 700;
  line-height: 14px;
  white-space: nowrap;
}

.jgcyRA .login-img {
  width: 13px;
  height: 13px;
  margin-left: 7px;
  flex-shrink: 0;
}

.jgcyRA h3 {
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
  text-align: left;
}

.jgcyRA p {
  margin-top: 6px;
  color: rgb(197, 213, 255);
  font-size: 13px;
  font-weight: 400;
}

@media (max-width: 1366px) {
  .jgcyRA {
    display: none;
  }
}

.dKMXKw {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: rgb(240, 179, 88);
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  background: url("/img/pages/predictor/warning-bg.png") center center / cover no-repeat rgb(37, 36, 37);
  overflow: hidden;
  padding: 6px 24px;
  margin-bottom: 2px;
}

.dKMXKw img {
  width: 26px;
}

.fKebDo {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}

.cVqxBZ {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  background: rgba(93, 108, 146, 0.04);
  padding: 18px 18px 16px;
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 10px;
}

.cVqxBZ h3 {
  color: rgb(199, 211, 226);
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
  text-align: left;
}

.cVqxBZ svg {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.cVqxBZ.active {
  background: linear-gradient(270deg, rgb(26, 32, 52) 56.12%, rgb(33, 43, 79) 99.18%);
}

.iXnseL {
  border-radius: 99px;
  border: 1px solid rgba(93, 108, 146, 0.16);
  padding: 6px 12px;
  color: rgb(119, 133, 151);
  font-size: 12px;
  font-weight: 500;
  margin-right: 6px;
  display: inline-block;
}

.iXnseL.blue {
  color: rgb(96, 128, 255);
  border: 1px solid rgb(96, 128, 255);
}

.hLAkwm {
  background: transparent;
  display: flex;
  align-items: center;
}

.hLAkwm path {
  transition: fill 0.3s;
}

.gGqvqG {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: auto;
}

.eVTFqz {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 14px;
}

.eVTFqz span:not([data-i18n]) {
  height: 2px;
  border-radius: 99px;
  background: rgba(93, 108, 146, 0.16);
  width: 100%;
}

.eVTFqz h6 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 6px;
  color: rgb(119, 133, 151);
  font-size: 13px;
  font-weight: 500;
}

.eVTFqz img {
  width: 14px;
}

.dTjsPt {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bnikbk {
  width: 100%;
  border-radius: 6px;
  background: rgba(19, 24, 33, 0.4);
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  transition: 0.3s;
  gap: 8px;
}

.bnikbk p {
  color: rgb(199, 211, 226);
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
}

.bnikbk.disabled {
  pointer-events: none;
  filter: none;
  background: rgba(19, 24, 33, 0.4);
}

.bnikbk.disabled p {
  color: rgb(67, 76, 94);
}

.dZbEnh {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.dZbEnh .gaps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.dZbEnh .gaps span {
  height: 2px;
  width: 8px;
  border-radius: 99px;
  background: rgba(93, 108, 146, 0.16);
}

.dZbEnh img {
  width: 14px;
}

.fUzTc {
  display: flex;
  align-items: center;
  gap: 6px;
}

.fUzTc p {
  color: rgb(119, 133, 151);
  font-size: 13px;
  font-weight: 500;
}

.fUzTc a {
  color: rgb(119, 133, 151);
  text-decoration: underline;
}

.kseBeh {
  position: absolute;
  left: -18px;
  top: 0px;
  transform: translateY(-20%);
}

.kseBeh.right {
  left: auto;
  right: -18px;
  transform: translateY(-20%) rotateY(180deg);
}

.imqGmQ {
  margin-top: 10px;
  width: 100%;
  height: 38px;
  border-radius: 6px;
  padding: 0px 12px;
  font-size: 12px;
  font-weight: 600;
  background: rgba(19, 24, 33, 0.4);
  color: rgb(119, 133, 151);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  cursor: default;
}

.fDInGi {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2px;
  padding-bottom: 4px;
}

.fDInGi p {
  color: rgb(105, 113, 131);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fDInGi img,
.fDInGi svg {
  height: 22px;
}

.ounew {
  border-radius: 12px;
  background: rgb(35, 42, 57);
  padding: 14px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: box-shadow 0.3s;
}

.ounew .inactive {
  pointer-events: none;
}

.iGLQNH {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.dgoJCE {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.dgoJCE h6 {
  color: rgb(119, 133, 151);
  font-size: 13px;
  font-weight: 500;
  margin: 14px 0px 4px;
  text-align: center;
}

.dgoJCE p {
  color: rgb(199, 211, 226);
  font-size: 12px;
  font-weight: 700;
}

.hzGkRK {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hzGkRK img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.jrSWHY {
  width: 100%;
  padding-top: 11px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.jrSWHY p {
  color: rgb(84, 96, 119);
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  width: 100px;
}

.iYjeYq {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
  width: 100%;
}

.iYjeYq div {
  border-radius: 6px;
  background: rgba(19, 24, 33, 0.4);
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: rgb(67, 76, 94);
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.iYjeYq div.white {
  color: rgb(199, 211, 226);
}

.ktpmGD {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

.ktpmGD img {
  display: block;
}

.fRhueQ {
  background: transparent;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.cCIftA {
  justify-content: space-between;
  width: 100%;
}

.cCIftA,
.cCIftA > div {
  display: flex;
  align-items: center;
}

@media (max-width: 1000px) {
  .cCIftA {
    flex-direction: column;
    gap: 15px;
  }
}

.juBQEg {
  gap: 8px;
}

.bWrfgD {
  padding: 8px 14px 8px 12px;
  border-radius: 6px;
  background: rgba(112, 123, 153, 0.2);
  font-weight: 600;
  font-size: 13px;
  color: rgb(159, 177, 201);
  display: flex;
  align-items: center;
  gap: 8px;
}

.bWrfgD img {
  width: 18px;
}

.hJPWow {
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(19, 24, 33, 0.4) 0%, rgba(19, 24, 33, 0.4) 100%), rgb(35, 42, 57);
  margin-bottom: 24px;
  overflow: hidden;
  max-width: calc(-600px + 100vw);
}

@media (max-width: 1150px) {
  .hJPWow {
    max-width: 100%;
  }
}

.gAoCcU {
  display: flex;
  gap: 24px;
}

@media (max-width: 1000px) {
  .gAoCcU {
    gap: 20px;
    padding: 0px 12px;
  }
}

.cmpRnt {
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  align-items: center;
  padding: 0px 24px;
}

.cmpRnt::-webkit-scrollbar {
  height: 4px;
  background: rgb(34, 42, 58);
}

@media (max-width: 1000px) {
  .cmpRnt {
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 12px;
    padding: 0px;
  }
}

.jWictV {
  padding: 14px 0px 16px;
  border-top: 3px solid transparent;
  display: flex;
  min-width: fit-content;
  flex-direction: column;
  background: transparent;
  transition: 0.3s;
}

.jWictV h6 {
  color: rgb(119, 133, 151);
  font-size: 12px;
  font-weight: 500;
  transition: 0.3s;
}

.jWictV p {
  color: rgb(199, 211, 226);
  font-size: 16px;
  font-weight: 700;
  margin: 5px 0px 10px;
}

.jWictV.active {
  border-color: rgb(96, 128, 255);
}

.jWictV.active h6 {
  color: rgb(111, 151, 255);
}

@media (max-width: 1000px) {
  .jWictV {
    padding: 8px 0px 12px;
    scroll-snap-align: start;
  }

  .jWictV p {
    font-size: 14px;
    margin: 3px 0px 10px;
  }
}

.gVbSDC {
  color: rgb(96, 128, 255);
  font-size: 12px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 99px;
  border: 1px solid var(--Icons-CB-Blue, #6080ff);
}

.gVbSDC.bordered {
  color: rgb(119, 133, 151);
  background: transparent;
  border: 1px solid rgba(93, 108, 146, 0.24);
}

.sgjYc {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(315px, 1fr));
  gap: 24px;
  width: 100%;
  margin-bottom: 64px;
}

@media (max-width: 1750px) {
  .sgjYc {
    max-width: 100%;
  }
}

.jCYFLu {
  max-width: 1020px;
  margin: 48px auto;
}

.fJfzf {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.dGexUS {
  border-radius: 18.75px;
  background: rgba(255, 233, 206, 0.24);
  width: 36px;
  height: 21px;
  margin-left: 7px;
  transition: 0.3s;
}

.dGexUS div {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: rgb(255, 233, 206);
  position: absolute;
  left: 3px;
  top: 3px;
  transition: 0.3s;
}

.BzEGc {
  white-space: nowrap;
  padding: 9px 18px;
  border-radius: 8px;
  background: rgba(240, 179, 88, 0.12);
  display: flex;
  align-items: center;
  transition: 0.3s;
}

.BzEGc img {
  width: 28px;
  margin-right: 10px;
}

.BzEGc p {
  color: rgb(240, 179, 88);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.14px;
}

@media (max-width: 1000px) {
  .BzEGc p {
    display: none;
  }

  .BzEGc .sc-dcNSav {
    display: none;
  }

  .BzEGc img {
    margin-right: 0px;
  }
}

.eWsnaS {
  display: flex;
  flex-direction: column;
  gap: 11px;
  width: 100%;
  padding-right: 12px;
}

.eWsnaS div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1000px) {
  .eWsnaS {
    padding-right: 0px;
  }
}

.bxRqLz {
  color: rgb(207, 216, 229);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.dSIWYy {
  display: flex;
  align-items: center;
  gap: 4px;
}

.dSIWYy p {
  color: rgb(92, 103, 118);
  font-size: 14px;
}

@media (max-width: 1000px) {
  .dSIWYy p {
    display: none;
  }
}

.jTaJlQ {
  border-radius: 99px;
  background: rgba(93, 108, 146, 0.2);
  overflow: hidden;
  width: 100%;
  height: 7px;
  display: block;
}

.jTaJlQ span {
  transition: 0.3s;
  height: 100%;
  display: block;
  background: rgb(158, 167, 190);
}

.byhFxs {
  background: url("/img/pages/pickem/landing/bg_austin.png") center top / 100% auto no-repeat rgb(19, 24, 33);
  border-radius: 6px;
  padding: 33px 48px 48px;
  margin-bottom: 12px;
  min-width: 0px;
}

@media (max-width: 800px) {
  .byhFxs {
    padding: 24px 16px;
    margin-bottom: 24px;
  }
}

:where(body[data-page="matches"]) button,
:where(body[data-page="matches"]) input {
  outline: none;
}

:where(body[data-page="matches"]) a,
:where(body[data-page="matches"]) input,
:where(body[data-page="matches"]) button,
:where(body[data-page="matches"]) span,
:where(body[data-page="matches"]) ::before,
:where(body[data-page="matches"]) ::after {
  text-decoration: none;
}

:where(body[data-page="matches"]) input {
  border: 1px solid rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0.1);
  font-size: 14px;
  box-shadow: rgba(255, 255, 255, 0.1) 0px -1px inset, rgba(0, 0, 0, 0.2) 0px 2px 2px inset;
  width: 100%;
  border-radius: 6px;
  display: block;
  color: rgb(255, 255, 255);
  font-family: Roboto;
}

:where(body[data-page="matches"]) input {
  box-shadow: unset;
}

:where(body[data-page="matches"]) input::-webkit-outer-spin-button,
:where(body[data-page="matches"]) input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0px;
}

:where(body[data-page="matches"]) input:-webkit-autofill,
:where(body[data-page="matches"]) input:-webkit-autofill:hover,
:where(body[data-page="matches"]) input:-webkit-autofill:focus {
  border: 0px;
  -webkit-text-fill-color: rgb(255, 255, 255);
  box-shadow: transparent 0px 0px 0px 1000px inset;
  transition: background-color 5000s ease-in-out;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 70, 255, 0) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0) 100%);
}

.fLxTuy {
  display: flex;
  align-items: center;
  gap: 14px;
}

.WCiXh {
  width: 34px;
  min-width: 34px;
  height: 20px;
  padding: 4px;
  background: rgba(81, 95, 135, 0.4);
  border-radius: 6px;
  transition: background 0.2s;
  cursor: pointer;
}

.WCiXh div {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: rgb(158, 167, 190);
  transition: 0.2s;
}

.WCiXh.active {
  background: rgb(96, 128, 255);
}

.WCiXh.active div {
  transform: translateX(14px);
  background: rgb(255, 255, 255);
}

.kAqCtl {
  padding: 24px 1vw;
  width: 100%;
  max-width: 1430px;
  margin: 0px auto;
}

@media (max-width: 1750px) {
  .kAqCtl {
    padding: 0px 1vw;
  }
}

.FjmIQ {
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  color: rgb(96, 128, 255);
  display: flex;
  align-items: center;
}

.dwWdky {
  margin-top: 10px;
  margin-bottom: 28px;
  font-weight: 800;
  font-size: 40px;
  width: 420px;
  text-transform: none;
}

@media (max-width: 650px) {
  .dwWdky {
    font-size: 24px;
    width: auto;
  }
}

.jxrqHX {
  padding: 18px;
  border-radius: 8px;
  background: rgb(96, 128, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-weight: 700;
  min-width: 260px;
  font-size: 16px;
}

.hvgplD {
  display: flex;
  flex-direction: column;
  padding: 38px;
  border-radius: 10px;
  background: linear-gradient(119deg, rgb(22, 26, 35) 31.96%, rgb(26, 31, 50) 92.95%);
  margin-bottom: 16px;
  overflow-x: hidden;
}

.hvgplD > img {
  position: absolute;
  right: -30px;
  bottom: 0px;
}

.hvgplD > div {
  z-index: 1;
}

@media (max-width: 1366px) {
  .hvgplD > img {
    width: 100%;
  }
}

.kOcgdl {
  min-width: 800px;
  overflow-x: auto;
}

.eZEqMd {
  display: flex;
  flex-direction: column;
}

.lfEGjo {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kRDqWj {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 1366px) {
  .kRDqWj {
    flex-direction: row;
    align-items: baseline;
  }
}

@media (max-width: 650px) {
  .itLLau {
    display: none;
  }
}

.fFEHY {
  margin-bottom: 12px;
}

.fFEHY .sc-fivakt {
  flex: 1 1 0%;
  max-width: 300px;
}

@media (max-width: 1050px) {
  .fFEHY .sc-fivakt {
    display: none;
  }
}

.fFEHY .lobby__search {
  height: 44px;
  border-radius: 8px;
}

.byLYWD {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 20px;
}

@media (max-width: 1366px) {
  .byLYWD {
    display: flex;
    flex-direction: column;
  }
}

.ecOxCf {
  display: flex;
  align-items: center;
  gap: 6px;
}

.gCuRNU {
  display: flex;
  width: 16px;
  height: 16px;
}

.jwiQGW {
  background: rgb(19, 24, 33);
  border-radius: 10px;
  padding: 12px 0px 10px;
  align-self: flex-start;
  width: 100%;
}

.hLZtuq {
  display: flex;
  align-items: center;
}

.mOSFT {
  height: 40px;
  padding: 0px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: color 0.2s;
  border-left: 2px solid transparent;
}

.mOSFT div {
  font-weight: 500;
  font-size: 14px;
  color: rgb(170, 181, 198);
  display: flex;
  align-items: center;
}

.mOSFT:hover div {
  color: rgb(197, 204, 214);
}

.mOSFT img {
  width: 24px;
  margin-right: 8px;
}

.mOSFT.active {
  border-color: rgb(96, 128, 255);
  background: rgb(23, 29, 43);
}

.mOSFT.active div {
  color: rgb(96, 128, 255);
}

.jpxNLq {
  padding: 12px 28px;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: rgb(90, 99, 113);
}

.jbMjHE {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgb(119, 133, 151);
  font-size: 14px;
  font-weight: 500;
  background: transparent;
}

.jbMjHE img {
  margin: 0px;
  width: 14px;
  opacity: 0;
  transition: opacity 0.2s;
}

.jbMjHE div {
  border: 2px solid rgb(53, 63, 85);
  width: 20px;
  height: 20px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}

.fhYTIU {
  background: rgb(19, 24, 33);
  grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr 1.5fr 40px;
  padding: 0px 15px 0px 22px;
  transition: background 0.2s ease-in-out;
}

.fhYTIU:hover {
  background: rgb(23, 28, 39);
}

.fhYTIU::before {
  display: none;
}

.cmKHnS {
  display: flex;
  align-items: center;
  gap: 20px;
}

.gFVycl {
  display: flex;
  align-items: center;
  gap: 6px;
}

.dKTxls {
  border-radius: 4px;
  width: 54px;
  height: 38px;
  overflow: hidden;
}

.dKTxls img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.esImUm {
  border-radius: 6px;
  background: rgba(93, 108, 146, 0.16);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.iKvcDF {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0px;
  padding-right: 16px;
}

.iKvcDF img {
  width: 24px;
  flex-shrink: 0;
  border-radius: 50%;
}

.bbcDRb {
  min-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.eEVzuu {
  height: 16px;
  width: 4px;
  margin-right: 11px;
  background: rgb(50, 58, 71);
  border-radius: 4px;
}

.eEVzuu div {
  width: 4px;
  position: absolute;
  bottom: 0px;
  border-radius: 4px;
  max-height: 100%;
}

.cQxUnX {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bRZStP {
  display: flex;
  align-items: center;
  gap: 14px;
}

.uyylS {
  width: 34px;
  min-width: 34px;
  height: 20px;
  padding: 4px;
  background: rgba(81, 95, 135, 0.4);
  border-radius: 6px;
  transition: background 0.2s;
  cursor: pointer;
}

.uyylS div {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: rgb(158, 167, 190);
  transition: 0.2s;
}

.uyylS.active {
  background: rgb(96, 128, 255);
}

.uyylS.active div {
  transform: translateX(14px);
  background: rgb(255, 255, 255);
}

.cMBWTZ {
  padding: 24px 1vw;
  width: 100%;
  max-width: 1430px;
  margin: 0px auto;
}

@media (max-width: 1750px) {
  .cMBWTZ {
    padding: 0px 1vw;
  }
}

.eFDmKz {
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  color: rgb(96, 128, 255);
  display: flex;
  align-items: center;
}

.ifvURO {
  margin-top: 10px;
  margin-bottom: 28px;
  font-weight: 800;
  font-size: 40px;
  width: 420px;
  text-transform: none;
}

@media (max-width: 650px) {
  .ifvURO {
    font-size: 24px;
    width: auto;
  }
}

.eSrcvt {
  padding: 18px;
  border-radius: 8px;
  background: rgb(96, 128, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-weight: 700;
  min-width: 260px;
  font-size: 16px;
}

.hPJDgZ {
  display: flex;
  flex-direction: column;
  padding: 38px;
  border-radius: 10px;
  background: linear-gradient(119deg, rgb(22, 26, 35) 31.96%, rgb(26, 31, 50) 92.95%);
  margin-bottom: 16px;
  overflow-x: hidden;
}

.hPJDgZ > img {
  position: absolute;
  right: -30px;
  bottom: 0px;
}

.hPJDgZ > div {
  z-index: 1;
}

@media (max-width: 1366px) {
  .hPJDgZ > img {
    width: 100%;
  }
}

.fvzNLe {
  min-width: 800px;
  overflow-x: auto;
}

.kcSawU {
  display: flex;
  flex-direction: column;
}

.fpCKtr {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kgPqDR {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 1366px) {
  .kgPqDR {
    flex-direction: row;
    align-items: baseline;
  }
}

@media (max-width: 650px) {
  .kjuQsg {
    display: none;
  }
}

.ihWVTP {
  margin-bottom: 12px;
}

.jeQNUO {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 20px;
}

@media (max-width: 1366px) {
  .jeQNUO {
    display: flex;
    flex-direction: column;
  }
}

.bPStLQ {
  display: flex;
  align-items: center;
  gap: 6px;
}

.jjpcQe {
  display: flex;
  width: 16px;
  height: 16px;
}

.gSaTnm {
  background: rgb(19, 24, 33);
  border-radius: 10px;
  padding: 12px 0px 10px;
  align-self: flex-start;
  width: 100%;
}

.iSyeDB {
  display: flex;
  align-items: center;
}

.bZCDXQ {
  height: 40px;
  padding: 0px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: color 0.2s;
  border-left: 2px solid transparent;
}

.bZCDXQ div {
  font-weight: 500;
  font-size: 14px;
  color: rgb(170, 181, 198);
  display: flex;
  align-items: center;
}

.bZCDXQ:hover div {
  color: rgb(197, 204, 214);
}

.bZCDXQ.active {
  border-color: rgb(96, 128, 255);
  background: rgb(23, 29, 43);
}

.bZCDXQ.active div {
  color: rgb(96, 128, 255);
}

.fpdOQt {
  padding: 12px 28px;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: rgb(90, 99, 113);
}

.jHhLJh {
  background: rgb(19, 24, 33);
  grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr 1.5fr 40px;
  padding: 0px 15px 0px 22px;
  transition: background 0.2s ease-in-out;
}

.jHhLJh:hover {
  background: rgb(23, 28, 39);
}

.jHhLJh::before {
  display: none;
}

.kfDRjD {
  display: flex;
  align-items: center;
  gap: 20px;
}

.dnXbeq {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cpiXJo {
  border-radius: 4px;
  width: 54px;
  height: 38px;
  overflow: hidden;
}

.cpiXJo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dEHnu {
  border-radius: 6px;
  background: rgba(93, 108, 146, 0.16);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.hlpcIA {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0px;
  padding-right: 16px;
}

.hlpcIA img {
  width: 24px;
  flex-shrink: 0;
  border-radius: 50%;
}

.jJLLHK {
  min-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.iGmvIx {
  height: 16px;
  width: 4px;
  margin-right: 11px;
  background: rgb(50, 58, 71);
  border-radius: 4px;
}

.iGmvIx div {
  width: 4px;
  position: absolute;
  bottom: 0px;
  border-radius: 4px;
  max-height: 100%;
}

.czbMVz {
  display: flex;
  align-items: center;
  gap: 8px;
}

.duXVcD {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border-radius: 3px;
  background: linear-gradient(0deg, rgba(96, 255, 179, 0.12) 0%, rgba(96, 255, 179, 0.12) 100%), rgba(19, 24, 39, 0.5);
  color: rgb(0, 255, 143);
  font-size: 13px;
  font-weight: 500;
}

.bZRlqm :not(path, use, g, symbol) {
  position: relative;
  border: 0px;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  margin: 0px;
  padding: 0px;
}

.modal-enter-done {
  opacity: 1;
  transform: scale(1);
}

.dropdown {
  position: absolute;
  top: calc(100% + 1px);
  left: 0px;
  background: rgb(17, 23, 31);
  border-radius: 4px;
  z-index: 2;
  width: 300px;
}

.dropdown li {
  padding: 0px 16px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  color: rgb(137, 155, 183);
  justify-content: flex-start;
  width: 100%;
  cursor: pointer;
}

.dropdown li {
  transition: 0.3s;
}

.dropdown li:hover {
  color: rgb(255, 255, 255);
}

.dropdown li img {
  margin-right: 10px;
}

.dropdown {
  left: auto;
  right: 0px;
}

.bZRlqm.type-3 {
  border-radius: 8px;
  background: rgb(34, 38, 60);
  box-shadow: rgba(8, 11, 17, 0.3) 0px 16px 24px 0px;
  padding: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  top: calc(100% + 10px);
}

.bZRlqm.type-3 li {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 6px;
  color: rgb(159, 177, 201);
  font-size: 14px;
  font-weight: 500;
  transition: 0.3s;
  cursor: pointer;
}

.bZRlqm.type-3 li:hover {
  background: rgb(44, 49, 74);
  color: rgb(211, 221, 235);
}

.bZRlqm.type-3 li img {
  width: 15px;
  margin-right: 10px;
}

.modal__overlay button,
.modal__overlay span,
.modal__overlay ::before,
.modal__overlay ::after {
  text-decoration: none;
}

.modalShowing_true {
  opacity: 1;
  pointer-events: auto;
}

.modal-close {
  position: absolute;
  top: 25px;
  right: 25px;
  opacity: 0.2;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: opacity 0.4s;
  z-index: 1;
}

.modal-close:hover {
  opacity: 1 !important;
}

.modal-close img {
  width: 100%;
}

.weUXT {
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.cMePfi {
  overflow: hidden;
}

.cMePfi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 750px) {
  .cMePfi {
    display: none;
  }

  .djxrnU {
    grid-template-columns: 1fr;
  }
}

.gfnPXK {
  gap: 8px;
  display: flex;
  align-items: center;
  color: rgb(240, 179, 88);
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

.gfnPXK img {
  width: 20px;
}

.OfYK {
  color: rgb(211, 221, 235);
  font-size: 26px;
  font-weight: 700;
}

.kqdQAo {
  color: rgb(122, 134, 151);
  font-size: 14px;
  line-height: 150%;
}

.OgFfB {
  margin-top: 14px;
  padding-right: 28px;
}

.gqVuEA {
  color: rgb(211, 221, 235);
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-transform: none;
  text-align: left;
}

.kONJzi {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.kONJzi li {
  display: flex;
  gap: 10px;
}

.kONJzi li p {
  color: rgb(122, 134, 151);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.kONJzi svg {
  min-width: 22px;
  height: 22px;
  margin-top: 3px;
  margin-left: 3px;
}

.djxrnU {
  border-radius: 15px;
  background: rgb(23, 28, 42);
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 756px;
  overflow: hidden;
  max-width: 90%;
}

.kfLfDi {
  margin-top: 24px;
}

.kfLfDi button {
  border-radius: 8px;
  background: rgb(240, 179, 88);
  width: 100%;
  height: 56px;
  color: rgb(40, 43, 54);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.kfLfDi button.blue {
  background: rgb(96, 128, 255);
  color: rgb(255, 255, 255);
}

.modal__overlay button,
.modal__overlay ::before,
.modal__overlay ::after {
  text-decoration: none;
}

.djxrnU.short {
  width: 650px;
}

.djxrnU.short .sc-hhyHjP img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.inPalM {
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.dQRkrc {
  overflow: hidden;
}

.dQRkrc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 750px) {
  .dQRkrc {
    display: none;
  }

  .lnafBu {
    grid-template-columns: 1fr;
  }
}

.dwQSXt {
  color: rgb(211, 221, 235);
  font-size: 26px;
  font-weight: 700;
}

.kncSsB {
  color: rgb(122, 134, 151);
  font-size: 14px;
  line-height: 150%;
}

.fhKkPd {
  margin-top: 14px;
  padding-right: 28px;
}

.lnafBu {
  border-radius: 15px;
  background: rgb(23, 28, 42);
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 756px;
  overflow: hidden;
  max-width: 90%;
}

.lnafBu.short {
  width: 650px;
}

.lnafBu.short .sc-Xgdrh img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ebOPZP {
  margin-top: 24px;
}

.ebOPZP button {
  border-radius: 8px;
  background: rgb(240, 179, 88);
  width: 100%;
  height: 56px;
  color: rgb(40, 43, 54);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.ebOPZP button.blue {
  background: rgb(96, 128, 255);
  color: rgb(255, 255, 255);
}

.ezlDUb {
  position: relative;
}

.ezlDUb > [data-tippy-root] {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding-top: 10px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.ezlDUb:hover > [data-tippy-root],
.ezlDUb:focus-within > [data-tippy-root] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

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

.esghI .mode-card-video video {
  opacity: 0;
  transition: opacity 0.25s ease;
}

@media (min-width: 800px) {

  .esghI.hover:hover .mode-card-media {
    display: block;
    opacity: 0.7;
  }

  .esghI.hover.is-playing:hover .mode-card-media {
    opacity: 0;
  }

  .esghI.hover.is-playing:hover .mode-card-video video {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ezlDUb > [data-tippy-root] {
    transition: none;
    transform: none;
  }

  .esghI.hover:hover .mode-card-video {
    display: none;
  }

  .esghI.hover:hover .mode-card-media {
    display: block;
    opacity: 0.7;
  }
}

.bYBowl [data-learn-content] {
  min-width: 0;
  scroll-margin-top: 90px;
}

.bYBowl [hidden] {
  display: none !important;
}

.bYBowl [tabindex="-1"]:focus {
  outline: none;
}

.bYBowl .hndxcd:focus-visible,
.bYBowl .learn-list__item:focus-visible,
.bYBowl .kggxck a:focus-visible,
.bYBowl .cgycDa button:focus-visible {
  outline: 2px solid rgb(96, 128, 255);
  outline-offset: -2px;
}

.bYBowl .learn-heading {
  white-space: normal;
}

.bYBowl .learn-heading span {
  flex: 1 0 40px;
}
.bYBowl .learn-list {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
}

.bYBowl .learn-list li:nth-child(2n+1) .learn-list__item {
  background: rgba(82, 101, 133, 0.12);
}

.bYBowl .learn-list__item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  background: rgba(82, 101, 133, 0.08);
  border-left: 2px solid transparent;
  transition: background 0.2s, border-color 0.2s;
}

.bYBowl .learn-list li .learn-list__item:hover {
  background: rgb(23, 29, 43);
  border-color: rgb(96, 128, 255);
}

.bYBowl .learn-list__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.bYBowl .learn-list__title {
  font-size: 15px;
  font-weight: 500;
  color: rgb(197, 204, 214);
}

.bYBowl .learn-list__item:hover .learn-list__title {
  color: rgb(255, 255, 255);
}

.bYBowl .learn-list__label {
  font-size: 12px;
  text-transform: uppercase;
  color: rgb(90, 99, 113);
}

.bYBowl .learn-list__snippet {
  font-size: 13px;
  line-height: 20px;
  color: rgb(136, 139, 143);
}

.bYBowl .learn-list__arrow {
  flex-shrink: 0;
  color: rgb(90, 99, 113);
  transition: color 0.2s, transform 0.2s;
}

.bYBowl .learn-list__arrow path {
  stroke: currentColor;
}

.bYBowl .learn-list__item:hover .learn-list__arrow {
  color: rgb(96, 128, 255);
  transform: translateX(2px);
}

.bYBowl mark {
  background: rgba(96, 128, 255, 0.25);
  color: rgb(255, 255, 255);
  border-radius: 2px;
}

.bYBowl .learn-count {
  margin: -6px 0px 14px;
  font-size: 13px;
  color: rgb(90, 99, 113);
}

.bYBowl .learn-note {
  padding: 18px 20px;
  border-radius: 4px;
  background: rgba(82, 101, 133, 0.08);
  font-size: 14px;
  line-height: 22px;
  color: rgb(170, 181, 198);
}

.bYBowl .learn-note a {
  color: rgb(96, 128, 255);
}
.bYBowl .learn-filter {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 14px;
  color: rgb(90, 99, 113);
}

.bYBowl .learn-filter__label {
  color: rgb(90, 99, 113);
}

.bYBowl .learn-filter__chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-radius: 4px;
  background: rgba(96, 128, 255, 0.2);
  color: rgb(197, 204, 214);
  font-size: 13px;
}

.bYBowl .learn-filter__chip span {
  color: rgb(170, 181, 198);
  font-size: 16px;
  line-height: 1;
}

.bYBowl .learn-filter__chip:hover {
  background: rgba(96, 128, 255, 0.35);
}

.bYBowl .cgycDa button.is-active {
  background: rgb(96, 128, 255);
  color: rgb(255, 255, 255);
}
.bYBowl .support-article-part h5 {
  margin: 22px 0px 8px;
  font-size: 16px;
  font-weight: 500;
  color: rgb(220, 226, 234);
}

.bYBowl .support-article-part .text,
.bYBowl .support-article-part li {
  font-size: 14px;
  line-height: 26px;
  color: rgb(136, 139, 143);
}

.bYBowl .support-article-part ul,
.bYBowl .support-article-part ol {
  margin: 6px 0px 10px;
  padding-left: 22px;
}

.bYBowl .support-article-part ol li {
  list-style: decimal;
}

.bYBowl .support-article-part ol li::marker {
  color: rgb(96, 128, 255);
}

.bYBowl .support-article-part ul li::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 11px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgb(91, 101, 126);
}

.bYBowl .support-article-part a {
  color: rgb(96, 128, 255);
}

.bYBowl .support-article-part a .hash-tag {
  transition: filter 0.2s;
}

.bYBowl .support-article-part a:hover .hash-tag {
  filter: brightness(140%);
}

.bYBowl .support-article-part .definition-list span {
  color: rgb(96, 128, 255);
  font-weight: 500;
}

.bYBowl .support-article-part .blue-text {
  color: rgb(96, 128, 255);
}

.bYBowl .support-article-part .gold-text {
  color: rgb(240, 179, 88);
  font-weight: 500;
}

.bYBowl .support-article-part .support-screen,
.bYBowl .support-article-part video {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 16px 0px;
  border-radius: 6px;
}

.bYBowl .support__social-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 6px;
  border-radius: 5px;
  background: rgb(24, 32, 43);
  color: rgb(197, 204, 214) !important;
  vertical-align: middle;
}

.bYBowl .support__social-link img {
  width: 20px;
  height: 20px;
}

.bYBowl .support__social-link:hover {
  filter: brightness(130%);
}
.bYBowl .support-article-part .support-table,
.bYBowl .support-article-part figure.table {
  max-width: 100%;
  overflow-x: auto;
  margin: 12px 0px;
}

.bYBowl .support-article-part table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.bYBowl .support-article-part th,
.bYBowl .support-article-part td {
  padding: 10px 16px;
  text-align: left;
  font-weight: 400;
  color: rgb(170, 181, 198);
  background: rgba(82, 101, 133, 0.08);
}

.bYBowl .support-article-part tr:nth-child(2n+1) th,
.bYBowl .support-article-part tr:nth-child(2n+1) td {
  background: rgba(82, 101, 133, 0.12);
}

.bYBowl .support-article-part thead th,
.bYBowl .support-article-part .support-table tr:first-child th {
  color: rgb(90, 99, 113);
  font-size: 12px;
  text-transform: uppercase;
  background: rgb(19, 24, 33);
}

.bYBowl .support-article-part .support-table img {
  width: 28px;
  height: 28px;
  margin-right: 12px;
  vertical-align: middle;
}
.bYBowl .learn-feedback__thanks {
  font-size: 15px;
  font-weight: 500;
  color: rgb(98, 179, 78);
}

.bYBowl .support-article .s-key-words {
  display: none;
}

@media (max-width: 750px) {
  .bYBowl .learn-list__item {
    padding: 12px 14px;
  }

  .bYBowl .support-article-part th,
  .bYBowl .support-article-part td {
    padding: 8px 10px;
  }
}

.djNdzE .sidebar-bottom {
  position: relative;
}

.sidebar-bottom-close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(8, 11, 17, 0.55);
  color: rgb(159, 177, 201);
  transition: background 0.18s, transform 0.18s;
}

.sidebar-bottom-close svg {
  width: 12px;
  height: 12px;
}

.sidebar-bottom-close:hover {
  background: rgba(8, 11, 17, 0.85);
  transform: scale(1.05);
}

.sidebar-miniapps {
  position: relative;
}

.miniapps-flyout {
  position: absolute;
  left: 100%;
  bottom: 0px;
  margin-left: 12px;
  width: 300px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: rgb(17, 21, 29);
  border: 1px solid rgb(26, 30, 45);
  border-radius: 14px;
  box-shadow: rgba(8, 11, 17, 0.45) 0px 12px 32px 0px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-6px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}
.miniapps-flyout::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -12px;
  width: 12px;
}

.sidebar-miniapps:hover .miniapps-flyout,
.sidebar-miniapps:focus-within .miniapps-flyout,
.sidebar-miniapps.is-open .miniapps-flyout {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0px);
}

.miniapp-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 10px;
  background: rgba(82, 101, 133, 0.06);
  transition: background 0.18s;
}

.miniapp-card:hover {
  background: rgba(82, 101, 133, 0.16);
}

.miniapp-card__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.miniapp-card__body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0px;
}

.miniapp-card__title {
  font-size: 14px;
  font-weight: 600;
  color: rgb(232, 236, 244);
}

.miniapp-card__text {
  font-size: 12px;
  line-height: 16px;
  color: rgb(140, 149, 173);
}

@media (max-width: 1000px) {
  .sidebar-miniapps {
    position: static;
  }

  .miniapps-flyout {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 88px;
    top: auto;
    width: auto;
    margin: 0px;
    transform: translateY(6px);
  }

  .miniapps-flyout::before {
    display: none;
  }

  .sidebar-miniapps:hover .miniapps-flyout,
  .sidebar-miniapps:focus-within .miniapps-flyout,
  .sidebar-miniapps.is-open .miniapps-flyout {
    transform: translateY(0px);
  }
}
.bZRlqm.type-3 {
  max-height: min(70vh, 520px);
  overflow-y: auto;
  box-shadow: rgba(8, 11, 17, 0.5) 0px 12px 32px 0px;
}
.bZRlqm.type-3 li.selected {
  color: rgb(96, 128, 255);
}
.bZRlqm.type-3 li.soon {
  opacity: 0.45;
}
.bZRlqm.type-3 li.soon:hover {
  opacity: 0.7;
}
body[data-page="matches"] .sc-eSRRZO {
  cursor: pointer;
}

body[data-page="matches"] .sc-eSRRZO.is-checked .jQftgD img {
  opacity: 1;
}
.ffXoHO > :not(:first-child) {
  display: none;
}

.ffXoHO.active > :not(:first-child) {
  display: block;
}

.ffXoHO .arrow {
  transition: transform 0.25s ease;
}

.ffXoHO.active .arrow {
  transform: rotate(180deg);
}
body[data-page="store"] .skins-item {
  cursor: pointer;
}

.evCetX li.store-filter {
  position: relative;
}

.evCetX li.has-filter {
  color: rgb(96, 128, 255);
}

.store-dd {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 60;
  min-width: 190px;
  padding: 6px;
  background: rgb(23, 28, 42);
  border: 1px solid rgb(35, 44, 56);
  border-radius: 10px;
  box-shadow: rgba(8, 11, 17, 0.45) 0px 12px 28px 0px;
}

.store-dd[hidden] {
  display: none;
}

.store-dd__opt {
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: rgb(170, 181, 198);
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.store-dd__opt:hover {
  background: rgba(82, 101, 133, 0.16);
  color: rgb(255, 255, 255);
}

.store-dd__opt.is-sel {
  color: rgb(96, 128, 255);
}
.bZRlqm.lang-mobile {
  position: fixed !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  top: auto !important;
  width: auto !important;
  transform: none !important;
  margin: 0 !important;
}
.sidebar-logo-compact,
.sidebar-online-compact {
  display: none;
}

@media (min-width: 1001px) {
  html.sidebar-collapsed .djNdzE {
    width: 88px;
    min-width: 88px;
  }
  html.sidebar-collapsed .djNdzE .sidebar-link span,
  html.sidebar-collapsed .djNdzE .sidebar-progress-badge,
  html.sidebar-collapsed .djNdzE .sidebar-top .gjbfNT,
  html.sidebar-collapsed .djNdzE .sidebar-bottom {
    display: none;
  }
  html.sidebar-collapsed .djNdzE .sidebar-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }
  html.sidebar-collapsed .djNdzE .csaPCt svg {
    transform: rotate(180deg);
  }
  html.sidebar-collapsed .sidebar-logo-full {
    display: none;
  }
  html.sidebar-collapsed .sidebar-logo-compact {
    display: block;
  }
  html.sidebar-collapsed .sidebar-logo-compact svg {
    width: 40px;
    height: auto;
    display: block;
  }
  html.sidebar-collapsed .sidebar-top {
    flex-direction: column;
    gap: 8px;
  }
  html.sidebar-collapsed .hDEZPb {
    justify-content: center;
    width: 100%;
  }
  html.sidebar-collapsed .sidebar-online-compact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
    color: rgb(255, 255, 255);
  }
}
@media (max-width: 750px) {
  .modal__overlay > div {
    max-height: 92vh;
    overflow-y: auto;
  }

  .djxrnU,
  .djxrnU.short,
  .lnafBu,
  .lnafBu.short {
    grid-template-columns: 1fr;
    width: 92%;
    max-width: 420px;
  }

  .cMePfi,
  .dQRkrc {
    display: none;
  }

  .weUXT,
  .inPalM {
    padding: 24px 20px;
  }

  .OgFfB,
  .fhKkPd {
    padding-right: 0;
  }
}

/* --- Regression fixes (i18n extraction / static-header) --- */

/* Extraction wrapped bare text nodes in <span data-i18n>. The site-wide white
   color reset (:not(path,use,g,symbol){color:#fff}) then painted those spans
   white, so dark-on-light text (e.g. FAQ answers when expanded) became
   invisible. Restoring inherited color makes each span match its context. */
span[data-i18n] {
  color: inherit;
}

/* Store page: restore the header's solid background (static-header had made it
   transparent + absolute) and reserve its height so content isn't hidden. */
body[data-page="store"] header {
  background: rgb(17, 20, 28);
  position: fixed;
}
body[data-page="store"] main {
  padding-top: 70px;
}