.ui-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 56px;
  padding: 0 10px;
  white-space: nowrap;
  background-color: var(--token-brand-secondary-1);
}
@media (max-width: 1279px) {
  .ui-header {
    gap: 20px;
    overflow: auto hidden;
  }
}
.ui-header::-webkit-scrollbar {
  height: 4px;
}
.ui-header__container {
  display: flex;
  align-items: center;
}
.ui-header__button .ui-icon {
  color: var(--token-brand-secondary-3);
}
.ui-header__button .ui-button__inner-text {
  padding: 0;
}
.ui-header__button:hover,
.ui-header__item {
  color: var(--token-brand-secondary-3);
}
.ui-header__item,
.ui-header__menu {
  display: flex;
  gap: 5px;
  align-items: center;
}
.ui-header__menu {
  gap: 30px;
  padding: 0;
  margin-left: 30px;
}
.Ou99ApLO3StxxBvxE7Ni {
  inline-size: auto;
}
.eltgPKpbC5e9TkubIO26 {
  block-size: 24px;
}
.Z7r8CRIwclCHUB13aNg2 {
  block-size: 32px;
}
.Ou99ApLO3StxxBvxE7Ni .ui-image-loader-wrapper__image {
  max-block-size: 100%;
}
.QBvO02JJs9FEhF4mlG0m {
  min-inline-size: 32px;
  box-shadow: var(--token-brand-shadow-2);
}
.head-tabs-menu {
  position: absolute;
  top: 100%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0;
  margin: 0;
  text-align: center;
  background-color: var(--token-brand-secondary-2);
}
.H7Rx_IDqKMesqnqLMhJ6,
.xtixuc0xEddYKAJOeO3U {
  display: flex;
}
.Md84dHQyybk5NrPfw_dn {
  box-shadow: var(--token-brand-shadow-2);
}
.TtqERQWZMGTHP9kjoWA7 {
  display: flex;
}
.M1LuiQx3GrwyMBRhvrVC {
  box-shadow: var(--token-brand-shadow-2);
}
.GHknP9vMvOP2_tsjoxT7,
.GHknP9vMvOP2_tsjoxT7:hover {
  background: var(--token-brand-secondary-2);
}
.GHknP9vMvOP2_tsjoxT7.pCky9GU2XGBPp9of3wVx {
  box-shadow: var(--token-brand-shadow-2);
}
.popover-box {
  z-index: 2;
  box-sizing: border-box;
  padding: 8px 0;
  color: var(--token-brand-secondary-17);
  visibility: hidden;
  border-radius: 4px;
  opacity: 0;
  transition:
    visibility ease-out,
    opacity ease-out,
    transform ease-out;
}
.popover-box__arrow {
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
}
.popover-box_offset-s {
  padding-right: 8px;
  padding-left: 8px;
}
.popover-box_offset-m {
  padding-right: 16px;
  padding-left: 16px;
}
.popover-box_offset-ml {
  padding: 16px 24px;
}
.popover-box_offset-l {
  padding-right: 20px;
  padding-left: 20px;
}
.popover-box_offset-xl {
  padding-right: 30px;
  padding-left: 30px;
}
.popover-box_color-black {
  background: var(--token-brand-secondary-18);
}
.popover-box_color-black .popover-box__arrow {
  border-color: var(--token-brand-secondary-18);
}
.popover-box_color-darken,
.popover-box_color-darken .popover-box__arrow {
  filter: drop-shadow(0 -4px 10px rgba(0, 0, 0, 0.05))
    drop-shadow(0 14px 20px rgba(0, 0, 0, 0.2));
}
.popover-box_color-darken {
  background: var(--token-brand-secondary-4);
}
.popover-box_color-darken .popover-box__arrow {
  border-color: var(--token-brand-secondary-2);
}
.popover-box_color-fancy {
  background: var(--token-brand-brand-color-1-500);
}
.popover-box_color-fancy .popover-box__arrow {
  border-color: var(--token-brand-brand-color-1-500);
}
.popover-box_color-primary {
  background: var(--token-brand-secondary-1);
}
.popover-box_color-primary .popover-box__arrow {
  border-color: var(--token-brand-secondary-1);
}
.popover-box_width-m {
  width: 190px;
}
.popover-box_width-l {
  width: 396px;
}
.popover-box_with-portal {
  z-index: 999999;
}
.popover-box_dir-to-top {
  transform: translateY(-10px);
}
.popover-box_dir-to-bottom {
  transform: translateY(10px);
}
.popover-box_dir-to-left {
  transform: translate(-10px);
}
.popover-box_dir-to-right {
  transform: translate(10px);
}
.popover-box_show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.select-box {
  box-sizing: border-box;
  outline: transparent;
}
.select-box-button {
  width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  font: inherit;
  color: var(--token-brand-secondary-17);
  appearance: none;
  cursor: pointer;
  background: var(--token-brand-secondary-2);
  border: 0;
  border-radius: var(--token-border-radius-button);
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
}
.select-box-button__inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 8px 28px 8px 8px;
  text-align: center;
}
.select-box-button__arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  color: var(--token-brand-primary-1-300);
  transform: translateY(-50%) rotate(90deg);
}
.select-box-button_open .select-box-button__arrow {
  transform: translateY(-50%) rotate(-90deg);
}
.select-box-hr {
  box-sizing: border-box;
  height: 1px;
  color: var(--token-brand-primary-1-200);
  border-top: 1px solid;
}
.select-box-option {
  position: relative;
  z-index: 1;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}
.select-box-option + .select-box-option {
  margin-top: 8px;
}
.select-box-option_active,
.select-box-option_highlighted {
  background-color: var(--token-brand-primary-1-100);
}
.select-box-option_disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.select-box-option:last-of-type {
  margin-bottom: 16px;
}
.VNTlXZkBSmnyf4bUBIYO {
  display: flex;
  align-items: center;
  height: 20px;
}
.V4KFkds8P6_TVI5EmBjK {
  display: flex;
  margin-right: 6px;
  min-width: 16px;
}
.ui-custom-toggler {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 34px;
  height: 20px;
  padding: 3px;
  overflow: hidden;
  cursor: pointer;
  background-color: var(--token-brand-primary-1-200);
  border-radius: 20px;
  transition:
    background-color 0.3s,
    opacity 0.3s;
}
.ui-custom-toggler_disabled {
  cursor: not-allowed;
}
.ui-custom-toggler_disabled:not(.ui-custom-toggler_checked) {
  background-color: var(--token-brand-primary-1-100);
}
.ui-custom-toggler_disabled.ui-custom-toggler_checked {
  background-color: var(--token-brand-primary-1-200);
}
@media (hover: hover) and (pointer: fine) {
  .ui-custom-toggler:hover:not(.ui-custom-toggler_disabled) {
    background-color: var(--token-brand-primary-1-300);
  }
}
.ui-custom-toggler__switcher {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: var(--token-brand-secondary-17);
  border-radius: 50%;
  box-shadow:
    0 3px 8px #00000026,
    0 3px 1px #0000000f;
  transition:
    transform 0.3s,
    background-color 0.3s;
}
.ui-custom-toggler_checked {
  background-color: var(--token-brand-brand-color-1-500);
}
@media (hover: hover) and (pointer: fine) {
  .ui-custom-toggler_checked:hover:not(.ui-custom-toggler_disabled) {
    background-color: var(--token-brand-brand-color-1-400);
  }
}
.ui-custom-toggler_checked .ui-custom-toggler__switcher {
  transform: translate(13px);
}
.ui-custom-toggler__input {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.FCggax5xS5mjDDMN9yvw,
.s3Bc8ujM1HK39FRVEF_Z {
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.FCggax5xS5mjDDMN9yvw {
  flex-direction: row;
  min-width: 48px;
  gap: 4px;
  padding: 0;
  margin-top: 0;
}
.pu5xQYx5Nel9U0CLGcbh {
  display: flex;
  width: 24px;
  margin-right: 4px;
}
.jRS6pDhtj7QJpSKnZvZI {
  min-width: 16px;
}
.oExbuuFCNkm2X_kaQMx_ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.DAbBmEB3x8o7vFmSVM8p {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.D2XD6dXjtes6a8LSH6ze {
  display: flex;
  justify-content: flex-end;
}
.DwMb2yHNYanI17cNBS2w {
  position: fixed;
  top: 56px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--token-brand-secondary-14);
  opacity: 0.6;
  z-index: 1;
}
.DwMb2yHNYanI17cNBS2w.Cn5SFuO0QLeRqRxRxo5e {
  top: 64px;
}
@media (max-width: 768px) {
  .DwMb2yHNYanI17cNBS2w.Cn5SFuO0QLeRqRxRxo5e {
    top: 56px;
  }
}
.ouZaFXl_ne0YC0myeIOi {
  overflow-x: hidden;
  width: 350px;
}
.hsC1tnj2v1yUAusmQaA7 {
  margin-top: 8px;
}
.Z7k9nL99606WNjKwwKwa {
  border-radius: 16px;
  padding: 16px;
}
.GbpPjss8_oXO8smGnYWw {
  border-radius: 16px;
  padding: 24px;
}
.xJzh5I83p21GlYG6Y71N {
  width: 100%;
  overflow-y: auto;
}
.Y3RLwxhBMT3cExcNLlLt {
  min-width: 88px;
  box-shadow: var(--token-brand-shadow-2);
}
.kXDRHYeYWRMKTbPmlYV8 {
  padding-block-start: 16px;
}
.cVzicGRCGxZr5plVaw8R {
  padding: 8px;
}
.VcEveKSDs0G2t9I_SI63 {
  padding-top: 16px;
  padding-bottom: 12px;
}
.hnzdFfBz8lYs6RPxsVQW {
  padding-bottom: 16px;
}
.UkC412aHrAK_FlHcpezV {
  margin: 0 24px;
  padding-bottom: unset;
}
.uif2QkeSUZal85kmTLLn {
  width: 100%;
  top: 24px;
  right: 0;
}
.D7jK7DSSz9dGxosWUUM6 {
  padding: 64px 0 32px;
}
.ifC0gANZRwFhQR9hYDg5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.dpK8sRD306UGzj68krl2 {
  align-items: center;
  color: var(--token-brand-primary-1-300);
}
.t78jgkXazZ1nHXGvG7Dp {
  display: flex;
  flex-direction: column;
  max-height: 476px;
  overflow-x: hidden;
  overflow-y: auto;
}
.iayYeMMzr6kGqZf6u3_p,
.xciuLJA2rlKX27PAsRjD {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100dvh - 198px);
}
.xciuLJA2rlKX27PAsRjD {
  max-height: calc(100dvh - 178px);
}
.Hg7as7yEmy7N9n0rnZDl {
  padding-top: 8px;
  margin-bottom: -4px;
}
.MCS0txhuMua7FI2SWarf {
  padding-top: 16px;
  margin-bottom: -4px;
}
.jlAcKkFuDpUyZfzlVuRN {
  height: 36px;
  padding: 8px;
  margin-top: 8px;
}
.KuHhX6D_WtVqlC8cHm27 {
  margin: 16px 0 0;
  display: flex;
  justify-content: center;
  gap: 16px;
}
.B9effk681Avqu_OxajK4 {
  margin-bottom: 16px;
}
.evRORqo3cfQy5VoWKk5I {
  margin-bottom: 8px;
  padding: 12px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}
.UW_bbc8YpxDT9tjwDLEx {
  background-color: var(--token-brand-primary-1-100);
}
.NeIsTX8uTWjPa0NFNOBc {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ElhsO3RNyJQVqDzaAzBP {
  height: 1px;
  background-color: var(--token-brand-primary-1-200);
}
.MpVydKyP9laeOfQ79n1Q {
  padding-top: 16px;
}
.sjFzHZ2qFQO4lWo8iHfZ {
  max-height: 476px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 20px;
}
.cZ7VMWceyS3qsMUEcgsH {
  max-height: calc(100dvh - 234px);
}
.kyLpN_87zxJXOiJ2UsNs {
  margin: 0 0 8px;
}
.L9CchpPdhl8X3ILEBq8L {
  margin-top: 16px;
  margin-bottom: 12px;
}
.FqT2ynjM34sHpubB8dhx {
  vertical-align: middle;
  padding: 8px 8px 12px 0;
}
.RHhNQ48DVl9Xe9EGk6Rb {
  text-align: end;
  padding-right: 0;
}
.pYrCMJ8_qvv977eU4pc4 {
  min-width: 140px;
}
.hWL1kexZx36T0IKqhfVc {
  font-size: var(--token-typography-size-lg);
  font-weight: 700;
  color: var(--token-brand-primary-1-600);
}
.vBOfUKOb6n_tMQ_uXnRI {
  white-space: nowrap;
  max-height: 16px;
  min-height: 16px;
  padding-right: 0;
}
.DKJBhXsZf2DzMQBiv11Q {
  height: 1px;
  background-color: var(--token-brand-primary-1-200);
}
.DDNN0c_B68KDozPNd5Rp,
.VDzFdnJ7r0WDAuHy3b2Y {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.VDzFdnJ7r0WDAuHy3b2Y {
  max-height: 476px;
}
.VDzFdnJ7r0WDAuHy3b2Y .select-box {
  cursor: default;
}
.xc_nhmtaiJ_IEUJvFfA9 {
  max-height: calc(100dvh - 253px);
}
._6ot5hva0AJ3G_gdVFoZ {
  max-height: calc(100dvh - 234px);
  overflow-x: hidden;
  overflow-y: auto;
}
.pxb01AcdlceGXMEFGk9g {
  padding-top: 16px;
}
.MiKA0Xb7pLLNiHWgCvhC {
  justify-content: space-between;
}
.MiKA0Xb7pLLNiHWgCvhC,
.eg66wIVZDBU0Pi7wFmcX,
.pxb01AcdlceGXMEFGk9g {
  display: flex;
  align-items: center;
}
.pxb01AcdlceGXMEFGk9g {
  justify-content: space-between;
}
.eg66wIVZDBU0Pi7wFmcX {
  justify-content: start;
}
.rYfIYQ3qw8RzmaZPCwPL {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.JNXqOIpQaYByh97MMppI {
  margin-top: 16px;
}
.CuJfTIhSB1KMK9kYcZnQ,
.Lly0dh86ysoQvB8peZ52 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--token-border-radius-button);
}
.CuJfTIhSB1KMK9kYcZnQ {
  position: relative;
  flex-direction: row;
  background-color: var(--token-brand-primary-1-100);
  margin-bottom: 4px;
  padding: 4px;
}
.Lly0dh86ysoQvB8peZ52 {
  width: 100%;
  padding: 0 16px;
  height: 32px;
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: background-color 0.15s ease-in;
}
.Lly0dh86ysoQvB8peZ52.active {
  background-color: var(--token-brand-brand-color-3-500);
  color: var(--token-brand-secondary-21);
}
.OBZKx3CB3KJ8Z2zUG9Wh {
  transition: color 0.15s linear;
}
.game-currency-changer {
  cursor: pointer;
}
.game-currency-changer:hover {
  color: var(--token-brand-brand-color-2-500);
}
.game-currency-changer__button-skin-v2,
.yxotkzyZOZd3FtXjBr5O {
  box-shadow: var(--token-brand-shadow-2);
}
.yxotkzyZOZd3FtXjBr5O {
  cursor: pointer;
}
.xvW4TqHsU8q6bV_n_s1T {
  color: var(--token-brand-brand-color-2-500);
}
.main-logo-container {
  display: flex;
  align-items: center;
  width: auto;
  min-width: max-content;
  height: 40px;
  padding: 4px 16px 4px 0;
  overflow: visible;
}
.header-menu {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
}
.header-menu__item {
  margin-left: 16px;
}
.header-menu__button {
  min-width: 32px;
  min-height: 32px;
}
.header-menu__shadow-button {
  box-shadow: var(--token-brand-shadow-2);
}
.header-menu__icon {
  display: flex;
}
.header-menu__spacer {
  flex: 1;
}
.header-menu__tabs-container {
  display: flex;
  justify-content: center;
  margin-right: 24px;
}
.header-menu__right-content {
  display: flex;
  flex: 1;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
}
.header-tabs-container {
  text-align: center;
}
.btn-icon {
  width: 16px;
  height: 16px;
}
.header-wrapper {
  gap: 0;
  height: 64px;
  padding-right: 0;
  padding-left: 24px;
  box-shadow: var(--token-brand-shadow-2);
}
.header-skinV2__container-left {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: var(--margin-left);
  transition: all 0.2s linear;
}
.header-skinV2__container-right {
  justify-content: flex-end;
  width: 100%;
  max-width: var(--max-width-container-b2b2);
  padding-right: var(--padding);
  margin-inline: auto;
  transition: all 0.2s linear;
}