@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap);
.ipn {
  position: relative;
}
.ipn .ipn-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ipn .ipn-slide {
  overflow-y: auto;
  flex: 1;
}
.ipn .ipn-button {
  border: none;
  background: none;
  color: inherit;
}
.ipn .ipn-input {
  border: none;
  background: none;
  color: inherit;
}
.mscroll {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  scrollbar-width: none;
}
.mscroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.mscroll-js {
  overflow-x: auto !important;
  scrollbar-width: none;
}
.mscroll-js::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.elMenu {
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: 0.4s 0.1s;
}
.elMenu .elItems {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.elMenu .elItems::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.elMenu .elItems > * {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: max-content;
  cursor: pointer;
}
.elMenu .elItems > .search {
  display: none;
}
.elMenu .elContent {
  position: relative;
}
.elMenu .elContent > .content {
  display: none;
}
.elMenu .elContent > .content.active {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.elMenu .elContent .elError {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.elMenu .elPreloader {
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
}
.elMenu .elClock {
  display: none;
}
.elMenu.loading .elPreloader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.elMenu.clock-on .elItems {
  width: calc(100% - 100px);
}
.elMenu.clock-on .elClock {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100px;
  text-align: center;
}
.tabs_block .tabs_links {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.tabs_block .tabs_links .t_link {
  cursor: pointer;
}
.tabs_block .tabs_content .t_content {
  display: none;
}
.tabs_block .tabs_content .t_content.active {
  display: block;
}
.tabs_block.save-min-height .tabs_content {
  display: grid;
}
.tabs_block.save-min-height .tabs_content .t_content {
  display: block;
  grid-area: 1/-1/1/-1;
  opacity: 0;
  pointer-events: none;
}
.tabs_block.save-min-height .tabs_content .t_content.active {
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (min-width: 320px) {
  .drag-slider.all-nav .ds-nav {
    display: flex;
  }
  .drag-slider.all-dots .ds-dots {
    display: flex;
  }
  .drag-slider.all-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.all-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (min-width: 1921px) {
  .drag-slider.wd-nav .ds-nav {
    display: flex;
  }
  .drag-slider.wd-dots .ds-dots {
    display: flex;
  }
  .drag-slider.wd-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.wd-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1920px) {
  .drag-slider.d-nav .ds-nav {
    display: flex;
  }
  .drag-slider.d-dots .ds-dots {
    display: flex;
  }
  .drag-slider.d-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.d-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .drag-slider.tl-nav .ds-nav {
    display: flex;
  }
  .drag-slider.tl-dots .ds-dots {
    display: flex;
  }
  .drag-slider.tl-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.tl-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .drag-slider.t-nav .ds-nav {
    display: flex;
  }
  .drag-slider.t-dots .ds-dots {
    display: flex;
  }
  .drag-slider.t-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.t-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (max-width: 576px) {
  .drag-slider.m-nav .ds-nav {
    display: flex;
  }
  .drag-slider.m-dots .ds-dots {
    display: flex;
  }
  .drag-slider.m-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.m-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}

.drag-slider {
  display: grid;
  grid: auto/auto 1fr auto;
  align-items: center;
  overflow: hidden;
  height: 0;
  transition: 0.1s 0.1s;
  opacity: 0;
}
.drag-slider.active {
  height: auto;
  opacity: 1;
}
.drag-slider .ds-track {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: var(--ds2-rows, unset);
  grid-auto-flow: column;
  grid-auto-columns: unset;
  grid-column: 2/3;
  gap: 0;
  overflow-x: auto;
  overflow-y: hidden;
  width: auto;
  cursor: pointer;
  z-index: 0;
  scrollbar-width: none;
}
.drag-slider .ds-track:before, .drag-slider .ds-track:after {
  content: "";
  display: none;
  grid-row: 1/-1;
  width: 0;
}
.drag-slider .ds-track .ds-item > * {
  box-sizing: border-box;
}
.drag-slider .ds-track .ds-item.hiden {
  display: none;
}
.drag-slider .ds-track.scrolling > * {
  pointer-events: none;
}
.drag-slider .ds-track::-webkit-scrollbar-track {
  background-color: rgba(133, 133, 133, 0.1);
}
.drag-slider .ds-track::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: rgba(133, 133, 133, 0.1);
}
.drag-slider .ds-track::-webkit-scrollbar-thumb {
  background-color: rgba(133, 133, 133, 0.3);
}
.drag-slider .ds-nav {
  display: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1;
}
.drag-slider .ds-nav.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.drag-slider .ds-nav.blocked {
  opacity: 0.5;
  cursor: not-allowed;
}
.drag-slider .ds-dots {
  display: none;
  grid-column: 1/-1;
  justify-content: center;
  margin: 5px 0;
  z-index: 1;
}
.drag-slider .ds-dots .ds-dot {
  width: 20px;
  height: 20px;
  margin: 0 2px;
  background: linear-gradient(45deg, #321695, #5aff64);
  border: 2px solid #c5c5c5;
  border-radius: 100%;
  cursor: pointer;
}
.drag-slider .ds-dots .ds-dot.active {
  background: linear-gradient(45deg, #9a1d1d, #e2890c);
  border: 2px solid #fffafc;
}
.drag-slider.less .ds-track {
  display: grid;
  justify-content: center;
}
.drag-slider.less .ds-nav,
.drag-slider.less .ds-dots {
  display: none !important;
}
.drag-slider.nav-over {
  grid: auto/0 1fr 0;
}
.drag-slider.loop .ds-dots {
  display: none;
}
.drag-slider.rows-1 {
  --ds2-rows: repeat(1, 1fr);
}
.drag-slider.rows-2 {
  --ds2-rows: repeat(2, 1fr);
}
.drag-slider.rows-3 {
  --ds2-rows: repeat(3, 1fr);
}
.drag-slider.rows-4 {
  --ds2-rows: repeat(4, 1fr);
}
.drag-slider ~ .drag-slider {
  margin: 2rem 0 0 0;
}
.drag-slider img {
  width: 100%;
  height: auto;
}
.s-tab {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}
.s-tab.active {
  opacity: 1;
}

.s-toggle {
  position: relative;
  flex: 0 0 auto;
  width: 64px;
  height: 32px;
  border: 1px solid #363636;
  border-radius: 100px;
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
.s-toggle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22px;
  height: 22px;
  margin: 4px;
  background: gray;
  border-radius: 100%;
  transition: 0.2s ease-in-out;
}
.s-toggle.active:before {
  left: 32px;
}
.toggle-password {
  cursor: pointer;
}
.toggle-password .icon.hidden_icon {
  display: block;
}
.toggle-password .icon.visible_icon {
  display: none;
}
.toggle-password.visible .icon.visible_icon {
  display: block;
}
.toggle-password.visible .icon.hidden_icon {
  display: none;
}
.noty-container {
  --noty-mobile-screen-max: 768;
  --noty-mobile-screen-min: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  pointer-events: none;
}
.noty-container.mobile .noty-line {
  flex: 0;
}
.noty-container.mobile .noty-line.right {
  flex: 1;
  align-items: center;
}
.noty-container.debug .noty-item {
  width: 300px;
  height: 200px;
  padding: 20px;
  background: rgba(32, 223, 80, 0.2);
}
.noty-container .noty-line {
  display: flex;
  flex: 1;
}
.noty-container .noty-line.top {
  flex-direction: column;
}
.noty-container .noty-line.bottom {
  flex-direction: column-reverse;
}
.noty-container .noty-line.right {
  align-items: flex-end;
}
.noty-container .noty-line.center {
  align-items: center;
}
.noty-container .noty-line.left {
  align-items: flex-start;
}
.noty-container .noty-line.custom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.noty-container .noty-line .noty-item {
  pointer-events: all;
}
.noty-container .noty-item {
  position: relative;
}
@charset "UTF-8";
:root {
  /* Main colors */
  --g-color-fill-light: #ffffff;
  --g-color-fill-dark: #152156;
  /* Status color */
  --g-color-error: #F34156;
  --g-color-error-light: #9D2D2D33;
  --g-color-error-dark: #870111;
  --g-color-warning: #CE4D04;
  --g-color-warning-light: #FF985E;
  --g-color-warning-dark: #863000;
  --g-color-success: #2AC769;
  --g-color-success-light: #A0EEBF;
  --g-color-success-dark: #32955A;
  --g-color-info: #277CFC;
  --g-color-info-light: #8CA2F5;
  --g-color-info-dark: #2357A4;
  /* Disabled color */
  --g-color-primary-disabled: var(--g-color-info-light);
  --g-color-secondary-disabled: #ffac8f;
  /* Gradients color */
  --g-gradient-1-first-color: #ff8c62;
  --g-gradient-1-second-color: #ff5f29;
  --g-gradient-2-first-color: #62b4ff;
  --g-gradient-2-second-color: #00e175;
  --g-gradient-3-first-color: #ee5a5a;
  --g-gradient-3-second-color: #e00036;
  --g-gradient-4-first-color: #62c6ff;
  --g-gradient-4-second-color: #bb29ff;
  --g-gradient-5-first-color: #ffd88c;
  --g-gradient-5-second-color: #ffa800;
  --g-gradient-7-first-color: #7793E7;
  --g-gradient-7-second-color: #373A85;
  --g-gradient-8-first-color: #502785;
  --g-gradient-8-second-color: #181067;
  /* Gradient */
  --g-gradient-1: linear-gradient(135deg, var(--g-gradient-1-first-color) 0%, var(--g-gradient-1-second-color) 100%);
  --g-gradient-2: linear-gradient(135deg, var(--g-gradient-2-first-color) 0%, var(--g-gradient-2-second-color) 100%);
  --g-gradient-3: linear-gradient(135deg, var(--g-gradient-3-first-color) 0%, var(--g-gradient-3-second-color) 100%);
  --g-gradient-4: linear-gradient(90deg, var(--g-gradient-4-first-color) 0%, var(--g-gradient-4-second-color) 100%);
  --g-gradient-5: linear-gradient(135deg, var(--g-gradient-5-first-color) 0%, var(--g-gradient-5-second-color) 100%);
  --g-gradient-6: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #000000 100%);
  --g-gradient-7: linear-gradient(115deg, var(--g-gradient-7-first-color) 0%, var(--g-gradient-7-second-color) 100%);
  --g-gradient-8: linear-gradient(115deg, var(--g-gradient-8-first-color) 0%, var(--g-gradient-8-second-color) 100%);
  --g-color-grey-100: #CCCCD6;
  --g-color-grey-200: #9999AD;
  --g-color-grey-300: #666683;
  --g-color-grey-400: #33335A;
  --g-color-grey-500: #000031;
  --g-color-grey-600: #000027;
  --g-color-grey-700: #00001D;
  --g-color-grey-800: #000014;
  --g-color-grey-900: #00000A;
  --g-color-blue-100: #CCDDF3;
  --g-color-blue-200: #9ABBE7;
  --g-color-blue-300: #6799DA;
  --g-color-blue-400: #3577CE;
  --g-color-blue-500: #0255C2;
  --g-color-blue-600: #02449B;
  --g-color-blue-700: #013374;
  --g-color-blue-800: #01224E;
  --g-color-blue-900: #001127;
  --g-color-orange-100: #FFF1CC;
  --g-color-orange-200: #FFE499;
  --g-color-orange-300: #FFD666;
  --g-color-orange-400: #FFC933;
  --g-color-orange-500: #FFBB00;
  --g-color-orange-600: #CC9600;
  --g-color-orange-700: #997000;
  --g-color-orange-800: #664B00;
  --g-color-orange-900: #332500;
  /* Main colors */
  --g-color-primary: var(--g-color-orange-500);
  --g-color-secondary: var(--g-color-blue-500);
  --g-color-tertiary: #9499a0;
  --g-color-tertiary-2: #593906;
  --g-color-tertiary-3: #482E04;
  --g-color-background: var(--g-color-grey-500);
  --g-color-fill: var(--g-color-fill-light);
  --g-color-fill-same: var(--g-color-fill-dark);
  --g-color-dark: #000000;
  /* Other colors */
  --g-color-yellow: #FFEB38;
  --g-color-green: #53A841;
  /* Gradient */
  --g-gradient-primary: linear-gradient(315deg, #FFE805 0%, #F2C500 48.05%, #F9B201 100%);
  --g-gradient-secondary: linear-gradient(135deg, rgba(244, 164, 21, 0.1) 0%, rgba(244, 164, 21, 0.1) 100%);
  --g-gradient-grey-1: linear-gradient(135deg, #031318 0%, #929fa6 100%);
  --g-gradient-grey-2: linear-gradient(172deg, #8e8e8e 0%, #4a4a4a 100%);
  --g-gradient-grey-3: linear-gradient(135deg, #343434 0%, #646464 100%);
  --g-gradient-grey-4: linear-gradient(135deg, #2a2539 0%, #3b3f43 100%);
  --g-gradient-grey-5: linear-gradient(150deg, #fafafa 0%, #ebebeb 100%);
  --g-gradient-grey-6: linear-gradient(150deg, #161B2E 0%, #1F2641 100%);
  color-scheme: dark;
}

:root {
  --font-primary: "Rubik", sans-serif;
  --g-container-padding: 1rem;
  --g-container-padding-mobile: 1rem;
  --g-header-h: 80px;
  --g-header-mobile-h: 52px;
  --g-panel-fixed-h: 72px;
  --g-transition: 0.2s;
  /* TODO: Use this vars to replace box-shadow */
  /* Shadow */
  --g-shadow-violet-s: 0px 0px 1px 0px rgba(105, 12, 120, 0.04), 0px 0px 2px 0px rgba(105, 12, 120, 0.12), 0px 4px 8px 0px rgba(105, 12, 120, 0.18);
  --g-shadow-violet-l: 0px 0px 1px 0px rgba(105, 12, 120, 0.04), 0px 2px 6px 0px rgba(105, 12, 120, 0.12), 0px 10px 20px 0px rgba(105, 12, 120, 0.18);
  --g-shadow-violet-m: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(105, 12, 120, 0.12), 0px 16px 24px 0px rgba(105, 12, 120, 0.2);
  --g-shadow-violet-xl: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(105, 12, 120, 0.08), 0px 16px 24px 0px rgba(105, 12, 120, 0.1), 0px 24px 32px 0px rgba(105, 12, 120, 0.14);
  /* Shadow */
  --g-shadow-s: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 0px 2px 0px rgba(0, 0, 0, 0.06), 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
  --g-shadow-l: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
  --g-shadow-m: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 16px 24px 0px rgba(0, 0, 0, 0.06);
  --g-shadow-xl: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 16px 24px 0px rgba(0, 0, 0, 0.04), 0px 24px 32px 0px rgba(0, 0, 0, 0.04);
}

.aside_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  background: black;
  transition: var(--g-transition);
  opacity: 0;
  z-index: 10;
}

aside {
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100vw;
  max-width: 286px;
  height: 100%;
  background: var(--g-color-background);
  transition: var(--g-transition);
  transform: translateX(-100%);
  z-index: 11;
}
aside.right {
  right: 0;
  left: unset;
  transform: translateX(100%);
}
aside.bottom {
  top: unset;
  bottom: 0;
  transform: translateY(100%);
}
aside .close {
  cursor: pointer;
}

body.aside_open {
  overflow: hidden;
}
body.aside_open:not(.no_overlay) .aside_overlay {
  visibility: visible;
  opacity: 0.3;
}
body.aside_open aside.open {
  opacity: 1;
  transform: translate(0) !important;
}

.aside_game {
  --side-padding: 16px;
  top: var(--g-header-h);
  overflow: visible;
  max-width: 370px;
  height: calc(100% - var(--g-header-h));
  background: var(--g-color-background);
  z-index: 2;
}
.aside_game .title_page > .title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
}
@media (max-width: 1023.8px) {
  .aside_game {
    top: 0;
    height: 100%;
    padding-top: 56px;
    z-index: 3;
  }
}
@media (max-width: 767.8px) {
  .aside_game {
    max-width: 100%;
  }
}
.aside_game .sidebar_toggle {
  position: absolute;
  top: 82px;
  left: 100%;
}
.aside_game .sidebar_toggle.close_aside {
  display: none;
}
@media (max-width: 1023.8px) {
  .aside_game .sidebar_toggle.left {
    top: 8px;
    right: 16px;
    left: auto;
    border-radius: 16px;
  }
}
.aside_game.right .sidebar_toggle {
  right: 100%;
  left: unset;
}
.aside_game.open .sidebar_toggle {
  display: none;
}
.aside_game.open .sidebar_toggle.close_aside {
  display: flex;
}
.aside_game .section_item {
  overflow: auto;
  height: 100%;
}
.aside_game .content .aside_title {
  padding: 10px var(--side-padding);
}
.aside_game .content .aside_block {
  padding: 8px var(--side-padding);
}
.aside_game .content .aside_block {
  padding: 8px var(--side-padding);
}
.aside_game .content .aside_slider {
  overflow-x: auto;
}

aside.aside_games {
  --aside-background: var(--g-color-background);
  max-width: 376px;
  color: var(--g-color-fill-light);
  background: var(--aside-background);
  position: fixed;
}
aside.aside_games.open {
  overflow: visible;
}
aside.aside_games .gameasideclear {
  border: none;
  background: none;
  color: var(--g-color-grey-300);
  cursor: pointer;
}
aside.aside_games .gameasideclear .icon {
  margin-left: 0.25rem;
  font-size: 0.75rem;
}
aside.aside_games .gameasideclear:hover {
  color: white;
}
aside.aside_games .gameasideclear.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
aside.aside_games .header {
  padding: 26px 40px 20px;
  height: 127px;
  width: 100%;
  position: relative;
}
aside.aside_games .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
aside.aside_games .header .games_aside_sort {
  margin-top: 1.25rem;
  display: flex;
  justify-content: flex-end;
}
aside.aside_games .header .games_aside_sort .button_sort {
  position: relative;
  background: none;
  border: none;
  transition: var(--g-transition);
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0;
}
aside.aside_games .header .games_aside_sort .button_sort .icon {
  font-size: 31px;
  width: 33px;
  height: 33px;
  line-height: 31px;
  display: block;
  text-align: center;
  border: 1px solid var(--g-color-grey-300);
  margin-left: 12px;
  border-radius: 0;
  color: var(--g-color-grey-300);
}
aside.aside_games .header .games_aside_sort .button_sort .icon + .caption, aside.aside_games .header .games_aside_sort .button_sort .title_section .icon + .caption_button, .title_section aside.aside_games .header .games_aside_sort .button_sort .icon + .caption_button {
  margin-left: 0.5rem;
}
aside.aside_games .header .games_aside_sort .button_sort__title {
  font-size: 14px;
  font-weight: 400;
}
aside.aside_games .header .games_aside_sort .button_sort.active .icon, aside.aside_games .header .games_aside_sort .button_sort:hover .icon {
  border-color: var(--g-color-primary);
  color: var(--g-color-primary);
}
@media (max-width: 575.8px) {
  aside.aside_games .header .games_aside_sort .button_sort {
    font-size: 11px;
  }
  aside.aside_games .header .games_aside_sort .button_sort .icon {
    margin-right: 5px;
    font-size: 27px;
    line-height: 27px;
    width: 28px;
    height: 28px;
  }
}
aside.aside_games .header .games_aside_sort .tooltip-wrap .tooltip {
  top: 100%;
  width: max-content;
  border: 1px solid var(--g-color-fill-light);
  color: var(--g-color-grey-900);
  background: var(--g-color-fill-light);
  margin-top: 10px;
  z-index: 2;
}
aside.aside_games .header .games_aside_sort .tooltip-wrap .tooltip:before {
  color: var(--g-color-fill-light);
}
aside.aside_games .button_close {
  position: absolute;
  top: 50%;
  left: -52px;
  width: 64px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: var(--g-color-primary);
  background: var(--aside-background);
  transform: translateY(-50%);
  border-radius: 46px 0 0 46px;
  cursor: pointer;
}
aside.aside_games > .content {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 1.25rem 2.5rem;
  border: none;
  border-radius: 0;
}
aside.aside_games > .content::-webkit-scrollbar-button {
  width: 5px;
  height: 0;
  background-repeat: no-repeat;
}
aside.aside_games > .content::-webkit-scrollbar-track {
  background-color: #252525;
}
aside.aside_games > .content::-webkit-scrollbar-thumb {
  background-color: #FFB400;
  border-radius: 0;
}
aside.aside_games > .content::-webkit-scrollbar-thumb:hover {
  background-color: #cc9000;
}
aside.aside_games > .content::-webkit-scrollbar {
  width: 8px;
}
aside.aside_games .divider {
  display: block;
  width: 100%;
  height: 1px;
  margin: 30px auto;
}
@media (max-width: 575.8px) {
  aside.aside_games {
    max-width: 320px;
  }
}
aside.aside_games .content {
  padding: 20px 0;
  height: calc(100% - 127px);
}
aside.aside_games .content .games_aside_tags {
  padding: 0 40px;
}
@media (max-width: 575.8px) {
  aside.aside_games .content .games_aside_tags {
    padding: 0 20px;
  }
}
aside.aside_games .content .aside_block_bonus {
  padding-bottom: 20px;
}
aside.aside_games .content .aside_block_bonus .title {
  margin-bottom: 14px;
}
aside.aside_games .content .aside_block_bonus .block_switch {
  display: flex;
  gap: 10px;
  align-items: center;
}
aside.aside_games .content .aside_block_bonus .block_switch .switch_title {
  color: var(--g-color-grey-400);
}
aside.aside_games .content .aside_block_bonus .switch_toggle {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 44px;
  height: 24px;
  border-radius: 48px;
  cursor: pointer;
}
aside.aside_games .content .aside_block_bonus .switch_toggle input[type=checkbox] {
  display: none;
}
aside.aside_games .content .aside_block_bonus .switch_toggle span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--g-color-grey-100);
  border-radius: 48px;
  transition: var(--g-transition);
}
aside.aside_games .content .aside_block_bonus .switch_toggle span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: var(--aside-background);
  border-radius: 50%;
}
aside.aside_games .content .aside_block_bonus .switch_toggle .active ~ span {
  background: var(--g-color-primary);
}
aside.aside_games .content .aside_block_bonus .switch_toggle .active ~ span:before {
  background: var(--g-color-grey-100);
  transform: translateX(calc(100% - 1px));
}
aside.aside_games .content .block_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
}
aside.aside_games .content .block_row .title {
  flex: 1;
  font-size: 24px;
  font-weight: 700;
  color: white;
}
@media (max-width: 575.8px) {
  aside.aside_games .content .block_row .title {
    font-size: 22px;
  }
}
aside.aside_games .content .search_wrap {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 10px;
  background: transparent;
  transition: var(--g-transition);
}
aside.aside_games .content .search_wrap__feature {
  margin-bottom: 0;
}
aside.aside_games .content .search_wrap .icon {
  display: block;
  margin-right: 0;
  font-size: 24px;
  width: max-content;
  color: rgba(var(--g-color-grey-100), 0.4);
}
aside.aside_games .content .search_wrap input {
  display: block;
  flex: 1;
  height: 46px;
  line-height: 28px;
  color: white;
  padding: 17px;
  background: none;
  border: none;
  border-radius: 5px;
}
aside.aside_games .content .search_wrap input::placeholder {
  color: rgba(var(--g-color-grey-100), 0.4);
}
aside.aside_games .content .tags_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 0 0 50px 0;
  padding: 0;
}
aside.aside_games .content .tags_list.features_list {
  gap: 10px 20px;
}
aside.aside_games .content .tags_list.providers_list {
  grid-template-columns: 1fr 1fr;
}
aside.aside_games .content .tags_list.providers_list .item .item_provider_game {
  display: block;
  width: 100%;
  height: 50px;
  color: var(--g-color-fill-light);
  background: var(--g-color-fill-dark);
  border: 1px solid var(--g-color-fill-dark);
  border-radius: 4px;
  transition: var(--g-transition);
  cursor: pointer;
}
aside.aside_games .content .tags_list.providers_list .item .item_provider_game > img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  margin: auto;
}
aside.aside_games .content .tags_list.providers_list .item .item_provider_game.active, aside.aside_games .content .tags_list.providers_list .item .item_provider_game:hover {
  border-color: var(--g-color-primary);
}
aside.aside_games .content .tags_list.providers_list .item.empty {
  width: 100%;
}
aside.aside_games .content .tags_list.features_list .item .checkbox {
  display: none !important;
}
aside.aside_games .content .tags_list.features_list .item .tag_item {
  --button-hover-bg: transparent;
  background: none;
  height: 20px;
  min-height: 20px;
  transition: var(--g-transition);
  padding: 0;
  cursor: pointer;
  border: none;
  justify-content: flex-start;
  text-transform: none;
}
aside.aside_games .content .tags_list.features_list .item .tag_item.active, aside.aside_games .content .tags_list.features_list .item .tag_item:hover {
  --button-text-color-state: var(--g-color-primary);
}
aside.aside_games .content .maximize_overlay .toggle_text {
  display: flex;
  flex-direction: column;
  transition: var(--g-transition);
  background: none;
  width: max-content;
  margin: 0 auto;
  border: none;
}
aside.aside_games .content .maximize_overlay .toggle_text .caption, aside.aside_games .content .maximize_overlay .toggle_text .title_section .caption_button, .title_section aside.aside_games .content .maximize_overlay .toggle_text .caption_button {
  font-size: 1rem;
  font-weight: 400;
}
aside.aside_games .content .maximize_overlay .toggle_text .icon {
  font-size: 7px;
  margin: 0;
}
aside.aside_games .content .maximize_overlay .toggle_text .icon:after {
  content: none;
}
aside.aside_games .content .divider {
  display: block;
  width: 100%;
  height: 1px;
  margin: 5px auto 20px;
  background: linear-gradient(270deg, #161A20 0%, #FF7800 51.56%, #161A20 98.96%);
}
aside.aside_games .minimize_able > .maximize_overlay {
  width: 100%;
  margin-left: -40px;
  z-index: 1;
}
@media (max-width: 575.8px) {
  aside.aside_games .minimize_able > .maximize_overlay {
    margin-left: -20px;
  }
}
aside.aside_games .minimize_able:not(.minimized) .toggle_text .icon {
  transform: rotate(90deg);
}

[class^=games_aside]:not(.minimized) .maximize_overlay {
  height: 44px;
}

@media (min-width: 1024px) {
  .aside_main {
    right: 0;
    left: unset;
    transform: translateX(100%);
  }
}
.aside_main .active_bonus_progress {
  padding: 1rem 1rem 1rem 4.5rem;
}

/*
  27.03.2024 - reset input styles for safari
*/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  overflow: auto;
  height: auto;
  margin: 0;
}

main {
  display: block;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

hr {
  overflow: visible;
  height: 0;
  box-sizing: content-box;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  text-decoration: none;
  background-color: transparent;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none;
}

b,
strong {
  font-weight: bold;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  line-height: 0;
  font-size: 75%;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  line-height: 1.15;
  font-size: 100%;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  color: inherit;
  box-sizing: border-box;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  padding: 0;
  box-sizing: border-box;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

* {
  outline: 0 !important;
  box-sizing: border-box;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 50px #fff;
}

textarea,
input {
  -webkit-appearance: none;
  border-radius: 0;
}

/*!
 * # Semantic UI 2.4.2 - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Flag
*******************************/
i.flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin: 0em 0.5em 0em 0em;
  line-height: 11px;
  vertical-align: baseline;
  text-decoration: inherit;
  speak: none;
  font-smoothing: antialiased;
  backface-visibility: hidden;
}

/* Sprite */
i.flag:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url("./images/flags.png") no-repeat -114px -1355px;
}

/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
/*******************************
         Theme Overrides
*******************************/
i.flag.ad:before {
  background-position: -10px -10px;
}

i.flag.ae:before {
  background-position: -36px -10px;
}

i.flag.af:before {
  background-position: -62px -10px;
}

i.flag.ag:before {
  background-position: -88px -10px;
}

i.flag.ai:before {
  background-position: -10px -31px;
}

i.flag.al:before {
  background-position: -36px -31px;
}

i.flag.am:before {
  background-position: -62px -31px;
}

i.flag.an:before {
  background-position: -88px -31px;
}

i.flag.ao:before {
  background-position: -10px -52px;
}

i.flag.aq:before {
  background-position: -36px -52px;
}

i.flag.ar:before {
  background-position: -62px -52px;
}

i.flag.as:before {
  background-position: -88px -52px;
}

i.flag.at:before {
  background-position: -10px -73px;
}

i.flag.au:before {
  background-position: -36px -73px;
}

i.flag.aw:before {
  background-position: -62px -73px;
}

i.flag.ax:before {
  background-position: -88px -73px;
}

i.flag.az:before {
  background-position: -10px -94px;
}

i.flag.ba:before {
  background-position: -36px -94px;
}

i.flag.bb:before {
  background-position: -62px -94px;
}

i.flag.bd:before {
  background-position: -88px -94px;
}

i.flag.be:before {
  background-position: -10px -115px;
}

i.flag.bf:before {
  background-position: -36px -115px;
}

i.flag.bg:before {
  background-position: -62px -115px;
}

i.flag.bh:before {
  background-position: -88px -115px;
}

i.flag.bi:before {
  background-position: -10px -136px;
}

i.flag.bj:before {
  background-position: -36px -136px;
}

i.flag.bl:before {
  background-position: -62px -136px;
}

i.flag.bm:before {
  background-position: -88px -136px;
}

i.flag.bn:before {
  background-position: -10px -157px;
}

i.flag.bo:before {
  background-position: -36px -157px;
}

i.flag.bq:before {
  background-position: -88px -1124px;
}

i.flag.br:before {
  background-position: -62px -157px;
}

i.flag.bs:before {
  background-position: -88px -157px;
}

i.flag.bt:before {
  background-position: -10px -178px;
}

i.flag.bv:before {
  background-position: -36px -178px;
}

i.flag.bw:before {
  background-position: -62px -178px;
}

i.flag.by:before {
  background-position: -88px -178px;
}

i.flag.bz:before {
  background-position: -10px -199px;
}

i.flag.ca:before {
  background-position: -36px -199px;
}

i.flag.catalonia:before {
  background-position: -62px -199px;
}

i.flag.cc:before {
  background-position: -88px -199px;
}

i.flag.cd:before {
  background-position: -10px -220px;
}

i.flag.cf:before {
  background-position: -36px -220px;
}

i.flag.cg:before {
  background-position: -62px -220px;
}

i.flag.ch:before {
  background-position: -88px -220px;
}

i.flag.ci:before {
  background-position: -10px -241px;
}

i.flag.ck:before {
  background-position: -36px -241px;
}

i.flag.cl:before {
  background-position: -62px -241px;
}

i.flag.cm:before {
  background-position: -88px -241px;
}

i.flag.cn:before {
  background-position: -10px -262px;
}

i.flag.co:before {
  background-position: -36px -262px;
}

i.flag.cr:before {
  background-position: -62px -262px;
}

i.flag.cs:before {
  background-position: -88px -262px;
}

i.flag.cu:before {
  background-position: -10px -283px;
}

i.flag.cv:before {
  background-position: -36px -283px;
}

i.flag.cx:before {
  background-position: -62px -283px;
}

i.flag.cy:before {
  background-position: -88px -283px;
}

i.flag.cz:before {
  background-position: -10px -304px;
}

i.flag.de:before {
  background-position: -36px -304px;
}

i.flag.dj:before {
  background-position: -62px -304px;
}

i.flag.dk:before {
  background-position: -88px -304px;
}

i.flag.dm:before {
  background-position: -10px -325px;
}

i.flag.do:before {
  background-position: -36px -325px;
}

i.flag.dz:before {
  background-position: -62px -325px;
}

i.flag.ec:before {
  background-position: -88px -325px;
}

i.flag.ee:before {
  background-position: -10px -346px;
}

i.flag.eg:before {
  background-position: -36px -346px;
}

i.flag.eh:before {
  background-position: -62px -346px;
}

i.flag.england:before {
  background-position: -88px -346px;
}

i.flag.er:before {
  background-position: -10px -367px;
}

i.flag.es:before {
  background-position: -36px -367px;
}

i.flag.et:before {
  background-position: -62px -367px;
}

i.flag.europeanunion:before {
  background-position: -88px -367px;
}

i.flag.fam:before {
  background-position: -10px -388px;
}

i.flag.fi:before {
  background-position: -36px -388px;
}

i.flag.fj:before {
  background-position: -62px -388px;
}

i.flag.fk:before {
  background-position: -88px -388px;
}

i.flag.fm:before {
  background-position: -10px -409px;
}

i.flag.fo:before {
  background-position: -36px -409px;
}

i.flag.fr:before {
  background-position: -62px -409px;
}

i.flag.ga:before {
  background-position: -88px -409px;
}

i.flag.gb:before {
  background-position: -10px -430px;
}

i.flag.gd:before {
  background-position: -36px -430px;
}

i.flag.ge:before {
  background-position: -62px -430px;
}

i.flag.gf:before {
  background-position: -88px -430px;
}

i.flag.gg:before {
  background-position: -10px -451px;
}

i.flag.gh:before {
  background-position: -36px -451px;
}

i.flag.gi:before {
  background-position: -62px -451px;
}

i.flag.gl:before {
  background-position: -88px -451px;
}

i.flag.gm:before {
  background-position: -10px -472px;
}

i.flag.gn:before {
  background-position: -36px -472px;
}

i.flag.gp:before {
  background-position: -62px -472px;
}

i.flag.gq:before {
  background-position: -88px -472px;
}

i.flag.gr:before {
  background-position: -10px -493px;
}

i.flag.gs:before {
  background-position: -36px -493px;
}

i.flag.gt:before {
  background-position: -62px -493px;
}

i.flag.gu:before {
  background-position: -88px -493px;
}

i.flag.gw:before {
  background-position: -10px -514px;
}

i.flag.gy:before {
  background-position: -36px -514px;
}

i.flag.hk:before {
  background-position: -62px -514px;
}

i.flag.hm:before {
  background-position: -88px -514px;
}

i.flag.hn:before {
  background-position: -10px -535px;
}

i.flag.hr:before {
  background-position: -36px -535px;
}

i.flag.ht:before {
  background-position: -62px -535px;
}

i.flag.hu:before {
  background-position: -88px -535px;
}

i.flag.id:before {
  background-position: -10px -556px;
}

i.flag.ie:before {
  background-position: -36px -556px;
}

i.flag.il:before {
  background-position: -62px -556px;
}

i.flag.im:before {
  background-position: -88px -556px;
}

i.flag.in:before {
  background-position: -10px -577px;
}

i.flag.io:before {
  background-position: -36px -577px;
}

i.flag.iq:before {
  background-position: -62px -577px;
}

i.flag.ir:before {
  background-position: -88px -577px;
}

i.flag.is:before {
  background-position: -10px -598px;
}

i.flag.it:before {
  background-position: -36px -598px;
}

i.flag.je:before {
  background-position: -62px -598px;
}

i.flag.jm:before {
  background-position: -88px -598px;
}

i.flag.jo:before {
  background-position: -10px -619px;
}

i.flag.jp:before {
  background-position: -36px -619px;
}

i.flag.ke:before {
  background-position: -62px -619px;
}

i.flag.kg:before {
  background-position: -88px -619px;
}

i.flag.kh:before {
  background-position: -10px -640px;
}

i.flag.ki:before {
  background-position: -36px -640px;
}

i.flag.km:before {
  background-position: -62px -640px;
}

i.flag.kn:before {
  background-position: -88px -640px;
}

i.flag.kp:before {
  background-position: -10px -661px;
}

i.flag.kr:before {
  background-position: -36px -661px;
}

i.flag.kw:before {
  background-position: -62px -661px;
}

i.flag.ky:before {
  background-position: -88px -661px;
}

i.flag.kz:before {
  background-position: -10px -682px;
}

i.flag.la:before {
  background-position: -36px -682px;
}

i.flag.lb:before {
  background-position: -62px -682px;
}

i.flag.lc:before {
  background-position: -88px -682px;
}

i.flag.li:before {
  background-position: -10px -703px;
}

i.flag.lk:before {
  background-position: -36px -703px;
}

i.flag.lr:before {
  background-position: -62px -703px;
}

i.flag.ls:before {
  background-position: -88px -703px;
}

i.flag.lt:before {
  background-position: -10px -724px;
}

i.flag.lu:before {
  background-position: -36px -724px;
}

i.flag.lv:before {
  background-position: -62px -724px;
}

i.flag.ly:before {
  background-position: -88px -724px;
}

i.flag.ma:before {
  background-position: -10px -745px;
}

i.flag.mc:before {
  background-position: -36px -745px;
}

i.flag.md:before {
  background-position: -62px -745px;
}

i.flag.me:before {
  background-position: -88px -745px;
}

i.flag.mf:before {
  background-position: -10px -767px;
}

i.flag.mg:before {
  background-position: -36px -767px;
}

i.flag.mh:before {
  background-position: -62px -767px;
}

i.flag.mk:before {
  background-position: -88px -767px;
}

i.flag.ml:before {
  background-position: -10px -788px;
}

i.flag.mm:before {
  background-position: -36px -788px;
}

i.flag.mn:before {
  background-position: -62px -788px;
}

i.flag.mo:before {
  background-position: -88px -788px;
}

i.flag.mp:before {
  background-position: -10px -809px;
}

i.flag.mq:before {
  background-position: -36px -809px;
}

i.flag.mr:before {
  background-position: -62px -809px;
}

i.flag.ms:before {
  background-position: -88px -809px;
}

i.flag.mt:before {
  background-position: -10px -830px;
}

i.flag.mu:before {
  background-position: -36px -830px;
}

i.flag.mv:before {
  background-position: -62px -830px;
}

i.flag.mw:before {
  background-position: -88px -830px;
}

i.flag.mx:before {
  background-position: -10px -851px;
}

i.flag.my:before {
  background-position: -36px -851px;
}

i.flag.mz:before {
  background-position: -62px -851px;
}

i.flag.na:before {
  background-position: -88px -851px;
}

i.flag.nc:before {
  background-position: -10px -872px;
}

i.flag.ne:before {
  background-position: -36px -872px;
}

i.flag.nf:before {
  background-position: -62px -872px;
}

i.flag.ng:before {
  background-position: -88px -872px;
}

i.flag.ni:before {
  background-position: -10px -893px;
}

i.flag.nl:before {
  background-position: -36px -893px;
}

i.flag.no:before {
  background-position: -62px -893px;
}

i.flag.np:before {
  background-position: -88px -893px;
}

i.flag.nr:before {
  background-position: -10px -914px;
}

i.flag.nu:before {
  background-position: -36px -914px;
}

i.flag.nz:before {
  background-position: -62px -914px;
}

i.flag.om:before {
  background-position: -88px -914px;
}

i.flag.pa:before {
  background-position: -10px -935px;
}

i.flag.pe:before {
  background-position: -36px -935px;
}

i.flag.pf:before {
  background-position: -62px -935px;
}

i.flag.pg:before {
  background-position: -88px -935px;
}

i.flag.ph:before {
  background-position: -10px -956px;
}

i.flag.pk:before {
  background-position: -36px -956px;
}

i.flag.pl:before {
  background-position: -62px -956px;
}

i.flag.pm:before {
  background-position: -88px -956px;
}

i.flag.pn:before {
  background-position: -10px -977px;
}

i.flag.pr:before {
  background-position: -36px -977px;
}

i.flag.ps:before {
  background-position: -62px -977px;
}

i.flag.pt:before {
  background-position: -88px -977px;
}

i.flag.pw:before {
  background-position: -10px -998px;
}

i.flag.py:before {
  background-position: -36px -998px;
}

i.flag.qa:before {
  background-position: -62px -998px;
}

i.flag.re:before {
  background-position: -88px -998px;
}

i.flag.ro:before {
  background-position: -10px -1019px;
}

i.flag.rs:before {
  background-position: -36px -1019px;
}

i.flag.ru:before {
  background-position: -62px -1019px;
}

i.flag.rw:before {
  background-position: -88px -1019px;
}

i.flag.sa:before {
  background-position: -10px -1040px;
}

i.flag.sb:before {
  background-position: -36px -1040px;
}

i.flag.sc:before {
  background-position: -62px -1040px;
}

i.flag.scotland:before {
  background-position: -88px -1040px;
}

i.flag.sd:before {
  background-position: -10px -1061px;
}

i.flag.se:before {
  background-position: -36px -1061px;
}

i.flag.sg:before {
  background-position: -62px -1061px;
}

i.flag.sh:before {
  background-position: -88px -1061px;
}

i.flag.si:before {
  background-position: -10px -1082px;
}

i.flag.sj:before {
  background-position: -36px -1082px;
}

i.flag.sk:before {
  background-position: -62px -1082px;
}

i.flag.sl:before {
  background-position: -88px -1082px;
}

i.flag.sm:before {
  background-position: -10px -1103px;
}

i.flag.sn:before {
  background-position: -36px -1103px;
}

i.flag.so:before {
  background-position: -62px -1103px;
}

i.flag.sr:before {
  background-position: -88px -1103px;
}

i.flag.ss:before {
  background-position: -10px -1124px;
}

i.flag.st:before {
  background-position: -36px -1124px;
}

i.flag.sv:before {
  background-position: -62px -1124px;
}

i.flag.sx:before {
  background-position: -88px -1124px;
}

i.flag.sy:before {
  background-position: -10px -1145px;
}

i.flag.sz:before {
  background-position: -36px -1145px;
}

i.flag.tc:before {
  background-position: -62px -1145px;
}

i.flag.td:before {
  background-position: -88px -1145px;
}

i.flag.tf:before {
  background-position: -10px -1166px;
}

i.flag.tg:before {
  background-position: -36px -1166px;
}

i.flag.th:before {
  background-position: -62px -1166px;
}

i.flag.tj:before {
  background-position: -88px -1166px;
}

i.flag.tk:before {
  background-position: -10px -1187px;
}

i.flag.tl:before {
  background-position: -36px -1187px;
}

i.flag.tm:before {
  background-position: -62px -1187px;
}

i.flag.tn:before {
  background-position: -88px -1187px;
}

i.flag.to:before {
  background-position: -10px -1208px;
}

i.flag.tr:before {
  background-position: -36px -1208px;
}

i.flag.tt:before {
  background-position: -62px -1208px;
}

i.flag.tv:before {
  background-position: -88px -1208px;
}

i.flag.tw:before {
  background-position: -10px -1229px;
}

i.flag.tz:before {
  background-position: -36px -1229px;
}

i.flag.ua:before {
  background-position: -62px -1229px;
}

i.flag.ug:before {
  background-position: -88px -1229px;
}

i.flag.um:before {
  background-position: -10px -1250px;
}

i.flag.us:before {
  background-position: -36px -1250px;
}

i.flag.uy:before {
  background-position: -62px -1250px;
}

i.flag.uz:before {
  background-position: -88px -1250px;
}

i.flag.va:before {
  background-position: -10px -1271px;
}

i.flag.vc:before {
  background-position: -36px -1271px;
}

i.flag.ve:before {
  background-position: -62px -1271px;
}

i.flag.vg:before {
  background-position: -88px -1271px;
}

i.flag.vi:before {
  background-position: -10px -1292px;
}

i.flag.vn:before {
  background-position: -36px -1292px;
}

i.flag.vu:before {
  background-position: -62px -1292px;
}

i.flag.wales:before {
  background-position: -88px -1292px;
}

i.flag.wf:before {
  background-position: -10px -1313px;
}

i.flag.ws:before {
  background-position: -36px -1313px;
}

i.flag.xk:before {
  background-position: -62px -1313px;
}

i.flag.ye:before {
  background-position: -88px -1313px;
}

i.flag.yt:before {
  background-position: -10px -1334px;
}

i.flag.za:before {
  background-position: -36px -1334px;
}

i.flag.zm:before {
  background-position: -62px -1334px;
}

i.flag.zw:before {
  background-position: -88px -1334px;
}

.select2-dropdown {
  position: absolute;
  left: -100000px;
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #aaa;
  border-radius: 4px;
  z-index: 1051;
  box-sizing: border-box;
}

.select2-results {
  display: block;
  padding-right: 4px;
}

.select2-results__options {
  margin: 8px 0;
  padding: 0 4px;
  list-style: none;
}

.select2-results__option {
  padding: var(--select2-dropdown-item-border-padding);
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-container .select2-selection--multiple {
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  box-sizing: border-box;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  padding: 0;
  list-style: none;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  font-size: 1em;
  background-color: transparent;
  border: none;
}
.select2-container .select2-search--inline .select2-search__field {
  overflow: hidden;
  max-width: 100%;
  height: 18px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  font-family: sans-serif;
  font-size: 100%;
  vertical-align: bottom;
  word-break: keep-all;
  resize: none;
  border: none;
  box-sizing: border-box;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-container .select2-selection--single {
  display: flex;
  align-items: center;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  box-sizing: border-box;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  padding-right: 20px;
  padding-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select2-container .select2-selection--single .select2-selection__clear {
  font-size: 1em;
  background-color: transparent;
  border: none;
}
.select2-container [dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

:root {
  --select2-input-height: 48px;
  --select2-input-padding: 0 16px;
  --select2-border-radius: 16px;
  --select2-text-size: 14px;
  --select2-text-height: 20px;
  --select2-dropdown-item-border-padding: 8px 12px;
  --select2-dropdown-item-border-radius: 8px;
  --select2-dropdown-search-input-border-radius: 8px;
  --select2-dropdown-search-input-padding: 8px 12px;
  --select2-dropdown-search-input-text-size: var(--select2-text-size);
  --select2-bg-color: var(--g-color-fill-dark);
  --select2-panel-color: var(--g-color-tertiary);
  --select2-arrow-color: var(--g-color-tertiary);
  --select2-arrow-color-active: var(--g-color-tertiary);
  --select2-border: 2px solid transparent;
  --select2-placeholder-color: var(--g-color-tertiary);
  --select2-text-color: var(--g-color-fill);
  --select2-text-color-active: var(--g-color-fill);
  --select2-text-color-disabled: var(--g-color-fill);
  --select2-dropdown-item-text-color: var(--g-color-fill);
  --select2-dropdown-item-text-color-hover: var(--g-color-fill);
  --select2-dropdown-item-text-color-selected: var(--g-color-fill);
  --select2-dropdown-item-bg-hover: var(--g-color-grey-600);
  --select2-dropdown-item-bg-selected: var(--g-color-grey-400);
  --select2-dropdown-search-input-bg: var(--g-color-background);
  --select2-dropdown-search-input-border: var(--select2-border);
  --select2-dropdown-search-input-text-color: var(--select2-text-color);
}

.select2-container--default .select2-selection--single {
  min-height: var(--select2-input-height);
  background-color: var(--select2-bg-color);
  border: var(--select2-border);
  border-radius: var(--select2-border-radius);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: var(--select2-input-padding);
  line-height: var(--select2-text-height);
  font-size: var(--select2-text-size);
  color: var(--select2-text-color);
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  float: right;
  height: 26px;
  margin-right: 20px;
  padding-right: 0;
  font-weight: bold;
  cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--select2-placeholder-color);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  color: var(--select2-arrow-color);
  transition: 0.2s;
  transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: var(--iconfont-chevron-down);
  font-family: "iconfont";
  font-size: 24px;
  color: var(--g-color-fill-light);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single[aria-expanded=true] {
  border-radius: var(--select2-border-radius) var(--select2-border-radius) 0 0;
}

.select2-container--default .select2-selection--single[aria-expanded=true] .select2-selection__arrow {
  color: var(--select2-arrow-color-active);
  transform: translateY(-50%) rotateX(-180deg);
}

.select2-container--default [dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default [dir=rtl] .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 1px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--select2-panel-color);
  border: none;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: var(--select2-text-disabled);
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
  opacity: 0.5;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #888 transparent;
}

.select2-container--default .select2-selection--multiple {
  position: relative;
  padding-right: 5px;
  padding-bottom: 5px;
  background-color: var(--select2-bg-color);
  border: var(--select2-border);
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  position: absolute;
  right: 0;
  height: 20px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
  font-weight: bold;
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0 0 0 20px;
  vertical-align: bottom;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 5px;
  padding-left: 2px;
  cursor: default;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 4px;
  font-size: 1em;
  font-weight: bold;
  color: #999;
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  color: #333;
  background-color: #f1f1f1;
  outline: none;
}

.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-right: auto;
  margin-left: 5px;
}

.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 2px;
  padding-left: 5px;
}

.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-right: none;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
}

.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-right: auto;
  margin-left: 10px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--select2-panel-color);
  border: none;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered {
  color: var(--select2-text-disabled);
}

.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__arrow {
  opacity: 0.5;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default .select2-dropdown {
  overflow: hidden;
  min-height: var(--select2-input-height);
  color: var(--select2-dropdown-item-text-color);
  background-color: var(--select2-bg-color);
  border: none;
  border-radius: 0 0 var(--select2-border-radius) var(--select2-border-radius);
}

.select2-container--default .select2-dropdown .select2-results__option {
  color: var(--select2-dropdown-item-text-color);
  border-radius: var(--select2-dropdown-item-border-radius);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: var(--select2-dropdown-search-input-padding);
  font-size: var(--select2-dropdown-search-input-text-size);
  color: var(--select2-dropdown-search-input-text-color);
  background: var(--select2-dropdown-search-input-bg);
  border: var(--select2-dropdown-search-input-border);
  border-radius: var(--select2-dropdown-search-input-border-radius);
}

.select2-container--default .select2-search--dropdown .select2-search__field:-internal-autofill-selected {
  box-shadow: 0 0 0 1000px var(--color-contrast-100) inset !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  outline: none;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  overflow-y: auto;
  max-height: 200px;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  color: var(--select2-dropdown-item-text-color-selected);
  background-color: var(--select2-dropdown-item-bg-selected);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: var(--select2-dropdown-item-text-color-hover);
  background-color: var(--select2-dropdown-item-bg-hover);
}

.select2-container--default .select2-results__group {
  display: block;
  padding: 6px;
  cursor: default;
}

.select2-dropdown {
  position: absolute;
  left: -100000px;
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #aaa;
  border-radius: 4px;
  z-index: 1051;
  box-sizing: border-box;
}

.select2-results {
  display: block;
  padding-right: 4px;
}

.select2-results__options {
  margin: 8px 0;
  padding: 0 4px;
  list-style: none;
}

.select2-results__option {
  padding: var(--select2-dropdown-item-border-padding);
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-container .select2-selection--single {
  display: flex;
  align-items: center;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  box-sizing: border-box;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  padding-right: 20px;
  padding-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-container .select2-selection--single .select2-selection__clear {
  font-size: 1em;
  background-color: transparent;
  border: none;
}

.select2-container [dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  box-sizing: border-box;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  padding: 0;
  list-style: none;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  font-size: 1em;
  background-color: transparent;
  border: none;
}

.select2-container .select2-search--inline .select2-search__field {
  overflow: hidden;
  max-width: 100%;
  height: 18px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  font-family: sans-serif;
  font-size: 100%;
  vertical-align: bottom;
  word-break: keep-all;
  resize: none;
  border: none;
  box-sizing: border-box;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-container {
  position: relative;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  box-sizing: border-box;
}

.select2-close-mask {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 0;
  opacity: 0;
  z-index: 99;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  white-space: nowrap !important;
  border: 0 !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
}

.select2-container--default .select2-dropdown {
  overflow: hidden;
  min-height: var(--select2-input-height);
  color: var(--select2-dropdown-item-text-color);
  background-color: var(--select2-bg-color);
  border: none;
  border-radius: 0 0 var(--select2-border-radius) var(--select2-border-radius);
}
.select2-container--default .select2-dropdown .select2-results__option {
  color: var(--select2-dropdown-item-text-color);
  border-radius: var(--select2-dropdown-item-border-radius);
}

.select2-container--default .select2-selection--multiple {
  position: relative;
  padding-right: 5px;
  padding-bottom: 5px;
  background-color: var(--select2-bg-color);
  border: var(--select2-border);
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  position: absolute;
  right: 0;
  height: 20px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
  font-weight: bold;
  cursor: pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0 0 0 20px;
  vertical-align: bottom;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 5px;
  padding-left: 2px;
  cursor: default;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 4px;
  font-size: 1em;
  font-weight: bold;
  color: #999;
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  color: #333;
  background-color: #f1f1f1;
  outline: none;
}
.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-right: auto;
  margin-left: 5px;
}
.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 2px;
  padding-left: 5px;
}
.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-right: none;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
}
.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-right: auto;
  margin-left: 10px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--select2-panel-color);
  border: none;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered {
  color: var(--select2-text-disabled);
}
.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__arrow {
  opacity: 0.5;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default .select2-selection--single {
  min-height: var(--select2-input-height);
  background-color: var(--select2-bg-color);
  border: var(--select2-border);
  border-radius: var(--select2-border-radius);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: var(--select2-input-padding);
  line-height: var(--select2-text-height);
  font-size: var(--select2-text-size);
  color: var(--select2-text-color);
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  float: right;
  height: 26px;
  margin-right: 20px;
  padding-right: 0;
  font-weight: bold;
  cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--select2-placeholder-color);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  color: var(--select2-arrow-color);
  transition: 0.2s;
  transform: translateY(-50%);
}
.select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: var(--iconfont-chevron-down);
  font-family: "iconfont";
  font-size: 24px;
  color: var(--g-color-fill-light);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container--default .select2-selection--single[aria-expanded=true] {
  border-radius: var(--select2-border-radius) var(--select2-border-radius) 0 0;
}
.select2-container--default .select2-selection--single[aria-expanded=true] .select2-selection__arrow {
  color: var(--select2-arrow-color-active);
  transform: translateY(-50%) rotateX(-180deg);
}
.select2-container--default [dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default [dir=rtl] .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 1px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--select2-panel-color);
  border: none;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: var(--select2-text-disabled);
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
  opacity: 0.5;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #888 transparent;
}

:root {
  --select2-input-height: 48px;
  --select2-input-padding: 0 16px;
  --select2-border-radius: 16px;
  --select2-text-size: 14px;
  --select2-text-height: 20px;
  --select2-dropdown-item-border-padding: 8px 12px;
  --select2-dropdown-item-border-radius: 8px;
  --select2-dropdown-search-input-border-radius: 8px;
  --select2-dropdown-search-input-padding: 8px 12px;
  --select2-dropdown-search-input-text-size: var(--select2-text-size);
  --select2-bg-color: var(--g-color-fill-dark);
  --select2-panel-color: var(--g-color-tertiary);
  --select2-arrow-color: var(--g-color-tertiary);
  --select2-arrow-color-active: var(--g-color-tertiary);
  --select2-border: 2px solid transparent;
  --select2-placeholder-color: var(--g-color-tertiary);
  --select2-text-color: var(--g-color-fill);
  --select2-text-color-active: var(--g-color-fill);
  --select2-text-color-disabled: var(--g-color-fill);
  --select2-dropdown-item-text-color: var(--g-color-fill);
  --select2-dropdown-item-text-color-hover: var(--g-color-fill);
  --select2-dropdown-item-text-color-selected: var(--g-color-fill);
  --select2-dropdown-item-bg-hover: var(--g-color-grey-600);
  --select2-dropdown-item-bg-selected: var(--g-color-grey-400);
  --select2-dropdown-search-input-bg: var(--g-color-background);
  --select2-dropdown-search-input-border: var(--select2-border);
  --select2-dropdown-search-input-text-color: var(--select2-text-color);
}

.select2-container--default .select2-selection--single {
  min-height: var(--select2-input-height);
  background-color: var(--select2-bg-color);
  border: var(--select2-border);
  border-radius: var(--select2-border-radius);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: var(--select2-input-padding);
  line-height: var(--select2-text-height);
  font-size: var(--select2-text-size);
  color: var(--select2-text-color);
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  float: right;
  height: 26px;
  margin-right: 20px;
  padding-right: 0;
  font-weight: bold;
  cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--select2-placeholder-color);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  color: var(--select2-arrow-color);
  transition: 0.2s;
  transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: var(--iconfont-chevron-down);
  font-family: "iconfont";
  font-size: 24px;
  color: var(--g-color-fill-light);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single[aria-expanded=true] {
  border-radius: var(--select2-border-radius) var(--select2-border-radius) 0 0;
}

.select2-container--default .select2-selection--single[aria-expanded=true] .select2-selection__arrow {
  color: var(--select2-arrow-color-active);
  transform: translateY(-50%) rotateX(-180deg);
}

.select2-container--default [dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default [dir=rtl] .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 1px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--select2-panel-color);
  border: none;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: var(--select2-text-disabled);
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
  opacity: 0.5;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #888 transparent;
}

.select2-container--default .select2-selection--multiple {
  position: relative;
  padding-right: 5px;
  padding-bottom: 5px;
  background-color: var(--select2-bg-color);
  border: var(--select2-border);
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  position: absolute;
  right: 0;
  height: 20px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
  font-weight: bold;
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0 0 0 20px;
  vertical-align: bottom;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 5px;
  padding-left: 2px;
  cursor: default;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 4px;
  font-size: 1em;
  font-weight: bold;
  color: #999;
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  color: #333;
  background-color: #f1f1f1;
  outline: none;
}

.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-right: auto;
  margin-left: 5px;
}

.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 2px;
  padding-left: 5px;
}

.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-right: none;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
}

.select2-container--default [dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-right: auto;
  margin-left: 10px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--select2-panel-color);
  border: none;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered {
  color: var(--select2-text-disabled);
}

.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__arrow {
  opacity: 0.5;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default .select2-dropdown {
  overflow: hidden;
  min-height: var(--select2-input-height);
  color: var(--select2-dropdown-item-text-color);
  background-color: var(--select2-bg-color);
  border: none;
  border-radius: 0 0 var(--select2-border-radius) var(--select2-border-radius);
}

.select2-container--default .select2-dropdown .select2-results__option {
  color: var(--select2-dropdown-item-text-color);
  border-radius: var(--select2-dropdown-item-border-radius);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: var(--select2-dropdown-search-input-padding);
  font-size: var(--select2-dropdown-search-input-text-size);
  color: var(--select2-dropdown-search-input-text-color);
  background: var(--select2-dropdown-search-input-bg);
  border: var(--select2-dropdown-search-input-border);
  border-radius: var(--select2-dropdown-search-input-border-radius);
}
.select2-container--default .select2-search--dropdown .select2-search__field:-internal-autofill-selected {
  box-shadow: 0 0 0 1000px var(--color-contrast-100) inset !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  outline: none;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  overflow-y: auto;
  max-height: 200px;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  color: var(--select2-dropdown-item-text-color-selected);
  background-color: var(--select2-dropdown-item-bg-selected);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: var(--select2-dropdown-item-text-color-hover);
  background-color: var(--select2-dropdown-item-bg-hover);
}
.select2-container--default .select2-results__group {
  display: block;
  padding: 6px;
  cursor: default;
}

:root {
  --select2-input-height: 48px;
  --select2-input-padding: 0 16px;
  --select2-border-radius: 16px;
  --select2-text-size: 14px;
  --select2-text-height: 20px;
  --select2-dropdown-item-border-padding: 8px 12px;
  --select2-dropdown-item-border-radius: 8px;
  --select2-dropdown-search-input-border-radius: 8px;
  --select2-dropdown-search-input-padding: 8px 12px;
  --select2-dropdown-search-input-text-size: var(--select2-text-size);
  --select2-bg-color: var(--g-color-fill-dark);
  --select2-panel-color: var(--g-color-tertiary);
  --select2-arrow-color: var(--g-color-tertiary);
  --select2-arrow-color-active: var(--g-color-tertiary);
  --select2-border: 2px solid transparent;
  --select2-placeholder-color: var(--g-color-tertiary);
  --select2-text-color: var(--g-color-fill);
  --select2-text-color-active: var(--g-color-fill);
  --select2-text-color-disabled: var(--g-color-fill);
  --select2-dropdown-item-text-color: var(--g-color-fill);
  --select2-dropdown-item-text-color-hover: var(--g-color-fill);
  --select2-dropdown-item-text-color-selected: var(--g-color-fill);
  --select2-dropdown-item-bg-hover: var(--g-color-grey-600);
  --select2-dropdown-item-bg-selected: var(--g-color-grey-400);
  --select2-dropdown-search-input-bg: var(--g-color-background);
  --select2-dropdown-search-input-border: var(--select2-border);
  --select2-dropdown-search-input-text-color: var(--select2-text-color);
}

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  border: 2px solid transparent;
  background: linear-gradient(#1A1A1C, #1A1A1C) padding-box, linear-gradient(to right, #FFBD00, #FF2B00) border-box;
}
.selectric .label {
  display: block;
  overflow: hidden;
  height: 40px;
  margin: 0 44px 0 16px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  user-select: none;
  color: #fff;
}
.selectric .button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 44px;
  height: 40px;
  min-width: 44px;
  min-height: 40px;
  padding: 0;
  font: 0/0 a;
  *font: 20px/40px Lucida Sans Unicode, Arial Unicode MS, Arial;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: none;
  box-shadow: none;
}
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border: 7px solid transparent;
  border-top-color: #fff;
  border-bottom: none;
}

.selectric-hover .selectric .button {
  color: white;
}
.selectric-hover .selectric .button:after {
  border-top-color: white;
}

.selectric-open {
  z-index: 9999;
}
.selectric-open.selectric-below .selectric {
  border-radius: 8px 8px 0 0;
}
.selectric-open.selectric-below .selectric-items {
  border-radius: 0 0 8px 8px;
  border: 2px solid transparent;
  background: linear-gradient(#1A1A1C, #1A1A1C) padding-box, linear-gradient(to right, #FFBD00, #FF2B00) border-box;
}
.selectric-open.selectric-above .selectric {
  border-radius: 0 0 8px 8px;
}
.selectric-open.selectric-above .selectric-items {
  border-radius: 8px 8px 0 0;
}
.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  user-select: none;
  opacity: 0.5;
  cursor: default;
  filter: alpha(opacity=50);
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  opacity: 0;
  z-index: 1;
  box-sizing: border-box;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  *font: 0/0 a !important;
  background: none !important;
  border: none !important;
  outline: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  display: block !important;
  visibility: hidden !important;
}

/* Items box */
.selectric-items {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  display: none;
  overflow: hidden;
  background: #252525;
  z-index: -1;
}
.selectric-items .selectric-scroll {
  overflow: auto;
  height: 100%;
}
.selectric-items .selectric-scroll::-webkit-scrollbar {
  width: 12px;
  background-color: rgba(0, 0, 0, 0.25);
}
.selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
  background-color: #FFB400;
  border: 1px solid rgba(25, 147, 2, 0.5);
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul, .selectric-items li {
  min-height: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
}
.selectric-items li {
  display: block;
  padding: 4px 10px;
  color: #fff;
  cursor: pointer;
}
.selectric-items li.selected {
  color: #fff;
}
.selectric-items li.highlighted {
  background: #1D1D1D;
}
.selectric-items li:hover {
  background: rgba(29, 29, 29, 0.6);
}
.selectric-items .disabled {
  user-select: none;
  color: #666 !important;
  background: none !important;
  opacity: 0.5;
  cursor: default !important;
  filter: alpha(opacity=50);
}
.selectric-items .selectric-group .selectric-group-label {
  padding-left: 10px;
  font-weight: bold;
  user-select: none;
  color: #444;
  background: none;
  cursor: default;
}
.selectric-items .selectric-group.disabled li {
  opacity: 1;
  filter: alpha(opacity=100);
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: auto;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow {
  font-size: 30px !important;
  color: #fff !important;
  transition: var(--g-transition);
  z-index: 2;
}
.slick-arrow:before {
  display: none;
}
.slick-arrow:hover, .slick-arrow:focus {
  color: #cccccc;
}

.slick-prev {
  left: -50px !important;
  margin-top: -10px;
}

.slick-next {
  right: -10px !important;
  margin-top: -10px;
}

.prizes_wrap .slick-slide {
  display: flex !important;
  flex-flow: column nowrap;
}
.prizes_wrap .slick-slide .title {
  order: 1;
  margin: 0 !important;
}

.tippy-box {
  background: none;
}
.tippy-box .tippy-content {
  padding: 0;
}
.tippy-box .tippy-arrow {
  color: var(--g-color-grey-500);
}

.dd-content {
  display: none;
}

.tippy-box .dd-content {
  display: block;
}

.header_banners.activity_banner .text {
  justify-content: space-around;
  margin-bottom: 0;
}
.header_banners.activity_banner .text .status {
  font-size: 16px;
  text-transform: uppercase;
  color: #FFB400;
}
.header_banners.activity_banner .text .title {
  margin: 10px 0 5px 0;
  font-size: 26px;
  font-weight: bold;
  color: #FFB400;
}
.header_banners.activity_banner .text .prizepool_wrap {
  margin-bottom: 5px;
}
.header_banners.activity_banner .text .prizepool_wrap .label {
  margin: 0;
  padding: 0 5px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFB400;
}
.header_banners.activity_banner .text .prizepool_wrap .prizepool {
  font-size: 32px;
  font-weight: 500;
}
.header_banners.activity_banner .text .timer {
  margin: 0;
}
.header_banners.activity_banner .text .timer .timer__digits {
  font-size: 26px;
}
.header_banners.activity_banner .text .timer .timer__content {
  font-size: 12px;
}
.header_banners.activity_banner .text .timer .timer__content span {
  width: 34px;
}
.header_banners.activity_banner .slick-list {
  overflow: visible;
}

@media only screen and (max-width: 1024px) {
  .header_banners.activity_banner .overlay {
    padding: 10px 0;
  }
  .header_banners.activity_banner .overlay .banner_content {
    height: 100%;
  }
  .header_banners.activity_banner .text .details {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
  }
  .header_banners.activity_banner .text .details .item {
    display: flex;
    margin: 5px 0;
  }
  .header_banners.activity_banner .text .details .item .label {
    margin-right: 5px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFB400;
  }
}
.activity_card.normal {
  display: flex;
  text-decoration: none;
  border-radius: 15px;
  box-shadow: 1px 1px 5px #1A1A1C;
  background: #252525;
}
.activity_card.normal .prize,
.activity_card.normal .info,
.activity_card.normal .timer_wrap {
  padding: 15px;
}
.activity_card.normal .status__mob {
  display: none;
}
.activity_card.normal .prize {
  max-width: 35%;
  min-width: 30%;
  width: 100%;
  text-align: center;
  grid-area: prize;
}
.activity_card.normal .prize > .status {
  display: none;
  font-size: 12px;
  text-transform: uppercase;
}
.activity_card.normal .prize > .title {
  display: none;
  margin: 12px 0;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
.activity_card.normal .prize > .image {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.activity_card.normal .prize > .label {
  margin: 8px 0;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.activity_card.normal .prize .prize-pool {
  font-size: 48px;
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .activity_card.normal .prize > .label,
.activity_card.normal .prize .prize-pool {
    display: none;
  }
}
.activity_card.normal .info {
  grid-area: info;
}
.activity_card.normal .info > .title {
  margin-bottom: 12px;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 500;
}
.activity_card.normal .info .prize-pool {
  display: none;
}
.activity_card.normal .info .description {
  line-height: 1.5;
  font-size: 14px;
  color: #fff;
}
.activity_card.normal .info .prizes > .title {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.activity_card.normal .info .prizes .items {
  display: flex;
  flex-flow: row nowrap;
}
.activity_card.normal .info .prizes .items .item {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.activity_card.normal .info .prizes .items .item .place {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin: 0 8px 0 0;
  line-height: 42px;
  font-size: 22px;
  text-align: center;
  border-radius: 16px;
  box-shadow: 0 0 0 1px #FFB400;
}
.activity_card.normal .info .prizes .items .item .prize_image img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.activity_card.normal .info .prizes .items .item .caption, .activity_card.normal .info .prizes .items .item .title_section .caption_button, .title_section .activity_card.normal .info .prizes .items .item .caption_button {
  font-weight: bold;
  color: #fff;
}
.activity_card.normal .timer_wrap {
  display: flex;
  flex-flow: column;
  grid-area: timerWrap;
}
.activity_card.normal .timer_wrap .status {
  align-self: flex-end;
  font-size: 18px;
  text-transform: uppercase;
}
.activity_card.normal .timer_wrap .timer {
  width: 220px;
  margin: 30px 0 0 0;
  padding: 14px 12px 40px 12px;
  white-space: nowrap;
  background: #121212;
  border-radius: 15px;
}
.activity_card.normal .timer_wrap .timer.not_active {
  padding: 30px 12px 50px 12px;
  line-height: 1.5;
  font-size: 16px;
  white-space: normal;
  color: #fff;
}
.activity_card.normal .timer_wrap .more {
  align-self: center;
  transform: translateY(-50%);
}
.activity_card.normal.tournament .info .prizes {
  white-space: nowrap;
}
.activity_card.normal.lottery .info .prizes .items .item {
  flex: 1;
  flex-flow: column;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .activity_card.normal.lottery .info .prizes .items .item .prize_image img {
    height: 40px;
    width: 40px;
  }
  .activity_card.normal.lottery .info .prizes .items .item .caption, .activity_card.normal.lottery .info .prizes .items .item .title_section .caption_button, .title_section .activity_card.normal.lottery .info .prizes .items .item .caption_button {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .activity_card.normal {
    display: grid;
    grid-template-areas: "prize info" "timerWrap info";
    grid-template-columns: 154px auto;
    position: relative;
    padding-top: 12px;
  }
  .activity_card.normal .status {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    font-weight: 500;
    color: #000000;
    padding: 4px 14px;
    border-radius: 0 20px 0 20px;
    text-transform: uppercase;
  }
  .activity_card.normal .status__ACTIVE {
    background: #43AE10;
  }
  .activity_card.normal .status__PENDING {
    background: #FFB400;
  }
  .activity_card.normal .status__FINISHED {
    background: #FFFFFF;
  }
  .activity_card.normal .prize {
    padding: 12px;
    max-width: 100%;
  }
  .activity_card.normal .prize .image {
    height: 116px;
    object-fit: cover;
  }
  .activity_card.normal .prize .status,
.activity_card.normal .prize .title {
    display: block;
  }
  .activity_card.normal .info > .title {
    color: white;
    font-size: 20px;
    font-weight: 500;
  }
  .activity_card.normal .info .prize-pool {
    display: flex;
    gap: 10px;
    color: #FFB400;
    font-size: 20px;
    font-weight: 700;
    align-items: end;
  }
  .activity_card.normal .info .prize-pool__label {
    color: white;
    font-size: 14px;
  }
  .activity_card.normal .info .prizes > .title {
    width: 100%;
    text-align: center;
  }
  .activity_card.normal .info .prizes .items {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
  }
  .activity_card.normal .info .prizes .items .item {
    flex: 1;
    flex-flow: column;
    justify-content: flex-start;
    margin: 0 2px;
  }
  .activity_card.normal .info .prizes .items .item .place {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 8px;
    margin: 0 0 5px 0;
  }
  .activity_card.normal .timer_wrap {
    padding: 0;
  }
  .activity_card.normal .timer_wrap .status {
    display: none;
  }
  .activity_card.normal .timer_wrap .timer {
    margin: auto;
    width: 130px;
  }
  .activity_card.normal .timer_wrap .timer__digits {
    font-size: 20px;
  }
  .activity_card.normal .timer_wrap .timer__content span {
    width: 24px;
  }
  .activity_card.normal .timer_wrap .timer.not_active {
    font-size: 12px;
    font-weight: 500;
  }
  .activity_card.normal .timer_wrap .timer.not_active .timer-end,
.activity_card.normal .timer_wrap .timer.not_active .timer-start {
    font-size: 11px;
  }
  .activity_card.normal .timer_wrap .timer.not_active .timer-start {
    margin-top: 8px;
  }
  .activity_card.normal .timer_wrap .timer.not_active .timer-end {
    display: block;
  }
}
.activity_card.small .title {
  margin: 0;
  line-height: 32px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #FFB400;
}
.activity_card.small .subtitle {
  margin: 0;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}
.activity_card.small .content .prize-pool {
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.activity_card.small .content .image {
  width: 100%;
  height: 280px;
  border-radius: 15px;
  object-fit: cover;
}
.activity_card.small .content .action {
  margin-top: -30px;
  text-align: center;
}
.activity_card.small .content .player_place,
.activity_card.small .content .text {
  margin: 10px 0;
  font-size: 12px;
  text-align: center;
}
.activity_card.small .content .player_place > .place,
.activity_card.small .content .text > .place {
  font-size: 1.5em;
  text-decoration: underline;
  color: #FFB400;
}
.activity_card.small .content .timer {
  margin: 10px auto;
}

.home .activity_card.small.lottery .prize-pool span:last-child, .home .activity_card.normal .prize-pool span:last-child,
.lotteries .activity_card.small.lottery .prize-pool span:last-child,
.lotteries .activity_card.normal .prize-pool span:last-child {
  position: relative;
}
.home .activity_card.small.lottery .prize-pool span:last-child:after, .home .activity_card.normal .prize-pool span:last-child:after,
.lotteries .activity_card.small.lottery .prize-pool span:last-child:after,
.lotteries .activity_card.normal .prize-pool span:last-child:after {
  content: "";
  position: absolute;
  top: -6px;
  right: -60px;
  width: 50px;
  height: 50px;
  background: url("./images/x2.svg") no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 576px) {
  .home .activity_card.small.lottery .prize-pool span:last-child:after, .home .activity_card.normal .prize-pool span:last-child:after,
.lotteries .activity_card.small.lottery .prize-pool span:last-child:after,
.lotteries .activity_card.normal .prize-pool span:last-child:after {
    top: -5px;
  }
}
.home .activity_card.small.lottery .prize-pool span:last-child:after,
.lotteries .activity_card.small.lottery .prize-pool span:last-child:after {
  top: -6px;
  right: -44px;
  width: 36px;
  height: 36px;
}

@keyframes appear {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes appear-delay {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  50% {
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@media only screen and (max-width:1200px) {
  .ask-widget-button,
.webim_button,
.webim-html-button-element {
    display: none !important;
  }

  #chat-widget-container {
    visibility: hidden !important;
  }
  #chat-widget-container.open {
    visibility: visible !important;
  }

  #olark-wrapper .olark-launch-button[aria-expanded=false] {
    display: none !important;
  }

  [data-product=web_widget] + div > #launcher {
    visibility: hidden !important;
  }
}
.error_page .ask-widget-button,
.error_page .webim_button,
.error_page .webim-html-button-element {
  display: none !important;
}
.error_page #chat-widget-container {
  visibility: hidden !important;
}
.error_page #chat-widget-container.open {
  visibility: visible !important;
}
.error_page #olark-wrapper .olark-launch-button[aria-expanded=false] {
  display: none !important;
}
.error_page [data-product=web_widget] + div > #launcher {
  visibility: hidden !important;
}

@media screen and (max-width: 1024px) {
  .game_page .ask-widget-button,
.game_page .webim_button,
.game_page .webim-html-button-element {
    display: none !important;
  }
  .game_page #chat-widget-container {
    visibility: hidden !important;
  }
  .game_page #chat-widget-container.open {
    visibility: visible !important;
  }
  .game_page #olark-wrapper .olark-launch-button[aria-expanded=false] {
    display: none !important;
  }
  .game_page [data-product=web_widget] + div > #launcher {
    visibility: hidden !important;
  }
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 768px) {
  .container {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.no_container {
  max-width: unset;
  margin-right: -20px;
  margin-left: -20px;
}
@media only screen and (max-width: 768px) {
  .no_container {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.dropdown-button {
  position: relative;
  display: block;
  width: 100%;
}
.dropdown-button .button {
  position: relative;
  display: block;
  width: 100%;
  height: 45px;
  padding: 0 45px 0 15px;
  text-align: left;
  text-transform: none;
  color: #fff;
  background: #252525;
  border: 1px solid #FFB400;
  box-shadow: none;
  transition: var(--g-transition);
}
.dropdown-button .button .icon-dd {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  font-size: 0;
  text-align: center;
}
.dropdown-button .button .icon-dd:after {
  content: " ";
  width: 20px;
  height: 20px;
  line-height: 50px;
  border: 4px solid #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.dropdown-button .menu {
  position: absolute;
  width: 100%;
  margin-top: -1px;
  background: #252525;
  border: 1px solid #FFB400;
  z-index: 1;
}
.dropdown-button .menu > .item {
  position: relative;
  line-height: 45px;
}
.dropdown-button .menu > .item > a {
  display: block;
  width: 100%;
  padding: 0 15px;
  color: #fff;
}
.dropdown-button .menu > .item > a:hover, .dropdown-button .menu > .item > a.active {
  color: #FFB400;
}

.games_filter {
  color: #70CB1E;
}
.games_filter input {
  border: none !important;
  color: inherit !important;
}
.games_filter input::placeholder {
  color: inherit !important;
  opacity: 0.5;
}
.games_filter .icon {
  color: inherit !important;
}
.games_filter .loader_overlay {
  display: none;
}

.games_grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: row dense;
  grid-auto-rows: min-content;
  width: 100%;
  gap: 16px;
}
@media only screen and (max-width:1200px) {
  .games_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1024px) {
  .games_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1920px) {
  .games_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.games_grid.auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.games_grid .wide,
.games_grid .empty,
.games_grid .notfound {
  grid-column: 1/-1;
}
.games_grid .loading,
.games_grid .loader_overlay {
  position: relative;
  display: flex;
  grid-column: 1/-1;
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  padding: 20px 0;
  text-align: center;
}
.games_grid .loading .loader,
.games_grid .loader_overlay .loader {
  display: inline-block;
  margin: 0;
}
.games_grid_wrap {
  margin-bottom: 50px;
}
.games_grid .notfound {
  padding: 10px 25px;
}
.games_grid .next_page {
  margin: 10px auto 20px;
  grid-column: 1/-1;
}

.games .games_grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media only screen and (max-width:1200px) {
  .games .games_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 768px) {
  .games .games_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.games_page_menu {
  display: flex;
  flex-flow: column nowrap;
}
.games_page_menu .item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  background-color: unset;
}
.games_page_menu .item > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 40px;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  transition: 0.2s all ease;
}
.games_page_menu .item.active {
  background-color: unset;
}
.games_page_menu .item.active a {
  color: #FFB400;
}
.games_page_menu .item:hover {
  background-color: unset;
}
.games_page_menu .item:hover a {
  color: #FFB400;
}
.games_page_menu .item:focus {
  background-color: unset;
}
.games_page_menu .item:focus a {
  color: #FFB400;
}
.games_page_menu .item {
  justify-content: flex-start;
}
.games_page_menu .item > a {
  padding: 0 5px 0 25px;
}
.games_page_menu .item {
  position: relative;
}
.games_page_menu .item .loader_overlay {
  background: transparent;
}
.games_page_menu .item .loader {
  width: 20px;
  height: 20px;
  align-self: flex-end;
  margin-right: 10px;
  font-size: 20px;
}
@media only screen and (max-width: 576px) {
  .games_page_menu .item .loader_overlay {
    display: none;
  }
}
.games_page_menu .item.active a {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .games_page_menu.horizontal-mobile {
    display: flex;
    flex-flow: row nowrap;
  }
  .games_page_menu.horizontal-mobile .item {
    display: flex;
    align-items: center;
    width: auto;
    height: 40px;
    background-color: unset;
  }
  .games_page_menu.horizontal-mobile .item > a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    transition: 0.2s all ease;
  }
  .games_page_menu.horizontal-mobile .item.active {
    background-color: unset;
  }
  .games_page_menu.horizontal-mobile .item.active a {
    color: #FFB400 !important;
  }
  .games_page_menu.horizontal-mobile .item:hover {
    background-color: unset;
  }
  .games_page_menu.horizontal-mobile .item:hover a {
    color: inherit;
  }
  .games_page_menu.horizontal-mobile .item:focus {
    background-color: unset;
  }
  .games_page_menu.horizontal-mobile .item:focus a {
    color: inherit;
  }
  .games_page_menu.horizontal-mobile .item {
    justify-content: center;
  }
  .games_page_menu.horizontal-mobile .item > a {
    padding: 0 10px;
    white-space: nowrap;
  }
}

.language_select {
  position: relative;
}
.language_select .language_select__menu {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  margin-top: 5px;
  padding: 5px 0;
  list-style: none;
  background: #000;
  z-index: 1;
}
.language_select .language_select__link {
  display: block;
  min-width: 160px;
  margin: 0;
  padding: 5px 20px;
  text-transform: uppercase;
  color: #fff;
  background: #1A1A1C;
}

@media screen and (max-width: 576px) {
  .tablet.only:not(.mobile) {
    display: none !important;
  }

  .desktop.only:not(.mobile) {
    display: none !important;
  }
}
@media screen and (min-width: 577px) and (max-width: 1024px) {
  .mobile.only:not(.tablet) {
    display: none !important;
  }

  .desktop.only:not(.tablet) {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .mobile.only:not(.desktop) {
    display: none !important;
  }

  .tablet.only:not(.desktop) {
    display: none !important;
  }
}
.minimize_able {
  position: relative;
  overflow: hidden;
  max-height: 10000px;
}
.minimize_able > .maximize_overlay {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  visibility: visible;
  width: 100%;
  height: 80px;
  background: linear-gradient(180deg, rgba(0, 0, 49, 0) 0%, #000031 100%);
}
.minimize_able.minimized.max_100 {
  max-height: 100px;
}
.minimize_able.minimized.max_110 {
  max-height: 110px;
}
.minimize_able.minimized.max_120 {
  max-height: 120px;
}
.minimize_able.minimized.max_130 {
  max-height: 130px;
}
.minimize_able.minimized.max_140 {
  max-height: 140px;
}
.minimize_able.minimized.max_150 {
  max-height: 150px;
}
.minimize_able.minimized.max_160 {
  max-height: 160px;
}
.minimize_able.minimized.max_170 {
  max-height: 170px;
}
.minimize_able.minimized.max_180 {
  max-height: 180px;
}
.minimize_able.minimized.max_190 {
  max-height: 190px;
}
.minimize_able.minimized.max_200 {
  max-height: 200px;
}
.minimize_able.minimized.max_210 {
  max-height: 210px;
}
.minimize_able.minimized.max_220 {
  max-height: 220px;
}
.minimize_able.minimized.max_230 {
  max-height: 230px;
}
.minimize_able.minimized.max_240 {
  max-height: 240px;
}
.minimize_able.minimized.max_250 {
  max-height: 250px;
}
.minimize_able.minimized.max_260 {
  max-height: 260px;
}
.minimize_able.minimized.max_270 {
  max-height: 270px;
}
.minimize_able.minimized.max_280 {
  max-height: 280px;
}
.minimize_able.minimized.max_290 {
  max-height: 290px;
}
.minimize_able.minimized.max_300 {
  max-height: 300px;
}
.minimize_able.minimized.max_310 {
  max-height: 310px;
}
.minimize_able.minimized.max_320 {
  max-height: 320px;
}
.minimize_able.minimized.max_330 {
  max-height: 330px;
}
.minimize_able.minimized.max_340 {
  max-height: 340px;
}
.minimize_able.minimized.max_350 {
  max-height: 350px;
}
.minimize_able.minimized.max_360 {
  max-height: 360px;
}
.minimize_able.minimized.max_370 {
  max-height: 370px;
}
.minimize_able.minimized.max_380 {
  max-height: 380px;
}
.minimize_able.minimized.max_390 {
  max-height: 390px;
}
.minimize_able.minimized.max_400 {
  max-height: 400px;
}
.minimize_able.minimized.max_410 {
  max-height: 410px;
}
.minimize_able.minimized.max_420 {
  max-height: 420px;
}
.minimize_able.minimized.max_430 {
  max-height: 430px;
}
.minimize_able.minimized.max_440 {
  max-height: 440px;
}
.minimize_able.minimized.max_450 {
  max-height: 450px;
}
.minimize_able.minimized.max_460 {
  max-height: 460px;
}
.minimize_able.minimized.max_470 {
  max-height: 470px;
}
.minimize_able.minimized.max_480 {
  max-height: 480px;
}
.minimize_able.minimized.max_490 {
  max-height: 490px;
}
.minimize_able.minimized.max_500 {
  max-height: 500px;
}
.minimize_able.minimized.max_510 {
  max-height: 510px;
}
.minimize_able.minimized.max_520 {
  max-height: 520px;
}
.minimize_able.minimized.max_530 {
  max-height: 530px;
}
.minimize_able.minimized.max_540 {
  max-height: 540px;
}
.minimize_able.minimized.max_550 {
  max-height: 550px;
}
.minimize_able.minimized.max_560 {
  max-height: 560px;
}
.minimize_able.minimized.max_570 {
  max-height: 570px;
}
.minimize_able.minimized.max_580 {
  max-height: 580px;
}
.minimize_able.minimized.max_590 {
  max-height: 590px;
}
.minimize_able.minimized.max_600 {
  max-height: 600px;
}
.minimize_able.minimized.max_610 {
  max-height: 610px;
}
.minimize_able.minimized.max_620 {
  max-height: 620px;
}
.minimize_able.minimized.max_630 {
  max-height: 630px;
}
.minimize_able.minimized.max_640 {
  max-height: 640px;
}
.minimize_able.minimized.max_650 {
  max-height: 650px;
}
.minimize_able.minimized.max_660 {
  max-height: 660px;
}
.minimize_able.minimized.max_670 {
  max-height: 670px;
}
.minimize_able.minimized.max_680 {
  max-height: 680px;
}
.minimize_able.minimized.max_690 {
  max-height: 690px;
}
.minimize_able.minimized.max_700 {
  max-height: 700px;
}
.minimize_able.minimized.max_710 {
  max-height: 710px;
}
.minimize_able.minimized.max_720 {
  max-height: 720px;
}
.minimize_able.minimized.max_730 {
  max-height: 730px;
}
.minimize_able.minimized.max_740 {
  max-height: 740px;
}
.minimize_able.minimized.max_750 {
  max-height: 750px;
}
.minimize_able.minimized.max_760 {
  max-height: 760px;
}
.minimize_able.minimized.max_770 {
  max-height: 770px;
}
.minimize_able.minimized.max_780 {
  max-height: 780px;
}
.minimize_able.minimized.max_790 {
  max-height: 790px;
}
.minimize_able.minimized.max_800 {
  max-height: 800px;
}
.minimize_able.minimized.max_810 {
  max-height: 810px;
}
.minimize_able.minimized.max_820 {
  max-height: 820px;
}
.minimize_able.minimized.max_830 {
  max-height: 830px;
}
.minimize_able.minimized.max_840 {
  max-height: 840px;
}
.minimize_able.minimized.max_850 {
  max-height: 850px;
}
.minimize_able.minimized.max_860 {
  max-height: 860px;
}
.minimize_able.minimized.max_870 {
  max-height: 870px;
}
.minimize_able.minimized.max_880 {
  max-height: 880px;
}
.minimize_able.minimized.max_890 {
  max-height: 890px;
}
.minimize_able.minimized.max_900 {
  max-height: 900px;
}
.minimize_able.minimized.max_910 {
  max-height: 910px;
}
.minimize_able.minimized.max_920 {
  max-height: 920px;
}
.minimize_able.minimized.max_930 {
  max-height: 930px;
}
.minimize_able.minimized.max_940 {
  max-height: 940px;
}
.minimize_able.minimized.max_950 {
  max-height: 950px;
}
.minimize_able.minimized.max_960 {
  max-height: 960px;
}
.minimize_able.minimized.max_970 {
  max-height: 970px;
}
.minimize_able.minimized.max_980 {
  max-height: 980px;
}
.minimize_able.minimized.max_990 {
  max-height: 990px;
}
.minimize_able.minimized.max_1000 {
  max-height: 1000px;
}
.minimize_able.maximized {
  max-height: unset !important;
}
.minimize_able.maximized > .maximize_overlay {
  visibility: hidden !important;
}
.minimize_able.no_minimized > .maximize_overlay {
  visibility: hidden !important;
}
.minimize_able:not(.minimized) {
  transition: 3s all ease;
}

.mobile_menu_wrap {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  background: transparent;
  pointer-events: none;
  z-index: 0;
}
.mobile_menu_wrap .mobile_menu {
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px;
  height: 100%;
  margin-left: auto;
  padding: 15px 12px 80px;
  color: #fff;
  background-color: #1A1A1C;
  transform: translateX(100%);
  border-width: 0 0 0 1px;
  border-style: solid;
  border-image: linear-gradient(to top, #FF2B00, #FFBD00) 1;
}
.mobile_menu_wrap .mobile_menu .menu_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  line-height: 24px;
}
.mobile_menu_wrap .mobile_menu .menu_header .button_info {
  padding-top: 0;
  padding-bottom: 0;
}
.mobile_menu_wrap .mobile_menu .menu_header .button_info .caption_text {
  max-width: 190px;
  font-size: 14px;
}
.mobile_menu_wrap .mobile_menu .menu_header .title {
  font-size: 21px;
  font-weight: 500;
}
.mobile_menu_wrap .mobile_menu .menu_header .close_btn {
  font-size: 16px;
  cursor: pointer;
}
.mobile_menu_wrap .mobile_menu .divider {
  height: 16px;
  margin-left: -12px;
  margin-bottom: 16px;
  border-width: 0 0 1px 0;
  border-style: solid;
  width: calc(100% + 24px);
  border-image: linear-gradient(to right, #FF2B00, #FFBD00) 1;
}
.mobile_menu_wrap .mobile_menu .cashbox_btn_wrap {
  margin-bottom: 16px;
}
.mobile_menu_wrap .mobile_menu .cashbox_btn_wrap .button {
  padding: 0 16px;
  height: 40px;
  min-height: 40px;
}
.mobile_menu_wrap .mobile_menu .cashbox_btn_wrap .button .caption, .mobile_menu_wrap .mobile_menu .cashbox_btn_wrap .button .title_section .caption_button, .title_section .mobile_menu_wrap .mobile_menu .cashbox_btn_wrap .button .caption_button {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mobile_menu_wrap .mobile_menu .cashbox_btn_wrap .button .caption .icon, .mobile_menu_wrap .mobile_menu .cashbox_btn_wrap .button .title_section .caption_button .icon, .title_section .mobile_menu_wrap .mobile_menu .cashbox_btn_wrap .button .caption_button .icon {
  top: 0;
}
.mobile_menu_wrap .mobile_menu .menu_list .link,
.mobile_menu_wrap .mobile_menu .actions .link {
  display: block;
  padding: 10px 0;
  font-size: 18px;
  text-decoration: none;
  color: inherit;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.mobile_menu_wrap .mobile_menu .menu_list .link .icon,
.mobile_menu_wrap .mobile_menu .actions .link .icon {
  flex: 0 0 30px;
  margin-right: 8px;
  font-size: 23px;
  text-align: left;
}
.mobile_menu_wrap .mobile_menu .menu_list .link .icon.icon-cyber,
.mobile_menu_wrap .mobile_menu .actions .link .icon.icon-cyber {
  font-size: 18px;
}
.mobile_menu_wrap .mobile_menu .menu_list .link.active,
.mobile_menu_wrap .mobile_menu .actions .link.active {
  color: #FFB400;
  background: linear-gradient(176deg, #FFBD00 44.91%, #FF2B00 80.39%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mobile_menu_wrap .mobile_menu .menu_list .link.active .caption, .mobile_menu_wrap .mobile_menu .menu_list .link.active .title_section .caption_button, .title_section .mobile_menu_wrap .mobile_menu .menu_list .link.active .caption_button,
.mobile_menu_wrap .mobile_menu .actions .link.active .caption,
.mobile_menu_wrap .mobile_menu .actions .link.active .title_section .caption_button,
.title_section .mobile_menu_wrap .mobile_menu .actions .link.active .caption_button {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-image: linear-gradient(172deg, #FFBD00 44.91%, #FF2B00 80.39%) 1;
}
.mobile_menu_wrap .mobile_menu .menu_list .link .icon {
  display: flex;
  align-items: center;
}
.mobile_menu_wrap .mobile_menu .menu_list .link .icon img {
  margin-right: 16px;
  width: 30px;
  max-height: 30px;
  object-fit: contain;
  object-position: center;
}
.mobile_menu_wrap .mobile_menu .open_support_chat {
  opacity: 0.5;
}
.mobile_menu_wrap .mobile_menu .logout {
  margin: 8px 0 0 0;
  opacity: 0.5;
}

header,
main,
footer,
.mobile_menu_wrap {
  transition: 0.5s ease;
}

.side-menu-open {
  overflow: hidden;
}
.side-menu-open header,
.side-menu-open main,
.side-menu-open footer,
.side-menu-open .mobile_menu_wrap {
  transform: translateX(-300px);
}
.side-menu-open .mobile_menu_wrap {
  visibility: visible;
  background: rgba(0, 0, 0, 0.9);
  pointer-events: auto;
  z-index: 1992;
}

@media only screen and (max-width:1200px) {
  .mobile_menu_wrap {
    display: block;
  }
}
.activity_page.lottery.multi section.page_content {
  max-width: 1440px;
}
.activity_page.lottery.multi section.page_content .block .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
.activity_page.lottery.multi section.page_content .block .description {
  font-size: 16px;
  line-height: 22px;
}
.activity_page.lottery.multi .header_banners .banner_content {
  padding: 10px 0;
}
.activity_page.lottery.multi .header_banners .banner_content .text {
  width: 100%;
  margin-bottom: 0;
  justify-content: space-between;
}
.activity_page.lottery.multi .header_banners .banner_content .details {
  order: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
  width: 100%;
}
.activity_page.lottery.multi .header_banners .banner_content .details .item {
  display: flex;
  margin: 0 15px;
  flex-wrap: wrap;
  white-space: nowrap;
}
.activity_page.lottery.multi .header_banners .banner_content .details .item .label {
  margin-right: 5px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFBD00;
}

.multilevel_lottery {
  gap: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-left: -4px;
  margin-right: -4px;
}
.multilevel_lottery > * {
  width: calc(100% / 4 - 15px);
  margin: 0;
  padding: 4px;
}
.multilevel_lottery > * > * {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width:1400px) {
  .multilevel_lottery {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-left: -4px;
    margin-right: -4px;
  }
  .multilevel_lottery > * {
    width: calc(100% / 3 - 15px);
    margin: 0;
    padding: 4px;
  }
  .multilevel_lottery > * > * {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .multilevel_lottery {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-left: -4px;
    margin-right: -4px;
  }
  .multilevel_lottery > * {
    width: calc(100% / 2 - 15px);
    margin: 0;
    padding: 4px;
  }
  .multilevel_lottery > * > * {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width:680px) {
  .multilevel_lottery {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-left: -4px;
    margin-right: -4px;
  }
  .multilevel_lottery > * {
    width: calc(100% / 1 - 15px);
    margin: 0;
    padding: 4px;
  }
  .multilevel_lottery > * > * {
    width: 100%;
    height: 100%;
  }
}
.multilevel_lottery .item .card {
  position: relative;
  text-align: center;
  background: #070606;
  border-radius: 5px;
}
.multilevel_lottery .item .card__header {
  background: linear-gradient(95deg, #FFBD00 4.75%, #FF2B00 158.29%);
  border-radius: 5px 5px 0 0;
  padding: 8px;
}
.multilevel_lottery .item .card__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.multilevel_lottery .item .card__tickets {
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.multilevel_lottery .item .card__content {
  padding: 20px 20px 40px;
  position: relative;
}
.multilevel_lottery .item .card__content .title {
  margin: 0 0 10px 0;
  line-height: 38px;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFBD00;
  text-align: center;
  min-height: 76px;
  background: linear-gradient(90deg, #FFBD00 0.12%, #FF2B00 156.67%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.multilevel_lottery .item .card .popover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  visibility: hidden;
  padding: 20px 20px 40px;
  background: #070606;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0 0 5px 5px;
  transition: var(--g-transition);
  opacity: 0;
  z-index: 3;
}
.multilevel_lottery .item .card .popover > .content {
  margin: 10px auto;
  font-size: 16px;
  line-height: 20px;
}
.multilevel_lottery .item .card .popover .button {
  min-width: 180px;
}
.multilevel_lottery .item .card .prizes_wrap {
  margin: 10px 0 50px;
}
.multilevel_lottery .item .card .prizes_wrap .title {
  font-weight: 500;
  text-transform: uppercase;
}
.multilevel_lottery .item .card .prizes_wrap .image {
  width: 180px;
  max-width: 100%;
  margin: 0 auto;
}
.multilevel_lottery .item .card .prizes_wrap .image > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 576px) {
  .multilevel_lottery .item .card .prizes_wrap .image {
    width: 230px;
  }
}
.multilevel_lottery .item .card .prizes_wrap .slick-slider {
  position: relative;
}
.multilevel_lottery .item .card .prizes_wrap .slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: auto;
  margin: 0;
  font-size: 30px !important;
  text-align: center;
  color: #199302 !important;
}
.multilevel_lottery .item .card .prizes_wrap .slick-slider .slick-prev {
  left: 0 !important;
}
.multilevel_lottery .item .card .prizes_wrap .slick-slider .slick-next {
  right: 0 !important;
}
.multilevel_lottery .item .card .prizes_wrap .slick-dots li {
  width: 10px;
  height: 10px;
}
.multilevel_lottery .item .card .prizes_wrap .slick-dots button::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #199302;
  opacity: 1;
}
.multilevel_lottery .item .card .prizes_wrap .slick-dots .slick-active button::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #070606;
}
.multilevel_lottery .item .card .actions {
  margin: auto 0 10px 0;
}
.multilevel_lottery .item .card .actions .button {
  min-width: 180px;
}
.multilevel_lottery .item .card.open .popover {
  visibility: visible;
  opacity: 1;
}

@media only screen and (max-width:1200px) {
  header .header_desktop {
    display: none;
  }
}
@media only screen and (max-width:1200px) {
  header .header_mobile {
    display: grid;
  }
}

.player-progress {
  padding: 12px 30px;
  min-height: 87px;
}
.player-progress__status {
  line-height: 20px;
  text-transform: uppercase;
}
.player-progress__status_red {
  color: #FF2222;
}
.player-progress__status_green {
  color: #54C00E;
}
.player-progress__row {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 10px auto;
}
.player-progress__box {
  flex: 1;
  margin-right: 12px;
  padding: 0;
}
.player-progress__line {
  width: 100%;
  height: 12px;
  background: #fff;
  border-radius: 10px;
}
.player-progress__line .fill {
  display: flex;
  align-items: center;
  height: 12px;
  background: linear-gradient(0deg, #FF0400 -25%, #FF2B00 -5.75%, #FF7F00 37.55%, #FFBD00 73.04%, #FFE300 98.91%, #FFF100 112.5%);
  border-radius: 10px;
}
.player-progress__line .fill .fill-dot {
  height: 0;
  width: 100%;
  position: relative;
  display: flex;
}
.player-progress__line .fill .fill-dot::after, .player-progress__line .fill .fill-dot::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  border-radius: 50%;
}
.player-progress__line .fill .fill-dot::after {
  width: 10px;
  height: 10px;
  background: #1E1F21;
}
.player-progress__line .fill .fill-dot::before {
  width: 20px;
  height: 20px;
  background: linear-gradient(0deg, #FF0400 -25%, #FF2B00 -5.75%, #FF7F00 37.55%, #FFBD00 73.04%, #FFE300 98.91%, #FFF100 112.5%);
}
.player-progress .tooltip_wrap {
  position: relative;
}
.player-progress .tooltip_wrap .con-tooltip .icon {
  font-size: 24px;
  display: block;
}
.player-progress .tooltip_wrap .con-tooltip > .tooltip {
  position: absolute;
  font-size: 12px;
  top: calc(100% + 10px);
  right: -5px;
  visibility: hidden;
  width: 150px;
  padding: 10px;
  background: #FFB400;
  color: #502603;
  border-radius: 10px;
  opacity: 0;
  box-shadow: -1.69772px 0px 3.39544px rgba(0, 0, 0, 0.51);
  white-space: initial;
  font-weight: 500;
}
.player-progress .tooltip_wrap .con-tooltip > .tooltip:before {
  content: "▲";
  position: absolute;
  right: 10px;
  bottom: calc(100% - 4px);
  line-height: 14px;
  font-size: 14px;
  color: #FFB400;
}
.player-progress .tooltip_wrap .con-tooltip:hover > .tooltip, .player-progress .tooltip_wrap .con-tooltip:focus > .tooltip {
  visibility: visible;
  transition: 200ms;
  opacity: 1;
  z-index: 1;
}

.player_progress {
  display: block;
  width: 100%;
  margin: 10px 0 0 0;
}
.player_progress .progress_row {
  display: flex;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
.player_progress .progress_row .progress_box {
  flex: 1;
  height: 22px;
  margin-right: 10px;
  padding: 0;
}
.player_progress .progress_row .progress_box .progress {
  width: 100%;
  height: 100%;
  padding: 5px;
  background: #252525;
  border: 1px solid #FFB400;
  border-radius: 11px;
}
.player_progress .progress_row .progress_box .fill {
  display: block;
  height: 100%;
  background: #FFB400;
  border-radius: 6px;
}
.player_progress .player_status {
  margin: 5px 0;
  font-size: 14px;
  text-align: center;
  color: #FFB400;
}
.player_progress .icon_ok {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  line-height: 33px;
  font-size: 22px;
  color: #FFB400;
  background: #101011;
  border-radius: 50%;
}
.player_progress .tooltip_wrap {
  position: relative;
  width: 22px;
  max-width: 22px;
  min-width: 22px;
  margin-right: -32px;
}
.player_progress .tooltip_wrap .con-tooltip {
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #FFB400;
  border: 1px solid #FFB400;
  border-radius: 50%;
}
.player_progress .tooltip_wrap .con-tooltip > .tooltip {
  position: absolute;
  top: calc(100% + 10px);
  right: -20px;
  visibility: hidden;
  width: 150px;
  padding: 10px;
  background: #1A1A1C;
  border-radius: 10px;
  opacity: 0;
}
.player_progress .tooltip_wrap .con-tooltip > .tooltip:before {
  content: "▲";
  position: absolute;
  right: 24px;
  bottom: calc(100% - 4px);
  line-height: 14px;
  font-size: 14px;
  color: #1A1A1C;
}
.player_progress .tooltip_wrap .con-tooltip:hover > .tooltip, .player_progress .tooltip_wrap .con-tooltip:focus > .tooltip {
  visibility: visible;
  transition: var(--g-transition);
  opacity: 1;
  z-index: 1;
}
@media only screen and (max-width: 576px) {
  .player_progress .progress_row {
    max-width: 170px;
  }
  .player_progress .tooltip_wrap {
    width: 18px;
    max-width: 18px;
    min-width: 18px;
    margin-right: -26px;
  }
  .player_progress .tooltip_wrap .con-tooltip {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #FFB400;
    border: 1px solid #FFB400;
    border-radius: 50%;
  }
  .player_progress .tooltip_wrap .con-tooltip:hover > .tooltip {
    visibility: visible;
    opacity: 1;
  }
  .player_progress .progress_box {
    height: 18px;
    margin-right: 8px;
  }
  .player_progress .progress_box .progress {
    padding: 3px;
  }
}

.slider .ds-nav {
  font-size: 28px;
}

.winners_slider {
  transition: var(--g-transition);
}
.winners_slider.loaded {
  opacity: 1;
}

.header__confirm-email {
  position: fixed;
  top: 0;
  width: 100%;
  min-height: 42px;
  background: #08c;
  z-index: 103;
}
@media only screen and (max-width: 768px) {
  .header__confirm-email {
    display: none !important;
  }
}
.header__confirm-email .confirm-email__link {
  margin-right: 10px;
  line-height: 14px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  color: #fff;
}
.header__confirm-email .confirm-email__txt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.22);
}
.header__confirm-email .confirm-email__close {
  position: absolute;
  top: 19px;
  right: 35px;
  color: #fff;
}
.header__confirm-email .confirm-email__btn {
  position: relative;
  display: flex;
  align-items: center;
  margin: 5px;
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
  color: #08d2ff;
  background-color: transparent;
  border: 3px solid #08d2ff;
  text-shadow: none;
  transition: var(--g-transition);
}
.header__confirm-email .confirm-email__btn i {
  padding-left: 5px;
  font-size: 25px;
  color: #fff;
  transition: var(--g-transition);
}
.header__confirm-email .confirm-email__btn:hover {
  color: #0167b1;
  background-color: #fff;
}
.header__confirm-email .confirm-email__btn:hover i {
  color: #000;
}

.header__confirm-email.mobile_telegram {
  position: relative;
  top: 0;
  width: 100%;
  min-height: 42px;
  background: transparent;
  border: 2px solid #08c;
  z-index: 103;
}
@media only screen and (max-width: 768px) {
  .header__confirm-email.mobile_telegram {
    display: block !important;
  }
}
.header__confirm-email.mobile_telegram .confirm-email__link {
  margin: 5px 0;
  margin-right: 0px;
  line-height: 14px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  color: #fff;
}
.header__confirm-email.mobile_telegram .confirm-email__txt {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.22);
}
.header__confirm-email.mobile_telegram .confirm-email__btn {
  position: relative;
  top: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase;
  color: #fff;
  background: #08c;
  border: 3px solid #08c;
  border-radius: 3px;
  text-shadow: none;
  transition: var(--g-transition);
}
.header__confirm-email.mobile_telegram .confirm-email__btn i {
  padding-left: 5px;
  font-size: 25px;
  color: #fff;
  transition: var(--g-transition);
}

.timer {
  display: block;
  margin: 10px 0;
  text-align: center;
}
.timer .timer__label {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-transform: uppercase;
}
.timer .timer__digits {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.timer .timer__content {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-transform: uppercase;
}
.timer .timer__content span {
  display: inline-block;
  width: 37px;
}
.timer .countdown__title {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}
.timer .countdown__body {
  line-height: 1;
  font-size: 45px;
  font-weight: bold;
  color: #FFB400;
}

.toggle_text.opened, .minimize_able:not(.minimized) .toggle_text {
  margin-top: 30px;
}
.toggle_text.opened .icon, .minimize_able:not(.minimized) .toggle_text .icon {
  transform: scale(-1);
}
.toggle_text .caption, .toggle_text .title_section .caption_button, .title_section .toggle_text .caption_button {
  color: #D1D1D1;
  transition: var(--g-transition);
}
.toggle_text .icon {
  position: relative;
  display: block;
  height: 12px;
}
.toggle_text .to_less {
  display: block;
}
.toggle_text .to_more {
  display: none;
}
.minimized .toggle_text .to_less {
  display: none;
}
.minimized .toggle_text .to_more {
  display: block;
}

.tooltip-wrap {
  position: relative;
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-areas: "top top top" "ti  pr  ic" "tt  tt  tt";
  grid-template-columns: 1fr 1fr auto;
  gap: 0 5px;
}
.tooltip-wrap > .title {
  grid-area: ti;
  color: inherit;
}
.tooltip-wrap > .progress {
  display: flex;
  min-width: 100px;
  background: var(--g-color-grey-200);
  border-radius: 10px;
  grid-area: pr;
  overflow: hidden;
}
.tooltip-wrap > .progress .progress-bar {
  height: 9px;
  background-color: var(--g-color-primary);
  border-radius: 10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.tooltip-wrap > .tooltip-icon {
  display: flex;
  width: 16px;
  height: 16px;
  text-decoration: none;
  border: 1px solid var(--g-color-primary);
  border-radius: 100%;
  grid-area: ic;
  z-index: 2;
  cursor: pointer;
}
.tooltip-wrap > .tooltip-icon .icon {
  display: inline-block;
  margin: auto;
  font-size: 8px;
  color: var(--g-color-grey-200);
}
.tooltip-wrap > .tooltip {
  grid-area: tt;
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  margin-top: 15px;
  padding: 10px;
  text-align: center;
  line-height: 1.2;
  color: var(--g-color-grey-500);
  background: var(--g-color-fill-light);
  border: 1px solid transparent;
  border-radius: 4px;
  transform: translateY(-2px) translateX(20px);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
.tooltip-wrap > .tooltip .expired {
  margin: 0 0 10px 0;
}
.tooltip-wrap > .tooltip .wager {
  margin: 0 0 10px 0;
}
.tooltip-wrap > .tooltip:before {
  content: "▲";
  position: absolute;
  right: 20px;
  bottom: calc(100% - 2px);
  font-size: 14px;
  line-height: 14px;
  color: var(--g-color-grey-500);
}
.tooltip-wrap > .tooltip:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 30px;
  opacity: 0;
}
.tooltip-wrap > .tooltip-open {
  display: none;
}
.tooltip-wrap > .tooltip .button, .tooltip-wrap > .tooltip-open .button {
  height: min-content;
  min-height: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
}
.tooltip-wrap > .title:hover ~ .tooltip, .tooltip-wrap > .progress:hover ~ .tooltip, .tooltip-wrap > .tooltip-icon:hover ~ .tooltip, .tooltip-wrap > .tooltip-icon:focus ~ .tooltip {
  transition: var(--g-transition);
  opacity: 1;
  pointer-events: auto;
}
.tooltip-wrap > .tooltip:hover {
  transition: var(--g-transition);
  opacity: 1;
  pointer-events: auto;
}

.tooltip-wrap.column {
  grid-template-areas: "ti ti ti" "pr pr ic" "tt tt tt";
}
.tooltip-wrap.column > .title {
  margin-bottom: 2px;
}
.tooltip-wrap.compact > .tooltip {
  width: 100%;
  transform: translateY(-2px);
}
.tooltip-wrap.compact > .tooltip:before {
  right: 50%;
  transform: translateX(50%);
}
.tooltip-wrap.open {
  grid-template-areas: "ti ti ti" "pr pr ic" "tt tt tt";
}
.tooltip-wrap.open > .title {
  margin-bottom: 2px;
}
.tooltip-wrap.open > .tooltip-open {
  display: block;
  margin-top: 5px;
  text-align: center;
  color: var(--g-color-grey-500);
  grid-area: tt;
}
.tooltip-wrap.open > .tooltip-open > .expired, .tooltip-wrap.open > .tooltip-open > .wager {
  margin-top: 2px;
}
.tooltip-wrap.open > .tooltip-open > .button {
  margin-top: 10px;
}
.tooltip-wrap.no-tooltip {
  grid-template-areas: "ti ti ti" "pr pr pr" "tt tt tt";
}
.tooltip-wrap.no-tooltip > .tooltip, .tooltip-wrap.no-tooltip > .tooltip-icon {
  display: none;
}
.tooltip-wrap.no-pb {
  grid-template-areas: "ti ti ic" "tt tt tt";
  gap: 0 5px;
}
.tooltip-wrap.no-pb > .progress {
  display: none;
}

.tooltip-wrap .tooltip {
  z-index: 3;
}
.tooltip-wrap .tooltip:before {
  color: var(--g-color-fill-light);
}
.tooltip-wrap.column > .title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-primary);
  text-align: center;
}
.tooltip-wrap > .tooltip-icon {
  border: none;
}
.tooltip-wrap > .tooltip-icon .icon {
  font-size: 1rem;
  color: var(--g-color-primary);
}

.winner_item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 4px;
  text-decoration: none;
}
.winner_item .game {
  position: relative;
  width: 100px;
  height: 70px;
  border-radius: 5px;
  overflow: hidden;
}
.winner_item .game::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.75);
}
.winner_item .game img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  object-fit: contain;
}
.winner_item .game .play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 76px;
  height: 26px;
  min-width: unset;
  min-height: unset;
  font-size: 10px;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 3;
}
.winner_item .content {
  flex: 1;
  margin: 0 8px 0 16px;
  color: #fff;
}
.winner_item .content .user_name {
  color: #FFB400;
}
.winner_item .content .time {
  float: left;
  margin: 0 8px 0 0;
  color: #97E302;
}
.winner_item .content .game_name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.winner_item:hover {
  background: #70CB1E;
}
.winner_item:hover .image img {
  filter: brightness(50%);
}
.winner_item:hover .game::after {
  opacity: 1;
}
.winner_item:hover .play {
  opacity: 1;
}
.winner_item:hover .user_name {
  color: #002708;
}
.winner_item:hover .time {
  color: #fff;
}
.winner_item:hover .content {
  color: #fff;
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  padding: 0 !important;
  font-size: 30px;
  background: none;
  border: none;
}

.section_winners {
  display: flex;
  flex-direction: row;
}
.section_winners .item {
  padding: 0 0.25rem;
  min-width: 168px;
  max-width: 168px;
}

.actions_wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 8px;
}
.actions_wrap.wide {
  width: 100%;
}
.actions_wrap.no_wrap {
  flex-wrap: nowrap;
}
.actions_wrap.no_wrap > * {
  flex: 1;
}
.actions_wrap > * {
  margin: 0 !important;
}
.actions_wrap.column {
  flex-flow: column nowrap;
}
.actions_wrap.space-between {
  justify-content: space-between;
}
.actions_wrap.center {
  justify-content: center;
}
.actions_wrap.no_space {
  gap: 0;
}
.actions_wrap.gap_2 {
  gap: 2px;
}
.actions_wrap.gap_4 {
  gap: 4px;
}
.actions_wrap.gap_6 {
  gap: 6px;
}
.actions_wrap.gap_8 {
  gap: 8px;
}
.actions_wrap.gap_10 {
  gap: 10px;
}
.actions_wrap.gap_12 {
  gap: 12px;
}
.actions_wrap.gap_14 {
  gap: 14px;
}
.actions_wrap.gap_16 {
  gap: 16px;
}
.actions_wrap.gap_18 {
  gap: 18px;
}
.actions_wrap.gap_20 {
  gap: 20px;
}
.actions_wrap.gap_22 {
  gap: 22px;
}
.actions_wrap.gap_24 {
  gap: 24px;
}
.actions_wrap.gap_26 {
  gap: 26px;
}
.actions_wrap.gap_28 {
  gap: 28px;
}
.actions_wrap.gap_30 {
  gap: 30px;
}
.actions_wrap.gap_32 {
  gap: 32px;
}
.actions_wrap.gap_34 {
  gap: 34px;
}
.actions_wrap.gap_36 {
  gap: 36px;
}
.actions_wrap.gap_38 {
  gap: 38px;
}
.actions_wrap.gap_40 {
  gap: 40px;
}

.app-install-wrapper {
  height: 56px;
  overflow: hidden;
  transition: 250ms ease-in-out;
}
.app-install-wrapper.hidden {
  height: 0;
}
@media (min-width: 1024px) {
  .app-install-wrapper {
    display: none !important;
  }
}

.app-install {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 1rem;
  background: var(--g-color-fill-light);
  gap: 1rem;
}
.app-install img {
  width: 40px;
  margin: 0.25rem 0;
}
.app-install .info {
  width: 100%;
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-grey-300);
}
.app-install .info .title {
  margin-bottom: 0.25rem;
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-fill-dark);
}
.app-install .close {
  display: flex;
  color: var(--g-color-grey-300);
}
.app-install .button.primary {
  --button-width: 62px;
  --button-height: 1.5rem;
  --button-border-radius: 0.5rem;
  padding: 0.25rem 0.75rem;
}
.app-install .button span {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}

.balance_badge {
  position: relative;
}
.balance_badge.open .balance_badge_trigger {
  background: var(--g-color-fill-dark);
  border-color: transparent;
}
.balance_badge.open .balance_badge_content {
  display: block;
}
.balance_badge.animate .balance_badge_trigger .arrow {
  transform: scaleY(-1);
}
.balance_badge.animate .balance_badge_content {
  opacity: 1;
}
.balance_badge .balance_badge_trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 2.25rem;
  min-width: 100px;
  padding: 2px 4px 2px 8px;
  text-align: center;
  color: var(--g-color-grey-300);
  border: 1px solid var(--g-color-grey-300);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: var(--g-transition);
}
.balance_badge .balance_badge_trigger .info {
  flex-grow: 1;
}
.balance_badge .balance_badge_trigger .label {
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.balance_badge .balance_badge_trigger .balance {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--g-color-fill-light);
  white-space: nowrap;
}
.balance_badge .balance_badge_trigger .arrow {
  align-self: flex-end;
  flex-shrink: 0;
  width: 20px;
  transition: var(--g-transition);
}
.balance_badge .balance_badge_trigger .arrow .icon {
  display: block;
  font-size: 1.25rem;
}
.balance_badge .balance_badge_content {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  max-width: 320px;
  min-width: 227px;
  padding: 8px;
  text-align: center;
  background: var(--g-color-fill-dark);
  border: 1px solid var(--g-color-grey-500);
  border-radius: 1rem;
  opacity: 0;
  transition: var(--g-transition);
}
.balance_badge .balance_badge_content .title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--g-color-fill-light);
}
.balance_badge .balance_badge_content .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.balance_badge .balance_badge_content .balance_card {
  padding: 8px;
  background: var(--g-color-grey-500);
  border: 1px solid transparent;
  border-radius: 0.75rem;
}
.balance_badge .balance_badge_content .balance_card .head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.balance_badge .balance_badge_content .balance_card .head .balance_card_icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  color: var(--g-color-fill-light);
  background: var(--g-color-grey-400);
  border-radius: 0.5rem;
}
.balance_badge .balance_badge_content .balance_card .head .balance_card_icon .icon {
  display: block;
  font-size: 0.625rem;
}
.balance_badge .balance_badge_content .balance_card .head .balance_card_title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-grey-300);
}
.balance_badge .balance_badge_content .balance_card .balance {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  white-space: nowrap;
}
.balance_badge .balance_badge_content .balance_card.real {
  border-color: var(--g-color-green);
}
.balance_badge .balance_badge_content .balance_card.real .balance_card_icon {
  background: var(--g-color-green);
}
.balance_badge .balance_badge_content .balance_card.real .balance_card_icon .icon {
  font-size: 0.75rem;
}
.balance_badge .balance_badge_content .balance_card.real .balance_card_title {
  color: var(--g-color-fill-light);
}

.banners .slick-dots {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
  column-gap: 0.25rem;
}
.banners .slick-dots li {
  width: 0.5rem;
  height: 0.5rem;
  list-style: none;
  background: var(--g-color-fill-light);
  border-radius: 50%;
  cursor: pointer;
}
.banners .slick-dots li.slick-active {
  background: var(--g-color-fill-dark);
}
.banners .slick-dots li button {
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.banners .only {
  display: none !important;
}
@media (max-width: 575.8px) {
  .banners .mobile.only {
    display: block !important;
  }
}
@media (min-width: 576px) and (max-width: 1199.8px) {
  .banners .tablet.only {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .banners .desktop.only {
    display: block !important;
  }
}

.item_banner {
  position: relative;
}
.item_banner .image_wrap .image {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 576px) {
  .item_banner .image_wrap .desktop {
    display: flex;
  }
}
@media (max-width: 575.8px) {
  .item_banner .image_wrap .mobile {
    display: flex;
  }
}

.banners > .item_banner {
  display: none;
}

.banners.slick-initialized .item_banner {
  display: block !important;
}

.block_badge {
  position: relative;
}
.block_badge .badge {
  position: absolute;
  top: -9px;
  right: -9px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 2px;
  background: var(--g-color-error);
  border-radius: 20px;
}
.block_badge .badge.text {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-fill-light);
}
.block_badge .badge.icon {
  font-size: 16px;
}
@media (max-width: 575.8px) {
  .block_badge.news {
    display: none;
  }
}

.profile_bonuses {
  padding: 0 1.5rem;
}

.promo_code_container {
  width: 100%;
  max-width: 692px;
  margin: 0 auto 1.5rem;
  padding: 0 1.5rem;
}

.promo_code_row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}
.promo_code_row .form-group {
  flex-grow: 1;
  margin-bottom: 0;
}
.promo_code_row .promo_code_submit {
  --button-height: var(--input-height);
  flex-shrink: 0;
}

.promo_code_message {
  width: 100%;
  padding: 14px 24px;
  text-align: center;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.75rem;
}

.promo_code_success {
  color: var(--g-color-fill-light);
  background: var(--g-color-success);
}

.promo_code_error {
  color: var(--g-color-fill-light);
  background: var(--g-color-error);
}

.bonuses_gallery {
  display: grid;
  gap: 1.5rem;
  max-width: 692px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 576px) {
  .bonuses_gallery {
    grid-template-columns: repeat(2, minmax(312px, 1fr));
    width: 100%;
  }
}

.button_go_top {
  position: fixed;
  top: 80%;
  right: 1rem;
  display: flex;
  width: 32px;
  height: 32px;
  background: var(--g-color-fill-dark);
  border-radius: 0.5rem;
  transition: var(--g-transition);
  opacity: 1;
  cursor: pointer;
  z-index: 9;
}
.button_go_top:not(.active) {
  opacity: 0;
  pointer-events: none;
}
.button_go_top .icon {
  margin: auto;
  font-size: 1.5rem;
  color: var(--g-color-fill-light);
}
@media (max-width: 767.8px) {
  .button_go_top {
    display: none;
  }
}

.button_grey {
  --button-bg: var(--g-color-fill-dark);
  --button-border-radius: 0.75rem;
  --button-disabled-text-color: var(--g-color-grey-500);
  --button-height: 40px;
  --button-hover-bg: var(--g-color-grey-400);
  --button-padding: 0.75rem 1rem;
  --button-text-color: var(--g-color-fill-light);
  --button-hover-text-color: var(--g-color-fill-light);
  --button-width: 116px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: var(--button-width);
  max-height: var(--button-height);
  margin: 0;
  padding: var(--button-padding);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: var(--button-text-color);
  background: var(--button-bg);
  border: none;
  border-radius: var(--button-border-radius);
  transition: var(--g-transition);
  cursor: pointer;
  gap: 0.5rem;
}
.button_grey:hover {
  color: var(--button-hover-text-color);
  background: var(--button-hover-bg);
}
.button_grey:disabled, .button_grey.disabled {
  color: var(--button-disabled-text-color);
  pointer-events: none;
}
.button_grey span {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}

.button_side {
  --button-width: 40px;
  --button-height: 40px;
  --button-padding: 8px 8px;
  --button-border-radius: 16px;
  --button-text-color: var(--g-color-fill-light);
  --button-bg: var(--g-color-fill-dark);
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: var(--button-width);
  max-height: var(--button-height);
  min-height: var(--button-height);
  margin: 0;
  padding: var(--button-padding);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: var(--button-text-color);
  background: var(--button-bg);
  border: none;
  border-radius: var(--button-border-radius);
  transition: var(--g-transition);
  gap: 8px;
  cursor: pointer;
}
.button_side.big {
  --button-height: 56px;
  --button-width: 56px;
}
.button_side.left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button_side.right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 90deg;
  inherits: false;
}
.button {
  --button-active-bg: var(--g-color-grey-900);
  --button-active-bodred-color: var(--g-color-grey-900);
  --button-active-bodred-size: 3px;
  --button-active-color: var(--g-color-grey-500);
  --button-after-opacity: 0%;
  --button-bg: var(--g-color-fill-dark);
  --button-border-color: var(--g-color-fill-light);
  --button-border-radius: 0.75rem;
  --button-border-size: 0px;
  --button-height: 2.25rem;
  --button-hover-bg: var(--g-color-grey-300);
  --button-hover-bodred-color: var(--g-color-primary);
  --button-hover-bodred-size: 3px;
  --button-hover-color: var(--g-color-fill-light);
  --button-padding: 0.5rem 1rem;
  --button-text-color: var(--g-color-fill-light);
  --button-width: 120px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: var(--button-width);
  max-height: var(--button-height);
  min-height: var(--button-height);
  margin: 0;
  padding: var(--button-padding);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: var(--button-text-color-state, var(--button-text-color));
  background: var(--button-bg);
  border: none;
  border-radius: var(--button-border-radius);
  transition: var(--g-transition);
  cursor: pointer;
  gap: 0.5rem;
}
.button > * {
  z-index: 1;
}
.button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--button-after-bg, transparent);
  border-radius: var(--button-border-radius);
  transition: inherit;
  opacity: var(--button-after-opacity);
  pointer-events: none;
  z-index: 0;
}
.button:hover {
  --button-after-bg: var(--button-hover-bg);
  --button-after-opacity: 100%;
  --button-bg: transparent;
}
.button:active {
  --button-after-bg: var(--button-active-bg);
  --button-after-opacity: 100%;
}
.button.border {
  --button-after-bg: transparent !important;
  --button-bg: transparent !important;
  --button-border-size: 1px;
  --button-text-color-state: var(--g-color-fill-light);
  box-shadow: inset 0 0 0 var(--button-border-size-state, var(--button-border-size)) var(--button-border-color-state, var(--button-border-color));
}
.button.border:hover {
  --button-border-color-state: var(--button-border-color);
  --button-border-size-state: var(--button-hover-bodred-size);
  --button-text-color-state: var(--g-color-fill-light);
}
.button.border:active {
  --button-border-color-state: var(--g-color-orange-400);
  --button-border-size-state: var(--button-active-bodred-size);
  --button-text-color-state: var(--button-active-bodred-color);
}
.button.border {
  --button-after-bg: transparent !important;
  --button-bg: transparent !important;
  --button-border-size: 1px;
  --button-text-color-state: var(--button-border-color);
  box-shadow: inset 0 0 0 var(--button-border-size-state, var(--button-border-size)) var(--button-border-color-state, var(--button-border-color));
}
.button.border:hover {
  --button-border-color-state: var(--button-hover-bodred-color);
  --button-border-size-state: var(--button-hover-bodred-size);
  --button-text-color-state: var(--button-hover-bodred-color);
}
.button.border:active {
  --button-border-color-state: var(--button-active-bodred-color);
  --button-border-size-state: var(--button-active-bodred-size);
  --button-text-color-state: var(--button-active-bodred-color);
}
.button.transparent {
  --button-after-bg: transparent !important;
  --button-bg: transparent !important;
  --button-border-size: 0px !important;
  --button-text-color-state: var(--button-border-color);
  box-shadow: inset 0 0 0 var(--button-border-size-state, var(--button-border-size)) var(--button-border-color-state, var(--button-border-color));
}
.button.transparent:hover {
  --button-text-color-state: var(--button-hover-bodred-color);
}
.button.transparent:active {
  --button-text-color-state: var(--button-active-bodred-color);
}
.button:disabled, .button.disabled, .button[disabled] {
  pointer-events: none;
  --button-bg: var(--g-color-grey-700) !important;
  --button-text-color: var(--g-color-grey-300) !important;
  --button-border-color: var(--g-color-grey-700) !important;
}
.button:disabled.border, .button.disabled.border, .button[disabled].border {
  --button-after-bg: transparent !important;
  --button-bg: transparent !important;
  --button-text-color-state: var(--button-border-color) !important;
}
.button:disabled.transparent, .button.disabled.transparent, .button[disabled].transparent {
  --button-after-bg: transparent !important;
  --button-bg: transparent !important;
  --button-border-size: 0px !important;
  --button-text-color-state: var(--button-border-color) !important;
}
.button.loading {
  position: relative;
  opacity: 0.8;
  pointer-events: none;
}
.button.loading > * {
  color: transparent;
}
.button.loading::before {
  content: var(--iconfont-loader);
  position: absolute;
  font-family: "iconfont";
  font-weight: normal;
  color: inherit;
  animation: buttonLoadingSpin linear 1s infinite;
  opacity: 1;
  z-index: 1;
}
.button.large {
  --button-height: 4rem;
  --button-padding: 1rem 1.5rem;
  --button-padding-compact: 1rem;
}
.button.large span {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.button.large .icon {
  font-size: 2rem;
}
.button.big {
  --button-height: 3.5rem;
  --button-padding: 1rem;
  --button-padding-compact: 1rem;
}
.button.big span {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.button.big .icon {
  font-size: 1.5rem;
}
.button, .button.medium {
  --button-height: 2.25rem;
  --button-padding: 0.5rem 1rem;
  --button-padding-compact: 0.5rem;
}
.button span, .button.medium span {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.button .icon, .button.medium .icon {
  font-size: 1.5rem;
}
.button.small {
  --button-height: 2rem;
  --button-padding: 0.25rem 0.75rem;
  --button-padding-compact: 0.25rem;
}
.button.small span {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.button.small .icon {
  font-size: 1.5rem;
}
.button.tiny {
  --button-height: 1.5rem;
  --button-padding: 0.25rem 0.5rem;
  --button-padding-compact: 0.25rem;
}
.button.tiny span {
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.button.tiny .icon {
  font-size: 1rem;
}
.button.compact {
  --button-padding: var(--button-padding-compact);
  --button-width: var(--button-height);
}
.button.short {
  --button-width: var(--button-height);
}
.button.wide {
  --button-width: 100%;
}
.button.jc .caption, .button.jc .title_section .caption_button, .title_section .button.jc .caption_button, .button.jc_right .caption, .button.jc_right .title_section .caption_button, .title_section .button.jc_right .caption_button, .button.jc_left .caption, .button.jc_left .title_section .caption_button, .title_section .button.jc_left .caption_button {
  margin: auto;
}
.button.jc_left {
  justify-content: start;
}
.button.jc_right {
  justify-content: end;
}
.button.icon-only {
  --button-height: 2.25rem;
  --button-padding: 0.5rem;
  min-width: unset;
  height: var(--button-height);
  width: var(--button-height);
}
.button.bold .caption, .button.bold .title_section .caption_button, .title_section .button.bold .caption_button {
  font-weight: bold;
}
.button.lighter .caption, .button.lighter .title_section .caption_button, .title_section .button.lighter .caption_button {
  font-weight: 400;
}
.button.border_animation {
  --button-bg: #0F152B;
  --bg-background: #0F152B;
  --clr-card: #0F152B;
  --clr-1: #595e6d;
  --clr-2: #b2b4bb;
  --clr-3: #ffffff;
  transition: 0.8s;
}
.button.border_animation::after, .button.border_animation::before {
  position: absolute;
  z-index: -1;
  inset: -1px;
}
.button:not(.in_fav).border_animation::after, .button:not(.in_fav).border_animation::before {
  content: " ";
  background: conic-gradient(from var(--gradient-angle), var(--clr-card), var(--clr-card), var(--clr-2), var(--clr-3), var(--clr-2), var(--clr-card), var(--clr-card));
  border-radius: inherit;
  animation: rotate 2.5s linear infinite;
}
.button:not(.in_fav).border_animation.active {
  box-shadow: none;
}

@keyframes rotate {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}
.button.primary {
  --button-text-color: var(--g-color-fill-light);
  --button-bg: var(--g-color-primary);
  --button-border-color: var(--g-color-primary);
  --button-hover-color: var(--button-text-color);
  --button-hover-bg: var(--g-color-orange-400);
  --button-hover-bodred-color: var(--g-color-orange-400);
  --button-active-color: var(--button-text-color);
  --button-active-bg: var(--g-color-orange-300);
  --button-active-bodred-color: var(--g-color-orange-300);
}

.button.secondary {
  --button-text-color: var(--g-color-fill-light);
  --button-bg: var(--g-color-secondary);
  --button-border-color: var(--g-color-secondary);
  --button-hover-color: var(--button-text-color);
  --button-hover-bg: var(--g-color-blue-400);
  --button-hover-bodred-color: var(--g-color-blue-400);
  --button-active-color: var(--button-text-color);
  --button-active-bg: var(--g-color-blue-300);
  --button-active-bodred-color: var(--g-color-blue-300);
}

.button_badge {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 16px;
  transition: var(--g-transition);
  cursor: pointer;
  color: var(--g-color-fill-light);
  background: transparent;
}

@keyframes buttonLoadingSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.card_bonus.card_bonus_referral .content .card_title {
  margin-top: 46px;
}
.card_bonus.card_bonus_referral .text_bonus .description_bonus {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_bonus.card_bonus_referral .side_image {
  right: -22px;
  width: 154px;
}
.card_bonus.card_bonus_referral .footer .actions .button-wrap {
  width: 100%;
}
.card_bonus.card_bonus_referral .footer .actions .button {
  width: 100%;
}
.card_bonus.card_bonus_referral .footer .actions .copy_hint {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  margin-top: 4px;
  display: none;
  opacity: 0;
  max-width: 280px;
}

.card_bonus {
  position: relative;
  overflow: hidden;
  padding: 1rem 1rem;
  border-radius: 1rem;
  background-color: var(--g-color-fill-dark);
}
.card_bonus .content {
  position: relative;
  display: flex;
  flex-flow: column;
  overflow: hidden;
  width: 280px;
  height: 224px;
  padding-bottom: 0.5rem;
  color: var(--g-color-fill-light);
  background: var(--g-color-blue-400);
  border-radius: 0.75rem;
}
.card_bonus .content > * {
  position: relative;
  z-index: 1;
}
.card_bonus .content .show_more {
  display: flex;
  align-items: center;
  margin: 0.5rem 0.5rem 0 0.5rem;
  gap: 0.5rem;
  cursor: pointer;
}
.open.card_bonus .content .show_more.open {
  display: none;
}

.card_bonus .content .show_more.hide {
  display: none;
}
.open.card_bonus .content .show_more.hide {
  display: flex;
}

.card_bonus .content .show_more .title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_bonus .content .tag {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0.25rem 1rem;
  color: var(--g-color-fill-dark);
  background: var(--g-color-fill-light);
  border-radius: 1rem;
}
.card_bonus .content .description_full {
  display: none;
  overflow-y: auto;
  width: 260px;
  height: 280px;
  margin: 0.25rem 1.25rem;
}
.card_bonus .content .description_full::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--g-color-fill-light);
  border-radius: 40px;
}
.card_bonus .content .description_full::-webkit-scrollbar-track {
  background-color: var(--g-color-grey-200);
  border-radius: 40px;
}
.card_bonus .content .description_full::-webkit-scrollbar-thumb {
  background-color: var(--g-color-fill-light);
  border-radius: 40px;
}
.open.card_bonus .content .description_full {
  display: flex;
}

.card_bonus .content .card_title {
  display: flex;
  max-width: 260px;
  min-height: 48px;
  margin: 10px 8px;
}
.card_bonus .content .card_title .title_wrap {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.open.card_bonus .content .card_title {
  display: none;
}

.card_bonus .content .tooltip-wrap {
  margin-left: 0.5rem;
  grid-template-areas: "tt tt tt" "ti ti ti" "pr pr ic";
}
.card_bonus .content .tooltip-wrap > .title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_bonus .content .tooltip-wrap > .tooltip-icon .icon {
  color: var(--g-color-fill-light);
}
.card_bonus .content .tooltip-wrap > .progress {
  background: transparent;
  border: 1px solid var(--g-color-fill-light);
}
.card_bonus .content .tooltip-wrap > .progress .progress-bar {
  background: #FFEB38;
}
.card_bonus .content .tooltip-wrap > .tooltip {
  background: var(--g-color-fill-light);
}
.card_bonus .content .text_bonus {
  max-width: 150px;
  margin: 0 0.5rem;
}
.card_bonus .content .text_bonus .text_row:not(.few_rows) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--g-color-fill-light);
}
.card_bonus .content .text_bonus .text_row.game_name {
  display: flex;
  overflow: initial;
  white-space: normal;
}
.card_bonus .content .text_bonus .text_row.game_name .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card_bonus .content .text_bonus .text_row.game_name .tooltip-wrap {
  width: 172px;
}
.card_bonus .content .text_bonus .text_row.game_name .tooltip-wrap > .tooltip {
  top: 20px;
  right: -20px;
  width: 172px;
}
.card_bonus .content .text_bonus .text_row.game_name .tooltip-wrap > .tooltip:before {
  left: 22px;
}
.card_bonus .content .text_bonus .name {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-blue-800);
}
.card_bonus .content .text_bonus .amount,
.card_bonus .content .text_bonus .accent {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  margin-left: 4px;
}
.open.card_bonus .content .text_bonus {
  display: none;
}

.card_bonus .content .active_bonus .tooltip-wrap {
  width: 164px;
}
.card_bonus .content .active_bonus .tooltip-wrap > .tooltip {
  top: unset;
  bottom: -10px;
  right: unset;
  left: 20px;
  width: 200px;
}
.card_bonus .content .active_bonus .tooltip-wrap > .tooltip:before {
  content: "▼";
  top: calc(100% - 2px);
  bottom: unset;
  right: 76px;
}
.open.card_bonus .content .active_bonus {
  display: none;
}

.has_error.card_bonus .content .active_bonus {
  display: none;
}

.card_bonus .content .bonus_info {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 500;
  max-width: 260px;
  max-height: 80px;
  padding: 0.75rem;
  background: var(--g-color-fill-dark);
  border-radius: 0.25rem;
}
.card_bonus .content .active_bonus {
  margin-top: auto;
  z-index: 2;
}
.card_bonus .content .active_bonus + .actions {
  margin-top: 0.625rem;
}
.card_bonus .content.free_spin:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 132px;
  width: 100%;
  background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, rgba(0, 0, 0, 0.4) 25.17%, rgba(0, 0, 0, 0.8) 81.67%);
  z-index: 2;
}
.card_bonus .content.free_spin .show_more,
.card_bonus .content.free_spin .tag,
.card_bonus .content.free_spin .card_title {
  z-index: 2;
}
.card_bonus .active_bonus_error {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 260px;
  min-height: 20px;
  margin-top: auto;
  margin-bottom: 4px;
  padding: 0.75rem;
  border-radius: 0 0.25rem 0.25rem 0;
  gap: 0.25rem;
  z-index: 2;
  background: var(--g-color-error);
}
.card_bonus .active_bonus_error .icon {
  position: relative;
  color: var(--g-color-fill-light);
}
.card_bonus .active_bonus_error .text {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  position: relative;
  color: var(--g-color-fill-light);
}
.card_bonus .active_bonus_error .close {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  cursor: pointer;
}
.card_bonus .active_bonus_error .close .icon {
  font-size: 1rem;
}
:not(.has_error).card_bonus .active_bonus_error {
  display: none;
}

.card_bonus .opt-out_wrap {
  margin: auto 0.5rem 0;
}
.card_bonus .footer {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.card_bonus .footer .actions.w-full {
  width: 100%;
}
.card_bonus .footer .actions.w-full .button {
  --button-width: 100%;
}
.card_bonus .footer .title {
  margin: 1.125rem 1.25rem;
  opacity: 0.5;
}
.card_bonus .footer .timer_wrap {
  margin: 0 1.25rem 0 auto;
}
.card_bonus .side_image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 112px;
  height: 184px;
  pointer-events: none;
}
.card_bonus .side_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom right;
}
.card_bonus .side_image.free_spin {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.card_bonus .side_image.free_spin img {
  object-fit: cover;
  object-position: center;
}
.card_bonus.open .content {
  background: transparent;
}
.card_bonus.open .content:before {
  background: transparent;
}
.card_bonus.open .side_image {
  display: none;
}
.card_bonus.has_error .content > *:not(.active_bonus_error) {
  pointer-events: none;
}
.card_bonus.big {
  box-shadow: 0 0 8px 0 #9ABBE7;
}
.card_bonus.big .content {
  width: 100%;
}
.card_bonus.small .content {
  width: 100%;
  background: transparent;
}
.card_bonus.small .content .text_row .name {
  color: var(--g-color-blue-400);
}
.card_bonus.small .footer .actions {
  width: 100%;
}
.card_bonus.small .footer .actions .button {
  width: 100%;
}
.card_bonus.small .footer .timer_wrap {
  display: none;
}

.leaderboard > .header {
  height: 48px !important;
  padding: 1rem 1rem 0.5rem !important;
}
.leaderboard .prize-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.leaderboard .prize-info .img-wrap {
  width: 100%;
  max-height: 108px;
  text-align: center;
}
.leaderboard .prize-info .img-wrap img {
  max-width: 100%;
  max-height: 108px;
}
.leaderboard .prize-info .info-wrap {
  width: 100%;
}
.leaderboard .prize-info .info-wrap .prize-name {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: #FFEB38;
  margin-bottom: 0.25rem;
}
.leaderboard .prize-info .info-wrap .text {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.leaderboard .header .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
}
.leaderboard .table-leaderboard {
  margin-top: 0.5rem;
}
@media (max-width: 767.8px) {
  .leaderboard .table-leaderboard {
    margin: 0;
  }
}

.card_lottery,
.card_lottery_style {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 312px;
  padding: 0 0.125rem 0.125rem;
  border-radius: 1rem;
}
.card_lottery > *,
.card_lottery_style > * {
  position: relative;
  z-index: 1;
}
.card_lottery > .header,
.card_lottery_style > .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  color: var(--g-color-fill-light);
  height: 56px;
}
.card_lottery > .header .title,
.card_lottery_style > .header .title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_lottery > .header .title.open,
.card_lottery_style > .header .title.open {
  display: none;
}
.card_lottery > .header .show_more,
.card_lottery_style > .header .show_more {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.card_lottery > .content,
.card_lottery_style > .content {
  position: relative;
  display: flex;
  flex: 1;
  flex-flow: column;
  align-items: center;
}
.card_lottery > .content .title,
.card_lottery_style > .content .title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  padding: 0 0.875rem;
}
.card_lottery > .content .prize,
.card_lottery_style > .content .prize {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}
.card_lottery > .content .prize .name,
.card_lottery_style > .content .prize .name {
  line-height: 4.125rem;
  font-size: 3.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
}
.card_lottery > .content .image,
.card_lottery_style > .content .image {
  width: 100%;
  padding: 0 0.875rem;
  max-height: 148px;
}
.card_lottery > .content .image img,
.card_lottery_style > .content .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.card_lottery > .content .show_more,
.card_lottery_style > .content .show_more {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: var(--g-transition);
  cursor: pointer;
}
.card_lottery > .content .show_more:hover,
.card_lottery_style > .content .show_more:hover {
  color: var(--g-color-info);
}
.card_lottery > .content .show_more .text,
.card_lottery_style > .content .show_more .text {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_lottery > .content .full_text,
.card_lottery_style > .content .full_text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  flex-flow: column;
  gap: 1.5rem;
  padding: 0 1.5rem 1.5rem;
}
.card_lottery > .content .full_text .text,
.card_lottery_style > .content .full_text .text {
  flex: 1;
  overflow-y: auto;
}
.card_lottery > .content .full_text .text::-webkit-scrollbar,
.card_lottery_style > .content .full_text .text::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--g-color-fill-light);
  border-radius: 40px;
}
.card_lottery > .content .full_text .text::-webkit-scrollbar-track,
.card_lottery_style > .content .full_text .text::-webkit-scrollbar-track {
  background-color: var(--g-color-grey-500);
  border-radius: 40px;
}
.card_lottery > .content .full_text .text::-webkit-scrollbar-thumb,
.card_lottery_style > .content .full_text .text::-webkit-scrollbar-thumb {
  background-color: var(--g-color-fill-light);
  border-radius: 40px;
}
.card_lottery > .content .full_text .button,
.card_lottery_style > .content .full_text .button {
  margin: 0 auto;
}
.card_lottery > .content .description_block,
.card_lottery_style > .content .description_block {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 1rem;
  background-color: var(--g-color-fill-dark);
}
.card_lottery > .content .qualified,
.card_lottery_style > .content .qualified {
  display: flex;
  align-items: center;
  gap: 8px;
}
.card_lottery > .content .qualified.active .icon,
.card_lottery_style > .content .qualified.active .icon {
  color: var(--g-color-success);
}
.card_lottery > .content .qualified.active .text,
.card_lottery_style > .content .qualified.active .text {
  color: var(--g-color-success-dark);
}
.card_lottery > .content .qualified .icon,
.card_lottery_style > .content .qualified .icon {
  color: var(--g-color-error);
}
.card_lottery > .content .qualified .text,
.card_lottery_style > .content .qualified .text {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-error);
}
.card_lottery > .content .qualified.tooltip-wrap > .tooltip-icon,
.card_lottery_style > .content .qualified.tooltip-wrap > .tooltip-icon {
  height: 1.5rem;
  width: 1.5rem;
}
.card_lottery > .content .qualified.tooltip-wrap > .tooltip-icon .icon,
.card_lottery_style > .content .qualified.tooltip-wrap > .tooltip-icon .icon {
  font-size: 1.5rem;
}
.card_lottery > .content .qualified.tooltip-wrap > .title,
.card_lottery_style > .content .qualified.tooltip-wrap > .title {
  padding: 0;
}
.card_lottery > .content .qualified.tooltip-wrap > .tooltip,
.card_lottery_style > .content .qualified.tooltip-wrap > .tooltip {
  left: 50%;
  transform: translateX(-50%);
  margin-top: 36px;
}
.card_lottery > .content .qualified.tooltip-wrap > .tooltip .text,
.card_lottery_style > .content .qualified.tooltip-wrap > .tooltip .text {
  color: var(--g-color-grey-500);
}
.card_lottery > .content .hint,
.card_lottery_style > .content .hint {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin-bottom: auto;
}
.card_lottery > .content .tooltip::before,
.card_lottery_style > .content .tooltip::before {
  right: unset;
}
.card_lottery > .content > .button_card,
.card_lottery_style > .content > .button_card {
  min-width: 180px;
  margin-top: auto;
}
.card_lottery > .content .timer_wrap .countdown__title,
.card_lottery_style > .content .timer_wrap .countdown__title {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.card_lottery > .content .timer_wrap .timer,
.card_lottery_style > .content .timer_wrap .timer {
  margin: 0;
}
.card_lottery.weekend,
.card_lottery_style.weekend {
  background-color: var(--g-color-secondary);
}
.card_lottery.weekend .button,
.card_lottery_style.weekend .button {
  --button-bg: ;
}
.card_lottery.twohours,
.card_lottery_style.twohours {
  background-color: #BD4F84;
}
.card_lottery.twohours .button,
.card_lottery_style.twohours .button {
  --button-bg: ;
}
.card_lottery.daily,
.card_lottery_style.daily {
  background-color: #49B886;
}
.card_lottery.daily .button,
.card_lottery_style.daily .button {
  --button-bg: ;
}
.card_lottery.weekly,
.card_lottery_style.weekly {
  background-color: var(--g-color-blue-300);
}
.card_lottery.weekly .button,
.card_lottery_style.weekly .button {
  --button-bg: ;
}
.card_lottery.monthly,
.card_lottery_style.monthly {
  background-color: #4855BD;
}
.card_lottery.monthly .button,
.card_lottery_style.monthly .button {
  --button-bg: ;
}
.card_lottery.weekday,
.card_lottery_style.weekday {
  background-color: var(--g-color-primary);
}
.card_lottery.weekday .button,
.card_lottery_style.weekday .button {
  --button-bg: ;
}
.card_lottery.fsweekly,
.card_lottery_style.fsweekly {
  background-color: #9A88EE;
}
.card_lottery.fsweekly .button,
.card_lottery_style.fsweekly .button {
  --button-bg: ;
}
.card_lottery.twoweek,
.card_lottery_style.twoweek {
  background-color: #4855BD;
}
.card_lottery.twoweek .button,
.card_lottery_style.twoweek .button {
  --button-bg: ;
}
.card_lottery.info,
.card_lottery_style.info {
  background-color: #2B324C;
}
.card_lottery.info .button,
.card_lottery_style.info .button {
  --button-bg: ;
}
.card_lottery.sport,
.card_lottery_style.sport {
  background-color: #ff6262;
}
.card_lottery.sport .button,
.card_lottery_style.sport .button {
  --button-bg: ;
}
.card_lottery.open,
.card_lottery_style.open {
  background-color: var(--g-color-fill-dark);
}
.card_lottery.open .header,
.card_lottery_style.open .header {
  justify-content: center;
}
.card_lottery.open .header *:not(.open),
.card_lottery_style.open .header *:not(.open) {
  display: none;
}
.card_lottery.open .header .title.open,
.card_lottery_style.open .header .title.open {
  display: block;
}
.card_lottery.open > .content > *:not(.full_text),
.card_lottery_style.open > .content > *:not(.full_text) {
  visibility: hidden;
  transition: none;
  pointer-events: none;
}
.card_lottery.open > .content .full_text,
.card_lottery_style.open > .content .full_text {
  display: flex;
}
@media (max-width: 767.8px) {
  .card_lottery,
.card_lottery_style {
    width: 320px;
  }
}

.card_tournament,
.card_tournament_style {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 312px;
  min-height: 360px;
  color: var(--g-color-fill-light);
  background: #EC8C49;
  border-radius: 1rem;
}
.card_tournament.leaderboard,
.card_tournament_style.leaderboard {
  background: #A060AD;
}
.card_tournament.overlay_open_description, .card_tournament.overlay_open_tournament,
.card_tournament_style.overlay_open_description,
.card_tournament_style.overlay_open_tournament {
  background: var(--g-color-fill-dark);
}
.card_tournament.overlay_open_description > .header, .card_tournament.overlay_open_description > .content, .card_tournament.overlay_open_description > .footer, .card_tournament.overlay_open_tournament > .header, .card_tournament.overlay_open_tournament > .content, .card_tournament.overlay_open_tournament > .footer,
.card_tournament_style.overlay_open_description > .header,
.card_tournament_style.overlay_open_description > .content,
.card_tournament_style.overlay_open_description > .footer,
.card_tournament_style.overlay_open_tournament > .header,
.card_tournament_style.overlay_open_tournament > .content,
.card_tournament_style.overlay_open_tournament > .footer {
  opacity: 0;
  pointer-events: none;
}
.card_tournament > .header,
.card_tournament_style > .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  color: var(--g-color-fill-light);
  height: 56px;
}
.card_tournament > .header .title,
.card_tournament_style > .header .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_tournament > .header .show_more,
.card_tournament_style > .header .show_more {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 102px;
}
.card_tournament > .header .show_more .icon-chevron-left,
.card_tournament_style > .header .show_more .icon-chevron-left {
  display: none;
}
.card_tournament .content,
.card_tournament_style .content {
  display: flex;
  flex-flow: column;
  flex: 1;
  gap: 0.5rem;
  padding: 0 1rem;
  margin-top: 0.5rem;
}
.card_tournament .content .title,
.card_tournament_style .content .title {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  padding: 0 0.875rem;
}
.card_tournament .content .prizepool,
.card_tournament_style .content .prizepool {
  line-height: 4.125rem;
  font-size: 3.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
}
.card_tournament .content .info_wrap,
.card_tournament_style .content .info_wrap {
  display: flex;
  align-items: center;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  background-color: var(--g-color-fill-dark);
  border-radius: 0.75rem;
  margin-top: 4px;
}
.card_tournament .content .info_wrap .info,
.card_tournament_style .content .info_wrap .info {
  color: var(--g-color-fill-light);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem;
}
.card_tournament .content .info_wrap .info .caption, .card_tournament .content .info_wrap .info .title_section .caption_button, .title_section .card_tournament .content .info_wrap .info .caption_button,
.card_tournament_style .content .info_wrap .info .caption,
.card_tournament_style .content .info_wrap .info .title_section .caption_button,
.title_section .card_tournament_style .content .info_wrap .info .caption_button {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_tournament .content .info_wrap .divider,
.card_tournament_style .content .info_wrap .divider {
  width: 1px;
  height: calc(100% - 1rem);
  margin: auto 0;
}
.card_tournament .content .places,
.card_tournament_style .content .places {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
}
.card_tournament .content .places .place,
.card_tournament_style .content .places .place {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card_tournament .content .places .place .icon,
.card_tournament_style .content .places .place .icon {
  font-size: 2.5rem;
}
.card_tournament .content .places .place .caption, .card_tournament .content .places .place .title_section .caption_button, .title_section .card_tournament .content .places .place .caption_button,
.card_tournament_style .content .places .place .caption,
.card_tournament_style .content .places .place .title_section .caption_button,
.title_section .card_tournament_style .content .places .place .caption_button {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_tournament .content .places .place .place_amount,
.card_tournament_style .content .places .place .place_amount {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-yellow);
}
.card_tournament .content .button_plus,
.card_tournament_style .content .button_plus {
  position: relative;
  display: flex;
  width: 100px;
  height: 100px;
}
.card_tournament .content .button_plus::before, .card_tournament .content .button_plus::after,
.card_tournament_style .content .button_plus::before,
.card_tournament_style .content .button_plus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: var(--g-transition);
}
.card_tournament .content .button_plus::before,
.card_tournament_style .content .button_plus::before {
  background-image: url(images/icons/plus-o.svg);
  opacity: 1;
}
.card_tournament .content .button_plus::after,
.card_tournament_style .content .button_plus::after {
  background-image: url(images/icons/plus-o-hover.svg);
  opacity: 0;
}
.card_tournament .content .button_plus:hover::before,
.card_tournament_style .content .button_plus:hover::before {
  opacity: 0;
}
.card_tournament .content .button_plus:hover::after,
.card_tournament_style .content .button_plus:hover::after {
  opacity: 1;
}
.card_tournament .content .empty,
.card_tournament_style .content .empty {
  text-align: center;
}
.card_tournament .content table .multi_prizes > span:nth-child(2),
.card_tournament_style .content table .multi_prizes > span:nth-child(2) {
  display: none;
}
.card_tournament .footer,
.card_tournament_style .footer {
  border-radius: 0 0 1rem 1rem;
  background: var(--g-color-fill-dark);
}
.card_tournament .footer .button,
.card_tournament_style .footer .button {
  width: 100%;
}
.card_tournament .footer .games_toggle,
.card_tournament_style .footer .games_toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0;
  opacity: 1;
  cursor: pointer;
}
.card_tournament .footer .games_toggle.active .hide,
.card_tournament_style .footer .games_toggle.active .hide {
  display: inline-flex;
}
.card_tournament .footer .games_toggle:not(.active) .open,
.card_tournament_style .footer .games_toggle:not(.active) .open {
  display: inline-flex;
}
.card_tournament .footer .games_toggle > .icon,
.card_tournament_style .footer .games_toggle > .icon {
  font-size: 36px;
}
.card_tournament .footer .games_toggle .more_games,
.card_tournament_style .footer .games_toggle .more_games {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  display: none;
  gap: inherit;
  text-transform: uppercase;
}
.card_tournament .card_overlay,
.card_tournament_style .card_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0;
  transition: var(--g-transition);
  opacity: 0;
  pointer-events: none;
}
.card_tournament .card_overlay .header,
.card_tournament_style .card_overlay .header {
  padding: 0 1rem;
}
.card_tournament .card_overlay .header .player-info,
.card_tournament_style .card_overlay .header .player-info {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.card_tournament .card_overlay .header .player-info .player-prize,
.card_tournament_style .card_overlay .header .player-info .player-prize {
  color: var(--g-color-primary);
}
.card_tournament .card_overlay .title_wrap,
.card_tournament_style .card_overlay .title_wrap {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
}
.card_tournament .card_overlay .title_wrap .overlay_close,
.card_tournament_style .card_overlay .title_wrap .overlay_close {
  display: flex;
  align-items: center;
  min-width: 102px;
}
.card_tournament .card_overlay .title_wrap .title,
.card_tournament_style .card_overlay .title_wrap .title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: end;
}
.card_tournament .card_overlay .content .details_tabs,
.card_tournament_style .card_overlay .content .details_tabs {
  display: flex;
  flex-flow: column;
  width: 100%;
}
.card_tournament .card_overlay .content .details_tabs .tabs_list,
.card_tournament_style .card_overlay .content .details_tabs .tabs_list {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding-bottom: 12px;
}
.card_tournament .card_overlay .content .details_tabs .tabs_list::before,
.card_tournament_style .card_overlay .content .details_tabs .tabs_list::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  border: 1px solid var(--g-color-fill-light);
  border-radius: 6px;
}
.card_tournament .card_overlay .content .details_tabs .tabs_list .tab_item,
.card_tournament_style .card_overlay .content .details_tabs .tabs_list .tab_item {
  position: relative;
  justify-content: center;
  min-width: 100px;
}
.card_tournament .card_overlay .content .details_tabs .tabs_list .tab_item.active::before,
.card_tournament_style .card_overlay .content .details_tabs .tabs_list .tab_item.active::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 7px;
  background: var(--g-color-fill-light);
  border-radius: 6px;
}
.card_tournament .card_overlay .content .content_list,
.card_tournament_style .card_overlay .content .content_list {
  margin-top: 12px;
}
.card_tournament .card_overlay .content .description,
.card_tournament_style .card_overlay .content .description {
  overflow-y: auto;
  max-height: 400px;
}
.card_tournament .card_overlay .content .description::-webkit-scrollbar,
.card_tournament_style .card_overlay .content .description::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--g-color-fill-light);
  border-radius: 40px;
}
.card_tournament .card_overlay .content .description::-webkit-scrollbar-track,
.card_tournament_style .card_overlay .content .description::-webkit-scrollbar-track {
  background-color: var(--g-color-grey-200);
  border-radius: 40px;
}
.card_tournament .card_overlay .content .description::-webkit-scrollbar-thumb,
.card_tournament_style .card_overlay .content .description::-webkit-scrollbar-thumb {
  background-color: var(--g-color-fill-light);
  border-radius: 40px;
}
.overlay_open_description.card_tournament .card_overlay.description, .card_tournament_style .card_overlay.description {
  opacity: 1;
  pointer-events: all;
}

.overlay_open_tournament.card_tournament .card_overlay.tournament, .card_tournament_style .card_overlay.tournament {
  opacity: 1;
  pointer-events: all;
}

.card_tournament .card_overlay .more_wrap,
.card_tournament_style .card_overlay .more_wrap {
  text-align: center;
}
.card_tournament .card_overlay .more_wrap a,
.card_tournament_style .card_overlay .more_wrap a {
  text-decoration: none;
}
.card_tournament .card_overlay .table-leaderboard,
.card_tournament_style .card_overlay .table-leaderboard {
  overflow-y: auto;
  max-height: 380px;
}
.card_tournament .card_overlay .table-leaderboard::-webkit-scrollbar,
.card_tournament_style .card_overlay .table-leaderboard::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--g-color-fill-light);
  border-radius: 40px;
}
.card_tournament .card_overlay .table-leaderboard::-webkit-scrollbar-track,
.card_tournament_style .card_overlay .table-leaderboard::-webkit-scrollbar-track {
  background-color: var(--g-color-grey-200);
  border-radius: 40px;
}
.card_tournament .card_overlay .table-leaderboard::-webkit-scrollbar-thumb,
.card_tournament_style .card_overlay .table-leaderboard::-webkit-scrollbar-thumb {
  background-color: var(--g-color-fill-light);
  border-radius: 40px;
}
.card_tournament .card_overlay .pagination_dots ul,
.card_tournament_style .card_overlay .pagination_dots ul {
  margin-top: 20px;
  display: flex;
  list-style: none;
  text-align: center;
  padding: 2px 5px;
  justify-content: center;
  align-items: center;
}
.card_tournament .card_overlay .pagination_dots ul > li,
.card_tournament_style .card_overlay .pagination_dots ul > li {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.card_tournament .card_overlay .pagination_dots ul > li a,
.card_tournament_style .card_overlay .pagination_dots ul > li a {
  text-decoration: none;
  color: var(--g-color-grey-200);
}
.card_tournament .card_overlay .pagination_dots ul > li.active a,
.card_tournament_style .card_overlay .pagination_dots ul > li.active a {
  color: var(--g-color-fill-light);
  text-decoration: underline;
}
.card_tournament.hide_games .footer,
.card_tournament_style.hide_games .footer {
  display: none;
}
.card_tournament .timer-wrap,
.card_tournament_style .timer-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card_tournament.compact,
.card_tournament_style.compact {
  width: 320px;
}
.card_tournament.compact .content,
.card_tournament_style.compact .content {
  flex-flow: column;
}
.card_tournament.compact .content > .right,
.card_tournament_style.compact .content > .right {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.card_tournament.compact .content .prizepool,
.card_tournament_style.compact .content .prizepool {
  line-height: 3.5rem;
  font-size: 3rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_tournament.compact .card_overlay .content .details_tabs .content_list .content_item .table_pagination_wrap table thead tr th,
.card_tournament_style.compact .card_overlay .content .details_tabs .content_list .content_item .table_pagination_wrap table thead tr th {
  padding: 4px 8px;
}
.card_tournament.compact .card_overlay .content .details_tabs .content_list .content_item .table_pagination_wrap table tbody tr td,
.card_tournament_style.compact .card_overlay .content .details_tabs .content_list .content_item .table_pagination_wrap table tbody tr td {
  padding: 4px 8px;
}
.card_tournament.compact .card_overlay .content .details_tabs .content_list .content_item .description,
.card_tournament_style.compact .card_overlay .content .details_tabs .content_list .content_item .description {
  max-height: 305px;
}
@media (max-width: 767.8px) {
  .card_tournament,
.card_tournament_style {
    width: 320px;
  }
  .card_tournament .content,
.card_tournament_style .content {
    flex-flow: column;
  }
  .card_tournament .content > .right,
.card_tournament_style .content > .right {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .card_tournament .content .prizepool,
.card_tournament_style .content .prizepool {
    line-height: 3.5rem;
    font-size: 3rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .card_tournament .card_overlay .content .details_tabs .content_list .content_item .table_pagination_wrap table thead tr th,
.card_tournament_style .card_overlay .content .details_tabs .content_list .content_item .table_pagination_wrap table thead tr th {
    padding: 4px 8px;
  }
  .card_tournament .card_overlay .content .details_tabs .content_list .content_item .table_pagination_wrap table tbody tr td,
.card_tournament_style .card_overlay .content .details_tabs .content_list .content_item .table_pagination_wrap table tbody tr td {
    padding: 4px 8px;
  }
  .card_tournament .card_overlay .content .details_tabs .content_list .content_item .description,
.card_tournament_style .card_overlay .content .details_tabs .content_list .content_item .description {
    max-height: 340px;
  }
}

.block_tournaments .games_section {
  position: relative;
  width: 100%;
  margin: 0 auto 1rem auto;
}
.block_tournaments .games_section .tournament_games {
  position: relative;
  visibility: hidden;
  overflow: unset;
  width: 100%;
  max-width: 100%;
  padding-bottom: 0;
  background: var(--g-color-fill-dark);
  border-radius: 16px;
}
.block_tournaments .games_section .tournament_games > * {
  transition: opacity 0.1s 0s;
  opacity: 0;
  z-index: 1;
}
.block_tournaments .games_section .tournament_games .loader_overlay {
  height: 100%;
}
.block_tournaments .games_section .tournament_games .section_block {
  padding: var(--g-container-padding);
}
.block_tournaments .games_section .tournament_games .section_block .header .title_section .caption, .block_tournaments .games_section .tournament_games .section_block .header .title_section .caption_button {
  color: var(--g-color-fill-light);
}
.block_tournaments .games_section .tournament_games .section_block .header .toggle_search {
  display: flex;
  margin: 4px 0;
  padding: 8px;
  background: var(--g-color-fill-light);
  border-radius: 16px;
  cursor: pointer;
}
.block_tournaments .games_section .tournament_games .section_block .header .toggle_search .icon {
  font-size: 24px;
  color: var(--g-color-fill-dark);
}
.block_tournaments .games_section .tournament_games .section_block .header.hide_search .form-group {
  display: none;
}
.block_tournaments .games_section .tournament_games .section_block .header:not(.hide_search) .toggle_search {
  display: none;
}
.block_tournaments .games_section .tournament_games .section_block .header:not(.hide_search) .form-group {
  margin: 0;
}
@media (max-width: 767.8px) {
  .block_tournaments .games_section .tournament_games .section_block .header:not(.hide_search) .title_section {
    display: none;
  }
  .block_tournaments .games_section .tournament_games .section_block .header:not(.hide_search) .extra {
    width: 100%;
    margin: 0;
  }
}
.block_tournaments .games_section .tournament_games .section_block .content .item_game {
  width: 270px;
}
@media (max-width: 767.8px) {
  .block_tournaments .games_section .tournament_games .section_block .content .item_game {
    width: 160px;
  }
}
.block_tournaments .games_section .tournament_games .section_block .content .next_page {
  grid-row: 1/-1;
  align-self: center;
}
.block_tournaments .games_section .tournament_games .section_block .content .next_page .slider-button {
  display: flex;
  padding: 8px;
  color: var(--g-color-fill-dark);
  background: var(--g-color-fill-light);
  border: none;
  border-radius: 16px;
  cursor: pointer;
}
.block_tournaments .games_section .tournament_games .section_block .content .next_page .slider-button .icon {
  font-size: 24px;
}
.block_tournaments .games_section .tournament_games:not(.active) {
  height: 0;
}
.block_tournaments .games_section .tournament_games.active {
  visibility: visible;
  height: 100%;
  min-height: 244px;
  margin-top: 16px;
  opacity: 1;
}
.block_tournaments .games_section .tournament_games.active > * {
  transition: opacity 0.2s 0.2s;
  opacity: 1;
}
.block_tournaments .games_section .tournament_games.active::before {
  display: block;
}

.card_lottery_style.info {
  padding: 0 1rem;
}
.card_lottery_style.info .header {
  justify-content: center;
}
.card_lottery_style.info .header .icon {
  display: none;
}

.cashback_list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (max-width: 767.8px) {
  .cashback_list {
    flex-direction: column;
  }
}

.cashback_card.card_bonus {
  background-color: var(--g-color-background);
}
.cashback_card.card_bonus.open .img_wrap,
.cashback_card.card_bonus.open .deposit_card,
.cashback_card.card_bonus.open .cashback_percent,
.cashback_card.card_bonus.open .progress,
.cashback_card.card_bonus.open .small_description {
  display: none;
}
.cashback_card.card_bonus.open .content {
  background: transparent;
}
.cashback_card.card_bonus.has_error .button.primary {
  pointer-events: none;
  --button-bg: var(--g-color-grey-400) !important;
  --button-text-color: var(--g-color-grey-300) !important;
  --button-border-color: var(--g-color-grey-400) !important;
}
.cashback_card.card_bonus.has_error .text.bonus_error {
  padding-right: 0.5rem;
}
.cashback_card.card_bonus.has_error .text.bonus_error a {
  color: var(--g-color-primary);
  text-decoration: underline;
}
.cashback_card.card_bonus .content {
  height: 230px;
  background-color: #49B886;
}
.cashback_card.card_bonus .img_wrap {
  margin: 16px auto 0;
  max-width: 140px;
}
.cashback_card.card_bonus .cashback_percent {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 8px 0;
}
.cashback_card.card_bonus .cashback_percent .value {
  color: #FFEB38;
  margin-left: 4px;
}
.cashback_card.card_bonus .deposit_card {
  width: 100%;
  max-width: 260px;
  margin: 8px auto 0;
}
.cashback_card.card_bonus .deposit_card .text {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
}
.cashback_card.card_bonus .deposit_card .text span {
  display: inline-block;
}
.has_error.cashback_card.card_bonus .deposit_card {
  display: none;
}

.cashback_card.card_bonus .progress {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  position: relative;
  width: 100%;
  max-width: 260px;
  margin: 4px auto 8px;
  padding: 2px;
  text-align: center;
  border-radius: 16px;
  background-color: var(--g-color-fill-dark);
  border: 2px solid var(--g-color-fill-light);
}
.cashback_card.card_bonus .progress .progress-bar {
  width: 0;
  height: 12px;
  border-radius: 16px;
  background-color: var(--g-color-primary);
}
.cashback_card.card_bonus .progress .progress-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cashback_card.card_bonus .small_description {
  width: 100%;
  max-width: 260px;
  margin: 4px auto 0;
}
.cashback_card.card_bonus .small_description .text {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  text-align: center;
}
.cashback_card.card_bonus .active_bonus_error {
  width: 100%;
  border-radius: 0;
  margin-bottom: 1.5rem;
}

.cards_promo_links {
  display: flex;
  flex-flow: column;
  gap: 8px 4px;
  margin-top: 24px;
}
.cards_promo_links .item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  width: 322px;
  min-width: 322px;
  height: 96px;
  padding: 8px 20px;
  border-radius: 20px;
}
.cards_promo_links .item .content {
  z-index: 1;
  color: var(--g-color-fill-light);
}
.cards_promo_links .item .content .title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.cards_promo_links .item .content .description {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 12px;
}
.cards_promo_links .item .image {
  width: 80px;
  height: 80px;
  z-index: 1;
}
.cards_promo_links .item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: inherit;
}
@media (max-width: 767.8px) {
  .cards_promo_links .cards_promo_links {
    flex-flow: row;
    overflow: hidden;
  }
  .cards_promo_links .cards_promo_links .item:first-child {
    margin-left: 20px;
  }
  .cards_promo_links .cards_promo_links .item:last-child {
    margin-right: 20px;
  }
}

.divider {
  --divider-color: var(--g-color-grey-200);
  display: flex;
  width: 100%;
  height: 1px;
  min-height: 1px;
  background: var(--divider-color);
}
.divider.dashed {
  background: linear-gradient(90deg, var(--divider-color) 4px, transparent 4px);
  background-size: 0.5rem 0.5rem;
  opacity: 0.3;
}
.divider.transparent {
  background: none;
}
.divider.m-4 {
  margin: 4px 0;
}
.divider.mb-4 {
  margin-bottom: 4px;
}
.divider.mt-4 {
  margin-top: 4px;
}
.divider.m-8 {
  margin: 8px 0;
}
.divider.mb-8 {
  margin-bottom: 8px;
}
.divider.mt-8 {
  margin-top: 8px;
}
.divider.m-12 {
  margin: 12px 0;
}
.divider.mb-12 {
  margin-bottom: 12px;
}
.divider.mt-12 {
  margin-top: 12px;
}
.divider.m-16 {
  margin: 16px 0;
}
.divider.mb-16 {
  margin-bottom: 16px;
}
.divider.mt-16 {
  margin-top: 16px;
}
.divider.m-20 {
  margin: 20px 0;
}
.divider.mb-20 {
  margin-bottom: 20px;
}
.divider.mt-20 {
  margin-top: 20px;
}
.divider.m-24 {
  margin: 24px 0;
}
.divider.mb-24 {
  margin-bottom: 24px;
}
.divider.mt-24 {
  margin-top: 24px;
}
.divider.m-32 {
  margin: 32px 0;
}
.divider.mb-32 {
  margin-bottom: 32px;
}
.divider.mt-32 {
  margin-top: 32px;
}
.divider.m-48 {
  margin: 48px 0;
}
.divider.mb-48 {
  margin-bottom: 48px;
}
.divider.mt-48 {
  margin-top: 48px;
}

.divider_vertical {
  --divider-color: var(--g-color-grey-300);
  display: flex;
  width: 1px;
  min-width: 1px;
  height: 100%;
  background: var(--divider-color);
}
.divider_vertical.dashed {
  background: linear-gradient(0deg, var(--divider-color) 4px, transparent 4px);
  background-size: 0.5rem 0.5rem;
  opacity: 0.3;
}
.divider_vertical.transparent {
  background: none;
}
.divider_vertical.m-4 {
  margin: 0 4px;
}
.divider_vertical.ml-4 {
  margin-left: 4px;
}
.divider_vertical.mr-4 {
  margin-right: 4px;
}
.divider_vertical.m-8 {
  margin: 0 8px;
}
.divider_vertical.ml-8 {
  margin-left: 8px;
}
.divider_vertical.mr-8 {
  margin-right: 8px;
}
.divider_vertical.m-12 {
  margin: 0 12px;
}
.divider_vertical.ml-12 {
  margin-left: 12px;
}
.divider_vertical.mr-12 {
  margin-right: 12px;
}
.divider_vertical.m-16 {
  margin: 0 16px;
}
.divider_vertical.ml-16 {
  margin-left: 16px;
}
.divider_vertical.mr-16 {
  margin-right: 16px;
}
.divider_vertical.m-20 {
  margin: 0 20px;
}
.divider_vertical.ml-20 {
  margin-left: 20px;
}
.divider_vertical.mr-20 {
  margin-right: 20px;
}
.divider_vertical.m-24 {
  margin: 0 24px;
}
.divider_vertical.ml-24 {
  margin-left: 24px;
}
.divider_vertical.mr-24 {
  margin-right: 24px;
}
.divider_vertical.m-32 {
  margin: 0 32px;
}
.divider_vertical.ml-32 {
  margin-left: 32px;
}
.divider_vertical.mr-32 {
  margin-right: 32px;
}
.divider_vertical.m-48 {
  margin: 0 48px;
}
.divider_vertical.ml-48 {
  margin-left: 48px;
}
.divider_vertical.mr-48 {
  margin-right: 48px;
}

.language_dropdown {
  --menu-bg: var(--g-color-grey-600);
  position: relative;
}
.language_dropdown .dd__button {
  --button-bg: var(--g-color-fill-dark);
  --button-hover-bg: var(--g-color-fill-dark);
  --button-height: 2.5rem;
  min-width: 84px;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: -webkit-fill-available;
  padding: 8px 8px 8px 16px;
  font-weight: 500;
}
.language_dropdown .flag {
  position: relative;
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin-right: 0;
  border-radius: 50%;
}
.language_dropdown .flag svg {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.language_dropdown .caption, .language_dropdown .title_section .caption_button, .title_section .language_dropdown .caption_button {
  color: var(--g-color-fill);
}
.language_dropdown .icon-dd {
  display: none;
}
.language_dropdown .dd__menu {
  position: absolute;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  width: 244px;
  padding: 16px;
  background: var(--menu-bg);
  border-radius: 16px;
  z-index: 1;
  gap: 16px 8px;
}
.language_dropdown .dd__link {
  display: flex;
  align-items: center;
  padding: 8px 8px 8px 16px;
  background: var(--g-color-fill-same);
  border-radius: 16px;
  transition: var(--g-transition);
  gap: 8px;
}
.language_dropdown .dd__link.active, .language_dropdown .dd__link:hover {
  box-shadow: inset 0 0 0 1px var(--g-color-primary);
}
.language_dropdown.compact .dd__button .icon-dd {
  display: block;
}
.language_dropdown.compact .dd__button .caption, .language_dropdown.compact .dd__button .title_section .caption_button, .title_section .language_dropdown.compact .dd__button .caption_button {
  display: none;
}
.language_dropdown.full .icon-dd {
  display: block;
  margin-left: auto;
}
.language_dropdown.down .dd__menu {
  top: calc(100% + 12px);
}
.language_dropdown.up .dd__menu {
  bottom: calc(100% + 12px);
}
.language_dropdown.left_align .dd__menu {
  left: 0;
}
.language_dropdown.right_align .dd__menu {
  right: 0;
}
.language_dropdown.center_align .dd__menu {
  right: 50%;
  transform: translateX(50%);
}

.dropdown_user {
  --dropdown-bg: var(--g-color-grey-500);
  width: 286px;
  background: var(--dropdown-bg);
}

.embed-responsive-game {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
}
.embed-responsive-game::before {
  content: "";
  width: 0;
  padding-top: calc(100% * 9 / 16);
}
@media (max-width: 1023.8px) {
  .embed-responsive-game {
    height: calc(var(--vh, 1vh) * 100 - var(--header-height));
  }
}
@media screen and (max-width: 1023.8px) and (orientation: portrait) {
  .embed-responsive-game {
    height: calc(var(--vh, 1vh) * 100 - var(--header-height) - 90px);
  }
}
@media screen and (max-width: 1023.8px) and (orientation: landscape) {
  .embed-responsive-game {
    height: calc(var(--vh, 1vh) * 100 - var(--header-height) - 78px);
  }
}
@media (max-width: 1023.8px) {
  .embed-responsive-game::before {
    display: none;
  }
}
.embed-responsive-game .embed-responsive-item,
.embed-responsive-game iframe,
.embed-responsive-game embed,
.embed-responsive-game object,
.embed-responsive-game video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0;
}

.empty_slider_games {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

form input[type=checkbox],
form input[type=radio],
.form_style input[type=checkbox],
.form_style input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
form input[type=checkbox] + .checkbox, form input[type=checkbox] + .radio,
form input[type=radio] + .checkbox,
form input[type=radio] + .radio,
.form_style input[type=checkbox] + .checkbox,
.form_style input[type=checkbox] + .radio,
.form_style input[type=radio] + .checkbox,
.form_style input[type=radio] + .radio {
  display: flex;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  cursor: pointer;
}
form input[type=checkbox] + .checkbox.center, form input[type=checkbox] + .radio.center,
form input[type=radio] + .checkbox.center,
form input[type=radio] + .radio.center,
.form_style input[type=checkbox] + .checkbox.center,
.form_style input[type=checkbox] + .radio.center,
.form_style input[type=radio] + .checkbox.center,
.form_style input[type=radio] + .radio.center {
  margin: auto;
}
form input[type=checkbox]:not(:checked) + .checkbox,
form input[type=radio]:not(:checked) + .checkbox,
.form_style input[type=checkbox]:not(:checked) + .checkbox,
.form_style input[type=radio]:not(:checked) + .checkbox {
  background-image: url("./images/form/dark/checkbox_off.svg");
}
form input[type=checkbox]:not(:checked) + .radio,
form input[type=radio]:not(:checked) + .radio,
.form_style input[type=checkbox]:not(:checked) + .radio,
.form_style input[type=radio]:not(:checked) + .radio {
  background-image: url("./images/form/dark/radio_off.svg");
}
form input[type=checkbox]:not(:checked):hover + .checkbox,
form input[type=radio]:not(:checked):hover + .checkbox,
.form_style input[type=checkbox]:not(:checked):hover + .checkbox,
.form_style input[type=radio]:not(:checked):hover + .checkbox {
  background-image: url("./images/form/dark/checkbox_off_hover.svg");
}
form input[type=checkbox]:not(:checked):hover + .radio,
form input[type=radio]:not(:checked):hover + .radio,
.form_style input[type=checkbox]:not(:checked):hover + .radio,
.form_style input[type=radio]:not(:checked):hover + .radio {
  background-image: url("./images/form/dark/radio_off_hover.svg");
}
form input[type=checkbox]:not(:checked):disabled + .checkbox,
form input[type=radio]:not(:checked):disabled + .checkbox,
.form_style input[type=checkbox]:not(:checked):disabled + .checkbox,
.form_style input[type=radio]:not(:checked):disabled + .checkbox {
  background-image: url("./images/form/dark/checkbox_off_disabled.svg");
}
form input[type=checkbox]:not(:checked):disabled + .radio,
form input[type=radio]:not(:checked):disabled + .radio,
.form_style input[type=checkbox]:not(:checked):disabled + .radio,
.form_style input[type=radio]:not(:checked):disabled + .radio {
  background-image: url("./images/form/dark/radio_off_disabled.svg");
}
form input[type=checkbox]:checked + .checkbox,
form input[type=radio]:checked + .checkbox,
.form_style input[type=checkbox]:checked + .checkbox,
.form_style input[type=radio]:checked + .checkbox {
  background-image: url("./images/form/dark/checkbox_on.svg");
}
form input[type=checkbox]:checked + .radio,
form input[type=radio]:checked + .radio,
.form_style input[type=checkbox]:checked + .radio,
.form_style input[type=radio]:checked + .radio {
  background-image: url("./images/form/dark/radio_on.svg");
}
form input[type=checkbox]:checked:hover + .checkbox,
form input[type=radio]:checked:hover + .checkbox,
.form_style input[type=checkbox]:checked:hover + .checkbox,
.form_style input[type=radio]:checked:hover + .checkbox {
  background-image: url("./images/form/dark/checkbox_on_hover.svg");
}
form input[type=checkbox]:checked:hover + .radio,
form input[type=radio]:checked:hover + .radio,
.form_style input[type=checkbox]:checked:hover + .radio,
.form_style input[type=radio]:checked:hover + .radio {
  background-image: url("./images/form/dark/radio_on_hover.svg");
}
form input[type=checkbox]:checked:disabled + .checkbox,
form input[type=radio]:checked:disabled + .checkbox,
.form_style input[type=checkbox]:checked:disabled + .checkbox,
.form_style input[type=radio]:checked:disabled + .checkbox {
  background-image: url("./images/form/dark/checkbox_on_disabled.svg");
}
form input[type=checkbox]:checked:disabled + .radio,
form input[type=radio]:checked:disabled + .radio,
.form_style input[type=checkbox]:checked:disabled + .radio,
.form_style input[type=radio]:checked:disabled + .radio {
  background-image: url("./images/form/dark/radio_on_disabled.svg");
}
form input[type=checkbox].indeterminate + .checkbox,
form input[type=radio].indeterminate + .checkbox,
.form_style input[type=checkbox].indeterminate + .checkbox,
.form_style input[type=radio].indeterminate + .checkbox {
  background-image: url("./images/form/dark/checkbox_indeterminate.svg");
}
form input[type=checkbox].indeterminate + .radio,
form input[type=radio].indeterminate + .radio,
.form_style input[type=checkbox].indeterminate + .radio,
.form_style input[type=radio].indeterminate + .radio {
  background-image: url("./images/form/dark/radio_indeterminate.svg");
}
form input[type=checkbox].indeterminate:hover + .checkbox,
form input[type=radio].indeterminate:hover + .checkbox,
.form_style input[type=checkbox].indeterminate:hover + .checkbox,
.form_style input[type=radio].indeterminate:hover + .checkbox {
  background-image: url("./images/form/dark/checkbox_indeterminate_hover.svg");
}
form input[type=checkbox].indeterminate:hover + .radio,
form input[type=radio].indeterminate:hover + .radio,
.form_style input[type=checkbox].indeterminate:hover + .radio,
.form_style input[type=radio].indeterminate:hover + .radio {
  background-image: url("./images/form/dark/radio_indeterminate_hover.svg");
}
form input[type=checkbox].indeterminate:disabled + .checkbox,
form input[type=radio].indeterminate:disabled + .checkbox,
.form_style input[type=checkbox].indeterminate:disabled + .checkbox,
.form_style input[type=radio].indeterminate:disabled + .checkbox {
  background-image: url("./images/form/dark/checkbox_indeterminate_disabled.svg");
}
form input[type=checkbox].indeterminate:disabled + .radio,
form input[type=radio].indeterminate:disabled + .radio,
.form_style input[type=checkbox].indeterminate:disabled + .radio,
.form_style input[type=radio].indeterminate:disabled + .radio {
  background-image: url("./images/form/dark/radio_indeterminate_disabled.svg");
}

form,
.form_style {
  --icon-color: var(--g-color-grey-200);
  --input-height: 48px;
  --input-padding: 1rem;
  --input-icon-size: 1.5rem;
  --input-icon-padding: 0.5rem;
  --input-icon-color: var(--input-text-color);
  --input-bg: var(--g-color-fill-dark);
  --input-border-color: var(--g-color-fill-dark);
  --input-text-color: var(--g-color-grey-200);
  --input-placeholder-color: var(--g-color-grey-200);
  --input-label-color: var(--g-color-grey-200);
  --focus-input-text-color: var(--g-color-primary);
  --focus-input-border-color: var(--g-color-fill-dark);
  --hover-input-border-color: var(--g-color-fill-dark);
  --hover-placeholder-text-color: var(--g-color-tertiary);
  --disabled-input-text-color: var(--g-color-grey-400);
  --disabled-input-border-color: var(--g-color-grey-500);
  --disabled-input-bg: var(--g-color-fill-dark);
}
form .form-row,
.form_style .form-row {
  --gap: 2rem;
  --gap-n: calc(-1 * var(--gap));
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + var(--gap));
  margin-left: var(--gap-n);
}
form .form-row.nowrap,
.form_style .form-row.nowrap {
  flex-flow: row nowrap;
}
form .form-row .form-column,
.form_style .form-row .form-column {
  flex: 1 1 auto;
  min-width: 250px;
  margin-left: var(--gap);
}
form .form-row .form-column.rigid,
.form_style .form-row .form-column.rigid {
  flex-grow: 0;
}
form .form-row .form-column.flex,
.form_style .form-row .form-column.flex {
  flex-grow: 1;
}
form .form-row .form-column.w-25,
.form_style .form-row .form-column.w-25 {
  flex-basis: calc(25% - var(--gap));
}
form .form-row .form-column.w-33,
.form_style .form-row .form-column.w-33 {
  flex-basis: calc(33.33% - var(--gap));
}
form .form-row .form-column.w-50,
.form_style .form-row .form-column.w-50 {
  flex-basis: calc(50% - var(--gap));
}
form .form-row .form-column.w-66,
.form_style .form-row .form-column.w-66 {
  flex-basis: calc(66.66% - var(--gap));
}
form .form-row .form-column.w-75,
.form_style .form-row .form-column.w-75 {
  flex-basis: calc(75% - var(--gap));
}
form .form-row .form-column.w-100,
.form_style .form-row .form-column.w-100 {
  flex-basis: calc(100% - var(--gap));
}
form .form-group,
.form_style .form-group {
  margin-bottom: 0.625rem;
}
form .group_title,
.form_style .group_title {
  margin-bottom: 0.75rem;
}
@media (max-width: 575.8px) {
  form .group_title,
.form_style .group_title {
    margin-bottom: 0.5rem;
  }
}

.form-group {
  display: grid;
  grid-template-areas: "label" "input" "error";
  grid-template-columns: minmax(0, 1fr);
}
.form-group.no_error > .help-block {
  display: none;
}
.form-group.checkbox label, .form-group.radio label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.form-group.checkbox label.card_label, .form-group.radio label.card_label {
  gap: 1rem;
  padding: 1rem;
  background: var(--g-color-fill-same);
  border-radius: 1rem;
}
.form-group.checkbox label i.checkbox,
.form-group.checkbox label i.radio, .form-group.radio label i.checkbox,
.form-group.radio label i.radio {
  flex: 0 0 auto;
}
.form-group.checkbox label .text, .form-group.radio label .text {
  color: var(--g-color-fill);
}
.form-group.checkbox label .text,
.form-group.checkbox label .text *, .form-group.radio label .text,
.form-group.radio label .text * {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.form-group.checkbox label .text a, .form-group.radio label .text a {
  color: var(--g-color-primary);
}
.form-group > label {
  grid-area: label;
  margin-bottom: 0.25rem;
  color: var(--input-label-color);
}
.form-group > input,
.form-group > .checkbox,
.form-group > .radio {
  grid-area: input;
}
.form-group > input.has-icon-right + .icon,
.form-group > .checkbox.has-icon-right + .icon,
.form-group > .radio.has-icon-right + .icon {
  margin-right: 0.5rem;
  margin-left: auto;
}
.form-group > textarea {
  grid-area: input;
}
.form-group > .select2 {
  grid-area: input;
}
.form-group > .select2.select2-container {
  width: 100% !important;
}
.form-group .radio_list {
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem;
}
.form-group .radio_list .variant {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  gap: 0.5rem;
}
.form-group .radio_list .variant span {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.form-group > .icon,
.form-group > .hint-icon,
.form-group > .toggle-password {
  display: flex;
  grid-area: input;
  justify-content: center;
  align-items: center;
  min-width: var(--input-icon-size);
  height: 100%;
  font-size: var(--input-icon-size);
  color: var(--icon-color);
  z-index: 1;
}
.form-group > .icon {
  font-style: normal;
  margin-right: auto;
  margin-left: var(--input-padding);
}
.form-group > .hint-icon {
  margin-right: var(--input-icon-padding);
  margin-left: auto;
  cursor: pointer;
}
.form-group > .toggle-password {
  margin-left: auto;
  padding: 0 var(--input-padding) 0 0;
  cursor: pointer;
}
.form-group > .help-block {
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 400;
  grid-area: error;
  min-height: 0.875rem;
  padding: 0 1.5rem;
  color: var(--g-color-grey-400);
}
.has-error.form-group > .help-block {
  color: var(--g-color-error);
}

.form-group.hidden {
  display: none;
}

input,
textarea,
.input_style {
  width: auto;
  font-family: inherit;
  color: var(--input-text-color);
  background-color: var(--input-bg);
  border: 1px solid var(--input-border-color);
  border-radius: 1rem;
  transition: var(--g-transition);
}
.has-success input,
.has-success textarea,
.has-success .input_style {
  --input-text-color: var(--g-color-success);
  --input-border-color: var(--g-color-success);
  --focus-input-border-color: var(--g-color-success);
  --hover-input-border-color: var(--g-color-success-dark);
}
.has-success input ~ .icon, .has-success input ~ .icon_wrap,
.has-success textarea ~ .icon,
.has-success textarea ~ .icon_wrap,
.has-success .input_style ~ .icon,
.has-success .input_style ~ .icon_wrap {
  --icon-color: var(--g-color-success);
}

.has-error input,
.has-error textarea,
.has-error .input_style {
  --input-text-color: var(--g-color-error);
  --input-border-color: var(--g-color-error);
  --focus-input-border-color: var(--g-color-error);
  --hover-input-border-color: var(--g-color-error-dark);
}
.has-error input ~ .icon, .has-error input ~ .icon_wrap,
.has-error textarea ~ .icon,
.has-error textarea ~ .icon_wrap,
.has-error .input_style ~ .icon,
.has-error .input_style ~ .icon_wrap {
  --icon-color: var(--g-color-error);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.input_style::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}
input:placeholder-shown ~ .icon, input:placeholder-shown ~ .icon_wrap,
textarea:placeholder-shown ~ .icon,
textarea:placeholder-shown ~ .icon_wrap,
.input_style:placeholder-shown ~ .icon,
.input_style:placeholder-shown ~ .icon_wrap {
  --icon-color: var(--input-placeholder-color);
}
input:focus-visible,
textarea:focus-visible,
.input_style:focus-visible {
  outline: none;
}
input:hover,
textarea:hover,
.input_style:hover {
  --input-border-color: var(--hover-input-border-color);
}
input:focus,
textarea:focus,
.input_style:focus {
  --input-text-color: var(--focus-input-text-color) !important;
  --input-border-color: var(--focus-input-border-color);
}
input:focus ~ .icon, input:focus ~ .icon_wrap,
textarea:focus ~ .icon,
textarea:focus ~ .icon_wrap,
.input_style:focus ~ .icon,
.input_style:focus ~ .icon_wrap {
  --icon-color: var(--focus-input-text-color);
}
input.disabled, input:disabled,
textarea.disabled,
textarea:disabled,
.input_style.disabled,
.input_style:disabled {
  --input-placeholder-color: var(--disabled-input-text-color);
  --input-text-color: var(--disabled-input-text-color);
  --input-border-color: var(--disabled-input-border-color);
  --input-bg: var(--disabled-input-bg);
  border: none;
  pointer-events: none;
}
input.disabled ~ .icon, input.disabled ~ .icon_wrap, input:disabled ~ .icon, input:disabled ~ .icon_wrap,
textarea.disabled ~ .icon,
textarea.disabled ~ .icon_wrap,
textarea:disabled ~ .icon,
textarea:disabled ~ .icon_wrap,
.input_style.disabled ~ .icon,
.input_style.disabled ~ .icon_wrap,
.input_style:disabled ~ .icon,
.input_style:disabled ~ .icon_wrap {
  --icon-color: var(--disabled-input-text-color);
}

input,
.input_style {
  --input-extra-padding: calc(var(--input-padding) + var(--input-icon-size) + var(--input-icon-padding));
  filter: none;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  height: var(--input-height);
  padding: 0 var(--input-padding);
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
.input_style:-webkit-autofill,
.input_style:-webkit-autofill:hover,
.input_style:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 var(--input-height) var(--input-bg) !important;
  transition: 5000s ease background-color !important;
  -webkit-text-fill-color: var(--input-text-color) !important;
}
input:-webkit-autofill,
.input_style:-webkit-autofill {
  caret-color: var(--input-text-color);
}
input::-webkit-inner-spin-button,
.input_style::-webkit-inner-spin-button {
  display: none;
}
input.has-icon,
.input_style.has-icon {
  padding-left: var(--input-extra-padding);
}
input.has-icon-right,
.input_style.has-icon-right {
  padding-right: var(--input-extra-padding);
}
input.has-padding-left,
.input_style.has-padding-left {
  padding-left: var(--input-extra-padding);
}
input.has-padding-right,
.input_style.has-padding-right {
  padding-right: var(--input-extra-padding);
}

textarea {
  height: 110px;
  padding: var(--input-padding);
  resize: none;
}
textarea::-webkit-scrollbar {
  width: 32px !important;
}
textarea::-webkit-scrollbar-thumb {
  border: 12px solid var(--input-bg);
}

.ipn {
  display: flex;
  align-items: center;
  padding: 0 var(--input-padding);
  background-color: var(--input-bg);
  border-radius: 16px;
}
.ipn .ipn-button {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  height: 1rem;
  padding: 0 0.5rem 0 0;
  color: var(--input-text-color);
  cursor: pointer;
}
.ipn .ipn-button .icon {
  font-size: 1rem;
}
.ipn .ipn-input {
  flex: 1;
  padding: 0;
  color: var(--input-text-color);
}
.ipn .ipn-dropdown {
  --container-bg: var(--g-color-fill-dark);
  --item-bg: transparent;
  --item-color: var(--g-color-fill);
  --item-active-bg: var(--g-color-grey-400);
  --item-active-color: var(--g-color-fill);
  --item-hover-bg: var(--g-color-grey-600);
  --item-hover-color: var(--g-color-fill);
  max-height: 296px;
  padding: 0.5rem 0.25rem;
  background: var(--container-bg);
  border-radius: 0 0 1.5rem 1.5rem;
  z-index: 2;
}
.ipn .ipn-dropdown .ipn-item {
  display: flex;
  align-items: center;
  height: 40px;
  margin-right: 0.25rem;
  padding: 0.5rem 0.75rem;
  color: var(--item-color);
  background: var(--item-bg);
  cursor: pointer;
}
.ipn .ipn-dropdown .ipn-item.active {
  color: var(--item-active-color);
  background: var(--item-active-bg);
  border-radius: 1rem;
}
.ipn .ipn-dropdown .ipn-item:hover {
  color: var(--item-hover-color);
  background: var(--item-hover-bg);
  border-radius: 0.5rem;
}
.ipn .ipn-dropdown .ipn-item .phone-code {
  margin-right: 0.625rem;
}
.ipn.open {
  border: none !important;
  border-radius: 1rem 1rem 0 0;
}
.ipn.disabled, .ipn:disabled {
  --input-placeholder-color: var(--disabled-input-text-color);
  --input-text-color: var(--disabled-input-text-color);
  --input-border-color: var(--disabled-input-border-color);
  --input-bg: var(--disabled-input-bg);
  border: none;
  pointer-events: none;
}
.ipn.disabled ~ .icon, .ipn.disabled ~ .icon_wrap, .ipn:disabled ~ .icon, .ipn:disabled ~ .icon_wrap {
  --icon-color: var(--disabled-input-text-color);
}
.ipn.disabled .ipn-button .flag, .ipn:disabled .ipn-button .flag {
  opacity: 0.5;
}

.button_game_in_fav.button_badge.game_in_fav .icon, .button_game_in_fav.button.game_in_fav .icon {
  color: var(--g-color-error);
}
.button_game_in_fav .wishlist_heart {
  --fuschia: #EF2B7C;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  cursor: pointer;
  color: transparent;
  animation: beat_off 300ms forwards;
}
.button_game_in_fav .wishlist_heart .icon-favorite-full {
  display: none;
}
.button_game_in_fav .wishlist_heart._active {
  color: var(--fuschia);
  animation: beat_on 400ms forwards;
}
.button_game_in_fav .wishlist_heart._active .icon-favorite-stroke {
  display: none;
}
.button_game_in_fav .wishlist_heart._active .icon-favorite-full {
  display: block;
}

.game_in_fav:not(.button_game_in_fav) .wishlist_heart .icon.icon-favorite-full {
  display: none !important;
}

@keyframes beat_on {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.5);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes beat_off {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  80% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.section_search_games {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  padding-bottom: 1.25rem;
  position: relative;
}
.section_search_games .form.search_input {
  width: 100%;
}
.section_search_games .button_close {
  position: absolute;
  top: 0;
  right: 56px;
  display: flex;
  align-items: center;
  height: 50px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--g-color-grey-200);
}
.section_search_games .button.compact {
  --button-height: 3rem;
}

.gift-cards {
  text-align: center;
}
.gift-cards .btn-gift-cards {
  display: flex;
  gap: 0.25rem;
  position: relative;
}
.gift-cards .btn-gift-cards .icon {
  font-size: 1rem;
  color: var(--g-color-primary);
}
.gift-cards .btn-gift-cards .icon.icon-cards2 {
  font-size: 2.5rem;
}
.gift-cards .reward-amount {
  position: absolute;
  top: 0;
  left: -4px;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  color: var(--g-color-fill-light);
  background: var(--g-color-error);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.gift-cards .tooltip-wrap {
  flex: 1;
}
.gift-cards .tooltip-wrap .title {
  text-align: center;
  color: var(--g-color-primary);
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.gift-cards .tooltip-wrap > .tooltip {
  transform: translateY(-2px) translateX(6px);
}
.gift-cards .tooltip-wrap > .tooltip:before {
  right: 6px;
}
.gift-cards img {
  margin-left: 52px;
}

.instruction-install-app ul {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  padding: 0;
}
.instruction-install-app ul li {
  display: block;
  margin-bottom: 1rem;
  line-height: 1.5rem;
}
.instruction-install-app ul li .icon {
  display: inline-block;
  margin: 0 0.5rem;
  vertical-align: middle;
}
.instruction-install-app ul li .icon-share2 {
  color: var(--g-color-secondary);
}
.instruction-install-app ul li .item_bg {
  display: inline-flex;
  align-items: center;
  margin: 0 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: var(--g-color-grey-200);
}
.instruction-install-app ul li .item_bg .icon {
  margin-right: 0;
  margin-left: 1rem;
  font-size: 1rem;
}
.instruction-install-app ul li .item_blue {
  color: var(--g-color-secondary);
}
.instruction-install-app ul li .logo {
  display: inline-block;
  background: var(--g-color-fill-dark);
  border-radius: 0.25rem;
  margin: 0 0.5rem;
  width: 24px;
  height: 24px;
  padding: 0 0.25rem;
  vertical-align: middle;
}
.instruction-install-app ul li .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.item_game {
  --game-item-content-br: 0.5rem;
  --game-item-padding: 0;
  --game-item-bg: var(--g-color-background);
  --game-item-text-color: var(--g-color-fill);
  position: relative;
  min-width: 160px;
  height: max-content;
  padding: var(--game-item-padding);
  background: var(--game-item-bg);
  border-radius: var(--game-item-content-br);
}
.item_game .content {
  position: relative;
  display: flex;
  width: 100%;
}
.item_game .content::before {
  content: "";
  width: 0;
  padding-top: calc(100% * (175 / 262));
}
.item_game .content .image_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-areas: "image";
  overflow: hidden;
  border-radius: var(--game-item-content-br);
  pointer-events: none;
}
.item_game .content .image_bg img,
.item_game .content .image_bg video,
.item_game .content .image_bg .overlay {
  display: flex;
  grid-area: image;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.item_game .content .image_bg img,
.item_game .content .image_bg video {
  visibility: visible;
}
.item_game .content .image_bg img.animated,
.item_game .content .image_bg video.animated {
  display: none;
  visibility: hidden;
}
.item_game .content .image_bg .overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
  opacity: 0;
}
.mobile.item_game .content .image_bg .overlay {
  display: none;
}

.item_game .content .jackpot {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.25rem 0.625rem;
  color: var(--g-color-fill-light);
  background: var(--g-gradient-1);
  border-radius: 6px 0;
  transition: var(--g-transition);
  pointer-events: none;
}
.item_game .content .jackpot .title {
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 500;
}
.item_game .content .jackpot .amount {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.mobile.item_game .content .jackpot {
  border-radius: 0.5rem 0;
}
.mobile.item_game .content .jackpot .amount {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}

.item_game .content .category_image_wrap.labels {
  position: absolute;
  top: 0.5rem;
  right: calc(-1 * var(--game-item-padding));
  display: flex;
  flex-direction: column;
  transition: var(--g-transition);
  gap: 0.125rem;
}
.item_game .content .category_image_wrap.labels img {
  height: 1.75rem;
}
.mobile.item_game .content .category_image_wrap.labels img {
  height: 1.5rem;
}

.item_game .content .category_image_wrap.dropsandwins {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 70px;
  max-height: 40%;
}
@media (max-width: 575.8px) {
  .item_game .content .category_image_wrap.dropsandwins {
    height: 40%;
  }
}
.item_game .content .category_image_wrap.dropsandwins img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom left;
}
.item_game .content .category_image_wrap.reeloffortune {
  position: absolute;
  top: 0.5rem;
  right: unset;
  left: calc(-1 * var(--game-item-padding));
}
.item_game .content .category_image_wrap.reeloffortune img {
  height: 2.25rem;
}
.item_game .content .actions {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.5rem;
  transition: var(--g-transition);
  opacity: 0;
  pointer-events: none;
  gap: 0.5rem;
}
.item_game .content .actions > * {
  max-width: 120px;
}
.item_game .content .actions .button {
  --button-height: 2.5rem;
  min-width: 72px;
}
.item_game .content .actions .link {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-fill-light);
  margin-top: 0.5rem;
}
.item_game .content .actions .tooltip {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--g-color-fill-light);
}
.mobile.item_game .content .actions {
  display: none;
}

.item_game .content .mobile_link {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.mobile.item_game .content .mobile_link {
  display: block;
  z-index: 1;
}

.item_game .content .sum {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.25rem 0.5rem;
  transition: var(--g-transition);
}
.item_game .content .sum .icon {
  font-size: 1rem;
}
.item_game .content .sum:not(.sum-bg) {
  display: none;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.item_game .content .sum.sum-bg {
  left: auto;
  right: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--g-color-secondary);
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.item_game .info {
  display: flex;
  align-items: center;
  height: 1.5rem;
  margin-top: var(--game-item-padding);
  padding: 0 0.5rem;
  color: var(--g-color-grey-200);
}
.item_game .info .provider_icon {
  width: auto;
  height: 1rem;
  margin-right: 0.25rem;
  opacity: 0.6;
}
.item_game .info .caption, .item_game .info .title_section .caption_button, .title_section .item_game .info .caption_button {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  flex: 1;
  margin-right: 0.75rem;
}
.mobile.item_game .info .caption, .mobile.item_game .info .title_section .caption_button, .title_section .mobile.item_game .info .caption_button {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
}

.item_game .info .rm {
  display: flex;
  color: var(--g-color-tertiary);
}
.item_game .info .game_in_fav {
  display: none;
  background: transparent;
  border: none;
}
.item_game .info .game_in_fav.in_fav, .item_game .info .game_in_fav:hover {
  color: var(--g-color-error);
}
.item_game .info .game_in_fav .icon {
  display: flex;
  transition: var(--g-transition);
}
.mobile.item_game .info .game_in_fav {
  display: none !important;
}

.item_game:hover .content .image_bg img,
.item_game:hover .content .image_bg video {
  opacity: 1;
}
.item_game:hover .content .image_bg img.animated,
.item_game:hover .content .image_bg video.animated {
  display: flex;
}
.item_game:hover .content .image_bg img.animated.lazyloaded,
.item_game:hover .content .image_bg video.animated.lazyloaded {
  visibility: visible;
}
.item_game:hover:not(.mobile) .content .image_bg .overlay {
  opacity: 1;
}
.item_game:hover:not(.mobile) .content .jackpot,
.item_game:hover:not(.mobile) .content .category_image_wrap {
  opacity: 0;
}
.item_game:hover:not(.mobile) .content .actions {
  opacity: 1;
  pointer-events: auto;
}
.item_game:hover:not(.mobile) .info .rm {
  display: none;
}
.item_game:hover:not(.mobile) .info .game_in_fav {
  display: block;
}

.item_news {
  --news-item-padding: 16px;
  --news-item-gap: 8px;
  --news-item-image-size: 128px;
  --news-item-border: inset 0 0 0 2px rgba(0, 0, 0, 0);
  padding: var(--news-item-padding);
  color: var(--g-color-fill);
  background: var(--g-color-background);
  border-radius: 12px;
  box-shadow: var(--news-item-border);
  transition: var(--g-transition);
}
.item_news:hover {
  --news-item-border: inset 0 0 0 2px var(--g-color-primary);
}
@media (max-width: 767.8px) {
  .item_news:hover {
    --news-item-border: inset 0 0 0 2px rgba(0, 0, 0, 0);
  }
}
.item_news.select {
  --news-item-border: inset 0 0 0 2px var(--g-color-primary);
}
.item_news.read .viewed {
  display: flex;
}
.item_news .item_news_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--news-item-padding);
}
.item_news .item_news_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--news-item-gap);
  margin-bottom: var(--news-item-padding);
}
@media (min-width: 768px) and (max-width: 1023.8px) {
  .item_news .item_news_main {
    align-items: flex-start;
  }
}
.item_news .item_news_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item_news .image_wrap {
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--news-item-image-size);
  border-radius: 8px;
}
.item_news .image_wrap img {
  width: 100%;
}
.item_news .date {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: var(--news-item-gap);
  color: var(--g-color-grey-300);
}
.item_news .date .img {
  height: 16px;
}
.item_news .title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  flex-grow: 1;
}
.item_news .description {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: var(--news-item-padding);
  color: var(--g-color-grey-200);
}
.item_news input[type=checkbox]:checked + .checkbox {
  background-image: url(./images/form/dark/checkbox_on.svg) !important;
}
.item_news input[type=checkbox]:not(:checked):hover + .checkbox {
  background-image: url(./images/form/dark/checkbox_off.svg) !important;
}
.item_news .checkbox {
  margin-bottom: 0;
}
.item_news .checkbox > label {
  margin-bottom: 0;
}
.item_news .checkbox-icon {
  --checkbox-size: 20px;
  width: var(--checkbox-size) !important;
  min-width: var(--checkbox-size) !important;
  height: var(--checkbox-size) !important;
  min-height: var(--checkbox-size) !important;
}
.item_news .form-group.checkbox label .text, .item_news .form-group.checkbox label .text *, .item_news .form-group.radio label .text, .item_news .form-group.radio label .text * {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.item_news .viewed {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  display: none;
  justify-content: flex-start;
  align-items: center;
  gap: var(--news-item-gap);
  color: var(--g-color-grey-300);
}
.item_news .open-news-link {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--news-item-gap);
  margin-left: auto;
  color: var(--g-color-primary);
}
.item_news .open-news-link:hover .caption, .item_news .open-news-link:hover .title_section .caption_button, .title_section .item_news .open-news-link:hover .caption_button {
  text-decoration: underline;
}
.item_news .open-news-link .caption, .item_news .open-news-link .title_section .caption_button, .title_section .item_news .open-news-link .caption_button {
  transition: var(--g-transition);
}
@media (min-width: 768px) and (max-width: 1023.8px) {
  .item_news {
    --news-item-image-size: 90px;
  }
}
@media (max-width: 575.8px) {
  .item_news .image_wrap {
    --news-item-image-size: 128px;
  }
}

.slider_providers .providers .item {
  height: 3.5rem;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  background-color: var(--g-color-fill-dark);
}
.slider_providers .providers .item img {
  width: 100%;
  height: 100%;
  max-height: 2.75rem;
  object-fit: contain;
  object-position: center;
}

.item_winner {
  --overlay-bg: var(--g-color-fill-dark);
  --winner-item-name-color: var(--g-color-info);
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0.25rem 0.5rem;
  background: var(--g-color-fill-same);
  border-radius: 1rem;
  gap: 0.25rem;
}
.item_winner:hover .image_wrap:before {
  opacity: 0.7;
}
.item_winner:hover .image_wrap .button {
  opacity: 1;
}
.item_winner .image_wrap {
  display: grid;
  grid-template-areas: "image";
  flex: 0 0 auto;
  overflow: hidden;
  width: 68px;
  height: 48px;
}
.item_winner .image_wrap:before {
  content: "";
  grid-area: image;
  width: 100%;
  height: 100%;
  background: var(--overlay-bg);
  border-radius: 0.5rem;
  transition: var(--g-transition);
  opacity: 0;
}
.item_winner .image_wrap img {
  grid-area: image;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  transition: var(--g-transition);
  object-fit: cover;
  object-position: center;
}
.item_winner .image_wrap .button {
  --button-border-color: var(--g-color-primary);
  --button-padding: var(--button-padding-compact);
  --button-text-color: var(--g-color-primary);
  grid-area: image;
  margin: auto;
  opacity: 0;
}
.item_winner .image_wrap .button .caption, .item_winner .image_wrap .button .title_section .caption_button, .title_section .item_winner .image_wrap .button .caption_button {
  display: none;
}
@media (max-width: 767.8px) {
  .item_winner .image_wrap:before {
    opacity: 1 !important;
  }
  .item_winner .image_wrap .button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    opacity: 0 !important;
  }
}
.item_winner .game_info {
  display: flex;
  flex-flow: column;
}
.item_winner .game_info .game_name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  order: 1;
  color: var(--g-color-green-400);
}
.item_winner .game_info .money {
  order: 2;
}
.item_winner .game_info .money span {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--g-color-primary);
}
.item_winner .game_info .user_name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  order: 3;
  color: var(--g-color-fill);
}

.link_custom {
  text-decoration: none;
  background: unset;
  border: none;
  cursor: pointer;
}
.link_custom:hover {
  text-decoration: underline;
}
.link_custom.disabled, .link_custom:disabled {
  text-decoration: underline;
  color: var(--g-color-primary-disabled);
  cursor: default;
  pointer-events: none !important;
}
.link_custom, .link_custom.primary {
  color: var(--g-color-info);
}
.link_custom.disabled, .link_custom:disabled, .link_custom.primary.disabled, .link_custom.primary:disabled {
  color: var(--g-color-primary-disabled);
}
.link_custom.secondary {
  color: var(--g-color-secondary);
}
.link_custom.secondary.disabled, .link_custom.secondary:disabled {
  color: var(--g-color-secondary-disabled);
}

a:not([class]) {
  color: var(--g-color-primary);
}
a:not([class]):hover {
  text-decoration: underline;
}

.loader_overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  z-index: 13;
}
body > .loader_overlay {
  position: fixed;
}

.loader_overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--g-color-background);
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
}
.loader_overlay .loader {
  position: relative;
  width: 100%;
  max-width: 128px;
  z-index: 1;
}
.loader_overlay .loader img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.logo_main img {
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.menu_games {
  --item-bg: var(--g-color-fill-dark);
  --item-bg-active: var(--g-gradient-primary);
  display: flex;
  gap: 0.5rem;
  overflow: hidden;
}
.menu_games .item .link {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  height: 72px;
  width: 112px;
  padding: 0.75rem 0.5rem;
  background: var(--item-bg);
  border-radius: 0.75rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.menu_games .item .link .icon {
  font-size: 24px;
  color: var(--g-color-primary);
}
.menu_games .item .link .icon.icon-favorite {
  color: var(--g-color-error);
}
.menu_games .item .link .caption, .menu_games .item .link .title_section .caption_button, .title_section .menu_games .item .link .caption_button {
  color: var(--g-color-fill);
  white-space: nowrap;
}
.menu_games .item:hover .link, .menu_games .item.active .link {
  background: var(--g-color-primary);
}
.menu_games .item:hover .link .icon, .menu_games .item.active .link .icon {
  color: var(--g-color-fill-light);
}
@media (max-width: 767.8px) {
  .menu_games {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .menu_games .link {
    width: 100%;
  }
}

.menu_header {
  display: flex;
  align-items: center;
  overflow: hidden;
  gap: 1rem !important;
}
.menu_header .link {
  display: flex;
  align-items: center;
  padding: 0.25rem;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--g-color-fill-light);
  gap: 0.25rem;
}
.menu_header .link:hover, .menu_header .link.active {
  color: var(--g-color-primary);
}
.menu_header .link,
.menu_header .link .label {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
}

.aside_main .auth_buttons {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.aside_main .auth_buttons .button {
  width: 100%;
}
.aside_main .balance_badge {
  padding: 1rem;
}
.aside_main .balance_badge .balance_badge_content {
  position: static;
  display: block;
  width: 100%;
  border: 0;
  opacity: 1;
  transform: none;
}

.actions {
  margin-top: 0.5rem;
}
.actions .button {
  width: 100%;
}

.menu_header_list {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.divider {
  margin: 0 1rem;
  width: calc(100% - 2rem);
}

.gift-cards {
  padding: 0 1rem 1rem;
}

.menu_list {
  --icon-size: 1.75rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.menu_list.mscroll {
  margin-bottom: 0.375rem !important;
}
.menu_list .item {
  padding: 0.25rem;
}
.menu_list .item .link {
  display: flex;
  align-items: center;
  color: var(--g-color-fill);
  gap: 0.75rem;
}
.menu_list .item .link .icon {
  font-size: var(--icon-size);
  display: block;
}
.menu_list .item .link,
.menu_list .item .link .label {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 500;
}
.menu_list .item.menu-other:first-child .link {
  color: var(--g-color-orange-300);
}
.menu_list .item.menu-other:hover .link, .menu_list .item.menu-other.active .link {
  color: var(--g-color-orange-500);
}

.link {
  --icon-size: 1.75rem;
}
.link.logout, .link.open_support_chat {
  padding: 0 1.25rem;
  display: flex;
  align-items: center;
  color: var(--g-color-fill);
  gap: 0.75rem;
  cursor: pointer;
}
.link.logout .icon, .link.open_support_chat .icon {
  font-size: var(--icon-size);
}
.link.logout .caption, .link.logout .title_section .caption_button, .title_section .link.logout .caption_button, .link.open_support_chat .caption, .link.open_support_chat .title_section .caption_button, .title_section .link.open_support_chat .caption_button {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 500;
}
.link.logout:hover, .link.logout.active, .link.open_support_chat:hover, .link.open_support_chat.active {
  color: var(--g-color-orange-500);
}
.link:hover .link, .link.active .link {
  color: var(--g-color-orange-500);
}
.link.open_support_chat {
  padding-bottom: 1rem;
}
.link.logout {
  padding: 1rem;
}

.panel_fixed {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 480px;
  max-width: 100vw;
  height: 3.625rem;
  padding: 0 0.5rem;
  background: var(--g-color-background);
  z-index: 4;
}
.panel_fixed.fixed {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.panel_fixed.not_fixed {
  position: static;
  transform: none;
}
.panel_fixed .auth_buttons,
.panel_fixed .deposit {
  margin-right: auto;
}
.panel_fixed .auth_buttons {
  display: inherit;
  gap: inherit;
}
.panel_fixed .auth_buttons .button {
  --button-width: 0;
}
.panel_fixed .as_guest {
  display: flex;
}
.panel_fixed .as_guest .button {
  min-width: 4.5rem;
  padding: 0 0.75rem;
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 500;
}
.panel_fixed .cashbox_btn_wrap .button {
  padding: 0 1rem;
}
.panel_fixed .cashbox_btn_wrap .button .caption, .panel_fixed .cashbox_btn_wrap .button .title_section .caption_button, .title_section .panel_fixed .cashbox_btn_wrap .button .caption_button {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.panel_fixed .cashbox_btn_wrap .button .caption .icon, .panel_fixed .cashbox_btn_wrap .button .title_section .caption_button .icon, .title_section .panel_fixed .cashbox_btn_wrap .button .caption_button .icon {
  top: 0;
}
.panel_fixed_menu {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.panel_fixed_menu .item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--g-color-grey-200);
  background: none;
  border: none;
  border-radius: 0.5rem;
}
.panel_fixed_menu .item.active {
  color: var(--g-color-primary);
}
.panel_fixed_menu .item .caption, .panel_fixed_menu .item .title_section .caption_button, .title_section .panel_fixed_menu .item .caption_button {
  text-align: center;
  min-width: 2.875rem;
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 500;
}
.panel_fixed_menu .item .badge {
  position: absolute;
  top: -2px;
  right: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-weight: 700;
  font-size: 10px;
  color: var(--g-color-fill-light);
  background: var(--g-color-error);
  border-radius: 50%;
}
.panel_fixed_menu .item.signup {
  border: none;
  color: var(--g-color-fill-light);
  background-color: var(--g-color-primary);
}
.panel_fixed .game_panel {
  width: 100%;
  justify-content: space-between;
}
.panel_fixed .game_panel .item {
  background: var(--g-color-fill-dark);
  flex-direction: row;
  width: 32px;
  height: 32px;
  padding: 6px;
  border: none;
  border-radius: 8px;
  color: #999999;
}
.panel_fixed .game_panel .item_missions {
  display: flex;
  align-items: center;
  width: auto;
  color: var(--g-color-fill-light);
  background-color: var(--g-color-blue-500);
  padding: 8px;
  font-weight: 500;
  text-transform: uppercase;
}
.panel_fixed .game_panel .item_missions .caption, .panel_fixed .game_panel .item_missions .title_section .caption_button, .title_section .panel_fixed .game_panel .item_missions .caption_button {
  font-size: 12px;
}
.panel_fixed .game_panel .item_deposit {
  margin-right: 0;
  color: var(--g-color-fill-light);
  background: var(--g-gradient-primary);
}
.panel_fixed .game_panel .item .icon {
  display: block;
  font-size: 20px;
}
.panel_fixed .game_panel .item .icon-favorite-full {
  color: var(--g-color-error);
}
.panel_fixed .game_panel .panel_user_links {
  display: flex;
  max-width: 230px;
  width: 100%;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .panel_fixed {
    display: none;
  }
}
.panel_fixed.panel_fixed_game {
  padding: 1rem;
  height: 64px;
}
.panel_fixed.panel_fixed_game .panel_fixed_menu {
  gap: 1rem;
}
.panel_fixed.panel_fixed_game .panel_fixed_menu .button {
  --button-hover-bodred-color: var(--button-border-color);
  width: 100%;
  height: 2.5rem;
  min-height: 2.5rem;
}
.panel_fixed.panel_fixed_game .panel_fixed_menu .button .caption, .panel_fixed.panel_fixed_game .panel_fixed_menu .button .title_section .caption_button, .title_section .panel_fixed.panel_fixed_game .panel_fixed_menu .button .caption_button {
  text-transform: uppercase;
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.panel_fixed.panel_fixed_game .panel_fixed_menu .button.border {
  --button-bg: #0F152B !important;
}

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

.search_empty {
  padding: 20px;
  text-align: center;
  color: var(--g-color-fill);
  background: var(--g-color-fill-dark);
  border-radius: 8px;
}
.search_empty .title {
  display: inline-flex;
  margin-bottom: 10px;
}
.search_empty .title span {
  line-height: 1.25rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  line-height: 24px;
}
.search_empty .description {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.search_empty .link_button {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-primary);
  text-transform: uppercase;
}

.drag-slider.less .ds-track {
  justify-content: start;
}
.drag-slider.double_slider {
  --ds2-rows: repeat(2, 1fr);
}

.mdrag, .mscroll {
  --slider-gap: 0.5rem;
  scrollbar-width: none;
  display: flex;
  overflow-x: auto !important;
  overflow-y: hidden;
  gap: var(--slider-gap);
  margin-bottom: -0.625rem !important;
  padding-bottom: 0.625rem !important;
  cursor: pointer;
}
.mdrag::-webkit-scrollbar, .mscroll::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.mdrag > *, .mscroll > * {
  flex: 0 0 auto;
}
.mdrag.side_gap::before, .mdrag.side_gap_40::before, .mdrag.side_gap_24::before, .mdrag.side_gap_16::before, .mdrag.side_gap_14::before, .mdrag.side_gap_12::before, .mdrag.side_gap_10::before, .mdrag.side_gap_8::before, .mdrag.side_gap_6::before, .mdrag.side_gap_0::before, .mdrag.side_gap::after, .mdrag.side_gap_40::after, .mdrag.side_gap_24::after, .mdrag.side_gap_16::after, .mdrag.side_gap_14::after, .mdrag.side_gap_12::after, .mdrag.side_gap_10::after, .mdrag.side_gap_8::after, .mdrag.side_gap_6::after, .mdrag.side_gap_0::after, .mscroll.side_gap::before, .mscroll.side_gap_40::before, .mscroll.side_gap_24::before, .mscroll.side_gap_16::before, .mscroll.side_gap_14::before, .mscroll.side_gap_12::before, .mscroll.side_gap_10::before, .mscroll.side_gap_8::before, .mscroll.side_gap_6::before, .mscroll.side_gap_0::before, .mscroll.side_gap::after, .mscroll.side_gap_40::after, .mscroll.side_gap_24::after, .mscroll.side_gap_16::after, .mscroll.side_gap_14::after, .mscroll.side_gap_12::after, .mscroll.side_gap_10::after, .mscroll.side_gap_8::after, .mscroll.side_gap_6::after, .mscroll.side_gap_0::after {
  content: "";
  display: block;
  grid-row: 1/-1;
  flex: 0 0 auto;
  width: calc(var(--container-padding) - var(--slider-gap));
}
.mdrag.side_gap_0, .mscroll.side_gap_0 {
  --slider-gap: 0px;
}
.mdrag.side_gap_6, .mscroll.side_gap_6 {
  --slider-gap: 6px;
}
.mdrag.side_gap_8, .mscroll.side_gap_8 {
  --slider-gap: 8px;
}
.mdrag.side_gap_10, .mscroll.side_gap_10 {
  --slider-gap: 10px;
}
.mdrag.side_gap_12, .mscroll.side_gap_12 {
  --slider-gap: 12px;
}
.mdrag.side_gap_14, .mscroll.side_gap_14 {
  --slider-gap: 14px;
}
.mdrag.side_gap_16, .mscroll.side_gap_16 {
  --slider-gap: 16px;
}
.mdrag.side_gap_24, .mscroll.side_gap_24 {
  --slider-gap: 24px;
}
.mdrag.side_gap_40, .mscroll.side_gap_40 {
  --slider-gap: 40px;
}
.mdrag.gap_0, .mscroll.gap_0 {
  --slider-gap: 0px;
}
.mdrag.gap_6, .mscroll.gap_6 {
  --slider-gap: 6px;
}
.mdrag.gap_8, .mscroll.gap_8 {
  --slider-gap: 8px;
}
.mdrag.gap_10, .mscroll.gap_10 {
  --slider-gap: 10px;
}
.mdrag.gap_12, .mscroll.gap_12 {
  --slider-gap: 12px;
}
.mdrag.gap_14, .mscroll.gap_14 {
  --slider-gap: 14px;
}
.mdrag.gap_16, .mscroll.gap_16 {
  --slider-gap: 16px;
}
.mdrag.gap_24, .mscroll.gap_24 {
  --slider-gap: 24px;
}
.mdrag.gap_40, .mscroll.gap_40 {
  --slider-gap: 40px;
}
.mdrag.row-2, .mscroll.row-2 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
  justify-content: start;
}
.mdrag.empty, .mscroll.empty {
  display: block;
}
.mdrag.empty .item, .mscroll.empty .item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-links {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  gap: 32px;
}
.social-links .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: var(--g-color-fill-dark);
  transition: var(--g-transition);
}

.status_color.success, .status_color.verified {
  color: var(--g-color-success);
}
.status_color.error, .status_color.rejected, .status_color.refused {
  color: var(--g-color-error);
}
.status_color.warning, .status_color.expired, .status_color.additional_info_required {
  color: var(--g-color-warning);
}
.status_color.info, .status_color.panding, .status_color.waiting_review, .status_color.under_review {
  color: var(--g-color-info);
}
.status_color.waiting_review {
  color: var(--g-color-info);
}

.status_label.success, .status_label.verified, .status_label.completed {
  color: var(--g-color-success-light);
  background: var(--g-color-success);
}
.status_label.error, .status_label.rejected, .status_label.refused {
  color: var(--g-color-fill-light);
  background: var(--g-color-error);
}
.status_label.panding, .status_label.pending, .status_label.expired, .status_label.additional_info_required {
  color: var(--g-color-orange-100);
  background: var(--g-color-orange-500);
}
.status_label.waiting_review, .status_label.under_review {
  color: var(--g-color-info-light);
  background: var(--g-color-info);
}

.table-leaderboard {
  --table-bg: var(--g-color-fill-dark);
  --table-tr-bg: var(--g-color-background);
  --table-tr-bg-extra: var(--g-color-fill-dark);
  margin-top: 2rem;
}
.table-leaderboard .table {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  width: 100%;
  border-spacing: 0;
  text-align: center;
  overflow: hidden;
  background: var(--table-bg);
  border-radius: 8px;
}
.table-leaderboard .table td,
.table-leaderboard .table th {
  padding: 4px 8px;
  font-weight: 400;
}
.table-leaderboard .table thead {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  height: 36px;
  text-align: center;
  background: var(--g-color-background);
}
.table-leaderboard .table tbody tr {
  height: 28px;
}
.table-leaderboard .table tbody tr:nth-child(even) {
  background: var(--g-color-background);
}
.table-leaderboard .table tbody tr.your-place {
  border-radius: 8px;
  border-color: var(--g-color-primary);
}
.table-leaderboard .table tbody tr.your-place td {
  border-style: solid;
  border-color: var(--g-color-primary);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 0;
  border-left-width: 0;
}
.table-leaderboard .table tbody tr.your-place td:first-child {
  border-radius: 8px 0 0 8px;
  border-left-width: 1px;
}
.table-leaderboard .table tbody tr.your-place td:last-child {
  border-radius: 0 8px 8px 0;
  border-right-width: 1px;
}
.table-leaderboard .table tbody td.prize {
  font-weight: 700;
}
.table-leaderboard .table td,
.table-leaderboard .table th {
  padding: 4px 6px;
  font-weight: 400;
}
.table-leaderboard .table td:last-child,
.table-leaderboard .table th:last-child {
  text-align: right;
}
.table-leaderboard .table thead {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  height: 36px;
  text-align: center;
  background: var(--g-color-background);
}
.table-leaderboard .table tbody tr {
  height: 28px;
}
.table-leaderboard .table tbody tr:nth-child(even) {
  background: var(--g-color-background);
}
.table-leaderboard .table tbody td.prize {
  font-weight: 700;
}
.table-leaderboard .pagination {
  --icon-color: var(--g-color-grey-200);
  --link-color: var(--g-color-grey-300);
  --link-color-active: var(--g-color-fill);
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.table-leaderboard .pagination li {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  list-style: none;
  color: var(--g-color-grey-300);
}
.table-leaderboard .pagination li.active {
  color: var(--link-color-active);
}
.table-leaderboard .pagination li span,
.table-leaderboard .pagination li a {
  display: flex;
  color: inherit;
}
.table-leaderboard .pagination .prev,
.table-leaderboard .pagination .next {
  color: var(--icon-color);
}
@media (max-width: 767.8px) {
  .table-leaderboard .pagination .prev,
.table-leaderboard .pagination .next {
    padding: 8px;
  }
  .table-leaderboard .pagination .prev .icon,
.table-leaderboard .pagination .next .icon {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .table-leaderboard .pagination {
    margin: 24px 24px 0;
  }
  .table-leaderboard .pagination li {
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0px;
    font-weight: 500;
  }
  .table-leaderboard .pagination .prev,
.table-leaderboard .pagination .next {
    padding: 4px;
  }
  .table-leaderboard .pagination .prev .icon,
.table-leaderboard .pagination .next .icon {
    font-size: 16px;
  }
}
@media (max-width: 767.8px) {
  .table-leaderboard {
    margin: 16px;
  }
}

.switch_tabs .s-content:not(.active) {
  display: none;
}

.tabs_group {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  padding-bottom: 1rem !important;
}
.tabs_group .item {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.tabs_group .item .s-tab {
  color: var(--g-color-fill-light);
  transition: var(--g-transition);
  opacity: 1;
  padding: 0.5rem;
  min-width: 112px;
  border-radius: 12px;
  justify-content: center;
  border: 1px solid transparent;
}
.tabs_group .item .s-tab:hover, .tabs_group .item .s-tab.active {
  border-color: var(--g-color-primary);
}

.tabs_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  padding-bottom: 1rem;
}

.timer_wrap.normal .timer {
  display: flex;
  gap: 1rem;
}
.timer_wrap.normal .timer .timer_chunk {
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
}
.timer_wrap.normal .timer .timer_chunk .num {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.timer_wrap.normal .timer .timer_chunk .let {
  line-height: 1.25rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.small.timer_wrap.normal .timer {
  gap: 0.75rem;
}
.small.timer_wrap.normal .timer .timer_chunk .num {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.small.timer_wrap.normal .timer .timer_chunk .let {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}

.timer_wrap.row {
  display: flex;
  align-items: center;
}
.timer_wrap.row > .icon {
  margin-right: 0.25rem;
}
.timer_wrap.row .timer {
  display: flex;
  gap: 0.25rem;
}
.timer_wrap.row .timer .timer_chunk {
  display: flex;
  align-items: center;
}
.timer_wrap.row .timer .timer_chunk .num {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.timer_wrap.row .timer .timer_chunk .let {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
}

.title_page {
  padding-top: 12px;
  padding-bottom: 12px;
}
.title_page > .title,
.title_page > .subtitle {
  max-width: 576px;
  margin-right: auto;
  margin-left: auto;
}
.title_page > .title.center,
.title_page > .subtitle.center {
  text-align: center;
}
@media (min-width: 576px) {
  .title_page > .title,
.title_page > .subtitle {
    text-align: center;
  }
}
.title_page > .title {
  line-height: 2.5rem;
  font-size: 2rem;
  letter-spacing: 0px;
  font-weight: bold;
}
.title_page > .subtitle {
  line-height: 1.25rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: bold;
  margin-top: 8px;
  color: var(--g-color-tertiary);
}

.title_section {
  --title-padding: var(--container-padding, var(--g-container-padding));
  display: flex;
  align-items: center;
  gap: 8px;
  transition: var(--g-transition);
}
.title_section .caption, .title_section .caption_button {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-fill);
}
.title_section .caption_button {
  padding: 6px 16px;
  border-radius: 16px;
  box-shadow: 0 0 0 1px transparent;
  cursor: pointer;
}
.title_section .icon {
  font-size: 24px;
}
.title_section:hover .caption_button, .title_section.active .caption_button {
  box-shadow: 0 0 0 1px var(--g-color-fill);
}

.modal.modal_auth.modal_signin .modal_container {
  overflow-x: hidden;
}
.modal.modal_auth.modal_signin .main_content .reset_password {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  display: block;
  width: max-content;
  margin-bottom: 1.5rem;
  margin-left: auto;
  text-align: right;
  color: var(--g-color-primary);
}
.modal.modal_auth.modal_signin .main_content .link_registration {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  display: inline-block;
  width: calc(100% + 30px * 2);
  margin-top: auto;
  margin-right: -30px;
  margin-left: -30px;
  text-align: center;
  color: var(--g-color-fill);
}
.modal.modal_auth.modal_signin .main_content .link_registration .link.secondary {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-secondary);
}
.modal.modal_auth.modal_signin .main_content .open_support_chat {
  min-width: 150px;
  margin-bottom: 0.125rem;
}
.modal.modal_auth.modal_signin .main_content .open_support_chat span {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.modal.modal_auth.modal_signin .main_content .divider {
  position: relative;
  margin-top: 40px;
  width: calc(100% - 1.75rem * 2);
}
.modal.modal_auth.modal_signin .main_content .divider .caption, .modal.modal_auth.modal_signin .main_content .divider .title_section .caption_button, .title_section .modal.modal_auth.modal_signin .main_content .divider .caption_button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 1rem;
  background: var(--g-color-background);
}
@media (max-width: 767.8px) {
  .modal.modal_auth.modal_signin .extra_content .cards_promo_links {
    display: none;
  }
  .modal.modal_auth.modal_signin .main_content {
    margin: 164px auto 0 auto !important;
  }
}

.modal.modal_auth.modal_signup .modal_container {
  min-height: 760px;
}
.modal.modal_auth.modal_signup .modal_container.exit {
  display: none;
  min-height: 340px;
}
.modal.modal_auth.modal_signup .modal_container.exit .center {
  margin: 0;
  height: 100%;
  max-width: 100%;
  background-image: url("./images/auth/sign-up-exit.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media (max-width: 767.8px) {
  .modal.modal_auth.modal_signup .modal_container.exit .center {
    background-position: bottom;
    display: flex;
    justify-content: center;
  }
}
.modal.modal_auth.modal_signup .modal_container.exit .column {
  display: flex;
  flex-flow: column;
  gap: 40px;
  max-width: 380px;
  margin: 24px 0 24px 24px;
  text-align: center;
}
@media (max-width: 767.8px) {
  .modal.modal_auth.modal_signup .modal_container.exit .column {
    margin: 24px 16px 0 16px;
  }
}
.modal.modal_auth.modal_signup .modal_container.exit .column .block_content {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.modal.modal_auth.modal_signup .modal_container.exit .column .block_content .title {
  margin-bottom: 40px;
}
.modal.modal_auth.modal_signup .modal_container.exit .column .block_content .description-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
}
.modal.modal_auth.modal_signup .modal_container.exit .column .block_content .description-wrap .description {
  text-align: left;
}
.modal.modal_auth.modal_signup .modal_container.exit .column .block_content .description-wrap .description span {
  color: #FFBB00;
}
.modal.modal_auth.modal_signup .modal_container.exit .column .popup_actions {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.modal.modal_auth.modal_signup .modal_container.exit .column .popup_actions .button {
  width: 100%;
  max-width: 168px;
  padding: 20px;
}
.modal.modal_auth.modal_signup .modal_container.exit .column .have_acc {
  display: flex;
  justify-content: center;
  gap: 4px;
}
@media (max-width: 767.8px) {
  .modal.modal_auth.modal_signup .modal_container.exit {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .modal.modal_auth.modal_signup .main_content {
    min-height: 700px;
  }
}
@media (max-width: 767.8px) {
  .modal.modal_auth.modal_signup .main_content {
    width: 100%;
    max-width: unset;
    margin: 164px auto 0 auto !important;
  }
}
.modal.modal_auth.modal_signup .main_content .form-group.checkbox {
  margin-top: 2rem;
}
.modal.modal_auth.modal_signup .main_content .form-group.checkbox .close_modal.link_button {
  color: var(--g-color-primary);
}
@media (max-width: 767.8px) {
  .modal.modal_auth.modal_signup .main_content.custom {
    margin: 234px auto 0 auto !important;
  }
}
.modal.modal_auth.modal_signup .input_pin_code {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  column-gap: 0.5rem;
}
.modal.modal_auth.modal_signup .input_pin_code .input_cell {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 64px;
  padding: 0;
  font-size: 1.5rem;
  text-align: center;
  color: var(--g-color-fill);
  border: unset;
  border-radius: 1rem;
  outline: none;
}
.modal.modal_auth.modal_signup .input_pin_code .input_cell:-webkit-autofill, .modal.modal_auth.modal_signup .input_pin_code .input_cell:-webkit-autofill:hover, .modal.modal_auth.modal_signup .input_pin_code .input_cell:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: var(--g-color-fill);
}
.modal.modal_auth.modal_signup .verification_block {
  padding-bottom: 1rem;
}
.modal.modal_auth.modal_signup .verification_block .verification_title {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 0;
  text-align: center;
  color: var(--g-color-fill-light);
}
.modal.modal_auth.modal_signup .verification_block .help-block {
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 400;
  margin-top: 0.3125rem;
  text-align: center;
  color: var(--g-color-error);
}
.modal.modal_auth.modal_signup .resend_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding-top: 1.5rem;
}
.modal.modal_auth.modal_signup .close_aside {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-secondary);
  cursor: pointer;
}
.modal.modal_auth.modal_signup .close_aside:hover {
  text-decoration: underline;
}
.modal.modal_auth.modal_signup .open_support_chat {
  min-width: 150px;
}
.modal.modal_auth.modal_signup .open_support_chat span {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
}

.modal.modal_auth .modal_container {
  width: 800px;
  max-width: unset;
}
.modal.modal_auth .extra_content {
  position: absolute;
  top: 40px;
  right: 32px;
  width: 322px;
}
.modal.modal_auth .extra_content .modal_title {
  line-height: 2.5rem;
  font-size: 2rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-fill-light);
  text-shadow: 0.71px 0.71px 0 rgba(0, 0, 0, 0.25);
}
.modal.modal_auth .extra_content .modal_subtitle {
  line-height: 2rem;
  font-size: 1.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 20px 0;
  color: var(--g-color-orange-300);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
@media (max-width: 767.8px) {
  .modal.modal_auth .extra_content .modal_subtitle {
    line-height: 1.5rem;
    font-size: 1.25rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.modal.modal_auth .extra_content .modal_description {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 400;
  text-shadow: 0.71px 0.71px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 767.8px) {
  .modal.modal_auth .extra_content {
    top: 60px;
    right: unset;
    left: 1rem;
    width: 68%;
  }
  .modal.modal_auth .extra_content .modal_title {
    line-height: 1.5rem;
    font-size: 1.25rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .modal.modal_auth .extra_content .modal_description {
    line-height: 1.5rem;
    font-size: 1rem;
    letter-spacing: 0px;
    font-weight: 400;
  }
}
.modal.modal_auth .extra_content .timer_wrap {
  display: flex;
  justify-content: center;
}
.modal.modal_auth .extra_content .timer_wrap .timer {
  width: 100%;
  min-width: 150px;
  max-width: 152px;
  border-radius: 18px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.2);
}
.modal.modal_auth .extra_content .timer_wrap .timer .countdown__title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 600;
}
.modal.modal_auth .extra_content .timer_wrap .timer .countdown__body {
  line-height: 2rem;
  font-size: 1.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-fill-light);
}
@media (max-width: 767.8px) {
  .modal.modal_auth .extra_content .timer_wrap {
    position: absolute;
    top: 84px;
    right: -32%;
  }
  .modal.modal_auth .extra_content .timer_wrap .timer {
    padding: 8px;
    min-width: 120px;
  }
  .modal.modal_auth .extra_content .timer_wrap .timer .countdown__title {
    line-height: 0.875rem;
    font-size: 0.625rem;
    letter-spacing: 0px;
    font-weight: 600;
  }
  .modal.modal_auth .extra_content .timer_wrap .timer .countdown__body {
    line-height: 1.5rem;
    font-size: 1.25rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.modal.modal_auth .extra_content .modal_animation {
  max-width: 320px;
}
.modal.modal_auth .extra_content .modal_animation .animation {
  width: 100%;
}
.modal.modal_auth .extra_content.custom {
  text-align: center;
}
@media (max-width: 767.8px) {
  .modal.modal_auth .extra_content.custom {
    top: 40px;
  }
}
.modal.modal_auth .image_bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.modal.modal_auth .custom_header {
  display: grid;
  grid-template-areas: "title close" "divider divider";
  grid-template-columns: 1fr auto;
  padding: 1.25rem;
  color: var(--g-color-fill-light);
  z-index: 1;
  gap: 1.25rem;
}
.modal.modal_auth .custom_header .title {
  line-height: 1.25rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  grid-area: title;
}
.modal.modal_auth .custom_header .close {
  grid-area: close;
}
.modal.modal_auth .custom_header .divider {
  grid-area: divider;
}
@media (min-width: 768px) {
  .modal.modal_auth .custom_header {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    padding: 0;
  }
  .modal.modal_auth .custom_header .title,
.modal.modal_auth .custom_header .divider {
    display: none;
  }
}
.modal.modal_auth .main_content {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  max-width: 380px;
  min-height: 644px;
  margin: 30px 0 30px 30px;
  background: var(--g-color-background);
  border-radius: 16px;
}
.modal.modal_auth .main_content > * {
  margin-right: 1.75rem;
  margin-left: 1.75rem;
}
.modal.modal_auth .main_content > .header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  margin: 0 0 2.5rem;
  padding: 1rem;
  border-radius: 1rem 1rem 0 0;
  background-color: var(--g-color-fill-dark);
}
.modal.modal_auth .main_content > .header .title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-fill-light);
}
.modal.modal_auth .main_content > .header .close {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .modal.modal_auth .main_content > .header .close {
    display: none;
  }
}
@media (max-width: 767.8px) {
  .modal.modal_auth .main_content > .header {
    min-height: 0;
    margin-bottom: 0.75rem;
  }
}
.modal.modal_auth .main_content > .title_form {
  color: var(--g-color-tertiary);
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
@media (max-width: 767.8px) {
  .modal.modal_auth .main_content > .title_form {
    display: none;
  }
}
.modal.modal_auth .main_content .modal_tabs {
  --container-bg: var(--g-color-fill-dark);
  --item-color: --g-color-tertiary;
}
.modal.modal_auth .main_content .modal_tabs .tabs {
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-bottom: 1.5rem;
  background: var(--container-bg);
  border-radius: 1rem;
}
.modal.modal_auth .main_content .modal_tabs .tabs .item {
  position: relative;
  flex: 1;
}
.modal.modal_auth .main_content .modal_tabs .tabs .item .tab_link {
  display: inline-block;
  width: 100%;
  padding: 0.875rem 1.25rem;
  text-align: center;
  color: var(--g-color-tertiary);
  background: transparent;
  border-radius: 1.5rem;
}
.modal.modal_auth .main_content .modal_tabs .tabs .item .tab_link.active {
  color: var(--g-color-fill-light);
  background: var(--g-color-primary);
}
@media (max-width: 767.8px) {
  .modal.modal_auth .main_content .modal_tabs .tabs {
    background: none;
  }
  .modal.modal_auth .main_content .modal_tabs .tabs .item .tab_link {
    padding: 2px 4px;
    background: none !important;
  }
  .modal.modal_auth .main_content .modal_tabs .tabs .item .tab_link.active {
    color: var(--g-color-primary);
  }
  .modal.modal_auth .main_content .modal_tabs .tabs .item:not(:first-child) {
    margin-left: 0.625rem;
    padding-left: 0.625rem;
  }
  .modal.modal_auth .main_content .modal_tabs .tabs .item:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 1rem;
    background: var(--g-color-tertiary);
    transform: translateY(-50%);
  }
}
.modal.modal_auth .main_content form .submit {
  margin-bottom: 0.5rem;
}
.modal.modal_auth .main_content .radio_select {
  --bg: var(--g-color-fill-dark);
  padding: 0.75rem;
  background: var(--bg);
  border-radius: 1rem;
}
.modal.modal_auth .main_content .radio_select > label {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  margin-bottom: 0.75rem;
  color: var(--g-color-fill);
}
.modal.modal_auth .main_content .radio_select.has-error > label {
  color: var(--g-color-error);
}
.modal.modal_auth .main_content .list-social {
  margin-bottom: 1.5rem;
}
.modal.modal_auth .main_content > .footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 2rem 0 0 0;
  padding: 0.875rem 1.75rem;
}
.modal.modal_auth .main_content > .footer .have_acc {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 500;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--g-color-fill);
}
@media (max-width: 767.8px) {
  .modal.modal_auth .main_content {
    max-width: 420px;
    min-height: 558px;
  }
  .modal.modal_auth .main_content > * {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}
@media (max-width: 767.8px) {
  .modal.modal_auth {
    --modal-container-br: 0;
  }
  .modal.modal_auth section.bg {
    height: 248px;
    border-radius: var(--modal-container-br) var(--modal-container-br) 0 0;
  }
  .modal.modal_auth section.bg .image_bg {
    display: none;
  }
  .modal.modal_auth section.bg .image_bg.mobile {
    display: flex;
    object-fit: cover;
    object-position: top right;
  }
  .modal.modal_auth .custom_header {
    display: none;
  }
}
.modal.modal_auth.signup_0 .modal_description, .modal.modal_auth.signup_9 .modal_description {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .modal.modal_auth.signup_0 .modal_title_mobile,
.modal.modal_auth.signup_0 .modal_description_mobile, .modal.modal_auth.signup_9 .modal_title_mobile,
.modal.modal_auth.signup_9 .modal_description_mobile {
    display: none;
  }
}
@media (max-width: 767.8px) {
  .modal.modal_auth.signup_0 .extra_content, .modal.modal_auth.signup_9 .extra_content {
    top: 20px;
    width: 50%;
  }
  .modal.modal_auth.signup_0 .modal_title,
.modal.modal_auth.signup_0 .modal_description, .modal.modal_auth.signup_9 .modal_title,
.modal.modal_auth.signup_9 .modal_description {
    display: none;
  }
}
.modal.modal_auth.signup_9 .extra_content.custom {
  text-align: start;
}
@media (max-width: 767.8px) {
  .modal.modal_auth.signup_9 .main_content.custom {
    margin: 164px auto 0 auto !important;
  }
}
@media (max-width: 767.8px) {
  .modal.modal_auth.signup_1 .extra_content.custom {
    width: 52%;
  }
  .modal.modal_auth.signup_1 .modal_description {
    margin-top: 0.5rem;
  }
  .modal.modal_auth.signup_1 .timer_wrap {
    right: -162px;
  }
}
@media (max-width: 767.8px) {
  .modal.modal_auth.signup_15 .extra_content.custom {
    top: 170px;
    left: 0;
    width: 100%;
  }
}
.modal.modal_auth.signup_41 .extra_content.custom .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom .modal_description, .modal.modal_auth.signup_60 .extra_content.custom .modal_title,
.modal.modal_auth.signup_60 .extra_content.custom .modal_subtitle,
.modal.modal_auth.signup_60 .extra_content.custom .modal_description, .modal.modal_auth.signup_61 .extra_content.custom .modal_title,
.modal.modal_auth.signup_61 .extra_content.custom .modal_subtitle,
.modal.modal_auth.signup_61 .extra_content.custom .modal_description, .modal.modal_auth.signup_62 .extra_content.custom .modal_title,
.modal.modal_auth.signup_62 .extra_content.custom .modal_subtitle,
.modal.modal_auth.signup_62 .extra_content.custom .modal_description, .modal.modal_auth.signup_63 .extra_content.custom .modal_title,
.modal.modal_auth.signup_63 .extra_content.custom .modal_subtitle,
.modal.modal_auth.signup_63 .extra_content.custom .modal_description {
  text-transform: uppercase;
}
.modal.modal_auth.signup_41 .extra_content.custom .modal_title, .modal.modal_auth.signup_60 .extra_content.custom .modal_title, .modal.modal_auth.signup_61 .extra_content.custom .modal_title, .modal.modal_auth.signup_62 .extra_content.custom .modal_title, .modal.modal_auth.signup_63 .extra_content.custom .modal_title {
  line-height: 2rem;
  font-size: 1.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 767.8px) {
  .modal.modal_auth.signup_41 .extra_content.custom .modal_title, .modal.modal_auth.signup_60 .extra_content.custom .modal_title, .modal.modal_auth.signup_61 .extra_content.custom .modal_title, .modal.modal_auth.signup_62 .extra_content.custom .modal_title, .modal.modal_auth.signup_63 .extra_content.custom .modal_title {
    line-height: 1.75rem;
    font-size: 1.5rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.modal.modal_auth.signup_41 .extra_content.custom .modal_subtitle, .modal.modal_auth.signup_60 .extra_content.custom .modal_subtitle, .modal.modal_auth.signup_61 .extra_content.custom .modal_subtitle, .modal.modal_auth.signup_62 .extra_content.custom .modal_subtitle, .modal.modal_auth.signup_63 .extra_content.custom .modal_subtitle {
  line-height: 2rem;
  font-size: 1.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 767.8px) {
  .modal.modal_auth.signup_41 .extra_content.custom .modal_subtitle, .modal.modal_auth.signup_60 .extra_content.custom .modal_subtitle, .modal.modal_auth.signup_61 .extra_content.custom .modal_subtitle, .modal.modal_auth.signup_62 .extra_content.custom .modal_subtitle, .modal.modal_auth.signup_63 .extra_content.custom .modal_subtitle {
    line-height: 1.75rem;
    font-size: 1.5rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.modal.modal_auth.signup_41 .extra_content.custom .modal_description, .modal.modal_auth.signup_60 .extra_content.custom .modal_description, .modal.modal_auth.signup_61 .extra_content.custom .modal_description, .modal.modal_auth.signup_62 .extra_content.custom .modal_description, .modal.modal_auth.signup_63 .extra_content.custom .modal_description {
  line-height: 2rem;
  font-size: 1.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 767.8px) {
  .modal.modal_auth.signup_41 .extra_content.custom .modal_description, .modal.modal_auth.signup_60 .extra_content.custom .modal_description, .modal.modal_auth.signup_61 .extra_content.custom .modal_description, .modal.modal_auth.signup_62 .extra_content.custom .modal_description, .modal.modal_auth.signup_63 .extra_content.custom .modal_description {
    line-height: 1.5rem;
    font-size: 1.25rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (max-width: 767.8px) {
  .modal.modal_auth.signup_41 .extra_content.custom, .modal.modal_auth.signup_60 .extra_content.custom, .modal.modal_auth.signup_61 .extra_content.custom, .modal.modal_auth.signup_62 .extra_content.custom, .modal.modal_auth.signup_63 .extra_content.custom {
    width: 56%;
    left: 0.5rem;
  }
  .modal.modal_auth.signup_41 .extra_content.custom .timer_wrap, .modal.modal_auth.signup_60 .extra_content.custom .timer_wrap, .modal.modal_auth.signup_61 .extra_content.custom .timer_wrap, .modal.modal_auth.signup_62 .extra_content.custom .timer_wrap, .modal.modal_auth.signup_63 .extra_content.custom .timer_wrap {
    top: 120px;
    right: -64%;
  }
  .modal.modal_auth.signup_41 .extra_content.custom .modal_animation, .modal.modal_auth.signup_60 .extra_content.custom .modal_animation, .modal.modal_auth.signup_61 .extra_content.custom .modal_animation, .modal.modal_auth.signup_62 .extra_content.custom .modal_animation, .modal.modal_auth.signup_63 .extra_content.custom .modal_animation {
    position: absolute;
    max-width: 140px;
    top: -46px;
    right: -78%;
  }
}
@media (max-width: 459.8px) {
  .modal.modal_auth.signup_41 section.bg.bg-picture10 .image_bg.mobile {
    object-fit: none;
  }
}
.modal.modal_auth.signup_41 .extra_content.custom.custom-no-picture .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-no-picture .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-no-picture .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture3 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture3 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture3 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture9 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture9 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture9 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture10 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture10 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture10 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture11 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture11 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture11 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture12 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture12 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture12 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture13 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture13 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture13 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture14 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture14 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture14 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture15 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture15 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture15 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture16 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture16 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture16 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture17 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture17 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture17 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture18 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture18 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture18 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture19 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture19 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture19 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture20 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture20 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture20 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture21 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture21 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture21 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture22 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture22 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture22 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture23 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture23 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture23 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture50 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture50 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture50 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture51 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture51 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture51 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture52 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture52 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture52 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture53 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture53 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture53 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture54 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture54 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture54 .modal_description, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture55 .modal_title,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture55 .modal_subtitle,
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture55 .modal_description {
  display: none;
}
.modal.modal_auth.signup_41 .extra_content.custom.custom-no-picture .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture3 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture9 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture10 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture11 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture12 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture13 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture14 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture15 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture16 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture17 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture18 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture19 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture20 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture21 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture22 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture23 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture50 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture51 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture52 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture53 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture54 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture55 .timer_wrap {
  margin-top: 160px;
}
@media (max-width: 767.8px) {
  .modal.modal_auth.signup_41 .extra_content.custom.custom-no-picture .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture3 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture9 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture10 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture11 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture12 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture13 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture14 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture15 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture16 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture17 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture18 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture19 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture20 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture21 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture22 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture23 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture50 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture51 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture52 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture53 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture54 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture55 .timer_wrap {
    margin-top: 0;
  }
}
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture10 .timer_wrap {
  top: 98px;
  right: -66%;
}
.modal.modal_auth.signup_41 .extra_content.custom.custom-picture11 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture14 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture15 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture16 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture18 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture19 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture20 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture21 .timer_wrap, .modal.modal_auth.signup_41 .extra_content.custom.custom-picture22 .timer_wrap {
  display: none;
}

.cancel_bonus .block_message a {
  text-decoration: underline;
  color: var(--g-color-primary);
}

.cashback_history {
  --table-bg: var(--g-color-grey-500);
  --table-tr-bg: var(--g-color-background);
  --table-tr-bg-extra: var(--g-color-fill-dark);
}
.cashback_history .table {
  width: 100%;
  border-spacing: 0;
  text-align: center;
}
@media (max-width: 767.8px) {
  .cashback_history .table {
    text-align: start;
  }
  .cashback_history .table thead {
    display: none;
  }
  .cashback_history .table tbody tr {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 500;
    display: grid;
    grid-template-areas: "date status" "amount status" "method method" "account account";
    align-items: center;
    overflow: hidden;
    height: 72px;
    margin-bottom: 16px;
    padding: 16px 12px;
    background: var(--g-color-background);
    border-radius: 16px;
  }
  .cashback_history .table tbody tr.parent_row {
    position: relative;
    overflow: unset;
    height: auto;
    margin-bottom: 0;
    border-radius: 16px 16px 0 0;
  }
  .cashback_history .table tbody tr.parent_row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--status-color-bg);
    border-bottom: none;
    border-radius: inherit;
    pointer-events: none;
    box-sizing: border-box;
  }
  .cashback_history .table tbody tr td.creation_date {
    grid-area: date;
    color: var(--g-color-tertiary);
  }
  .cashback_history .table tbody tr td.status {
    grid-area: status;
  }
  .cashback_history .table tbody tr td.status .content {
    display: flex;
    align-items: center;
  }
  .cashback_history .table tbody tr td.status .payment_status {
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
    margin-right: 10px;
    margin-left: auto;
    padding: 4px 9px;
    border-radius: 8px;
    gap: 8px;
    cursor: pointer;
  }
  .cashback_history .table tbody tr td.status .payment_status .icon {
    position: absolute;
    top: 50%;
    right: -28px;
    color: var(--g-color-fill);
    transform: translateY(-50%);
  }
  .cashback_history .table tbody tr td.status .status_button.pending {
    display: none;
  }
  .cashback_history .table tbody tr td.status .cancel_withdraw_button .caption, .cashback_history .table tbody tr td.status .cancel_withdraw_button .title_section .caption_button, .title_section .cashback_history .table tbody tr td.status .cancel_withdraw_button .caption_button {
    display: none;
  }
  .cashback_history .table tbody tr td.type {
    text-align: right;
  }
  .cashback_history .table tbody tr td.payment_amount {
    grid-area: amount;
    font-weight: 700;
    color: var(--g-color-primary);
  }
}
@media (min-width: 768px) {
  .cashback_history .table {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 400;
    overflow: hidden;
    background: var(--table-bg);
    border-radius: 16px;
    border: 1px solid var(--g-color-background);
  }
  .cashback_history .table td,
.cashback_history .table th {
    padding: 10px 12px;
    font-weight: 400;
  }
  .cashback_history .table thead {
    height: 60px;
    text-align: center;
    background: var(--g-color-background);
  }
  .cashback_history .table tbody tr {
    height: 60px;
  }
  .cashback_history .table tbody tr:nth-child(odd) {
    background: var(--table-tr-bg-extra);
  }
  .cashback_history .table tbody tr.parent_row td.status .icon {
    transform: rotate(180deg);
  }
  .cashback_history .table tbody tr td.payment_amount {
    color: var(--g-color-primary);
  }
}
.cashback_history .pagination {
  --icon-color: var(--g-color-grey-200);
  --link-color: var(--g-color-grey-300);
  --link-color-active: var(--g-color-fill);
  display: flex;
  align-items: center;
  gap: 6px;
}
.cashback_history .pagination li {
  display: flex;
  list-style: none;
  color: var(--g-color-grey-300);
}
.cashback_history .pagination li.active {
  color: var(--link-color-active);
}
.cashback_history .pagination li span,
.cashback_history .pagination li a {
  display: flex;
  color: inherit;
}
.cashback_history .pagination .prev,
.cashback_history .pagination .next {
  color: var(--icon-color);
  border: 1px solid var(--icon-color);
  border-radius: 8px;
}
@media (max-width: 767.8px) {
  .cashback_history .pagination li {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 500;
  }
  .cashback_history .pagination .prev,
.cashback_history .pagination .next {
    padding: 8px;
  }
  .cashback_history .pagination .prev .icon,
.cashback_history .pagination .next .icon {
    font-size: 24px;
  }
  .cashback_history .pagination .prev {
    margin-right: auto;
  }
  .cashback_history .pagination .next {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .cashback_history .pagination {
    margin: 12px 14px;
  }
  .cashback_history .pagination li {
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0px;
    font-weight: 500;
  }
  .cashback_history .pagination .prev,
.cashback_history .pagination .next {
    padding: 4px;
  }
  .cashback_history .pagination .prev .icon,
.cashback_history .pagination .next .icon {
    font-size: 16px;
  }
  .cashback_history .pagination .prev {
    order: 1;
    margin-left: auto;
  }
  .cashback_history .pagination .next {
    order: 2;
  }
}

.cashbox_history {
  --table-bg: var(--g-color-grey-500);
  --table-tr-bg: var(--g-color-background);
  --table-tr-bg-extra: var(--g-color-fill-dark);
  margin: 12px 10px;
}
.cashbox_history .table {
  width: 100%;
  border-spacing: 0;
  text-align: center;
}
@media (max-width: 767.8px) {
  .cashbox_history .table {
    text-align: start;
  }
  .cashbox_history .table thead {
    display: none;
  }
  .cashbox_history .table tbody tr {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 500;
    display: grid;
    grid-template-areas: "date status" "amount status" "method method" "account account";
    align-items: center;
    overflow: hidden;
    height: 72px;
    margin-bottom: 16px;
    padding: 16px 12px;
    background: var(--g-color-fill-dark);
    border-radius: 16px;
  }
  .cashbox_history .table tbody tr.success, .cashbox_history .table tbody tr.verified, .cashbox_history .table tbody tr.completed {
    --status-color-bg: var(--g-color-success-light);
    --status-color-text: var(--g-color-success-dark);
  }
  .cashbox_history .table tbody tr.panding, .cashbox_history .table tbody tr.pending, .cashbox_history .table tbody tr.expired, .cashbox_history .table tbody tr.additional_info_required, .cashbox_history .table tbody tr.waiting_review, .cashbox_history .table tbody tr.under_review {
    --status-color-bg: var(--g-color-info);
    --status-color-text: var(--g-color-info-dark);
  }
  .cashbox_history .table tbody tr.error, .cashbox_history .table tbody tr.rejected, .cashbox_history .table tbody tr.refused {
    --status-color-bg: var(--g-color-error-light);
    --status-color-text: var(--g-color-error);
  }
  .cashbox_history .table tbody tr.parent_row {
    position: relative;
    overflow: unset;
    height: auto;
    margin-bottom: 0;
    border-radius: 16px 16px 0 0;
  }
  .cashbox_history .table tbody tr.parent_row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--status-color-bg);
    border-bottom: none;
    border-radius: inherit;
    pointer-events: none;
    box-sizing: border-box;
  }
  .cashbox_history .table tbody tr.parent_row td.status .payment_status .icon {
    transform: translateY(-50%) rotate(180deg);
  }
  .cashbox_history .table tbody tr.parent_row td.status .payment_status.status_label.pending {
    background: var(--g-color-orange-300);
  }
  .cashbox_history .table tbody tr.parent_row td.payment_system {
    text-align: end;
  }
  .cashbox_history .table tbody tr.parent_row .cancel_withdraw_button {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 52px;
    background: var(--status-color);
    border: none;
    border-radius: 0 0 10px 10px;
    gap: 8px;
    cursor: pointer;
    color: var(--g-color-fill-light);
  }
  .cashbox_history .table tbody tr.new_row {
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    margin-top: -1px;
    height: 66px;
    padding: 0 16px 16px;
    text-align: center;
    background: var(--g-color-fill-dark);
    border-radius: 0 0 16px 16px;
  }
  .cashbox_history .table tbody tr.new_row td {
    width: 100%;
    padding: 16px;
    border-radius: 12px;
    color: var(--g-color-error);
    background: rgba(243, 65, 86, 0.4);
  }
  .cashbox_history .table tbody tr.new_row.pending td {
    opacity: 0;
    pointer-events: none;
  }
  .cashbox_history .table tbody tr td.creation_date {
    grid-area: date;
    color: var(--g-color-tertiary);
  }
  .cashbox_history .table tbody tr td.status {
    grid-area: status;
  }
  .cashbox_history .table tbody tr td.status .content {
    display: flex;
    align-items: center;
  }
  .cashbox_history .table tbody tr td.status .payment_status {
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
    margin-right: 10px;
    margin-left: auto;
    padding: 4px 9px;
    border-radius: 8px;
    gap: 8px;
    cursor: pointer;
  }
  .cashbox_history .table tbody tr td.status .payment_status .icon {
    position: absolute;
    top: 50%;
    right: -28px;
    color: var(--g-color-fill);
    transform: translateY(-50%);
  }
  .cashbox_history .table tbody tr td.status .status_button.pending {
    display: none;
  }
  .cashbox_history .table tbody tr td.status .cancel_withdraw_button .caption, .cashbox_history .table tbody tr td.status .cancel_withdraw_button .title_section .caption_button, .title_section .cashbox_history .table tbody tr td.status .cancel_withdraw_button .caption_button {
    display: none;
  }
  .cashbox_history .table tbody tr td.amount {
    grid-area: amount;
    font-weight: 700;
  }
  .cashbox_history .table tbody tr td.payment_system {
    --label-color: var(--g-color-grey-200);
    grid-area: method;
    padding-top: 16px;
    border-top: 1px solid var(--g-color-fill-dark);
  }
  .cashbox_history .table tbody tr td.payment_system::before {
    content: attr(data-label) ":";
    float: left;
    padding-right: 4px;
    color: var(--label-color);
  }
  .cashbox_history .table tbody tr td.payment_system img {
    display: flex;
    width: auto;
    height: 20px;
  }
  .cashbox_history .table tbody tr td.payment_account {
    --label-color: var(--g-color-grey-200);
    --text-color: var(--g-color-grey-300);
    grid-area: account;
    color: var(--text-color);
  }
  .cashbox_history .table tbody tr td.payment_account::before {
    content: attr(data-label) ":";
    float: left;
    padding-right: 4px;
    color: var(--label-color);
  }
}
@media (min-width: 768px) {
  .cashbox_history .table {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 400;
    overflow: hidden;
    background: var(--table-bg);
    border-radius: 16px;
  }
  .cashbox_history .table td,
.cashbox_history .table th {
    padding: 10px 12px;
    font-weight: 400;
  }
  .cashbox_history .table thead {
    height: 60px;
    text-align: center;
    background: var(--g-color-fill-dark);
  }
  .cashbox_history .table tbody tr {
    height: 60px;
  }
  .cashbox_history .table tbody tr:nth-child(even) {
    background: var(--table-tr-bg-extra);
  }
  .cashbox_history .table tbody tr.parent_row td.status .icon {
    transform: rotate(180deg);
  }
  .cashbox_history .table tbody tr.new_row {
    height: 44px;
    color: var(--g-color-error);
    background: rgba(243, 65, 86, 0.4);
  }
  .cashbox_history .table tbody tr.new_row td {
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0px;
    font-weight: 400;
    padding: 10px 20px;
  }
  .cashbox_history .table tbody tr .payment_system img {
    display: block;
    width: 100%;
    max-width: 52px;
    max-height: 26px;
    object-fit: contain;
  }
  .cashbox_history .table tbody tr .status .content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cashbox_history .table tbody tr .status .payment_status {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 400;
    display: flex;
    align-items: center;
    width: max-content;
    padding: 4px 9px;
    border-radius: 16px;
    gap: 8px;
    pointer-events: none;
  }
  .cashbox_history .table tbody tr .status .payment_status.error, .cashbox_history .table tbody tr .status .payment_status.rejected, .cashbox_history .table tbody tr .status .payment_status.refused {
    cursor: pointer;
    pointer-events: all;
  }
  .cashbox_history .table tbody tr .status .payment_status.success .icon, .cashbox_history .table tbody tr .status .payment_status.verified .icon, .cashbox_history .table tbody tr .status .payment_status.completed .icon, .cashbox_history .table tbody tr .status .payment_status.pending .icon, .cashbox_history .table tbody tr .status .payment_status.pending .icon {
    display: none;
  }
  .cashbox_history .table tbody tr .status .payment_status .icon {
    line-height: 16px;
    font-size: 16px;
    pointer-events: none;
  }
  .cashbox_history .table tbody tr .status .payment_status.status_label.pending {
    background: var(--g-color-orange-300);
  }
  .cashbox_history .table tbody tr .status .status_button {
    position: absolute;
    right: 0;
    cursor: pointer;
  }
  .cashbox_history .table tbody tr .status .status_button.pending {
    display: none;
  }
  .cashbox_history .table tbody tr .status .cancel_withdraw_button {
    position: absolute;
    right: 0;
    display: flex;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  .cashbox_history .table tbody tr .status .cancel_withdraw_button .icon {
    line-height: 20px;
    font-size: 20px;
  }
  .cashbox_history .table tbody tr .status .cancel_withdraw_button .caption, .cashbox_history .table tbody tr .status .cancel_withdraw_button .title_section .caption_button, .title_section .cashbox_history .table tbody tr .status .cancel_withdraw_button .caption_button {
    display: none;
  }
  .cashbox_history .table tbody tr .payment_account {
    max-width: 100px;
    overflow: hidden;
    position: relative;
  }
}
.cashbox_history .pagination {
  --icon-color: var(--g-color-grey-200);
  --link-color: var(--g-color-grey-300);
  --link-color-active: var(--g-color-fill);
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.cashbox_history .pagination li {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  list-style: none;
  color: var(--g-color-grey-300);
}
.cashbox_history .pagination li.active {
  color: var(--link-color-active);
}
.cashbox_history .pagination li span,
.cashbox_history .pagination li a {
  display: flex;
  color: inherit;
}
.cashbox_history .pagination .prev,
.cashbox_history .pagination .next {
  color: var(--icon-color);
}
@media (max-width: 767.8px) {
  .cashbox_history .pagination .prev,
.cashbox_history .pagination .next {
    padding: 8px;
  }
  .cashbox_history .pagination .prev .icon,
.cashbox_history .pagination .next .icon {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .cashbox_history .pagination {
    margin: 24px;
  }
  .cashbox_history .pagination li {
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0px;
    font-weight: 500;
  }
  .cashbox_history .pagination .prev,
.cashbox_history .pagination .next {
    padding: 4px;
  }
  .cashbox_history .pagination .prev .icon,
.cashbox_history .pagination .next .icon {
    font-size: 16px;
  }
}
@media (max-width: 767.8px) {
  .cashbox_history {
    margin: 16px;
  }
}

.modal.modal_profile .modal_container .header .title_section {
  position: relative;
  padding: 0 1.5rem;
  margin-bottom: 1rem;
}
.modal.modal_profile .modal_container .header .title_section .button.transparent {
  --button-text-color-state: var(--g-color-primary);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.modal.modal_profile section.payment_form.compact {
  width: 752px;
  margin: 0 auto;
  padding-bottom: 1.5rem;
}
.modal.modal_profile section.payment_form.compact.deposit {
  width: 344px;
}
.modal.modal_profile section.payment_form .withdraw-amount {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
  padding: 1.5rem 1rem;
  border-radius: 0.75rem;
  background: var(--g-color-fill-dark);
  text-align: center;
}
.modal.modal_profile section.payment_form .withdraw-amount .amount {
  font-weight: 700;
  color: var(--g-color-primary);
}
.modal.modal_profile section.payment_form .title_form_section {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
  text-align: center;
}
.modal.modal_profile section.payment_form .form {
  max-width: 100%;
}
.modal.modal_profile section.payment_form .form .form-row {
  margin-top: 1rem;
}
.modal.modal_profile section.payment_form .form .form-group {
  margin-bottom: 0.5rem;
}
.modal.modal_profile section.payment_form .form .group-name-amount {
  position: relative;
  margin-bottom: 0;
}
.modal.modal_profile section.payment_form .form .group-name-amount input {
  border-radius: 12px;
}
.modal.modal_profile section.payment_form .form .provider_info_wrap {
  height: 42px;
  position: absolute;
  top: 27px;
  right: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 0;
  border-radius: 8px;
  background: var(--g-color-fill-light);
}
.modal.modal_profile section.payment_form .form .provider_info_wrap .payment_logo {
  height: 20px;
  max-width: 48px;
}
.modal.modal_profile section.payment_form .form .provider_info_wrap .payment_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal.modal_profile section.payment_form .form .provider_info_wrap .payment_limits {
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-grey-600);
}
.modal.modal_profile section.payment_form .form .message.error {
  padding: 1rem;
  text-align: center;
  color: var(--g-color-error);
  border-radius: 0.75rem;
  background: #f3415699;
  margin-top: 1.5rem;
}
.modal.modal_profile section.payment_form .form .variants {
  --button-color: var(--g-color-grey-300);
  --button-bonus-text: var(--g-color-grey-300);
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.modal.modal_profile section.payment_form .form .variants .item {
  flex: 1 0 auto;
}
.modal.modal_profile section.payment_form .form .variants .item input {
  display: none;
}
.modal.modal_profile section.payment_form .form .variants .item .button_variant {
  cursor: pointer;
}
.modal.modal_profile section.payment_form .form .variants .item .button_variant.has_bonus {
  display: flex;
  flex-flow: column;
  align-items: center;
  overflow: hidden;
  min-width: 110px;
  border: 1px solid var(--button-color);
  border-radius: 16px;
}
.modal.modal_profile section.payment_form .form .variants .item .button_variant.has_bonus .amount_variant {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  width: 100%;
  padding: 18px 8px;
  text-align: center;
  color: var(--button-color);
  background: var(--g-color-fill-same);
}
.modal.modal_profile section.payment_form .form .variants .item .button_variant.has_bonus .amount_bonus {
  display: flex;
  justify-content: center;
  gap: 4px;
  width: 100%;
  padding: 10px;
  font-weight: 700;
  color: var(--button-bonus-text);
  background: var(--g-color-grey-700);
}
.modal.modal_profile section.payment_form .form .variants .item .button_variant.has_bonus .amount_bonus .icon {
  font-size: 16px;
}
.modal.modal_profile section.payment_form .form .variants .item .button_variant.has_bonus .variant_text {
  display: none;
}
@media (max-width: 767.8px) {
  .modal.modal_profile section.payment_form .form .variants .item .button_variant.has_bonus {
    width: 100%;
  }
}
.modal.modal_profile section.payment_form .form .variants .item .button_variant.no_bonus {
  display: flex;
  max-width: 110px;
  padding: 8px 12px;
  color: var(--button-color);
  border: 1px solid var(--button-color);
  border-radius: 8px;
}
.modal.modal_profile section.payment_form .form .variants .item .button_variant.no_bonus:hover {
  color: var(--g-color-primary);
  border-color: var(--g-color-primary);
}
.modal.modal_profile section.payment_form .form .variants .item .button_variant.no_bonus .amount_variant {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin: auto;
  color: inherit;
}
.modal.modal_profile section.payment_form .form .variants .item .button_variant.no_bonus .variant_text {
  display: none;
}
@media (max-width: 767.8px) {
  .modal.modal_profile section.payment_form .form .variants .item .button_variant.no_bonus {
    width: 100%;
    max-width: unset;
    padding: 7px;
  }
}
.modal.modal_profile section.payment_form .form .variants .item input:checked ~ .button_variant.has_bonus {
  border-color: var(--g-color-primary);
}
.modal.modal_profile section.payment_form .form .variants .item input:checked ~ .button_variant.has_bonus .amount_variant {
  color: var(--g-color-fill);
}
.modal.modal_profile section.payment_form .form .variants .item input:checked ~ .button_variant.has_bonus .amount_bonus {
  color: var(--g-color-fill-light);
}
.modal.modal_profile section.payment_form .form .variants .item input:checked ~ .button_variant.has_bonus .amount_bonus {
  background: var(--g-gradient-primary);
}
.modal.modal_profile section.payment_form .form .variants .item input:checked ~ .button_variant.no_bonus {
  color: var(--g-color-primary);
  border-color: var(--g-color-primary);
}
.modal.modal_profile section.payment_form .form .submit_wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-top: 2.5rem;
  color: var(--g-color-fill-light);
  background: var(--g-color-fill-dark);
}
.modal.modal_profile section.payment_form .form .submit_wrap .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.modal.modal_profile section.payment_form .form .submit_wrap .withdraw_summary,
.modal.modal_profile section.payment_form .form .submit_wrap .deposit {
  line-height: 2.5rem;
  font-size: 2rem;
  letter-spacing: 0px;
  font-weight: 700;
}

.modal_profile .modal_container .profile_cashbox {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.modal_profile .modal_container .payments_gallery {
  --item-bg: var(--g-color-fill-light);
  --item-caption-color: var(--g-color-tertiary);
  --item-overlay-bg: linear-gradient(115deg, #0d0d10 0%, #171321 100%);
  --item-overlay-caption-color: var(--g-color-error);
  padding: 1.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(234px, 1fr));
  grid-auto-flow: dense;
  gap: 0.5rem;
  justify-items: center;
}
@media (max-width: 575.8px) {
  .modal_profile .modal_container .payments_gallery {
    width: 328px;
    margin: 0 auto;
    padding: 1.5rem 0;
    grid-template-columns: repeat(auto-fill, minmax(134px, 1fr));
  }
}
.modal_profile .modal_container .payments_gallery .payment_item {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  width: 246px;
  height: 120px;
  padding: 0.5rem;
  background: var(--item-bg);
  border-radius: 0.5rem;
  cursor: pointer;
}
.modal_profile .modal_container .payments_gallery .payment_item > .disabled_tooltip {
  display: none;
}
.modal_profile .modal_container .payments_gallery .payment_item .payment_logo {
  width: 120px;
  height: auto;
}
.modal_profile .modal_container .payments_gallery .payment_item .payment_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.modal_profile .modal_container .payments_gallery .payment_item .payment_limits {
  text-align: center;
  color: var(--item-caption-color);
}
.modal_profile .modal_container .payments_gallery .payment_item .payment_limits,
.modal_profile .modal_container .payments_gallery .payment_item .payment_limits span {
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.modal_profile .modal_container .payments_gallery .payment_item .disabled_overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.modal_profile .modal_container .payments_gallery .payment_item .disabled_overlay .icon {
  position: relative;
  padding: 4px;
  font-size: 24px;
  color: var(--g-color-primary);
  background: var(--g-color-fill-same);
  border-radius: 8px;
  z-index: 1;
}
.modal_profile .modal_container .payments_gallery .payment_item .disabled_overlay .caption, .modal_profile .modal_container .payments_gallery .payment_item .disabled_overlay .title_section .caption_button, .title_section .modal_profile .modal_container .payments_gallery .payment_item .disabled_overlay .caption_button {
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 400;
  position: relative;
  text-align: center;
  color: var(--item-overlay-caption-color);
  z-index: 1;
}
.modal_profile .modal_container .payments_gallery .payment_item .disabled_overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--item-overlay-bg);
  opacity: 0.8;
  z-index: 0;
}
@media (max-width: 767.8px) {
  .modal_profile .modal_container .payments_gallery .payment_item {
    width: 158px;
  }
}
.modal_profile .modal_container .payments_gallery .disabled_tooltip {
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  background: var(--item-bg);
  border-radius: 16px;
}
.modal_profile .modal_container .payments_gallery .disabled_tooltip .payment_logo {
  flex: 0 0 auto;
  width: auto;
  height: 40px;
}
.modal_profile .modal_container .payments_gallery .disabled_tooltip .payment_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal_profile .modal_container .payments_gallery .disabled_tooltip .text {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.modal_profile .modal_container .payments_gallery .disabled_tooltip .text a {
  color: var(--g-color-info);
}
.modal_profile .modal_container .payments_gallery .disabled_tooltip .button {
  margin-left: auto;
}
.modal_profile .modal_container .popup_card {
  --card-text-color: var(---g-color-fill-light);
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  min-height: 52px;
  margin: 0 1rem;
  padding: 12px 24px;
  text-align: center;
  border-radius: 12px;
  color: var(--card-text-color);
}
.modal_profile .modal_container .popup_card.bg {
  background: var(--g-color-fill-dark);
}
.modal_profile .modal_container .popup_card.bg-error {
  color: var(--g-color-error);
  background: var(--g-color-error-light);
}
.modal_profile .modal_container .popup_card a {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-primary);
}
.modal_profile .modal_container .popup_card.has_img {
  justify-content: flex-start;
  gap: 12px;
  padding: 16px 32px;
}
.modal_profile .modal_container .popup_card.has_img .card_img {
  width: 48px;
  height: auto;
}
.modal_profile .modal_container .popup_card.has_img .text {
  color: var(--g-color-fill);
}
.modal_profile .modal_container .popup_card.has_img .divider,
.modal_profile .modal_container .popup_card.has_img .divider_vertical {
  display: none;
}
@media (max-width: 767.8px) {
  .modal_profile .modal_container .popup_card.has_img {
    flex-flow: column;
    justify-content: center;
  }
  .modal_profile .modal_container .popup_card.has_img .divider {
    display: flex;
  }
  .modal_profile .modal_container .popup_card.has_img .text {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .modal_profile .modal_container .popup_card.has_img .divider_vertical {
    display: flex;
    height: 58px;
  }
}
.modal_profile .modal_container .popup_card.btc_info {
  flex-flow: column;
  padding: 12px 16px;
}
.modal_profile .modal_container .popup_card.btc_info .title_block .title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--g-color-fill);
}
.modal_profile .modal_container .popup_card.btc_info .show_more {
  display: flex;
  align-items: center;
  color: var(--g-color-info);
  cursor: pointer;
}
.modal_profile .modal_container .popup_card.btc_info .content_block {
  --btc-info-strong: var(--g-color-grey-300);
  --btc-info-p: var(--g-color-grey-200);
  padding: 12px 0;
  text-align: left;
}
.modal_profile .modal_container .popup_card.btc_info .content_block strong {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  color: var(--btc-info-strong);
}
.modal_profile .modal_container .popup_card.btc_info .content_block strong span {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_profile .modal_container .popup_card.btc_info .content_block p {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--btc-info-p);
}
.modal_profile .modal_container .popup_card.btc_info:not(.open) .content_block {
  display: none;
}
@media (max-width: 767.8px) {
  .modal_profile .modal_container .popup_card.desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .modal_profile .modal_container .popup_card.mobile {
    display: none;
  }
}
.modal_profile .modal_container .popup_card .sign-up-form__link {
  color: var(--g-color-primary);
}
.modal_profile .modal_container .cashbox_empty {
  --title-color: var(--g-color-grey-200);
  display: grid;
  grid-template-areas: "text" "content";
  justify-content: center;
  align-items: center;
  margin: var(--g-container-padding);
}
.modal_profile .modal_container .cashbox_empty .text {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
  grid-area: text;
  text-align: center;
}
.modal_profile .modal_container .cashbox_empty .title {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 500;
  grid-area: content;
  text-align: center;
}
.modal_profile .modal_container .cashbox_empty .img_empty {
  grid-area: content;
  width: 356px;
  height: auto;
  margin: auto;
}
.modal_profile .modal_container .deposit_wrapper {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery {
  padding: 0;
  margin-bottom: -1px;
  margin-right: -1px;
  border-radius: 16px 16px 0 0;
  background: var(--g-color-fill-dark);
  grid-template-columns: repeat(auto-fill, minmax(126px, 1fr));
  gap: 0;
  max-height: 162px;
  overflow: hidden;
  transition: var(--g-transition);
}
@media (max-width: 767.8px) {
  .modal_profile .modal_container .deposit_wrapper .payments_gallery {
    width: 100%;
  }
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery.columns-1 {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery.columns-2 {
  grid-template-columns: repeat(auto-fill, minmax(126px, 1fr));
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery.all-methods {
  border-radius: 1rem;
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery.show-all {
  max-height: 320px;
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery .item {
  width: 100%;
  padding: 12px 16px;
  border-top: 0;
  border-left: 0;
  border-style: solid;
  border-color: var(--g-color-background);
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery .item:not(.disabled).active .badge {
  display: flex;
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery .payment_item {
  width: 100%;
  height: 56px;
  position: relative;
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery .payment_item .badge {
  display: none;
  position: absolute;
  top: -6px;
  right: -8px;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 50%;
  background: #53A841;
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery .payment_item .badge .icon {
  font-size: 16px;
  color: var(--g-color-background);
}
.modal_profile .modal_container .deposit_wrapper .payments_gallery .payment_item .payment_logo {
  width: 62px;
}
.modal_profile .modal_container .deposit_wrapper .show_more {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  position: relative;
  margin-top: 1px;
  padding: 0.5rem 1rem;
  text-align: center;
  border-radius: 0 0 16px 16px;
  background: var(--g-color-fill-dark);
  color: var(--g-color-grey-100);
  cursor: pointer;
}
.modal_profile .modal_container .deposit_wrapper .show_more.active .icon {
  transform: rotate(180deg);
}
.modal_profile .modal_container .deposit_wrapper .show_more .icon {
  position: absolute;
  top: 6px;
  right: 12px;
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new {
  padding-top: 1rem;
  width: 375px;
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new .message.error {
  margin-top: 1rem;
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new .amount-wrap {
  border-radius: 1rem;
  padding: 1rem;
  background: var(--g-color-fill-dark);
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new .amount-wrap .header {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new .form-group > label {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-fill-light);
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new input, .modal_profile .modal_container section.payment_form.compact.payment_form_new textarea, .modal_profile .modal_container section.payment_form.compact.payment_form_new .input_style {
  --input-bg: var(--g-color-background);
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new .submit_deposit {
  margin-top: 2rem;
  text-align: center;
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new .submit_deposit .button.disabled {
  --button-bg: var(--g-color-grey-400) !important;
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new .bonus-banner {
  display: flex;
  gap: 0.5rem;
  background: #9A88EE;
  margin-top: 1.5rem;
  border-radius: 0.85rem;
  padding: 0.5rem 1rem;
  align-items: center;
  justify-content: space-between;
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new .bonus-banner .text {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
}
.modal_profile .modal_container section.payment_form.compact.payment_form_new .bonus-banner .button {
  --button-height: 1.5rem;
  --button-bg: var(--g-color-secondary);
  --button-hover-bg: var(--g-color-blue-400);
  --button-text-color: var(--g-color-fill-light);
  --button-border-radius: 0.5rem;
  margin-left: auto;
}

.modal.exit_lobby_modal .content .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 24px;
}
.modal.exit_lobby_modal .content .cards_row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 24px;
}
.modal.exit_lobby_modal .content .cards_row .card_item {
  flex: 1;
}
@media (max-width: 767.8px) {
  .modal.exit_lobby_modal .content .cards_row {
    flex-direction: column;
  }
}

.first-deposit-modal .modal_container {
  min-height: unset;
}
.first-deposit-modal .modal_container .modal_content {
  padding: 1.5rem 1rem;
}
.first-deposit-modal .modal_container .wrapper {
  width: 100%;
  max-width: 428px;
  margin: 0 auto;
  padding: 1.5rem 2.5rem;
  background: var(--g-color-fill-dark);
  border-radius: 1rem;
}
@media (max-width: 767.8px) {
  .first-deposit-modal .modal_container .wrapper {
    padding: 1rem;
  }
}
.first-deposit-modal .modal_container .image {
  overflow: hidden;
  width: 100%;
  max-width: 311px;
  margin: 0 auto 2.5rem;
  border-radius: 0.75rem;
}
.first-deposit-modal .modal_container .image img {
  display: block;
  width: 100%;
}
.first-deposit-modal .modal_container .info {
  margin-bottom: 2.5rem;
  text-align: center;
}
.first-deposit-modal .modal_container .info .info_subtitle {
  line-height: 1.25rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.first-deposit-modal .modal_container .info .info_title {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-orange-500);
}
.first-deposit-modal .modal_container .actions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}

.modal_forgot_password .modal_container section.compact {
  width: 440px;
}
.modal_forgot_password .modal_container section.compact .block_message {
  max-width: 100%;
  background: var(--g-color-background);
}
.modal_forgot_password .forgot_password {
  --icon-color: var(--g-color-tertiary);
}
.modal_forgot_password .forgot_password .help-block {
  text-align: center;
}
.modal_forgot_password .forgot_password .modal_tabs {
  width: 100%;
}
.modal_forgot_password .forgot_password .tabs {
  display: flex;
  width: 100%;
  height: 56px;
  border-radius: 17px;
  border: 1px solid var(--g-color-fill-dark);
}
.modal_forgot_password .forgot_password .tabs .item {
  width: 50%;
}
.modal_forgot_password .forgot_password .tabs .item:not(.active) .button {
  color: var(--g-color-fill);
  background: unset;
}
.modal_forgot_password .forgot_password .tabs .item:not(.active) .button:hover {
  --button-after-bg: unset;
}
.modal_forgot_password .forgot_password .tabs .item .label {
  padding: 0.75rem 0;
  color: inherit;
}
.modal_forgot_password .forgot_password .forgot_password_hint {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 500;
  text-align: center;
  color: var(--g-color-tertiary);
}
.modal_forgot_password .forgot_password .actions_wrap {
  margin-top: 24px;
  justify-content: center;
}
.modal_forgot_password .forgot_password .content .s-content {
  display: none;
}
.modal_forgot_password .forgot_password .content .s-content.active {
  display: block;
}
.modal_forgot_password .tab_content:not(.active),
.modal_forgot_password .form-group .control-label {
  display: none;
}

.gift-modal.certificate-modal .title {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
}
.gift-modal.certificate-modal .content {
  max-width: 336px;
  margin: 0 auto;
}

.modal .modal_basic .block_message a {
  text-decoration: underline;
  color: var(--g-color-primary);
}
.modal .modal_basic .block_message .actions_wrap {
  justify-content: center;
}
.modal .icon-warning {
  color: var(--g-color-primary);
}
.modal .icon-success {
  color: var(--g-color-secondary);
}

.block_message {
  --text-color: var(--g-color-tertiary);
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
  padding: 36px 40px;
  background: var(--g-color-fill-dark);
  border-radius: 1rem;
}
.block_message > .status_image {
  display: flex;
}
.block_message > .status_image .image {
  display: flex;
  width: auto;
  max-height: 96px;
  margin: 0 auto;
}
.block_message > .status_image .icon {
  font-size: 96px;
}
.block_message > .title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 12px 0;
  text-align: center;
  color: var(--g-color-fill);
}
.block_message > .text {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 500;
  margin-top: 16px;
  text-align: center;
  color: var(--g-color-fill);
}
.block_message > .content {
  width: 100%;
  margin-top: 24px;
}
.block_message > .actions_wrap {
  margin-top: 12px;
}
.block_message .error-block {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  text-align: center;
  color: var(--g-color-error);
  margin-top: 4px;
}

.modal.modal_verification .block_message {
  background: var(--g-color-background);
}

.modal.modal_win_multiplier {
  --modal-content-padding: 1.5rem;
}
.modal.modal_win_multiplier .item_game.item_winner {
  --game-item-padding: 1rem;
  --game-item-bg: var(--g-color-fill-dark);
  display: block;
  max-width: 344px;
  margin: 0 auto;
  padding: 1rem;
}
.modal.modal_win_multiplier .item_game.item_winner .banner .image_bg .overlay {
  opacity: 1;
}
.modal.modal_win_multiplier .item_game.item_winner .banner .actions {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.modal.modal_win_multiplier .item_game.item_winner .info {
  margin-top: 0;
  padding: 0.25rem 0.5rem;
}
.modal.modal_win_multiplier .item_game.item_winner .info .game_name {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal.modal_win_multiplier .item_game.item_winner .content_info .game_block {
  padding: 1rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal.modal_win_multiplier .item_game.item_winner .content_info .game_block .prize_info {
  padding-top: 0.5rem;
}
.modal.modal_win_multiplier .item_game.item_winner .content_info .game_block .win_info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.modal.modal_win_multiplier .item_game.item_winner .content_info .game_block .win_info .line,
.modal.modal_win_multiplier .item_game.item_winner .content_info .game_block .win_info .prize {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal.modal_win_multiplier .item_game.item_winner .content_info .game_block .win_block {
  display: flex;
  align-items: center;
}
.modal.modal_win_multiplier .item_game.item_winner .content_info .game_block .win_block .prize.key {
  width: 96px;
}
.modal.modal_win_multiplier .item_game.item_winner .content_info .game_block .win_block.win_amount {
  padding-bottom: 0.5rem;
}
.modal.modal_win_multiplier .item_game.item_winner .content_info .game_block .win_block.win_amount .prize.value.win {
  color: var(--g-color-blue-400);
}

body.modal_open {
  overflow: hidden;
  padding-right: 0.375rem;
}
body.modal_open a.webim-button-slider {
  visibility: hidden;
}
@media (max-width: 1199.8px) {
  body.modal_open {
    padding-right: 0;
  }
}

.modal_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: var(--g-color-fill-dark);
  opacity: 0.8;
  z-index: 11;
}

.modal,
.modal_style {
  --container-padding: var(--g-container-padding);
  --modal-container-br: 1rem;
  --modal-content-padding: 1rem;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  z-index: 11;
  -webkit-overflow-scrolling: touch;
}
.modal > .loader_overlay,
.modal_style > .loader_overlay {
  position: fixed;
}
.modal .modal_container,
.modal_style .modal_container {
  position: relative;
  margin: auto;
  box-shadow: var(--g-shadow-l);
}
.modal .modal_container .modal_header,
.modal_style .modal_container .modal_header {
  z-index: 1;
}
.modal .modal_container .modal_content,
.modal_style .modal_container .modal_content {
  position: relative;
}
@media (max-width: 767.8px) {
  .modal .modal_container,
.modal_style .modal_container {
    display: flex;
    flex-flow: column;
    width: 100vw;
    min-height: 100% !important;
    border-radius: unset;
  }
}

.modal_container {
  --modal-bg: var(--g-color-background);
  position: relative;
  display: flex;
  flex-flow: column;
  width: 100%;
  max-width: 720px;
  min-height: 512px;
  background: var(--modal-bg);
  border-radius: var(--modal-container-br);
}
.modal_container.fullscreen {
  max-width: unset;
  min-width: 100%;
  max-height: unset;
  min-height: 100%;
}
.modal_container > .modal_header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 56px;
  padding: 0 var(--g-container-padding);
  background: var(--g-color-fill-dark);
  border-radius: var(--modal-container-br) var(--modal-container-br) 0 0;
}
.modal_container > .modal_header > .title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 767.8px) {
  .modal_container > .modal_header > .title {
    line-height: 1.25rem;
    font-size: 1rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.modal_container > .modal_header > .content {
  overflow: hidden;
  padding: 0.625rem 0;
}
.modal_container > .modal_header > .close {
  position: absolute;
  display: flex;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.modal_container > section,
.modal_container .modal_section {
  position: relative;
  width: 100%;
  max-width: calc(100% - 2 * var(--container-padding));
  margin: 0 auto;
  padding-top: var(--modal-content-padding);
  box-sizing: content-box;
}
.modal_container > section .modal_section,
.modal_container .modal_section .modal_section {
  padding-top: unset;
}
.modal_container > section:last-child,
.modal_container .modal_section:last-child {
  padding-bottom: var(--container-padding);
}
.modal_container > section.no_padding_top,
.modal_container .modal_section.no_padding_top {
  padding-top: 0;
}
.modal_container > section.wide,
.modal_container .modal_section.wide {
  max-width: 100%;
  box-sizing: border-box;
}
.modal_container > section.cover, .modal_container > section.cover_absolute,
.modal_container .modal_section.cover,
.modal_container .modal_section.cover_absolute {
  --container-padding: 0;
  --modal-content-padding: 0;
}
.modal_container > section.cover_absolute,
.modal_container .modal_section.cover_absolute {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: var(--modal-container-br);
  box-sizing: border-box;
}
.modal_container > section.compact,
.modal_container .modal_section.compact {
  flex: 0;
  width: 400px;
}
.modal_container > section.center,
.modal_container .modal_section.center {
  margin: auto;
}

.modal.more-games .modal_container > section.center {
  margin-top: 0;
  margin-bottom: 0;
}
.modal.more-games .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 24px;
}
.modal.more-games .search_games_tournament {
  position: relative;
  margin-bottom: 24px;
}
.modal.more-games .search_games_tournament .button_close {
  position: absolute;
  top: 0;
  right: 8px;
  display: flex;
  align-items: center;
  height: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--g-color-grey-200);
}
.modal.more-games .search_empty {
  max-width: 470px;
  margin: 0 auto;
}

.modal_mystery_jackpot {
  --bg-dark: #000031;
}
.modal_mystery_jackpot .modal_container {
  max-width: 800px;
}
.modal_mystery_jackpot .modal_container .modal_content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 100%;
  padding: 1.5rem 3rem;
}
@media (max-width: 767.8px) {
  .modal_mystery_jackpot .modal_container .modal_content {
    grid-template-columns: 1fr;
    padding: 1.5rem 1rem;
  }
}
.modal_mystery_jackpot .modal_container .main {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 416px;
  padding: 1.25rem 1rem;
  z-index: 1;
  text-align: center;
}
.modal_mystery_jackpot .modal_container .main .info {
  margin-bottom: 1.5rem;
}
.modal_mystery_jackpot .modal_container .main .info .title {
  margin: 0 0 0.75rem;
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-orange-500);
  text-shadow: 2.46px 2.46px 0 rgba(0, 0, 0, 0.25);
}
.modal_mystery_jackpot .modal_container .main .info .description {
  margin-bottom: 50px;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.modal_mystery_jackpot .modal_container .main .prize {
  color: var(--g-color-orange-500);
  text-shadow: 2.46px 2.46px 0 rgba(0, 0, 0, 0.25);
}
.modal_mystery_jackpot .modal_container .main .prize .title {
  margin-bottom: 0.25rem;
  text-shadow: 2.46px 2.46px 0 rgba(0, 0, 0, 0.25);
  line-height: 1.25rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_mystery_jackpot .modal_container .main .prize .amount {
  line-height: 3.5rem;
  font-size: 3rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_mystery_jackpot .modal_container .main .timer_wrap {
  margin-top: auto;
  padding: 0.5rem 1.5rem;
  border: 1px solid #fff;
  border-radius: 1rem;
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.modal_mystery_jackpot .modal_container .main .timer_wrap .timer {
  width: fit-content;
  margin: 0 auto;
  line-height: 0.875rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_mystery_jackpot .modal_container .main .timer_wrap .timer .t_nums,
.modal_mystery_jackpot .modal_container .main .timer_wrap .timer .t_badges {
  display: flex;
  justify-content: space-between;
  width: 108px;
}
.modal_mystery_jackpot .modal_container .main .timer_wrap .timer .t_nums {
  line-height: 0.875rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_mystery_jackpot .modal_container .main .timer_wrap .timer .t_badges {
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_mystery_jackpot .modal_container .main .image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.modal_mystery_jackpot .modal_container .main .background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.modal_mystery_jackpot .modal_container .table {
  max-height: 416px;
  min-width: 0;
  padding: 0.75rem;
  background-color: #152156;
  color: #fff;
  border-collapse: collapse;
  border-radius: 1rem;
}
.modal_mystery_jackpot .modal_container .table .table-scroll {
  overflow-y: auto;
  max-height: 392px;
  padding-right: 0.5rem;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table {
  border-collapse: collapse;
  width: 100%;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table thead {
  background-color: var(--bg-dark);
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table thead th {
  padding: 10px 4px;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table thead th:first-child {
  border-top-left-radius: 0.5rem;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table thead th:last-child {
  border-top-right-radius: 0.5rem;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table tbody tr:nth-child(even) {
  background: var(--bg-dark);
}
.modal_mystery_jackpot .modal_container .table .table-scroll table tbody tr td {
  padding: 10px 4px;
  text-align: center;
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table tbody tr td.status {
  color: #9999AD;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table tbody tr td.status.claimed {
  color: #53A841;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table tbody .prize_action_row {
  position: relative;
  padding: 8px;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table tbody .prize_action_row::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--g-color-orange-500);
  border-radius: 0.5rem;
  pointer-events: none;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table tbody .prize_action_row .prize_action {
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: var(--g-color-orange-500);
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
}
.modal_mystery_jackpot .modal_container .table .table-scroll table tbody .prize_action_row .prize_action a {
  padding: 5px 30px;
  background-color: var(--g-color-orange-500);
  color: #fff;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_mystery_jackpot .modal_container .table .table-scroll::-webkit-scrollbar {
  width: 6px;
}
.modal_mystery_jackpot .modal_container .table .table-scroll::-webkit-scrollbar-track {
  background: #33335A;
}
.modal_mystery_jackpot .modal_container .table .table-scroll::-webkit-scrollbar-thumb {
  background: #0255C2;
}

.modal.modal_notification-settings .block_message {
  padding: 24px 40px;
}
.modal.modal_notification-settings form .form-column {
  min-width: 172px;
  margin: 16px auto 24px;
  max-width: max-content;
}
.modal.modal_notification-settings form .form-group {
  margin-bottom: 24px;
}
.modal.modal_notification-settings form .form-group.checkbox label.card_label {
  padding: 0;
}

.modal.postauth .modal_container {
  max-width: 800px;
}
.modal.postauth .card_bonus {
  margin: auto;
}
.modal.postauth .best_bonus_wrapper {
  display: grid;
  padding: 0 20px 24px;
  grid-template-columns: 332px auto;
  gap: 1rem;
}
.modal.postauth .best_bonus_wrapper .card_bonus {
  width: 332px;
}
@media (max-width: 767.8px) {
  .modal.postauth .best_bonus_wrapper {
    grid-template-columns: auto;
    justify-items: center;
  }
}
.modal.postauth .best_bonus_description {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  text-align: center;
}
.modal.postauth .best_bonus_description .title {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal.postauth .best_bonus_description .description {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}

.modal.modal_postdeposit_app .app_promo {
  flex-direction: column;
  align-items: center;
}
.modal.modal_postdeposit_app .app_promo .art {
  position: static;
  height: 96px;
  width: 96px;
}
.modal.modal_postdeposit_app .app_promo .modal_block_info .text {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 40px;
}
.modal.modal_postdeposit_app .app_qr.post-login {
  justify-content: center;
}
.modal.modal_postdeposit_app .app_qr.post-login .content {
  max-width: 260px;
}

.modal.postreg .section_block > .header.center {
  justify-content: center;
}
@media (max-width: 767.8px) {
  .modal.postreg .section_block > .header.center {
    display: none;
  }
}
.modal.postreg .section_block .modal_info_description {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 1rem;
  text-align: center;
}
.modal.postreg .section_block .bonus_block {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .modal.postreg .section_block .bonus_block .card_bonus.big {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .modal.postreg .section_block .actions_wrap {
    margin-top: 1.5rem;
  }
}
@media (max-width: 767.8px) {
  .modal.postreg .section_block {
    flex-direction: column-reverse;
    padding-bottom: 1rem;
  }
  .modal.postreg .section_block .actions_wrap {
    margin-bottom: 0.5rem;
  }
}

.modal_pre_play .divider,
.modal_pre_play_app .divider {
  margin: 1.5rem;
}
@media (max-width: 767.8px) {
  .modal_pre_play .divider,
.modal_pre_play_app .divider {
    margin: 1rem 1.5rem;
  }
}
.modal_pre_play .current_item .item_game,
.modal_pre_play_app .current_item .item_game {
  max-width: 392px;
  margin: auto;
  padding: 1rem 1.5rem;
  background: var(--g-color-fill-dark);
  border-radius: 1rem;
}
.modal_pre_play .current_item .item_game .header,
.modal_pre_play_app .current_item .item_game .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.modal_pre_play .current_item .item_game .header .balance,
.modal_pre_play_app .current_item .item_game .header .balance {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-fill);
}
.modal_pre_play .current_item .item_game .header .balance .icon,
.modal_pre_play_app .current_item .item_game .header .balance .icon {
  font-size: 2.5rem;
}
.modal_pre_play .current_item .item_game .header .game_in_fav,
.modal_pre_play_app .current_item .item_game .header .game_in_fav {
  color: var(--g-color-fill-light);
  background: transparent;
  border: none;
}
.modal_pre_play .current_item .item_game .header .game_in_fav .icon,
.modal_pre_play_app .current_item .item_game .header .game_in_fav .icon {
  display: flex;
  font-size: 2.5rem;
  transition: var(--g-transition);
}
.modal_pre_play .current_item .item_game .header .game_in_fav.in_fav,
.modal_pre_play_app .current_item .item_game .header .game_in_fav.in_fav {
  color: var(--g-color-error);
}
.modal_pre_play .current_item .item_game .game,
.modal_pre_play_app .current_item .item_game .game {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.modal_pre_play .current_item .item_game .game > img,
.modal_pre_play_app .current_item .item_game .game > img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
.modal_pre_play .current_item .item_game .provider,
.modal_pre_play_app .current_item .item_game .provider {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.modal_pre_play .current_item .item_game .provider-img,
.modal_pre_play_app .current_item .item_game .provider-img {
  height: 1rem;
  max-width: 2rem;
}
.modal_pre_play .current_item .item_game .provider-img img,
.modal_pre_play_app .current_item .item_game .provider-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.6;
}
.modal_pre_play .current_item .item_game .provider .caption, .modal_pre_play .current_item .item_game .provider .title_section .caption_button, .title_section .modal_pre_play .current_item .item_game .provider .caption_button,
.modal_pre_play_app .current_item .item_game .provider .caption,
.modal_pre_play_app .current_item .item_game .provider .title_section .caption_button,
.title_section .modal_pre_play_app .current_item .item_game .provider .caption_button {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-grey-200);
}
.modal_pre_play .current_item .item_game .actions_wrap,
.modal_pre_play_app .current_item .item_game .actions_wrap {
  margin-top: 1rem;
}
.modal_pre_play .current_item .item_game .actions_wrap .button,
.modal_pre_play_app .current_item .item_game .actions_wrap .button {
  flex: 1;
}
@media (min-width: 768px) {
  .modal_pre_play .current_item .item_game,
.modal_pre_play_app .current_item .item_game {
    padding: 1.5rem 2rem;
  }
}

.modal_pre_play_app .modal_block_info .actions_wrap {
  margin-top: 2rem;
  flex-direction: column;
  gap: 2rem;
}
.modal_pre_play_app .modal_block_info .actions_wrap .button-wrap {
  position: relative;
}
.modal_pre_play_app .modal_block_info .actions_wrap .button-wrap .icon {
  position: absolute;
  top: -24px;
  left: -24px;
  font-size: 64px;
  transform: rotate(-18.549deg);
}
.modal_pre_play_app .modal_block_info .actions_wrap .button-wrap .icon-android {
  color: var(--g-color-secondary);
}
.modal_pre_play_app .modal_block_info .actions_wrap .button-wrap .icon-ios {
  color: var(--g-color-info);
}
.modal_pre_play_app .modal_block_info .actions_wrap .button {
  --button-width: 154px;
}

.document_load {
  padding: 0 1.5rem 1.5rem;
}
.document_load .documents_list {
  width: 100%;
}
@media (min-width: 1200px) {
  .document_load .documents_list {
    padding-top: 15px;
  }
}
.document_load .form {
  max-width: 100% !important;
}
.document_load .documents_footer {
  width: 100%;
  padding: 1px 50px;
  border-radius: 12px;
  background: var(--g-color-fill-dark);
  color: var(--g-color-primary);
}
.document_load .documents_hint {
  display: flex;
  width: 100%;
  margin: 30px 0;
}
.document_load .documents_hint .icon {
  margin-right: 14px;
}
.document_load .documents_actions {
  width: 100%;
  margin: 30px 0;
  text-align: center;
}
.document_load .divider {
  height: 1px;
  margin: 30px 0;
  background: #464646;
}
.document_load .document_block {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 30px 0;
}
.document_load .document_block .logo {
  width: 44px;
  margin-right: 1.5rem;
}
.document_load .document_block .head {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  padding-top: 10px;
  width: 162px;
  margin-right: 1.5rem;
}
.document_load .document_block .description {
  flex: 1;
}
.document_load .document_block .description .btn_wrap {
  text-align: start;
}
@media (max-width: 767.8px) {
  .document_load .document_block .description .btn_wrap {
    text-align: end;
  }
}
.document_load .document_block .description .description_label {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  margin-bottom: 1.5rem;
  text-align: start;
  color: var(--g-color-fill-light);
}
.document_load .document_block .description .description_label br {
  display: none;
}
.document_load .document_block .description .divider {
  margin: 24px 0;
}
@media (max-width: 767.8px) {
  .document_load .document_block .description .divider {
    width: 100%;
  }
}
.document_load .document_block .description .status_label {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  max-width: 112px;
  padding: 4px 9px;
  margin-bottom: 8px;
  border-radius: 0.5rem;
  color: var(--g-color-fill-light);
  background: var(--g-color-error);
}
.document_load .document_block .description .status_label_pending, .document_load .document_block .description .status_label_sent {
  background: var(--g-color-warning);
}
.document_load .document_block .description .status_label_verified {
  background: var(--g-color-success);
}
@media (min-width: 1200px) {
  .document_load .document_block .description {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .document_load .document_block .description .description_label {
    margin-bottom: 16px;
  }
}
.document_load input.hidden {
  display: none;
}
.document_load .file-select {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.document_load .file-select .form-control {
  display: inline-flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  padding: 1rem;
  color: var(--g-color-fill-light);
  background: var(--g-color-fill-dark);
}
.document_load .file-select.show_files .form-control > .icon {
  transform: scaleY(-1);
}
.document_load .file-select .control-button {
  display: inline-flex;
  flex: 0;
  margin: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  text-align: center;
  color: var(--g-color-fill-light);
  background: none;
  transition: var(--g-transition);
  cursor: pointer;
}
.document_load .file-select .control-button .iconimg {
  display: flex;
}
.document_load .file-select .control-button:hover {
  filter: brightness(1) contrast(1.4);
}
.document_load .file-select .control-button.disabled {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: default;
  pointer-events: none !important;
}
.document_load .file-select .control-button > .icon {
  font-size: 32px;
}
.document_load .file-select .help-block {
  width: 100%;
}
.document_load .file-select .hint-block {
  width: 100%;
}
.document_load .file-select .files_list {
  display: none;
  width: 100%;
  padding: 1rem 0;
}
.document_load .file-select .files_list .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 5px 0;
}
.document_load .file-select .files_list .item:not(:last-child) {
  border-bottom: 1px solid var(--g-color-fill-light);
}
.document_load .file-select .files_list .item .name {
  display: block;
  flex: 1;
  word-break: break-all;
  text-align: start;
  color: var(--g-color-grey-300);
}
.document_load .file-select .files_list .item .status {
  max-width: 150px;
  min-width: 100px;
  margin-left: 8px;
  text-align: center;
  color: var(--g-color-fill-light);
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
}
.document_load .file-select .files_list .item .status span {
  padding: 4px 8px;
  min-width: 114px;
  border-radius: 8px;
  background: var(--g-color-warning);
}
.document_load .file-select .files_list .item .status .status-information {
  background: var(--g-color-info);
}
.document_load .file-select .files_list .item .status .status-review {
  background: var(--g-color-orange-300);
}
.document_load .file-select .files_list .item .status .status-verified {
  background: var(--g-color-blue-400);
}
.document_load .file-select .files_list .item .status .status-rejected,
.document_load .file-select .files_list .item .status .status-waiting {
  background: var(--g-color-error);
}
.document_load .file-select .files_list .item .actions {
  display: block;
  margin-left: 8px;
  font-size: 1rem;
  margin-bottom: 3px;
  color: var(--g-color-fill-light);
}
.document_load .file-select .files_list .item .actions button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-align: center;
  background: none;
  border: none;
  transition: var(--g-transition);
  cursor: pointer;
}
.document_load .file-select .files_list .item .actions button:hover {
  color: var(--g-color-primary);
}
.document_load .file-select .files_list .item .actions .disabled,
.document_load .file-select .files_list .item .actions :disabled {
  pointer-events: none;
}

@media (max-width: 575.8px) {
  .document_load .documents_list,
.document_load .documents_footer {
    padding: 1px 0;
  }
  .document_load .document_block {
    flex-flow: row wrap;
    align-items: center;
  }
  .document_load .document_block .logo {
    display: flex;
  }
  .document_load .document_block .head {
    flex: 1;
    width: auto;
    margin-right: 0;
  }
  .document_load .document_block .head.identify {
    max-width: calc(50% - 60px);
  }
  .document_load .document_block .description {
    flex: auto;
    width: 100%;
    margin-top: 8px;
  }
  .document_load .document_block .description.identify {
    margin-top: -48px;
  }
}
.modal.modal_profile_game_form form .form-row {
  --gap: 1rem;
  width: 100%;
  gap: 0 var(--gap);
  margin-left: 0;
}
.modal.modal_profile_game_form form .form-row .form-column {
  margin: 0;
  min-width: auto;
  flex-basis: calc(50% - var(--gap));
}
@media (min-width: 576px) {
  .modal.modal_profile_game_form form .form-row .form-column.form-column-phone {
    width: calc(50% - var(--gap)/2);
    flex: initial;
  }
}
@media (max-width: 575.8px) {
  .modal.modal_profile_game_form form .form-row {
    --gap: 0.5rem;
  }
  .modal.modal_profile_game_form form .form-row .form-column:not(.w-50) {
    flex-basis: 100%;
  }
}

.modal.modal_profile .modal_header {
  justify-content: center;
  flex-direction: column;
  gap: 0.25rem;
  min-height: 60px;
  position: relative;
}
.modal.modal_profile .modal_header .title {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-transform: uppercase;
}
.modal.modal_profile .modal_header .text {
  text-transform: uppercase;
  margin-right: 4px;
}
.modal.modal_profile .modal_header .content {
  width: 100%;
  padding: 0 2rem;
}
.modal.modal_profile .modal_header .balance_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  width: 100%;
  max-width: 568px;
  margin: 0 auto;
}
@media (max-width: 575.8px) {
  .modal.modal_profile .modal_header .balance_grid {
    gap: 0.25rem;
  }
}
.modal.modal_profile .modal_header .balance_grid .balance_item {
  --balance-item-height: 1.5rem;
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: var(--balance-item-height);
  color: var(--g-color-fill-light);
  border: 1px solid var(--g-color-grey-400);
  border-radius: 0.5rem;
}
.modal.modal_profile .modal_header .balance_grid .balance_item .balance_item_icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--balance-item-height);
  width: 40px;
  margin-left: -1px;
  background: var(--g-color-grey-400);
  border-radius: 0.5rem;
}
@media (max-width: 575.8px) {
  .modal.modal_profile .modal_header .balance_grid .balance_item .balance_item_icon {
    width: var(--balance-item-height);
  }
}
.modal.modal_profile .modal_header .balance_grid .balance_item .balance_item_icon .icon {
  font-size: 1rem;
}
.modal.modal_profile .modal_header .balance_grid .balance_item .balance_item_amount {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  gap: 0.25rem;
  padding: 0 0.25rem;
}
.modal.modal_profile .modal_header .balance_grid .balance_item .balance_item_amount .label {
  text-transform: uppercase;
}
.modal.modal_profile .modal_header .balance_grid .balance_item .balance_item_amount .balance .balance_currency {
  margin-left: 2px;
}
.modal.modal_profile .modal_header .balance_grid .balance_item.real {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  border-color: var(--g-color-green);
}
.modal.modal_profile .modal_header .balance_grid .balance_item.real .balance_item_icon {
  background: var(--g-color-green);
}
.modal.modal_profile .modal_header .balance .caption, .modal.modal_profile .modal_header .balance .title_section .caption_button, .title_section .modal.modal_profile .modal_header .balance .caption_button {
  display: flex;
  align-items: center;
  color: var(--g-color-primary);
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal.modal_profile .modal_header .close {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.modal.modal_profile.open_form .menu_playerprofile {
  display: none;
}
.modal.modal_profile .menu_profile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.modal_profile .menu_profile.menu_playerprofile {
  padding: 1.5rem;
  gap: 1px;
}
.modal.modal_profile .menu_profile.menu_playerprofile .item .button {
  --button-height: 3.25rem;
  --button-padding: 1rem;
  --button-border-radius: 0;
  --button-width: 190px;
  font-weight: 500;
  border-radius: 0;
}
@media (max-width: 575.8px) {
  .modal.modal_profile .menu_profile.menu_playerprofile .item .button {
    --button-width: 98px;
  }
}
.modal.modal_profile .menu_profile.menu_playerprofile .item:first-child .button,
.modal.modal_profile .menu_profile.menu_playerprofile .item:first-child .button:after {
  border-radius: 0.75rem 0 0 0.75rem;
}
.modal.modal_profile .menu_profile.menu_playerprofile .item:last-child .button,
.modal.modal_profile .menu_profile.menu_playerprofile .item:last-child .button:after {
  border-radius: 0 0.75rem 0.75rem 0;
}
.modal.modal_profile .menu_profile.menu_mainprofile {
  margin: 0 auto 1.5rem;
  position: relative;
  width: calc(100% - 3rem);
}
.modal.modal_profile .menu_profile.menu_mainprofile:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: var(--g-color-fill-dark);
}
.modal.modal_profile .menu_profile.menu_mainprofile .item {
  width: 100%;
  position: relative;
}
.modal.modal_profile .menu_profile.menu_mainprofile .item .button {
  width: 100%;
  text-transform: uppercase;
}
.modal.modal_profile .menu_profile.menu_mainprofile .item.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: var(--g-color-primary);
  z-index: 1;
}
.modal.modal_profile .modal_container {
  max-width: 800px;
  min-height: 600px;
}
.modal.modal_profile .modal_container .title_page > .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
  text-align: center;
}
.modal.modal_profile .modal_container form .form-row,
.modal.modal_profile .modal_container .form_style .form-row {
  --gap: 1rem;
}
.modal.modal_profile .modal_container .description {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 24px;
}
.modal.modal_profile .modal_container .description.warning {
  padding: 1rem;
  border-radius: 12px;
  color: var(--g-color-error);
  background: rgba(243, 65, 86, 0.4);
}
.modal.modal_profile .modal_container .popup_actions {
  margin-top: 30px;
  text-align: center;
}
.modal.modal_profile .modal_container .title_section {
  padding: 0 1.5rem 1.5rem;
  justify-content: center;
}
.modal.modal_profile .modal_container .title_section .caption, .modal.modal_profile .modal_container .title_section .caption_button {
  line-height: 1.25rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-primary);
}
.modal.modal_profile .bonuses_gallery {
  margin-bottom: 1.5rem;
}
.modal.modal_profile .form {
  max-width: 702px;
  margin: 0 auto;
}
.modal.modal_profile .form .status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.modal.modal_profile .form .status .label.ok {
  display: flex;
  align-items: center;
  color: var(--g-color-blue-400);
}
.modal.modal_profile .form .status.phone {
  margin-top: -16px;
}
.modal.modal_profile .form.password_form {
  width: 100%;
  max-width: 344px;
  margin: 0.75rem auto 1.5rem;
}
.modal.modal_profile .submit .button,
.modal.modal_profile .status .button {
  --button-height: 1.5rem;
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal.modal_profile .submit .button .caption, .modal.modal_profile .submit .button .title_section .caption_button, .title_section .modal.modal_profile .submit .button .caption_button,
.modal.modal_profile .status .button .caption,
.modal.modal_profile .status .button .title_section .caption_button,
.title_section .modal.modal_profile .status .button .caption_button {
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal.modal_profile .submit .button.border,
.modal.modal_profile .status .button.border {
  --button-text-color-state: var(--g-color-primary);
  box-shadow: inset 0 0 0 var(--button-border-size-state, var(--button-border-size)) var(--button-border-color-state, var(--g-color-primary));
}
.modal.modal_profile .submit {
  text-align: end;
}
.modal.modal_profile .submit.phone {
  margin-top: -16px;
}

.home_search_modal .modal_container {
  overflow: hidden;
  position: relative;
}
.home_search_modal .modal_container .overlay.modal_overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  z-index: 1;
  transition: var(--g-transition);
  background: var(--g-color-fill-dark);
}
.home_search_modal.aside-open .modal_container .overlay {
  display: block;
}
.home_search_modal .popup {
  max-width: 800px;
  max-height: 100vh;
  height: 100vh;
}
.home_search_modal .popup > .content {
  --container-padding: 1.5rem;
  overflow-y: auto;
  padding: var(--container-padding);
}
.home_search_modal .popup > .content .title {
  color: #fff;
  text-align: center;
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.home_search_modal .popup > .content .games_filter {
  margin: 1.25rem 0;
}
@media (min-width: 1024px) {
  .home_search_modal .popup > .content .games_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 575.8px) {
  .home_search_modal .popup > .content {
    padding: var(--container-padding) 0.875rem;
  }
}
.home_search_modal .form-wrap {
  display: flex;
  align-items: center;
}
.home_search_modal input:-webkit-autofill, .home_search_modal input:-webkit-autofill:hover, .home_search_modal input:-webkit-autofill:focus {
  border: none !important;
  -webkit-box-shadow: inset 0 0 0 50px transparent !important;
  -webkit-text-fill-color: #fff !important;
  transition: 5000s ease background-color !important;
}
.home_search_modal .aside.aside_games {
  position: absolute;
}

.modal.tag_ad .info {
  max-width: 100%;
  min-height: 456px;
  padding: 0 0 24px;
  text-align: center;
  background: url("./images/tag_ad/modal_bg.png") no-repeat center top;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.modal.tag_ad .info .title {
  line-height: 3rem;
  font-size: 2.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.modal.tag_ad .info .description {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 400;
  margin: 0 auto 24px;
  max-width: 580px;
}
@media (max-width: 767.8px) {
  .modal.tag_ad .info {
    height: calc(100vh - 80px);
    background: url("./images/tag_ad/modal_bg_mob.png") no-repeat center top;
    background-size: cover;
    justify-content: center;
  }
  .modal.tag_ad .info .title {
    line-height: 2.5rem;
    font-size: 2rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .modal.tag_ad .info .description {
    line-height: 1.25rem;
    font-size: 1rem;
    letter-spacing: 0px;
    font-weight: 400;
  }
}

.reminder_bonus_popup {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 340px;
  max-width: 100%;
  height: auto;
  min-height: 150px;
  z-index: 10;
}
.reminder_bonus_popup .close_popup {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  font-size: 1.5rem;
  color: var(--g-color-fill-light);
  transition: var(--g-transition);
  cursor: pointer;
  z-index: 1;
}
.reminder_bonus_popup .close_popup:hover {
  color: #fff;
}
.reminder_bonus_popup .content_popup {
  position: relative;
  padding: 1rem;
  background: #BD4F84;
  border-radius: 12px;
}
.reminder_bonus_popup .content_popup .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.reminder_bonus_popup .content_popup .row > .column {
  flex: auto;
  min-width: 100px;
}
.reminder_bonus_popup .content_popup .image {
  width: 94px;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
.reminder_bonus_popup .content_popup .image > img {
  display: block;
  width: 100%;
  border-radius: 12px;
}
.reminder_bonus_popup .content_popup .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.reminder_bonus_popup .content_popup .description {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  margin: 10px 0;
}
.reminder_bonus_popup .content_popup .actions {
  margin: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reminder_bonus_popup .content_popup .timer {
  margin: 0;
}
.reminder_bonus_popup .content_popup .timer .countdown__title {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 0;
}
.reminder_bonus_popup .content_popup .timer .countdown__body {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-fill-light);
}
@media only screen and (max-width: 480px) {
  .reminder_bonus_popup {
    width: calc(100% - 2rem);
    border-radius: 0;
    left: 1rem;
    right: 1rem;
  }
}

.side-menu-open .reminder_bonus_popup {
  z-index: -1;
}

section.activities_catalog {
  display: grid;
  grid-template: ".       title   tabs" "content content content";
  grid-template-columns: 1fr auto 1fr;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 15px 0;
}
section.activities_catalog > .title {
  grid-area: title;
  align-self: center;
  font-size: 21px;
  font-weight: 500;
  text-transform: uppercase;
}
section.activities_catalog .tabs {
  grid-area: tabs;
  text-align: end;
}
section.activities_catalog .tabs .item {
  display: inline-block;
  width: 180px;
  margin: 5px;
  padding: 10px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #252525;
  border-radius: 16px;
  box-shadow: 0 0 0 1px #fff;
}
section.activities_catalog .tabs .item.active {
  color: #FFB400;
  box-shadow: 0 0 0 1px #FFB400;
}
section.activities_catalog .content {
  grid-area: content;
  grid-gap: 20px;
  display: grid;
  width: 100%;
}
section.activities_catalog .content .activity {
  margin-bottom: 15px;
}
section.activities_catalog .content .no-activities {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  section.activities_catalog {
    grid-template: "title" "tabs" "content";
    grid-template-columns: 1fr;
    margin-top: 15px;
    margin-bottom: 15px;
    justify-items: center;
  }
  section.activities_catalog .tabs .item {
    width: 140px;
  }
}
.activity_page section.page_header {
  padding-top: 10px;
}
.activity_page section.page_header .status {
  display: block;
  line-height: normal;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}
.activity_page section.page_header .status.active {
  color: #FFB400;
}
.activity_page section.page_header .status.finished {
  color: #fff;
}
.activity_page section.page_header > .title {
  margin: 10px 0;
  line-height: 1;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.activity_page section.page_content {
  display: grid;
  grid-template-columns: 1fr 320px;
  max-width: 980px;
  margin: 30px auto;
}
.activity_page section.page_content > *:not(.slider_wrap):not(.activity_tabs) {
  grid-column: 1/-1;
}
.activity_page section.page_content .details {
  display: flex;
  margin: 0 auto 30px auto;
}
.activity_page section.page_content .details .item {
  display: flex;
  margin: 0 15px;
  flex-wrap: wrap;
  white-space: nowrap;
}
.activity_page section.page_content .details .item .label {
  margin-right: 5px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFB400;
}
.activity_page section.page_content .activity_tabs {
  grid-column: 1/2;
}
.activity_page section.page_content .activity_tabs .tabs_links {
  margin-bottom: -1px;
}
.activity_page section.page_content .activity_tabs .tabs_links .tab_button {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #FFB400;
  background: none;
  border: none;
  border-bottom: 1px solid #FFB400;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .activity_page section.page_content .activity_tabs .tabs_links .tab_button {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
  }
}
.activity_page section.page_content .activity_tabs .tabs_links .t_link {
  width: 50%;
}
.activity_page section.page_content .activity_tabs .tabs_links .t_link.active .tab_button {
  color: #252525;
  background: #FFB400;
}
.activity_page section.page_content .activity_tabs .tabs_content {
  position: relative;
  overflow: hidden;
}
.activity_page section.page_content .activity_tabs .tabs_content .t_content {
  position: absolute;
  left: 0;
  visibility: hidden;
  width: 100%;
  padding: 20px;
  line-height: 1.5;
  font-size: 14px;
  transform: translateX(100px);
  opacity: 0;
}
.activity_page section.page_content .activity_tabs .tabs_content .t_content.active {
  position: relative;
  visibility: visible;
  transition: var(--g-transition);
  transform: translateX(0);
  opacity: 1;
}
.activity_page section.page_content .activity_tabs .tabs_content .t_content p {
  margin-top: 0;
}
.activity_page section.page_content .activity_tabs .tabs_content .t_content p:last-child {
  margin: 0;
}
.activity_page section.page_content .slider_wrap {
  grid-column: 2/3;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  padding: 15px;
}
.activity_page section.page_content .slider_wrap > .title {
  margin: 30px 0 15px;
  padding: 0 5px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #FFB400;
  margin-top: 0;
}
.activity_page section.page_content .slider_wrap .table-leaderboard {
  display: block;
  overflow-x: auto;
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
  border-radius: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media (max-width: "(max-width: 768px)"-0.2px) {
  .activity_page section.page_content .slider_wrap .table-leaderboard {
    width: 100%;
  }
}
.activity_page section.page_content .slider_wrap .table-leaderboard .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.activity_page section.page_content .slider_wrap .table-leaderboard .table th {
  padding: 10px 15px;
  line-height: normal;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
  text-transform: uppercase;
  color: #FFB400;
  border-top: 0;
  border-bottom: 0;
}
.activity_page section.page_content .slider_wrap .table-leaderboard .table th:last-child {
  text-align: right;
}
.activity_page section.page_content .slider_wrap .table-leaderboard .table td {
  position: relative;
  padding: 10px 15px;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  color: #fff;
  border-top: 1px solid #1A1A1C;
}
.activity_page section.page_content .slider_wrap .table-leaderboard .table td:last-child {
  font-weight: 700;
  text-align: right;
}
.activity_page section.page_content .slider_wrap .table-leaderboard .table .empty {
  text-align: center;
}
.activity_page section.page_content .slider_wrap .table-leaderboard .table .more_wrap {
  text-align: center;
}
.activity_page section.page_content .slider_wrap .table-leaderboard .table .more_wrap > a {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #FFB400;
}
.activity_page section.page_content .slider_wrap .table-leaderboard .table .more_wrap > a .icon {
  margin-top: 2px;
  transition: 0.2s all ease;
}
@media (max-width: "(max-width: 576px)"-0.2px) {
  .activity_page section.page_content .slider_wrap .table-leaderboard .table th, .activity_page section.page_content .slider_wrap .table-leaderboard .table td {
    font-size: 12px;
  }
}
.activity_page section.page_content .slider_wrap .leaderboard-table .table-leaderboard {
  width: 50%;
  text-align: center;
  border: 1px solid #1A1A1C;
}
@media (max-width: "(max-width: 768px)"-0.2px) {
  .activity_page section.page_content .slider_wrap .leaderboard-table .table-leaderboard {
    width: 100%;
  }
}
.activity_page section.page_content .slider_wrap .leaderboard-table .table-leaderboard .table td:last-child {
  color: #fff;
}
.activity_page section.page_content .slider_wrap .custom-slider-dots {
  margin: 0;
  padding: 0;
  text-align: center;
}
.activity_page section.page_content .slider_wrap .custom-slider-dots li {
  position: relative;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 8px;
  margin-left: 8px;
  vertical-align: middle;
  border: 1px solid #FFB400;
  border-radius: 50%;
}
.activity_page section.page_content .slider_wrap .custom-slider-dots li.slick-active {
  background: #FFB400;
}
.activity_page section.page_content .slider_wrap .custom-slider-dots li button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.activity_page section.page_content .slider_wrap .prize_slider {
  display: flex;
  overflow: hidden;
  transition: var(--g-transition);
  opacity: 0;
}
.activity_page section.page_content .slider_wrap .prize_slider.slick-initialized {
  display: block;
  overflow: initial;
  opacity: 1;
}
.activity_page section.page_content .slider_wrap .prize_slider .prize {
  text-align: center;
}
.activity_page section.page_content .slider_wrap .prize_slider .prize .image {
  width: 100%;
  height: auto;
  margin: 10px auto;
}
.activity_page section.page_content .slider_wrap .prize_slider .prize .caption, .activity_page section.page_content .slider_wrap .prize_slider .prize .title_section .caption_button, .title_section .activity_page section.page_content .slider_wrap .prize_slider .prize .caption_button {
  overflow: hidden;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.activity_page section.page_content .games_wrap > .title {
  margin: 30px 0 15px;
  padding: 0 5px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #FFB400;
}
.activity_page section.page_content .games_wrap > .button {
  display: flex;
  margin: 20px auto;
}
.activity_page section.page_content .leaderboard-table > .title {
  margin: 30px 0 15px;
  padding: 0 5px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #FFB400;
}
.activity_page section.page_content .leaderboard-table .table-leaderboard {
  display: block;
  overflow-x: auto;
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
  border-radius: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media (max-width: "(max-width: 768px)"-0.2px) {
  .activity_page section.page_content .leaderboard-table .table-leaderboard {
    width: 100%;
  }
}
.activity_page section.page_content .leaderboard-table .table-leaderboard .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.activity_page section.page_content .leaderboard-table .table-leaderboard .table th {
  padding: 10px 15px;
  line-height: normal;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
  text-transform: uppercase;
  color: #FFB400;
  border-top: 0;
  border-bottom: 0;
}
.activity_page section.page_content .leaderboard-table .table-leaderboard .table th:last-child {
  text-align: right;
}
.activity_page section.page_content .leaderboard-table .table-leaderboard .table td {
  position: relative;
  padding: 10px 15px;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  color: #fff;
  border-top: 1px solid #1A1A1C;
}
.activity_page section.page_content .leaderboard-table .table-leaderboard .table td:last-child {
  font-weight: 700;
  text-align: right;
}
.activity_page section.page_content .leaderboard-table .table-leaderboard .table .empty {
  text-align: center;
}
.activity_page section.page_content .leaderboard-table .table-leaderboard .table .more_wrap {
  text-align: center;
}
.activity_page section.page_content .leaderboard-table .table-leaderboard .table .more_wrap > a {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #FFB400;
}
.activity_page section.page_content .leaderboard-table .table-leaderboard .table .more_wrap > a .icon {
  margin-top: 2px;
  transition: 0.2s all ease;
}
@media (max-width: "(max-width: 576px)"-0.2px) {
  .activity_page section.page_content .leaderboard-table .table-leaderboard .table th, .activity_page section.page_content .leaderboard-table .table-leaderboard .table td {
    font-size: 12px;
  }
}
.activity_page section.page_content .leaderboard-table .leaderboard-table .table-leaderboard {
  width: 50%;
  text-align: center;
  border: 1px solid #1A1A1C;
}
@media (max-width: "(max-width: 768px)"-0.2px) {
  .activity_page section.page_content .leaderboard-table .leaderboard-table .table-leaderboard {
    width: 100%;
  }
}
.activity_page section.page_content .leaderboard-table .leaderboard-table .table-leaderboard .table td:last-child {
  color: #fff;
}
.activity_page section.page_content .leaderboard-table .table-leaderboard {
  width: 50%;
  text-align: center;
  border: 1px solid #1A1A1C;
}
@media only screen and (max-width: 768px) {
  .activity_page section.page_content .leaderboard-table .table-leaderboard {
    width: 100%;
  }
}
.activity_page section.page_content .back_button {
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .activity_page section.page_content .activity_tabs {
    grid-column: 1/-1;
  }
  .activity_page section.page_content .slider_wrap {
    grid-column: 1/-1;
  }
  .activity_page.tournament .slider_wrap {
    display: none;
  }
}
.activity_page .pagination_dots {
  padding-left: 15px;
}
.activity_page .pagination_dots ul {
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.activity_page .pagination_dots ul > li {
  flex: 1;
  width: auto;
  height: auto;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
  color: #FFB400;
  transition: var(--g-transition);
  cursor: pointer;
}
.activity_page .pagination_dots ul > li a {
  color: #FFB400;
  height: 24px;
  width: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid transparent;
  text-decoration: none;
}
.activity_page .pagination_dots ul > li.active a {
  border-color: #FFB400;
}

.multi_prizes {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
}
.multi_prizes > span:not(:first-child) {
  color: #FFB400;
}
table .multi_prizes {
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}
table .multi_prizes > span:not(:first-child) {
  padding-left: 0.25em;
}
.activity_page .multi_prizes > span:not(:first-child) {
  color: #fff;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 768px) {
  .container {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.no_container {
  max-width: unset;
  margin-right: -20px;
  margin-left: -20px;
}
@media only screen and (max-width: 768px) {
  .no_container {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.page_wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 108px;
}
.page_wrap-padding {
  padding-top: 122px;
}
@media only screen and (max-width:1200px) {
  .page_wrap {
    padding-top: 64px;
  }
}
.page_wrap header > section {
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 768px) {
  .page_wrap header > section {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.page_wrap main > section {
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 768px) {
  .page_wrap main > section {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.page_wrap footer {
  position: relative;
  margin-top: auto;
  z-index: 1;
}

body.download main {
  padding: 160px 0 240px;
}
@media only screen and (max-width: 768px) {
  body.download main {
    padding: 90px 0 110px;
  }
}

section.download_success {
  position: relative;
  height: 470px;
  background: url("./images/app/success_art.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}
section.download_success .content {
  position: relative;
  top: 140px;
  display: flex;
  align-items: center;
  width: 534px;
  height: 190px;
  margin: 0 auto;
  padding: 24px 34px;
  gap: 22px;
}
section.download_success .content .icon {
  font-size: 96px;
  color: #2AC769;
}
section.download_success .content .title {
  line-height: 48px;
  font-size: 36px;
  letter-spacing: 0;
  font-weight: 900;
  margin-bottom: 4px;
  color: var(--g-color-secondary);
}
section.download_success .content p {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #000000;
}
@media only screen and (max-width: 768px) {
  section.download_success .content .icon {
    font-size: 64px;
  }
  section.download_success .content .title {
    line-height: 28px;
    font-size: 24px;
    font-weight: 700;
  }
}
section.download_success .divider_vertical {
  display: flex;
  width: 1px;
  min-width: 1px;
  height: 100%;
  background: #D1D3D6;
}
@media only screen and (max-width: 768px) {
  section.download_success {
    height: 320px;
    background: url("./images/app/success_art_mob.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
  }
  section.download_success .content {
    top: 138px;
    width: 318px;
    height: 118px;
    padding: 16px 12px;
  }
}

.faqs_page {
  font-family: Rubik, sans-serif;
}
.faqs_page .container {
  max-width: 934px;
}
.faqs_page .sections {
  margin-top: 40px;
  background: #303030;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 5px;
  color: #FEFFF9;
  padding: 10px 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 576px) {
  .faqs_page .sections {
    margin-bottom: 30px;
    margin-left: 4px;
    margin-right: 4px;
  }
}
.faqs_page .sections .tab {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 20px;
  font-weight: normal;
  cursor: pointer;
  position: relative;
}
.faqs_page .sections .tab:not(:last-of-type) {
  margin-right: 30px;
}
.faqs_page .sections .tab::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 0;
  transition: var(--g-transition);
}
.faqs_page .sections .tab.active {
  color: #FFC700;
  font-weight: bold;
}
.faqs_page .sections .tab.active::after {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .faqs_page .sections .tab {
    padding: 4px;
  }
}
.faqs_page .questions {
  color: #FEFFF9;
  margin-bottom: 40px;
}
.faqs_page .questions .tabcontent {
  width: 100%;
  display: none;
  grid-gap: 15px;
}
@media only screen and (max-width: 576px) {
  .faqs_page .questions .tabcontent {
    grid-gap: 7px;
    padding: 0 15px;
  }
}
.faqs_page .questions .tabcontent.active {
  display: grid;
}
.faqs_page .question {
  --height: 51px;
  --height-active: auto;
  height: calc(var(--height) - 1px);
  overflow: hidden;
  cursor: pointer;
  transition: var(--g-transition);
  background: #303030;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 5px;
}
@media only screen and (max-width: 576px) {
  .faqs_page .question {
    border-radius: 0;
  }
}
.faqs_page .question .title {
  min-height: 52px;
  padding: 10px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  position: relative;
  font-weight: 600;
}
.faqs_page .question .title::after {
  content: "";
  position: absolute;
  left: 14px;
  bottom: 0;
  width: calc(100% - 28px);
  height: 1px;
  opacity: 0.5;
  display: block;
  background: rgba(255, 255, 255, 0.27);
}
@media only screen and (max-width: 576px) {
  .faqs_page .question .title {
    padding: 10px 5px;
  }
  .faqs_page .question .title::after {
    left: 0;
    width: 100%;
  }
}
.faqs_page .question .title .icn {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
}
.faqs_page .question .title .icn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11px;
  height: 2px;
  border-radius: 999px;
  background-color: #FEFFF9;
  display: inline-block;
}
.faqs_page .question .title .icn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 11px;
  border-radius: 999px;
  background-color: #FEFFF9;
  width: 2px;
  opacity: 1;
  display: inline-block;
  transition: var(--g-transition);
}
.faqs_page .question .answer {
  padding: 8px 20px 20px;
  width: 100%;
  color: #FEFFF9;
  line-height: 19px;
}
@media only screen and (max-width: 576px) {
  .faqs_page .question .answer {
    padding: 8px 9px 20px;
  }
}
.faqs_page .question .answer a {
  text-decoration: none;
  color: #FFC700;
}
.faqs_page .question .answer a:hover {
  text-decoration: underline;
}
.faqs_page .question.toggled {
  height: var(--height-active);
}
.faqs_page .question.toggled .title .icn::after {
  opacity: 0;
}

section.games_catalog {
  display: grid;
  grid-template: "sidebar games";
  grid-template-columns: 350px 1fr;
  grid-gap: 25px;
  margin-top: 25px;
  margin-bottom: 25px;
}
section.games_catalog .games_grid {
  grid-area: games;
  min-height: 100vh;
}

@media only screen and (max-width: 768px) {
  section.games_catalog {
    grid-template: "sidebar" "games";
    grid-template-columns: 100%;
    margin-top: 0;
    margin-bottom: 0;
    gap: 0;
  }
  section.games_catalog .games_filter .inner-wrapper-sticky {
    position: static !important;
    transform: none !important;
  }
  section.games_catalog .games_filter .filter_category {
    margin: 5px 0;
  }
  section.games_catalog .games_filter .filter_category .loader_overlay {
    display: none;
  }
  section.games_catalog .games_filter .filter_provider {
    display: none;
  }
  section.games_catalog .games_filter .filter_provider_dd {
    display: block;
  }
  section.games_catalog .games_filter .filter_provider_dd .dd__button {
    margin: 0;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
  }
  section.games_catalog .games_filter .filter_provider_dd .dd__menu {
    overflow: auto;
    max-height: 230px;
    border-radius: 0 0 15px 15px;
  }
  section.games_catalog .games_filter .filter_provider_dd .dd__menu a {
    text-decoration: none;
    text-transform: uppercase;
  }
  section.games_catalog .games_filter .filter_provider_dd.open .dd__button {
    border-radius: 15px 15px 0 0;
  }
  section.games_catalog .games_filter .divider {
    display: none;
  }
  section.games_catalog .games_grid {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.page_games .menu_tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-right: -10px;
  margin-bottom: -10px;
}
.page_games .menu_tags .item {
  padding: 0 10px 10px 0;
}
.page_games .menu_tags .game_tag {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  height: 30px;
  padding: 0 8px;
  font-size: 14px;
  white-space: nowrap;
  color: #fff;
  background: #199302;
  border-radius: 5px;
}
.page_games .menu_tags .game_tag .caption, .page_games .menu_tags .game_tag .title_section .caption_button, .title_section .page_games .menu_tags .game_tag .caption_button {
  display: block;
  padding: 0;
}
.page_games .menu_tags .game_tag .remove {
  display: block;
  cursor: pointer;
  margin-left: 3px;
  color: inherit;
}
.page_games .menu_tags .game_tag .remove > i {
  display: block;
  font-size: 11px;
}

.field-search_games_terms {
  overflow: hidden;
  height: 46px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 8px;
  font-family: "Rubik", sans-serif !important;
  margin-top: 0 !important;
  background: linear-gradient(#070606, #070606) padding-box, linear-gradient(to right, #FFBD00, #FF2B00) border-box;
  border: 1px solid transparent;
}
.field-search_games_terms .form-control {
  background: transparent !important;
}
.field-search_games_terms_container {
  color: #fff;
}
.field-search_games_terms_container input {
  padding-left: 8px !important;
  color: #8d8d8d;
  font-size: 15px;
  line-height: 44px;
  font-weight: 400;
}
.field-search_games_terms_container input:-webkit-autofill, .field-search_games_terms_container input:-webkit-autofill:hover, .field-search_games_terms_container input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 50px transparent !important;
  -webkit-text-fill-color: #fff !important;
  transition: 5000s ease background-color !important;
}
.field-search_games_terms_container .icon {
  font-size: 30px !important;
  position: static !important;
  order: -1;
  transform: none !important;
}

body.home main > section {
  margin-bottom: 1rem;
}
body.home main > section.section_winners {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (max-width: 767.8px) {
  body.home main > section {
    margin-bottom: 1.5rem;
  }
}

section.promos_wrap {
  display: grid;
  grid-template-columns: 1fr 300px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  section.promos_wrap {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
}
section.promos_wrap .promos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
section.promos_wrap .promos .item {
  display: flex;
}
section.promos_wrap .promos .item .bonus_card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 41px 10px 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #1A1A1C;
  border-radius: 16px;
  transition: var(--g-transition);
}
section.promos_wrap .promos .item .bonus_card:hover {
  background: #1A1A1C;
  box-shadow: 1px 1px 5px #252525;
}
section.promos_wrap .promos .item .bonus_card .bonus_tag {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(95deg, #FFBD00 4.75%, #FF2B00 158.29%);
  color: white;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 38px;
  text-transform: uppercase;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
section.promos_wrap .promos .item .bonus_card .image {
  width: 210px;
  max-width: 100%;
}
section.promos_wrap .promos .item .bonus_card .image > img {
  width: 100%;
}
section.promos_wrap .promos .item .bonus_card .title {
  width: 100%;
  margin: 0 0 10px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #70CB1E;
}
section.promos_wrap .promos .item .bonus_card .description {
  margin: 0 0 auto;
  font-size: 13px;
  text-align: center;
}
section.promos_wrap .promos .item .bonus_card .bonus_actions {
  margin-top: 15px;
}
section.promos_wrap .promos .item .bonus_card .popover {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  visibility: hidden;
  width: 100%;
  height: 100%;
  padding: 20px 10px 10px;
  background: #1A1A1C;
  border-radius: 16px;
  transition: var(--g-transition);
  opacity: 0;
}
section.promos_wrap .promos .item .bonus_card .popover.visible {
  visibility: visible;
  opacity: 1;
}
section.promos_wrap .promos .item .bonus_card .popover .description {
  overflow: auto;
  margin: 0 auto;
  padding: 0 10px;
}
section.promos_wrap .promos .item .bonus_card .popover .description::-webkit-scrollbar-button {
  width: 5px;
  height: 0;
  background-repeat: no-repeat;
}
section.promos_wrap .promos .item .bonus_card .popover .description::-webkit-scrollbar-track {
  background-color: #252525;
}
section.promos_wrap .promos .item .bonus_card .popover .description::-webkit-scrollbar-thumb {
  background-color: #FFB400;
  border-radius: 0;
}
section.promos_wrap .promos .item .bonus_card .popover .description::-webkit-scrollbar-thumb:hover {
  background-color: #cc9000;
}
section.promos_wrap .promos .item .bonus_card .popover .description::-webkit-scrollbar {
  width: 8px;
}
@media only screen and (max-width: 576px) {
  section.promos_wrap .promos {
    padding: 0 10px 30px;
  }
  section.promos_wrap .promos .item .bonus_card {
    max-width: 380px;
  }
  section.promos_wrap .promos .item .bonus_card .image {
    width: 150px;
  }
}
section.promos_wrap .promos .no-events {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
}
section.promos_wrap .activities .title {
  margin: 0 0 20px;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}
section.promos_wrap .activities .list .item a {
  display: flex;
  color: #FFDE3B;
  flex-flow: row nowrap;
  align-items: center;
  padding: 30px 15px;
  text-decoration: none;
  text-transform: uppercase;
}
section.promos_wrap .activities .list .item a:hover .link {
  text-decoration: underline;
}
section.promos_wrap .activities .list .item a .image {
  max-width: 100%;
  margin-right: 12px;
}
section.promos_wrap .activities .list .item a .image > img {
  width: 100%;
}
section.promos_wrap .activities .list .item a .caption .label, section.promos_wrap .activities .list .item a .title_section .caption_button .label, .title_section section.promos_wrap .activities .list .item a .caption_button .label {
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
}
section.promos_wrap .activities .list .item a .caption .link, section.promos_wrap .activities .list .item a .title_section .caption_button .link, .title_section section.promos_wrap .activities .list .item a .caption_button .link {
  font-size: 11px;
  color: #fff;
}

.questionnaire_page .questionnaire {
  display: flex;
  flex-direction: column;
}
.questionnaire_page .questionnaire_title {
  max-width: 1030px;
  margin: 0 auto;
  padding: 4px 16px 10px 16px;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFB400;
}
@media only screen and (max-width: 768px) {
  .questionnaire_page .questionnaire_title {
    padding: 4px 16px;
  }
}
.questionnaire_page .questionnaire_title:before, .questionnaire_page .questionnaire_title:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 12px 0;
  line-height: 0;
  background: black;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #FFB400 40%, #FFB400 60%, rgba(0, 0, 0, 0) 100%);
}
.questionnaire_page .questionnaire_container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-auto-flow: column;
  max-width: 1030px;
  margin: 0 auto;
  padding-bottom: 24px;
  gap: 32px;
}
@media only screen and (max-width: 768px) {
  .questionnaire_page .questionnaire_container {
    grid-template-columns: unset;
    grid-auto-flow: row;
    padding-bottom: 48px;
    gap: 16px;
  }
}
.questionnaire_page .questionnaire_top_title {
  line-height: 20px;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .questionnaire_page .questionnaire_top_title {
    font-size: 18px;
  }
}
.questionnaire_page .questionnaire_container_image .img {
  width: 100%;
}
.questionnaire_page .highlighted_text {
  color: #FFB400;
}
.questionnaire_page .questionnaire_item {
  min-height: 100%;
}
.questionnaire_page .questionnaire_item .question_title {
  margin-top: 24px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 700;
}
.questionnaire_page .questionnaire_item .questionnaire_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 700px;
  text-align: center;
}
.questionnaire_page .questionnaire_item .questionnaire_content.finish {
  justify-content: center;
  min-height: 100%;
}
.questionnaire_page .questionnaire_item .questionnaire_content .title {
  line-height: 24px;
  text-align: center;
}
.questionnaire_page .questionnaire_item .questionnaire_content .description {
  line-height: 20px;
  font-size: 14px;
  text-align: center;
}
.questionnaire_page form[data-form-type=single] {
  transition: 1s;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.questionnaire_page form[data-form-type=single]:first-of-type {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.questionnaire_page form.loading {
  pointer-events: none;
}
.questionnaire_page form.done {
  animation-name: questionnaire_form_hide;
  animation-duration: 1s;
  animation-timing-function: linear;
}
.questionnaire_page .questionnaire_form {
  width: 100%;
}
.questionnaire_page .questionnaire_form.loading .question_item {
  position: relative;
}
.questionnaire_page .questionnaire_form.loading .question_item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.questionnaire_page .questionnaire_form .help-block {
  grid-area: error;
  min-height: 16px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 500;
  color: #b90000;
}
.questionnaire_page .questionnaire_form.has-error .form-error {
  display: block;
}
.questionnaire_page .questionnaire_form .question_item {
  width: 100%;
  margin-top: 8px;
  padding: 16px;
  line-height: 16px;
  font-size: 14px;
  background: #1A1A1C;
}
.questionnaire_page .questionnaire_form .question_item .question {
  line-height: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.questionnaire_page .questionnaire_form .question_item .form-group {
  display: grid;
  grid-template-areas: "label" "input" "error";
  grid-template-columns: minmax(0, 1fr);
  margin-top: 8px;
  gap: 4px;
}
.questionnaire_page .questionnaire_form .question_item .form-group.has-error .help-block,
.questionnaire_page .questionnaire_form .question_item .form-group.has-error .control-label {
  color: #b90000;
}
.questionnaire_page .questionnaire_form .question_item .form-group.has-error .answer {
  border-color: #b90000;
}
.questionnaire_page .questionnaire_form .question_item .control-label {
  grid-area: label;
  line-height: 16px;
  font-size: 12px;
  color: #FFB400;
}
.questionnaire_page .questionnaire_form .question_item .answer {
  grid-area: input;
  max-width: 100%;
  height: 112px;
  padding: 12px;
  font-size: 14px;
  resize: none;
  color: #B3B3B3;
  background: #1A1A1C;
  border: 1px solid #FFB400;
}
.questionnaire_page .questionnaire_form .question_item .checkbox_list {
  display: grid;
  grid-template-columns: 1fr;
  margin-left: 4px;
  color: #fff;
  gap: 16px;
}
.questionnaire_page .questionnaire_form .question_item .checkbox_list .item {
  display: flex;
  cursor: pointer;
  align-items: center;
  max-width: max-content;
}
.questionnaire_page .actions_wrap {
  margin-top: 24px;
  max-width: max-content;
}
.questionnaire_page .actions_wrap button {
  min-width: 120px;
  margin: 0 auto 0 0 !important;
}
@media only screen and (max-width: 768px) {
  .questionnaire_page .actions_wrap button {
    margin: 0 auto !important;
  }
}
.questionnaire_page .form-error {
  display: none;
  margin-top: 16px;
  font-size: 14px;
  color: #b90000;
}
.questionnaire_page .questionnaire_end_title {
  line-height: 44px;
  font-size: 32px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .questionnaire_page .questionnaire_end_title {
    margin-top: 10px;
    line-height: 24px;
    font-size: 20px;
  }
}
.questionnaire_page .questionnaire_end_description {
  margin: 0;
  padding: 8px 0 16px 0;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
}
.questionnaire_page .questionnaire_empty {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1030px;
  min-height: 400px;
  margin: 0 auto 40px auto;
  padding: 16px;
}
.questionnaire_page .questionnaire_empty:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("images/questionnaire/empty_bg.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  mix-blend-mode: luminosity;
}
@media only screen and (max-width: 576px) {
  .questionnaire_page .questionnaire_empty:before {
    background-image: url("images/questionnaire/empty_mobile_bg.png");
  }
}
.questionnaire_page .questionnaire_empty .questionnaire_content {
  max-width: 500px;
  text-align: center;
}
.questionnaire_page .questionnaire_empty .questionnaire_empty_title {
  line-height: 24px;
  font-size: 20px;
  font-weight: 700;
}
.questionnaire_page .questionnaire_empty .questionnaire_empty_description {
  margin-top: 8px;
  line-height: 20px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}

@keyframes questionnaire_form_hide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sport #sport_div_iframe {
  height: calc(100dvh - 132px);
}
@media (max-width: 991.8px) {
  .sport .scroller {
    display: none !important;
  }
}
.sport.sport_mobile #sport_div_iframe {
  height: calc((var(--vh, 1vh) * 100) - 190px);
  min-height: calc(100dvh - 190px);
}

section.static_page.compact {
  max-width: 730px;
  margin: 20px auto;
  padding: 0 10px;
  font-size: 16px;
  color: #fff;
}
section.static_page a {
  display: inline-block;
}
section.static_page h1, section.static_page h2, section.static_page h3, section.static_page h4, section.static_page p {
  margin: 20px 0;
}
section.static_page .page_title {
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #FFB400;
}
@media only screen and (max-width: 576px) {
  section.static_page .page_title {
    font-size: 18px;
  }
}
section.static_page .suspend_button {
  margin: 40px 0;
  text-align: center;
}
section.static_page img {
  max-width: 100%;
}

body.application section.app {
  padding: 1.5rem;
  margin-top: 2rem;
  max-width: 1016px;
  border-radius: 1rem;
  background: var(--g-color-fill-dark);
}
@media (max-width: 575.8px) {
  body.application section.app {
    padding: 1rem;
    margin: 2rem 1rem 0;
    width: calc(100% - 2rem);
  }
}

section.app {
  color: var(--g-color-fill-light);
}
section.app > .header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
}
section.app > .header .title {
  flex: 1 1 500px;
  padding-bottom: 2.5rem;
}
section.app > .header .title .page_title {
  line-height: 2.5rem;
  font-size: 2rem;
  letter-spacing: 0px;
  font-weight: 700;
}
section.app > .header .title .page_description {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  margin-top: 1.5rem;
}
section.app > .header .image_wrap {
  position: relative;
  align-self: flex-end;
  max-width: 100%;
  height: 266px;
  margin: 0 auto -40px;
}
@media (max-width: 575.8px) {
  section.app > .header .image_wrap {
    height: auto;
    margin: 0 -8px;
    width: calc(100% + 16px);
    max-width: none;
  }
}
section.app > .header .image_wrap img {
  width: 100%;
}
section.app > .header .image_wrap .image_mob {
  display: none;
}
section.app > .content {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
section.app .download_item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 496px;
  padding: 1.5rem 0;
  border-radius: 0.75rem;
  background: var(--g-color-grey-700);
}
section.app .download_item:last-child .download_content:first-child {
  padding-bottom: 0;
}
section.app .download_item.mobile_only {
  display: none;
  gap: 1rem;
}
section.app .download_item .download_content {
  padding: 0 1.5rem 1.5rem;
}
section.app .download_item .download_content .download_title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-align: center;
}
section.app .download_item .download_action,
section.app .download_item .actions_wrap {
  padding: 0 30px;
}
section.app .download_item .download_action .qr_code,
section.app .download_item .actions_wrap .qr_code {
  padding: 0.625rem;
  background: var(--g-color-fill-light);
  border-radius: 1rem;
}
section.app .download_item .actions_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
section.app .download_item .download_action {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.app .option {
  position: relative;
  padding: 70px 20px 30px;
  line-height: 24px;
  transition: 0.2s all ease;
  border-radius: 0.75rem;
  background: var(--g-color-background);
}
section.app .option__header {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  display: flex;
  width: 100%;
  margin: 0;
  text-align: center;
}
section.app .option__divider {
  width: 100%;
  margin: 20px 0;
  height: 1px;
  background: var(--g-color-primary);
}
section.app .option__text {
  width: 70%;
}
@media (max-width: 575.8px) {
  section.app .option__text {
    width: 100%;
  }
}
section.app .option__mob {
  max-height: 56px;
  overflow: hidden;
  min-height: auto;
  grid-column-start: 1;
  grid-column-end: 3;
  padding: 1rem;
}
section.app .option__mob .option__btn {
  margin-top: 1rem;
  text-align: center;
}
section.app .option__mob.active {
  max-height: 600px;
}
section.app .option__mob.active .toggle {
  transform: rotate(180deg);
}
section.app .option .toggle {
  margin-left: auto;
  font-size: 22px;
  cursor: pointer;
  transition: 0.2s all ease;
}
section.app > .footer {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  margin: 1.625rem 0;
}
@media only screen and (max-width: 768px) {
  section.app > .footer {
    padding: 0 0.625rem;
  }
}
@media (max-width: 575.8px) {
  section.app > .header {
    gap: 0;
  }
  section.app > .header .title {
    padding-bottom: 1rem;
  }
  section.app > .header .title .page_title {
    line-height: 1.5rem;
    font-size: 1.25rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
  section.app > .header .image_wrap .image_desk {
    display: none;
  }
  section.app > .header .image_wrap .image_mob {
    display: block;
  }
  section.app .download_item {
    flex-direction: column;
  }
  section.app .download_item.mobile_only {
    display: flex;
    padding: 0;
    background: none;
    border-radius: 0;
  }
  section.app .download_item .download_action,
section.app .download_item .actions_wrap {
    min-height: 122px;
  }
  section.app .desktop_only {
    display: none;
  }
}

.christmas_leaderboard {
  position: relative;
  background-image: url(./images/christmas-leaderboard/bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.christmas_leaderboard .container {
  padding: 76px 50px 0 !important;
}
.christmas_leaderboard .container:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  height: 166px;
  background-image: url(./images/christmas-leaderboard/snow.png);
  background-position: bottom center;
  background-size: cover;
}
.christmas_leaderboard .container .title {
  margin-top: 0;
  color: var(--g-color-primary);
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  text-align: center;
}
.christmas_leaderboard .container .title:after {
  content: none;
}
.christmas_leaderboard .container .subtitle {
  text-align: center;
  position: relative;
}
.christmas_leaderboard .container .subtitle .timer_lbl {
  margin-bottom: 8px;
}
.christmas_leaderboard .container .subtitle span {
  font-size: 24px;
  font-weight: 700;
}
.christmas_leaderboard .container .title_rules {
  display: none;
  text-align: center;
}
.christmas_leaderboard .container .title_rules h3 {
  font-size: 24px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .christmas_leaderboard .container {
    padding: 64px 16px 0 !important;
  }
  .christmas_leaderboard .container .subtitle {
    border-radius: 12px;
    background: var(--g-color-fill-dark);
    padding: 12px 16px;
  }
  .christmas_leaderboard .container .subtitle:before {
    content: "";
    position: absolute;
    top: -21px;
    left: -11px;
    width: 100px;
    height: 37px;
    background-image: url(./images/christmas-leaderboard/rules-snow.png);
  }
  .christmas_leaderboard .container .title_rules {
    display: block;
  }
}
.christmas_leaderboard .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.christmas_leaderboard .row .column {
  position: relative;
  display: block !important;
}
.christmas_leaderboard .row .column:first-child {
  width: 70%;
  padding-bottom: 220px;
}
.christmas_leaderboard .row .column:last-child {
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .christmas_leaderboard .row .column {
    width: 100% !important;
  }
  .christmas_leaderboard .row .column:first-child {
    padding-bottom: 270px;
  }
}
.christmas_leaderboard .rules-wrap {
  position: relative;
  margin-top: 24px;
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(1, 1fr);
}
.christmas_leaderboard .rules-wrap:before {
  content: "";
  position: absolute;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 668px;
  height: 117px;
  background-image: url(./images/christmas-leaderboard/garland.png);
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 768px) {
  .christmas_leaderboard .rules-wrap:before {
    width: 100%;
  }
}
.christmas_leaderboard .rules-wrap .rules,
.christmas_leaderboard .rules-wrap .option {
  padding: 12px 24px;
  border-radius: 12px;
  background: var(--g-color-fill-dark);
  grid-column-start: 1;
  grid-column-end: 3;
}
.christmas_leaderboard .rules-wrap .rules {
  padding-top: 24px;
  position: relative;
  grid-column-start: 1;
  grid-column-end: 3;
}
.christmas_leaderboard .rules-wrap .rules:before {
  content: "";
  position: absolute;
  top: -134px;
  left: -20px;
  width: 368px;
  height: 163px;
  background-image: url(./images/christmas-leaderboard/rules-art.png);
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 768px) {
  .christmas_leaderboard .rules-wrap .rules:before {
    top: -72px;
    left: 50%;
    transform: translateX(-50%);
    width: 351px;
    height: 93px;
    background-image: url(./images/christmas-leaderboard/rules-art-mob.png);
  }
}
.christmas_leaderboard .rules-wrap .rules .rules-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.christmas_leaderboard .rules-wrap .rules .rules-description {
  font-size: 14px;
  line-height: 20px;
}
.christmas_leaderboard .rules-wrap .option {
  position: relative;
  max-height: 48px;
  overflow: hidden;
  min-height: auto;
  font-size: 14px;
  transition: 0.2s all ease;
}
.christmas_leaderboard .rules-wrap .option .option__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  margin-bottom: 8px;
}
.christmas_leaderboard .rules-wrap .option.active {
  max-height: 600px;
}
.christmas_leaderboard .rules-wrap .option.active .toggle {
  transform: rotate(180deg);
}
.christmas_leaderboard .rules-wrap .option .toggle {
  margin-left: auto;
  font-size: 22px;
  cursor: pointer;
  transition: 0.2s all ease;
  color: var(--g-color-primary);
}
@media only screen and (max-width: 768px) {
  .christmas_leaderboard .rules-wrap {
    margin-top: 62px;
  }
  .christmas_leaderboard .rules-wrap .option {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.christmas_leaderboard .tournament_winner_table {
  position: relative;
  margin-top: -140px;
  margin-bottom: 72px;
  z-index: 1;
}
.christmas_leaderboard .tournament_winner_table .title_tournament {
  color: white;
  font-weight: 700;
  text-align: center;
  margin-bottom: 80px !important;
}
@media only screen and (max-width: 768px) {
  .christmas_leaderboard .tournament_winner_table .title_tournament {
    display: none;
  }
}
.christmas_leaderboard .tournament_winner_table .table-slider__body {
  max-width: 312px;
  margin: 0 auto;
  position: relative;
}
.christmas_leaderboard .tournament_winner_table .table-slider__body:before {
  content: "";
  position: absolute;
  top: -54px;
  left: 50%;
  width: 320px;
  height: 79px;
  transform: translateX(-50%);
  background-image: url(./images/christmas-leaderboard/prize-pool.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .christmas_leaderboard .tournament_winner_table .table-slider__body:before {
    top: -82px;
    left: 50%;
    transform: translateX(-50%);
    width: 320px;
    height: 98px;
    background-image: url(./images/christmas-leaderboard/prize-pool-mob.png);
  }
}
.christmas_leaderboard .tournament_winner_table .table-slider__body {
  background: var(--g-color-fill-dark);
  padding: 6px 12px;
  border-radius: 12px;
}
.christmas_leaderboard .tournament_winner_table .table-leaderboard {
  --table-tr-bg: var(--g-color-fill-dark);
  margin-top: 1rem;
}
.christmas_leaderboard .tournament_winner_table .table-leaderboard .table th {
  padding: 12px 8px;
}
.christmas_leaderboard .tournament_winner_table .pagination_dots ul {
  margin-top: 12px;
  margin-bottom: 0;
  display: flex;
  list-style: none;
  text-align: center;
  padding: 2px 5px;
  justify-content: center;
  align-items: center;
}
.christmas_leaderboard .tournament_winner_table .pagination_dots ul > li {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.christmas_leaderboard .tournament_winner_table .pagination_dots ul > li a {
  text-decoration: none;
  color: var(--g-color-grey-200);
}
.christmas_leaderboard .tournament_winner_table .pagination_dots ul > li.active a {
  color: var(--g-color-fill);
  text-decoration: underline;
}
.christmas_leaderboard .prizes {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  z-index: 2;
}
.christmas_leaderboard .prizes img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .christmas_leaderboard .prizes {
    display: none;
  }
}

body.error_page header .logo_main, body.maintenance header .logo_main {
  display: flex;
  justify-content: center;
  margin: 24px 0;
}
body.error_page header .logo_main img, body.maintenance header .logo_main img {
  width: 100px;
}
body.error_page main, body.maintenance main {
  padding: 96px 0;
}
body.error_page main h2, body.maintenance main h2 {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 575.8px) {
  body.error_page main, body.maintenance main {
    padding: 52px 0;
  }
}
body.unsupported_browser {
  color: #ffffff;
  background-color: #0F152B;
}
body.restricted_country .error_block {
  text-align: center;
}
body.restricted_country .error_block h2 {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
}
body.restricted_country .error_block h3 {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}

section.faq {
  padding: 0.5rem 1rem;
}
section.faq > .header {
  margin: 2rem 0;
}
section.faq > .header .title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
}
section.faq > .content .button:not(.primary) {
  --button-bg: transparent !important;
  --button-text-color: var(--g-color-grey-300);
}
section.faq > .content .questions {
  margin-top: 1rem;
}
section.faq > .content .questions .tabcontent {
  width: 100%;
  display: none;
  grid-gap: 1rem;
}
section.faq > .content .questions .tabcontent.active {
  display: grid;
}
section.faq > .content .question {
  --height: 55px;
  --height-active: auto;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  height: calc(var(--height) - 1px);
  overflow: hidden;
  cursor: pointer;
  transition: var(--g-transition);
  background: var(--g-color-fill-dark);
  border-radius: 0.75rem;
}
section.faq > .content .question .title {
  min-height: 56px;
  padding: 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
section.faq > .content .question .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  display: block;
  background: var(--g-color-background);
}
section.faq > .content .question .title .icon {
  transition: var(--g-transition);
}
section.faq > .content .question .answer {
  padding: 1rem;
  width: 100%;
}
section.faq > .content .question.toggled {
  height: var(--height-active);
}
section.faq > .content .question.toggled .title .icon {
  transform: rotate(-180deg);
}

body.game_page .header_desktop {
  justify-content: space-between;
}
body.game_page .header_desktop .panel_game_control {
  flex: initial;
}
body.game_page main aside .cards_promo_links {
  flex-flow: row;
  overflow: hidden;
}
body.game_page main aside .slider_promo {
  padding-top: 24px;
}
body.game_page main aside .section_block {
  --g-container-padding: 16px;
  padding-top: 22px;
  gap: 22px;
}
body.game_page main aside .winners {
  display: flex;
  flex-flow: column;
  background: none;
}
body.game_page main aside .winners_slider {
  position: relative;
  overflow: hidden;
  height: 384px;
}
body.game_page main aside .winners_slider .v_slide {
  padding-bottom: 6px;
}
@media (max-width: 1023.8px) {
  body.game_page main aside .sidebar_toggle {
    display: none;
  }
}

body.games main .header {
  padding-top: 1rem;
}
body.games main .header .title_section {
  position: relative;
}
body.games main .header .title_section .caption, body.games main .header .title_section .caption_button {
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  body.games main .header .title_section .caption, body.games main .header .title_section .caption_button {
    padding-right: 120px;
  }
}
@media (max-width: 767.8px) {
  body.games main .header {
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
  }
  body.games main .header .button {
    --button-width: var(--button-height);
    position: absolute;
  }
  body.games main .header .button .caption, body.games main .header .button .title_section .caption_button, .title_section body.games main .header .button .caption_button {
    display: none;
  }
}
body.games main .menu_games_categories {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

section.news {
  --news-padding-lg: 24px;
  --news-padding: 16px;
  --news-gap: 8px;
  margin-top: var(--news-padding);
}
section.news .news_form {
  min-height: 428px;
  width: 100%;
  max-width: 1012px;
  margin: 0 auto;
  padding: var(--news-padding-lg) 40px;
  background: var(--g-color-fill-dark);
  border-radius: 12px;
}
@media (max-width: 1023.8px) {
  section.news .news_form {
    padding: var(--news-padding-lg);
  }
}
@media (max-width: 767.8px) {
  section.news .news_form {
    min-height: 500px;
    padding: var(--news-padding);
  }
}
section.news .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: var(--news-padding-lg);
}
@media (max-width: 767.8px) {
  section.news .header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 300px;
    margin: 0 auto var(--news-padding);
  }
}
@media (max-width: 767.8px) {
  section.news .header .title {
    width: 100%;
    margin-bottom: var(--news-padding);
    text-align: center;
  }
}
section.news .header .title .page_title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: var(--news-padding);
}
section.news .header .title .page_subtitle {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
section.news .header .control {
  display: inline-flex;
  align-items: center;
  gap: var(--news-gap);
}
@media (max-width: 767.8px) {
  section.news .header .control {
    flex-wrap: wrap;
    width: 100%;
  }
}
section.news .header .control .news_check_toggle {
  --checkbox-size: 20px;
  border: none !important;
  box-shadow: none !important;
}
@media (max-width: 767.8px) {
  section.news .header .control .news_check_toggle {
    order: 1;
    justify-content: flex-start;
    width: 100%;
    padding-left: 0;
  }
}
section.news .header .control .news_check_toggle .checkbox {
  width: var(--checkbox-size);
  min-width: var(--checkbox-size);
  height: var(--checkbox-size);
  min-height: var(--checkbox-size);
}
section.news .header .control .news_check_toggle .text {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-fill-light);
}
section.news .header .control .button {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 767.8px) {
  section.news .header .control .button {
    flex: 1 1 calc(50% - var(--news-gap));
  }
}
section.news .header .control .button.primary:not(.disabled) .caption, section.news .header .control .button.primary:not(.disabled) .title_section .caption_button, .title_section section.news .header .control .button.primary:not(.disabled) .caption_button {
  background: linear-gradient(315deg, #FFE805 0%, #F2C500 48.05%, #F9B201 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
section.news .header .control .button.disabled {
  color: var(--g-color-grey-300);
  border: 1px solid var(--g-color-grey-300);
  box-shadow: none;
}
section.news .content {
  width: 100%;
}
section.news .content .news_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: calc(var(--news-gap) * 2);
}
@media (max-width: 767.8px) {
  section.news .content .news_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575.8px) {
  section.news .content .news_grid {
    grid-template-columns: 1fr;
  }
}
section.news .content .news_grid .empty {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  --empty-news-padding: 16px;
  grid-column: 1/-1;
  width: 100%;
  margin-top: var(--empty-news-padding);
  padding: var(--empty-news-padding);
  text-align: center;
  background: var(--g-color-background);
  border-radius: 12px;
}
@media (max-width: 767.8px) {
  section.news .content .news_grid .empty {
    margin-top: 0;
  }
}
section.news .content .pagination_container {
  position: relative;
  display: flex;
  justify-content: end;
  align-items: center;
  grid-column: 1/-1;
  width: 100%;
  max-width: 320px;
  margin: var(--news-padding-lg) auto 0;
  gap: calc(var(--news-gap) * 2);
}
@media (max-width: 767.8px) {
  section.news .content .pagination_container {
    max-width: 100%;
    margin: 0 auto;
  }
}
section.news .content .pagination_container .summary {
  position: absolute;
  right: 0;
  bottom: 50%;
  left: 0;
  padding: 0 50px;
  text-align: center;
  transform: translateY(50%);
}
section.news .content .pagination_container .pagination {
  position: relative;
  justify-content: space-between;
  width: 100%;
}
section.news .content .pagination_container .pagination .button_nav {
  color: var(--g-color-fill-light);
}
section.news .content .pagination_container .pagination .button_nav.disabled {
  color: #6F7380;
}

body.promotions main > section {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  body.promotions main section.promo_banner_block .promo_banner {
    padding: 0 var(--g-container-padding);
  }
}
body.promotions main .tournaments-wrapper {
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  body.promotions main .tournaments-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
}
@media (max-width: 1199.8px) {
  body.promotions main .tournaments-wrapper .slider_leaderboard {
    margin-top: 1.5rem;
  }
}

section.referal_program > .content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
section.referal_program > .content .prompt {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-fill-light);
  text-align: center;
}
@media (min-width: 768px) {
  section.referal_program {
    max-width: 720px;
  }
  section.referal_program > .content {
    border-radius: 16px;
  }
}
@media (max-width: 767.8px) {
  section.referal_program > .content {
    padding: 24px 16px;
    gap: 16px;
  }
}

.static_page_block {
  max-width: 800px;
  margin: 0 auto;
  padding: 2.25rem 0;
}
.static_page_block .page_title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
}
.static_page_block P {
  margin: 1rem 0;
}

.app_promo {
  position: relative;
  display: flex;
  min-height: 248px;
  padding: 2rem;
  margin-top: 0.5rem;
  background: var(--g-color-fill-dark);
  border-radius: 1rem;
}
.app_promo .art {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 232px;
  display: flex;
  pointer-events: none;
}
.app_promo .art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top right;
}
.app_promo .art img.mobile {
  display: none;
}
@media (max-width: 767.8px) {
  .app_promo .art {
    position: relative;
    width: 100%;
    max-width: 300px;
    height: auto;
  }
}
.app_promo .content {
  position: relative;
  max-width: 324px;
  margin: auto 0;
}
.app_promo .content .title,
.app_promo .content .text {
  color: var(--g-color-fill-light);
}
@media (max-width: 767.8px) {
  .app_promo {
    flex-flow: column-reverse;
    align-items: center;
    padding: 1.5rem 2rem;
    gap: 1rem;
  }
  .app_promo .content {
    text-align: center;
  }
  .app_promo .content .actions_wrap {
    justify-content: center;
  }
}

.app_qr.post-login {
  padding: 1rem 2.5rem;
}

.app_qr {
  --qr-shadow: none;
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1rem 0;
}
.app_qr.post-login {
  align-items: flex-start;
}
.app_qr.post-login .content {
  max-width: unset;
}
.app_qr .content {
  max-width: 288px;
}
.app_qr .content.promo {
  text-align: center;
}
.app_qr .content .text {
  color: var(--g-color-fill);
}
.app_qr .qr_items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.app_qr .qr_items .item {
  position: relative;
}
.app_qr .qr_items .item .image {
  position: absolute;
  top: -45px;
  left: -54px;
  width: 130px;
  height: 130px;
  z-index: 0;
}
.app_qr .qr_items .item .button-wrap {
  margin: 0 auto 1rem;
  width: max-content;
  position: relative;
}
.app_qr .qr_items .item .button-wrap .button {
  --button-width: 160px;
}
.app_qr .qr_items .item .button-wrap .icon {
  position: absolute;
  top: -24px;
  left: -24px;
  font-size: 64px;
  transform: rotate(-18.549deg);
}
.app_qr .qr_items .item .button-wrap .icon-android {
  color: var(--g-color-secondary);
}
.app_qr .qr_items .item .button-wrap .icon-ios {
  color: var(--g-color-info);
}
.app_qr .qr_items .item .qr_code {
  position: relative;
  width: 120px;
  height: 120px;
  padding: 1.25rem;
  background: var(--g-color-fill-light);
  border-radius: 1rem;
  box-shadow: var(--qr-shadow);
  z-index: 1;
  box-sizing: content-box;
}
@media (max-width: 767.8px) {
  .app_qr:not(.post-login) {
    justify-content: center;
  }
  .app_qr:not(.post-login) .content {
    text-align: center;
  }
  .app_qr:not(.post-login) .qr_items {
    display: none;
  }
}
@media (max-width: 767.8px) {
  .app_qr.post-login {
    flex-direction: column;
    align-items: center;
  }
  .app_qr.post-login .content {
    text-align: center;
  }
  .app_qr.post-login .qr_items {
    flex-direction: column;
  }
  .app_qr.post-login .qr_items .item .qr_code {
    display: none;
  }
}

.section_block.block_cashback {
  gap: 0;
}
.section_block.block_cashback .tabs_group {
  padding-bottom: 0 !important;
}
.section_block.block_cashback .tabs_group {
  width: 100%;
  margin-bottom: -12px;
}
.section_block.block_cashback .tabs_group .item .s-tab {
  border: none;
  padding: 8px 8px 20px;
  border-radius: 12px 12px 0 0;
  color: var(--g-color-grey-300);
}
.section_block.block_cashback .tabs_group .item .s-tab.active, .section_block.block_cashback .tabs_group .item .s-tab:hover {
  color: var(--g-color-fill-light);
  background-color: var(--g-color-fill-dark);
}
.section_block.block_cashback .s-content {
  padding: 24px;
  min-height: 310px;
  border-radius: 12px;
  background-color: var(--g-color-fill-dark);
}
.section_block.block_cashback .s-content .empty_item {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-grey-100);
  text-align: center;
  margin-bottom: 1rem;
  max-width: 380px;
}
.section_block.block_cashback .cashback_title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
}

.block_recent_favorites .header {
  margin-bottom: 10px;
}
.block_recent_favorites .title_section {
  display: none;
}
.block_recent_favorites .tabs_group {
  z-index: 1;
}
.block_recent_favorites .slider_tabs {
  margin-top: -52px;
}

section.maintenance_block > .content,
section.error_block > .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
section.maintenance_block > .content .image,
section.error_block > .content .image {
  display: block;
  width: 100%;
  max-width: 280px;
}
section.maintenance_block > .content .title,
section.maintenance_block > .content .subtitle,
section.error_block > .content .title,
section.error_block > .content .subtitle {
  margin: 0;
  text-align: center;
}
section.maintenance_block > .content .subtitle,
section.error_block > .content .subtitle {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 16px;
}
section.maintenance_block > .content .cards_row,
section.error_block > .content .cards_row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 24px;
}
section.maintenance_block > .content .cards_row .card_item,
section.error_block > .content .cards_row .card_item {
  flex: 1;
}
@media (max-width: 767.8px) {
  section.maintenance_block > .content .cards_row,
section.error_block > .content .cards_row {
    flex-direction: column;
  }
}
section.maintenance_block > .actions_wrap,
section.error_block > .actions_wrap {
  margin-top: 48px;
}
@media (max-width: 767.8px) {
  section.maintenance_block > .content .image,
section.error_block > .content .image {
    max-width: 200px;
    margin-bottom: 42px;
  }
  section.maintenance_block > .content .image.browser_img,
section.error_block > .content .image.browser_img {
    max-width: 72px;
  }
  section.maintenance_block > .actions_wrap,
section.error_block > .actions_wrap {
    margin-top: 42px;
  }
}

section.game {
  --bottom-height: 90px;
  --game-vertical-size: calc(var(--game-height, 100vh) - var(--header-height) - var(--bottom-height));
  --header-height: 88px;
  --side-padding: 32px;
}
@media (max-width: 1023.8px) {
  section.game {
    --game-height: 100dvh;
    --header-height: 0px;
    --bottom-height: 64px;
    height: var(--game-vertical-size);
    display: flex;
    flex-flow: column;
  }
}
@media (min-width: 576px) and (max-width: 1023.8px) {
  section.game {
    flex-flow: row;
  }
}
@media (min-width: 1024px) {
  section.game {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    grid-template-rows: 1fr auto 1fr;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: calc(var(--game-vertical-size) * 1.77);
    height: var(--game-vertical-size);
    margin: 0 auto;
  }
}
section.game .embed-responsive-game {
  grid-column: 2/3;
  grid-row: 2/3;
  flex: 1 1 auto;
}
section.game .control {
  position: relative;
  grid-column: 3/4;
  grid-row: 2/3;
}
section.game .control .button_badge {
  background: var(--g-color-fill-dark);
}
section.game .control .button_badge:hover {
  background: var(--g-color-fill-dark);
}
@media (max-width: 1023.8px) {
  section.game .control {
    display: none;
  }
}

section.game_bottom {
  --content-height: 244px;
  --menu-bg: rgba(0, 0, 0, 0.40);
  --menu-height: 104px;
  position: relative;
  width: 100%;
  height: var(--menu-height);
}
@media (max-width: 1023.8px) {
  section.game_bottom {
    display: none;
  }
}
section.game_bottom .elMenu {
  position: absolute;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template: ". menu close" "content content content";
  grid-template-columns: minmax(150px, 1fr) minmax(0, 1200px) minmax(150px, 1fr);
  grid-template-rows: 104px 1fr;
  align-items: center;
  visibility: hidden;
  width: 100%;
}
section.game_bottom .elMenu.loaded {
  visibility: visible;
}
section.game_bottom .elMenu .elItems {
  height: 116px;
  grid-area: menu;
  margin: 0 auto;
  padding: 16px 0;
}
section.game_bottom .elMenu .elContent {
  grid-area: content;
  height: var(--content-height);
  padding: 10px 0 24px 0;
}
section.game_bottom .elMenu .elContent .content.active {
  justify-content: left;
}
section.game_bottom .elMenu .elContent .content .slider .ds-track {
  padding: var(--g-container-padding);
}
section.game_bottom .elMenu .elContent .content .empty_slider {
  display: grid;
  grid-template-areas: "empty";
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  padding: 0 var(--g-container-padding);
  text-align: center;
}
section.game_bottom .elMenu .elContent .content .empty_slider span {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 400;
  grid-area: empty;
  color: var(--g-color-fill-light);
}
section.game_bottom .elMenu .elContent .content .empty_slider::before {
  content: var(--iconfont-all);
  grid-area: empty;
  font-family: "iconfont";
  font-size: 120px;
  color: var(--g-color-grey-400);
}
section.game_bottom .elMenu .elContent .content .empty_info {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 400;
  width: 100%;
  text-align: center;
  color: var(--g-color-fill-light);
}
section.game_bottom .elMenu .elClose {
  display: none;
  grid-area: close;
  margin-right: 24px;
  justify-self: flex-end;
}
section.game_bottom .elMenu .elClose .button_badge {
  color: var(--g-color-blue-500);
  background: var(--g-color-fill-light);
  border: 1px solid var(--g-color-fill-light);
}
section.game_bottom .elMenu .elClose .button_badge:hover {
  border-color: var(--g-color-grey-200);
}
section.game_bottom .elMenu .elPreloader .loader_overlay {
  background: none;
}
section.game_bottom .elMenu.open {
  background: var(--menu-bg);
}
section.game_bottom .elMenu.open .elClose {
  display: flex;
}

.games_banner {
  position: relative;
  padding: 0.5rem;
  overflow: hidden;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  background: var(--g-color-grey-400);
}
.games_banner:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: -50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.6;
  filter: blur(50px);
  background: #ff8500;
  background: radial-gradient(circle, #ff8500 0%, rgba(255, 255, 255, 0) 100%);
}
.games_banner .info {
  width: 100%;
}
.games_banner .info .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.games_banner .info .description {
  margin-bottom: 0.5rem;
}
.games_banner .img-wrap {
  flex: 1;
}

section.gifts {
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 40px;
  margin-top: 24px;
  margin-bottom: 24px;
  background: var(--g-color-fill-dark);
}
section.gifts > .header {
  --subtitle-color: var(--g-color-grey-100);
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0;
  text-align: center;
  gap: 0.5rem;
}
section.gifts > .header .title {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-primary);
}
section.gifts .subtitle {
  grid-column: 1/4;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
  text-align: center;
}
section.gifts > .content {
  --gift-item-bg: var(--g-color-fill-dark);
  width: 100%;
}
section.gifts > .content .gifts_slider {
  max-width: 800px;
  margin: 0 auto;
}
section.gifts > .content .gifts_slider .item_gift {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 1.25rem;
  color: var(--g-color-fill);
  background-color: var(--gift-item-bg);
  border-radius: 1.5rem;
  gap: 1.25rem 0.75rem;
}
section.gifts > .content .gifts_slider .item_gift .banner {
  display: flex;
  justify-content: center;
  grid-column: 1/4;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 1rem;
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  background: var(--g-color-background);
}
section.gifts > .content .gifts_slider .item_gift .banner .image_wrap {
  width: 144px;
  min-width: 144px;
  height: 144px;
  min-height: 144px;
}
section.gifts > .content .gifts_slider .item_gift .banner .image_wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.gifts > .content .gifts_slider .item_gift .banner .text {
  max-width: 204px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
}
section.gifts > .content .gifts_slider .item_gift .banner .text .gift_info {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
section.gifts > .content .gifts_slider .item_gift .banner .text .gift_name {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
}
section.gifts > .content .gifts_slider .item_gift .banner .text .gift_money {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-primary);
}
section.gifts > .content .gifts_slider .item_gift .gift_card {
  display: flex;
  flex-direction: column;
  padding: 1rem 0.5rem;
  background-color: var(--g-color-background);
  border-radius: 1rem;
  gap: 1rem;
  text-align: center;
}
section.gifts > .content .gifts_slider .item_gift .gift_card > .header .icon_wrap {
  margin: 0 auto;
  display: flex;
  width: 96px;
  min-width: 96px;
  height: 96px;
}
section.gifts > .content .gifts_slider .item_gift .gift_card > .header .icon_wrap .icon {
  background: var(--g-gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: auto;
}
section.gifts > .content .gifts_slider .item_gift .gift_card > .header .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
section.gifts > .content .gifts_slider .item_gift .gift_card > .content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
}
section.gifts > .content .gifts_slider .item_gift .gift_card > .content .text {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
  margin-bottom: auto;
}
section.gifts > .content .gifts_slider .item_gift .gift_card > .content .actions_wrap {
  margin-bottom: 8px;
}
@media (max-width: 575.8px) {
  section.gifts > .content .gifts_slider .item_gift {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 12px;
  }
  section.gifts > .content .gifts_slider .item_gift .banner {
    flex-direction: column;
    align-items: center;
    margin-bottom: 6px;
    gap: 16px;
  }
  section.gifts > .content .gifts_slider .item_gift .banner .image_wrap {
    margin: 0 auto;
  }
  section.gifts > .content .gifts_slider .item_gift .banner .text {
    text-align: center;
  }
}
@media (min-width: 576px) {
  section.gifts > .content .gifts_slider .item_gift.one_gift .gift_card {
    justify-self: center;
    grid-column: 1/4;
    width: 100%;
    max-width: 650px;
  }
}
section.gifts > .content .gifts_slider .owl-nav button {
  --nav-margin: 24px;
  --nav-item-size: 48px;
  --text-color: var(--g-color-primary);
  --bg-color: none;
  position: absolute;
  top: 86px;
  display: flex;
  width: var(--nav-item-size);
  height: var(--nav-item-size);
  background: var(--bg-color);
}
section.gifts > .content .gifts_slider .owl-nav button.owl-prev {
  left: 110px;
}
section.gifts > .content .gifts_slider .owl-nav button.owl-next {
  right: 110px;
}
section.gifts > .content .gifts_slider .owl-nav button .icon {
  margin: auto;
  color: var(--text-color);
}
section.gifts > .content .empty_content {
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: center;
  max-width: 590px;
  min-height: 370px;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  color: var(--g-color-fill);
  background-color: var(--gift-item-bg);
  border-radius: 24px;
  gap: 18px;
}
section.gifts > .content .empty_content .text {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
section.gifts > .content .empty_content .actions_wrap {
  margin-bottom: 14px;
}
@media (max-width: 575.8px) {
  section.gifts > .content .empty_content {
    min-height: 260px;
    padding-bottom: 16px;
  }
}
section.gifts > .content > .actions_wrap {
  text-align: center;
}
section.gifts > .content .empty_content + .actions_wrap {
  display: flex;
}
@media (min-width: 768px) {
  section.gifts {
    margin-bottom: 48px;
  }
  section.gifts > .content {
    padding: 0 var(--g-container-padding);
  }
}
@media (max-width: 767.8px) {
  section.gifts > .content .gifts_slider .slide {
    padding: 0 var(--g-container-padding);
  }
  section.gifts > .content .gifts_slider .owl-nav {
    display: none;
  }
}

.grid_games {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  align-content: start;
  gap: 24px 10px;
}
@media (max-width: 575.8px) {
  .grid_games {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 1rem 0.5rem;
  }
}
.grid_games .next_page {
  display: flex;
  grid-column: 1/-1;
  justify-content: center;
  margin-top: 0.75rem;
  margin-bottom: 2.25rem;
}
.grid_games .empty {
  display: flex;
  grid-column: 1/-1;
  justify-content: center;
  text-align: center;
}
.grid_games .loader_overlay {
  position: static;
  grid-column: 1/-1;
  max-width: 250px;
  margin: auto;
}

.invite_guide {
  --bg-color: var(--g-color-fill-dark);
  --text-steps-color: var(--g-color-fill-light);
  padding: 40px;
  background: var(--bg-color);
  border-radius: 1rem;
}
.invite_guide > .title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--g-color-primary);
}
.invite_guide .text .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 8px 0;
}
.invite_guide .text .steps {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--text-steps-color);
}
.invite_guide .actions_wrap {
  gap: 8px;
  margin-top: 24px;
  flex-direction: column;
  align-items: flex-start;
}
.invite_guide .actions_wrap .copy_hint {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
}
.invite_guide .actions_wrap .copy_hint:not(.show) {
  display: none;
}
@media (max-width: 575.8px) {
  .invite_guide {
    padding: 1rem;
  }
  .invite_guide .title {
    text-align: center;
  }
  .invite_guide .actions_wrap {
    align-items: center;
  }
}

.invite_promo {
  --art-w: 280px;
  --content-w: calc(100% - var(--art-w));
  position: relative;
  display: flex;
  overflow: hidden;
  min-height: var(--section-min-height, 320px);
  padding: 40px;
  background: var(--g-color-blue-400);
  border-radius: 1rem;
}
.invite_promo .art {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: var(--art-w);
  height: auto;
  max-height: 100%;
  pointer-events: none;
}
.invite_promo .art img {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom right;
}
.invite_promo .content {
  width: var(--content-w);
  margin: auto 0;
}
.invite_promo .content .title,
.invite_promo .content .text {
  color: var(--g-color-fill-light);
}
.invite_promo .content .title {
  line-height: 3rem;
  font-size: 2.5rem;
  letter-spacing: 0px;
  font-weight: 900;
}
.invite_promo .content .text {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 2rem;
}
@media (max-width: 767.8px) {
  .invite_promo {
    --art-w: 140px;
    --section-min-height: 164px;
    padding: 1rem;
  }
  .invite_promo .art {
    right: 0;
  }
  .invite_promo .content .title {
    line-height: 1.75rem;
    font-size: 1.5rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .invite_promo .content .text {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 400;
    margin-top: 1rem;
  }
}

.modal_block_info {
  color: var(--g-color-fill-light);
}
.modal_block_info .title {
  color: var(--g-color-primary);
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_block_info .text {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 500;
  margin-top: 1rem;
}
.modal_block_info .actions_wrap {
  margin-top: var(--g-container-padding);
}
.modal_block_info.text_center .title,
.modal_block_info.text_center .text {
  text-align: center;
}
.modal_block_info.button_center .actions_wrap {
  justify-content: center;
}

@media (min-width: 768px) {
  .bonus_block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
  .bonus_block .big {
    grid-row: 1/-1;
  }
}
@media (max-width: 767.8px) {
  .bonus_block {
    display: flex;
    flex-flow: column;
    gap: 0.5rem;
  }
}

.multiaccount_info {
  max-width: 720px;
  margin: 32px auto;
  padding: 40px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 0 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  background-color: var(--g-color-fill-dark);
}
.multiaccount_info .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 20px;
  color: #FFBB00;
}
.multiaccount_info .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  line-height: 24px;
  color: var(--g-color-grey-200);
}
.multiaccount_info .text a {
  color: #53A841;
}
@media (max-width: "(max-width: 576px)"-0.2px) {
  .multiaccount_info {
    margin: 20px auto;
    padding: 20px;
  }
}

.mystery_jackpot_banner {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 222px;
  background: linear-gradient(90.05deg, #002A61 21.43%, #3786FF 43.81%, #3786FF 73.22%, #011E57 100.53%);
  border-radius: 1.25rem;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner {
    gap: 0;
  }
}
.mystery_jackpot_banner .content_main {
  width: 50%;
  padding: 35px;
  z-index: 1;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_main {
    max-width: none;
    width: 100%;
    padding: 1.25rem;
  }
}
.mystery_jackpot_banner .content_main .info {
  margin-bottom: 1.25rem;
  color: var(--g-color-fill-light);
}
.mystery_jackpot_banner .content_main .info .title {
  margin: 0 0 0.5rem;
  text-transform: uppercase;
  line-height: 2.5rem;
  font-size: 2rem;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_main .info .title {
    line-height: 1.75rem;
    font-size: 1.5rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.mystery_jackpot_banner .content_main .info .description {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 400;
  text-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.25);
}
.mystery_jackpot_banner .content_main .info .description p {
  margin-bottom: 22px;
}
.mystery_jackpot_banner .content_main .prize {
  display: none;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_main .prize {
    display: block;
    width: fit-content;
    margin: 0 0 3.5rem auto;
    text-align: center;
  }
  .mystery_jackpot_banner .content_main .prize .title {
    line-height: 1.25rem;
    font-size: 1rem;
    letter-spacing: 0px;
    font-weight: 700;
    color: #FFBB00;
  }
}
@media (max-width: 767.8px) and (max-width: 767.8px) {
  .mystery_jackpot_banner .content_main .prize .title {
    margin-bottom: 10px;
  }
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_main .prize .amount {
    line-height: 2.625rem;
    font-size: 2.25rem;
    letter-spacing: 0px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
  }
}
.mystery_jackpot_banner .content_main .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 70%;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_main .actions {
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199.8px) {
  .mystery_jackpot_banner .content_main .actions {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
  }
}
.mystery_jackpot_banner .content_main .actions .button {
  display: inline-flex;
  width: fit-content;
  padding: 0.75rem 1.5rem;
  min-width: 150px;
  border: 2px solid var(--g-color-fill-light);
  box-shadow: -1px -1px 4px 0px rgba(54, 187, 239, 0.5);
}
.mystery_jackpot_banner .content_main .actions .timer_wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_main .actions .timer_wrap {
    flex-direction: column;
    width: fit-content;
    gap: 0.25rem;
  }
}
.mystery_jackpot_banner .content_main .actions .timer_wrap > .title {
  width: 73px;
  text-align: right;
  color: var(--g-color-orange-500);
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_main .actions .timer_wrap > .title {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199.8px) {
  .mystery_jackpot_banner .content_main .actions .timer_wrap > .title {
    text-align: left;
  }
}
.mystery_jackpot_banner .content_main .actions .timer_wrap > .timer {
  margin: 0;
  color: var(--g-color-fill-light);
}
.mystery_jackpot_banner .content_main .actions .timer_wrap .timer_digits {
  white-space: nowrap;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_main .actions .timer_wrap .timer_digits {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 400;
  }
}
.mystery_jackpot_banner .content_main .actions .timer_wrap .timer_digits > * {
  display: inline-block;
  width: 2rem;
  text-align: center;
}
.mystery_jackpot_banner .content_main .actions .timer_wrap .timer_content {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.mystery_jackpot_banner .content_main .actions .timer_wrap .timer_content > * {
  display: inline-block;
  width: 2rem;
  text-align: center;
}
.mystery_jackpot_banner .content_image {
  z-index: 0;
}
.mystery_jackpot_banner .content_image .image.desktop .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
}
.mystery_jackpot_banner .content_image .image.desktop .background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_image .image.desktop {
    display: none;
  }
}
.mystery_jackpot_banner .content_image .image.mobile {
  display: none;
}
.mystery_jackpot_banner .content_image .image.mobile .image {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
}
.mystery_jackpot_banner .content_image .image.mobile .background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_image .image.mobile {
    display: block;
  }
}
.mystery_jackpot_banner .content_prize {
  z-index: 1;
  width: 30%;
}
@media (max-width: 767.8px) {
  .mystery_jackpot_banner .content_prize {
    display: none;
  }
}
.mystery_jackpot_banner .content_prize .prize {
  text-align: center;
  text-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.25);
}
.mystery_jackpot_banner .content_prize .prize .title {
  margin: 0 0 0.5rem;
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
}
.mystery_jackpot_banner .content_prize .prize .amount {
  font-size: 4.375rem;
  font-weight: 700;
  line-height: 1;
}

.container.compact {
  max-width: max-content;
}

section.news_view {
  --news-image-width: 560px;
  --news-view-margin: 24px;
  --news-view-padding: 16px;
  --news-view-gap: 8px;
  --news-form-bg: var(--g-color-fill-dark);
  --news-form-border: inset 0 0 0 1px var(--g-color-fill-dark);
  --news-subtitle-color: var(--g-color-tertiary);
  --news-bonus-bg: linear-gradient(245.6deg, #B9669D 31.2%, #AF4577 68.8%);
  --news-view-content-color: var(--g-color-grey-200);
  --news-view-support-bg: var(--g-color-fill-same);
  --news-view-support-text-color: var(--g-color-tertiary);
  --news-view-back-text-color: var(--g-color-grey-100);
  width: 700px;
  max-width: 100%;
}
section.news_view .news_link {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--news-view-gap) / 2);
  color: var(--g-color-fill);
}
section.news_view .news_link:hover .caption, section.news_view .news_link:hover .title_section .caption_button, .title_section section.news_view .news_link:hover .caption_button {
  text-decoration: underline;
}
section.news_view .news_link .caption, section.news_view .news_link .title_section .caption_button, .title_section section.news_view .news_link .caption_button {
  transition: var(--g-transition);
}
section.news_view .header {
  margin: var(--news-view-padding) 0;
}
section.news_view .content {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  --news-view-image-size: 164px;
  margin-bottom: var(--news-view-margin);
  padding: var(--news-view-margin) 40px;
  color: var(--news-view-content-color);
  background: var(--news-form-bg);
  border-radius: 12px;
}
@media (max-width: 767.8px) {
  section.news_view .content {
    padding: var(--news-view-padding);
  }
}
section.news_view .content .date {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 4px;
}
section.news_view .content .date .icon {
  font-size: 18px;
  color: var(--g-color-primary);
}
section.news_view .content .date span {
  color: var(--g-color-grey-200);
}
section.news_view .content .control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: var(--news-view-gap);
  margin-bottom: var(--news-view-padding);
}
section.news_view .content .navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(var(--news-view-gap) * 3);
}
section.news_view .content .image_wrap {
  overflow: hidden;
  width: 100%;
  max-width: var(--news-image-width);
  margin: 0 auto var(--news-view-padding);
  border-radius: 8px;
}
section.news_view .content .image_wrap img {
  display: block;
  width: 100%;
}
section.news_view .content .info .title {
  line-height: 1.25rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 0;
  text-align: center;
  margin-bottom: var(--news-view-padding);
  color: var(--g-color-fill);
}
@media (max-width: 767.8px) {
  section.news_view .content .info .title {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 700;
    text-align: left;
  }
}
@media (max-width: 767.8px) {
  section.news_view .content .info .description {
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0px;
    font-weight: 400;
  }
}
section.news_view .footer {
  margin-bottom: var(--news-view-padding);
}
section.news_view .footer .deposit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--news-view-gap) * 2);
  margin-bottom: var(--news-view-margin);
}
section.news_view .footer .news_actions {
  margin-bottom: var(--news-view-margin);
  gap: calc(var(--news-view-gap) * 2);
}
section.news_view .footer .news_actions .card {
  display: flex;
  flex: 1 1 280px;
  align-items: center;
  min-height: 92px;
  padding: var(--news-view-padding);
  border-radius: 16px;
  gap: 14px;
}
section.news_view .footer .news_actions .card .text {
  flex: 1;
}
section.news_view .footer .news_actions .card .text .title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: calc(var(--news-view-padding) / 2);
}
section.news_view .footer .news_actions .card .text p {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 700;
}
section.news_view .footer .news_actions .card .button {
  flex-shrink: 0;
  height: 40px;
  max-height: 40px;
  width: 40px;
}
section.news_view .footer .news_actions .card .button .icon {
  font-size: 20px;
}
section.news_view .footer .news_actions .card.card_support {
  background: var(--news-view-support-bg);
}
section.news_view .footer .news_actions .card.card_support .title {
  color: var(--g-color-success-dark);
}
section.news_view .footer .news_actions .card.card_support p {
  color: var(--news-view-support-text-color);
}
section.news_view .footer .news_actions .card.card_bonus {
  padding-left: 153px;
  background: url("./images/news/gift_3.png"), linear-gradient(286.79deg, #272995 28.95%, #3890FF 100%);
  background-size: auto 100%, auto;
  background-repeat: no-repeat;
  background-position: left bottom;
}
section.news_view .footer .news_actions .card.card_bonus .title {
  margin-bottom: 0 !important;
  color: var(--g-color-fill-light);
}
section.news_view .footer .news_actions .card.card_bonus .action {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  max-height: 40px;
  width: 40px;
  padding: 8px;
  color: var(--g-color-primary);
  background: var(--g-color-fill-light);
  border: none;
  cursor: pointer;
}
section.news_view .footer .news_actions .card.card_bonus .action:hover::after {
  background: var(--g-color-orange-200);
}
section.news_view .footer .news_actions .card.card_bonus .action .icon {
  font-size: 20px;
}
section.news_view .footer .delete_button .icon {
  font-size: 20px;
}
section.news_view .footer .delete_button .caption, section.news_view .footer .delete_button .title_section .caption_button, .title_section section.news_view .footer .delete_button .caption_button {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 767.8px) {
  section.news_view {
    --news-view-margin: 16px;
  }
}

.offer-cashback.hidden {
  display: none;
}
.offer-cashback .content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.offer-cashback .title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  display: flex;
  gap: 4px;
}
.offer-cashback .button {
  --button-hover-bodred-color: var(--g-color-fill-light);
}
.offer-cashback .close_btn {
  margin-left: 0.5rem;
}
@media (max-width: 575.8px) {
  .offer-cashback.container {
    padding: 0;
  }
  .offer-cashback .wrapper {
    padding: 0.5rem 1rem;
    background-color: var(--g-color-primary);
  }
  .offer-cashback .content {
    gap: 0;
    justify-content: space-between;
  }
  .offer-cashback img {
    display: none;
  }
  .offer-cashback .title {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 500;
  }
  .offer-cashback .button.border {
    --button-width: 76px;
    --button-height: 1.5rem;
    border-radius: 0.5rem;
    margin-left: auto;
  }
  .offer-cashback .button.border span {
    line-height: 0.875rem;
    font-size: 0.625rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .offer-cashback .close_btn {
    margin-left: 0;
  }
}

.section_block {
  display: flex;
  flex-direction: column;
  gap: calc(var(--g-container-padding) / 2);
}
.section_block > .header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.25rem;
}
.section_block > .header > .extra {
  margin-left: auto;
}
.section_block .games_section {
  margin: 0 auto;
}
@media (max-width: 767.8px) {
  .section_block {
    gap: 0.5rem;
  }
}

section.slider_games {
  --loader-content-height: 210px;
}
section.slider_games > .header .extra {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}
section.slider_games > .content .empty_info {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  max-width: 282px;
  margin: 16px auto;
  padding: 8px;
  text-align: center;
  background: var(--g-color-fill-same);
  border-radius: 16px;
}
section.slider_games.slider_tabs > .header .title_section {
  opacity: 1;
}
section.slider_games.slider_tabs > .header .title_section:hover .caption_button, section.slider_games.slider_tabs > .header .title_section.active .caption_button {
  background: var(--g-gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  box-shadow: 0 0 0 1px var(--g-color-primary);
}
section.slider_games.slider_tabs > .content .s-content {
  position: relative;
  animation: 0.2s ease-in show;
}
section.slider_games.slider_tabs > .content .loader_overlay {
  position: static;
  min-height: var(--loader-content-height);
  background: none;
}
section.slider_games.slider_tabs .s-content:not(.active) {
  display: none;
}
@media (max-width: 767.8px) {
  section.slider_games > .header .slider_nav {
    display: none;
  }
  section.slider_games > .content .s-content {
    --loader-content-height: 140px;
  }
  section.slider_games.slider_tabs > .header {
    gap: 2px;
  }
  section.slider_games.slider_tabs > .header .title_section .caption_button {
    padding: 8px;
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}

.postreg_slider_games .item_game {
  min-width: 270px;
  max-width: 270px;
}

@keyframes show {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
section.slider_providers {
  --loader-content-height: 210px;
}
section.slider_providers > .header .extra {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}
@media (max-width: 767.8px) {
  section.slider_providers > .header .slider_nav {
    display: none;
  }
}

section.block_winners_statistics {
  padding-top: 0.5rem;
  position: relative;
  min-height: 296px;
}
section.block_winners_statistics .tabs_period {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
section.block_winners_statistics .tabs_period .button.border {
  --button-border-size: 2px;
  --button-border-color: var(--g-color-fill-light);
  --button-text-color-state: var(--g-color-fill-light);
}
section.block_winners_statistics .tabs_period .button.border.active {
  --button-border-color: var(--g-color-orange-300);
  --button-text-color-state: var(--g-color-orange-300);
}
@media (max-width: 767.8px) {
  section.block_winners_statistics .tabs_period {
    width: 100%;
  }
  section.block_winners_statistics .tabs_period .item {
    width: 100%;
  }
}
@media (min-width: 768px) {
  section.block_winners_statistics .tabs_period {
    min-width: 140px;
  }
}
section.block_winners_statistics .tabs_wrap {
  justify-content: flex-start;
}
@media (max-width: 767.8px) {
  section.block_winners_statistics .tabs_wrap .extra {
    display: none;
  }
}
@media (min-width: 768px) {
  section.block_winners_statistics .tabs_wrap {
    position: absolute;
    top: 0;
    right: 1.25rem;
  }
}
section.block_winners_statistics .item_game.item_winner {
  --game-item-padding: 0.5rem;
  --game-item-bg: var(--g-color-fill-dark);
  display: block;
}
section.block_winners_statistics .item_game.item_winner .info {
  height: auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
  color: var(--g-color-fill-light);
}
section.block_winners_statistics .item_game.item_winner .info .name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 500;
}
section.block_winners_statistics .item_game.item_winner .info .info_wrap {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
}
section.block_winners_statistics .item_game.item_winner .info .info_wrap .prize.value {
  font-weight: 700;
  color: var(--g-color-secondary);
}
section.block_winners_statistics .item_game.item_winner .info .info_wrap .player.value {
  color: var(--g-color-grey-300);
}

html {
  font-family: var(--font-primary);
}

body {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  background-color: var(--g-color-background);
}
body *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--g-color-grey-600);
  border-radius: 40px;
}
body *::-webkit-scrollbar-track {
  background-color: var(--g-color-fill-dark);
  border-radius: 40px;
}
body *::-webkit-scrollbar-thumb {
  background-color: var(--g-color-grey-600);
  border-radius: 40px;
}

main {
  min-height: 70vh;
}

@media (max-width: 1023.8px) {
  h1 {
    line-height: 3.5rem;
    font-size: 3rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  h1 {
    line-height: 4.125rem;
    font-size: 3.5rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (max-width: 1023.8px) {
  h2 {
    line-height: 2.625rem;
    font-size: 2.25rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  h2 {
    line-height: 3rem;
    font-size: 2.5rem;
    letter-spacing: 0px;
    font-weight: 900;
  }
}
@media (max-width: 1023.8px) {
  h3 {
    line-height: 2rem;
    font-size: 1.75rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  h3 {
    line-height: 2.5rem;
    font-size: 2rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (max-width: 1023.8px) {
  h4 {
    line-height: 1.5rem;
    font-size: 1.25rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  h4 {
    line-height: 1.75rem;
    font-size: 1.5rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (max-width: 1023.8px) {
  h4 {
    line-height: 1.5rem;
    font-size: 1.25rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  h4 {
    line-height: 1.75rem;
    font-size: 1.5rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (max-width: 1023.8px) {
  h6 {
    line-height: 0.875rem;
    font-size: 0.75rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  h6 {
    line-height: 1.25rem;
    font-size: 1rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
p,
a,
li,
span {
  text-decoration: none;
}

p {
  margin: 0;
}

.icon {
  font-size: 24px;
}

.close {
  cursor: pointer;
}

footer {
  --footer-gap: 1.5rem;
  --footer-bg: var(--g-color-grey-700);
  background: var(--footer-bg);
}
footer .footer {
  display: grid;
  grid-template-areas: "providers providers" "menu actions" "payments payments" "logo logo";
  grid-template-columns: 1fr auto;
  gap: var(--footer-gap) var(--g-container-padding);
  padding-top: 2rem;
  padding-bottom: 2rem;
}
footer .footer > * {
  grid-column: 1/-1;
}
footer .footer .footer_icons {
  grid-area: logo;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
footer .footer .footer_icons .extra img {
  width: auto;
  height: 40px;
  max-height: 40px;
}
footer .footer .providers_pay {
  grid-area: payments;
}
footer .footer .providers_pay .section_title {
  margin-bottom: 1.5rem;
  text-align: center;
}
footer .footer .providers_pay .footer_pay_providers {
  display: flex;
  gap: 1rem;
}
footer .footer .providers_pay .footer_pay_providers .image {
  display: flex;
  overflow: hidden;
  height: 60px;
  width: 120px;
  padding: 0.5rem;
  background: var(--g-color-fill-light);
  border-radius: 0.5rem;
}
footer .footer .providers_pay .footer_pay_providers .image:first-child {
  margin-left: auto;
}
footer .footer .providers_pay .footer_pay_providers .image:last-child {
  margin-right: auto;
}
footer .footer .providers_pay .footer_pay_providers .image .caption, footer .footer .providers_pay .footer_pay_providers .image .title_section .caption_button, .title_section footer .footer .providers_pay .footer_pay_providers .image .caption_button {
  width: 100%;
  height: 100%;
}
footer .footer .providers_pay .footer_pay_providers .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
footer .footer .providers {
  grid-area: providers;
}
footer .footer .description {
  text-align: center;
}
footer .footer .footer_menu {
  grid-area: menu;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 2rem;
  padding-right: 3rem;
}
footer .footer .footer_menu a {
  text-decoration: none;
  text-transform: uppercase;
  color: var(--g-color-fill-light);
}
footer .footer .footer_actions {
  display: flex;
  grid-area: actions;
  flex-flow: column;
  align-items: flex-end;
  gap: 1rem;
}
footer .footer .footer_actions .row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 767.8px) {
  footer .footer {
    padding-bottom: 74px;
    grid-template-areas: "providers providers" "menu menu" "actions actions" "payments payments" "logo logo";
  }
  footer .footer .footer_menu {
    padding-right: 0;
  }
  footer .footer .footer_actions {
    align-items: flex-start;
  }
}

header .header_desktop {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1.25rem 1.5rem;
}
header .header_desktop.only_logo {
  justify-content: center;
}
header .header_desktop > .logo {
  flex: 0;
}
header .header_desktop > .menu_header,
header .header_desktop > .panel_game_control {
  flex: 1;
}
header .header_desktop > .panel_user {
  flex: 0;
}

header .header_mobile {
  padding: 0.5rem 1rem;
}
header .header_mobile .header-top {
  display: flex;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  align-items: center;
}
header .header_mobile .hamburger {
  font-size: 1.625rem;
  color: var(--g-color-primary);
}
header .header_mobile .panel_user {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  margin-left: auto;
}
header .header_mobile .panel_user .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
  padding: 0.25rem;
  background: none;
  text-align: center;
  border-radius: 0.5rem;
  color: var(--g-color-fill-light);
}
header .header_mobile .panel_user .item .icon {
  font-size: 1.75rem;
}
header .header_mobile .panel_user .item .caption, header .header_mobile .panel_user .item .title_section .caption_button, .title_section header .header_mobile .panel_user .item .caption_button {
  text-transform: uppercase;
  line-height: 0.875rem;
  font-size: 0.625rem;
  letter-spacing: 0px;
  font-weight: 500;
}
header .header_mobile.header_mobile_game {
  padding: 0rem 1rem;
}
header .header_mobile.header_mobile_game .header-top {
  padding-bottom: 0;
}
header .header_mobile.header_mobile_game .panel_user {
  width: 100%;
  margin-left: 0;
  padding-bottom: 0;
  justify-content: space-between;
}
header .header_mobile.header_mobile_game .panel_user .icon {
  font-size: 1.5rem;
}
header .header_mobile.header_mobile_game .panel_user .item {
  width: max-content;
  height: 100%;
  padding: 0.25rem;
  min-width: 4.625rem;
  color: var(--g-color-grey-200);
}
header .header_mobile.header_mobile_game .panel_user .item.deposit {
  color: var(--g-color-fill-light);
  background-color: var(--g-color-primary);
}
header .button.compact.search {
  width: 44px;
  height: 44px;
  min-height: 44px;
}

.header-btn {
  display: flex;
  gap: 0.25rem;
  padding-bottom: 0.5rem;
}
.header-btn .button.compact {
  --button-height: 2.75rem;
}
.header-btn.sport {
  padding-top: 1rem;
}

.header-btn-group {
  flex: 1;
  padding: 0.25rem;
  border-radius: 0.75rem;
  display: flex;
  justify-content: center;
  background-color: var(--g-color-fill-dark);
}
.header-btn-group .button {
  margin: 0;
  width: 100%;
  display: flex;
  text-transform: uppercase;
}

.header_tabs {
  padding: 0.5rem 1rem;
}
@media (min-width: 1024px) {
  .header_tabs {
    display: none;
  }
}

header {
  position: sticky;
  top: 0;
  background: var(--g-color-background);
  z-index: 3;
}
@media (max-width: 1023.8px) {
  header .header_desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  header .header_mobile {
    display: none;
  }
}

.noty.main_notifications {
  gap: 8px;
  padding: 90px 16px 16px;
  z-index: 11;
}
.noty.main_notifications .noty-line {
  gap: 16px 8px;
  min-width: 336px;
}
.noty.main_notifications .noty-line.center {
  flex: 0 1 auto;
}
@media (max-width: 1199.8px) {
  .noty.main_notifications .noty-line {
    min-width: unset;
  }
}
@media (max-width: 767.8px) {
  .noty.main_notifications {
    gap: 0;
    padding: 70px 8px 88px;
  }
}

.notification_prize_wrap {
  --notification_content-bg: #4855BD;
  position: fixed;
  top: 170px;
  right: 0;
  display: grid;
  grid-template-areas: "main";
}
.notification_prize_wrap > * {
  grid-area: main;
  transition: 0.5s;
  transform: scale(0) translateX(500%);
  opacity: 0;
  pointer-events: none;
}
.notification_prize_wrap .open {
  transform: scale(1) translateX(0);
  opacity: 1;
  pointer-events: all;
}
.notification_prize_wrap .notification_prize {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 258px;
  width: 40px;
  background: var(--g-color-info-light);
  border-radius: 1rem 0 0 1rem;
}
.notification_prize_wrap .notification_prize.open {
  width: 206px;
}
.notification_prize_wrap .notification_prize .notification_close {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
}
.notification_prize_wrap .notification_prize .notification_close .icon {
  display: flex;
  font-size: 16px;
}
.notification_prize_wrap .notification_prize .notification_img {
  position: absolute;
  top: -44px;
  left: 0;
  width: 100%;
  height: 100%;
}
.notification_prize_wrap .notification_prize .notification_img img {
  width: 100%;
  object-fit: cover;
  object-position: bottom center;
}
.notification_prize_wrap .notification_prize .notification_content {
  position: relative;
  overflow: hidden;
  background: var(--notification_content-bg);
  border-radius: 1rem 0 0 1rem;
  padding-bottom: 1.5rem;
  text-align: center;
}
.notification_prize_wrap .notification_prize .notification_content .notification_title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  width: max-content;
  margin: 0 auto;
  padding: 0.5rem 1.5rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0 0 0.5rem 0.5rem;
  color: var(--g-color-primary);
  background: var(--g-color-fill-light);
}
.notification_prize_wrap .notification_prize .notification_content .notification_text {
  width: 100%;
  padding: 1.5rem;
  text-align: center;
  color: var(--g-color-fill-light);
}
.notification_prize_wrap .card_button {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  padding: 24px 8px;
  white-space: nowrap;
  color: var(--g-color-primary);
  background: var(--g-color-fill-light);
  border-radius: 0.5rem 0 0 0.5rem;
  box-shadow: var(--g-shadow-m);
  cursor: pointer;
  justify-self: right;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-transform: uppercase;
}

.notification_promo_center {
  position: relative;
  width: 100%;
  max-width: 700px;
  background: var(--g-gradient-primary);
  border-radius: 20px;
}
.notification_promo_center .notification_content {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  gap: 12px 16px;
  min-height: 120px;
  padding: 0 16px;
}
.notification_promo_center .notification_content .notification_image {
  display: flex;
  align-self: center;
  width: 104px;
  height: 104px;
  margin: 16px 0;
}
.notification_promo_center .notification_content .notification_content_wrap {
  align-self: center;
  margin: 16px 0;
}
.notification_promo_center .notification_content .notification_content_wrap .notification_title {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--g-color-fill-light);
}
.notification_promo_center .notification_content .notification_content_wrap .notification_text {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-fill-light);
  opacity: 0.7;
}
.notification_promo_center .notification_content .notification_button {
  align-self: end;
  margin: 16px 0;
}
.notification_promo_center .notification_content .divider_vertical {
  align-self: center;
  height: calc(100% - 40px);
}
.notification_promo_center .notification_close {
  position: absolute;
  top: 16px;
  right: 16px;
  color: var(--g-color-fill-light);
  cursor: pointer;
}
@media (max-width: 767.8px) {
  .notification_promo_center {
    display: flex;
    gap: 12px;
    width: 344px;
    min-height: 176px;
    padding: 16px;
  }
  .notification_promo_center .notification_content {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    width: 200px;
    padding: 0;
    justify-items: start;
  }
  .notification_promo_center .notification_content .notification_image {
    position: absolute;
    right: 16px;
    bottom: 16px;
    margin: 0;
  }
  .notification_promo_center .notification_content .notification_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .notification_promo_center .notification_content .notification_content_wrap {
    align-self: unset;
    margin: 0;
  }
  .notification_promo_center .notification_content .notification_content_wrap .notification_title {
    line-height: 1.25rem;
    font-size: 1rem;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 12px;
  }
  .notification_promo_center .notification_content .notification_content_wrap .notification_text {
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0px;
    font-weight: 400;
  }
  .notification_promo_center .notification_content .notification_button {
    --button-width: 170px;
    margin: auto 0 0 0;
  }
  .notification_promo_center .notification_content .divider_vertical {
    display: none;
  }
}

.notification_promo {
  position: relative;
  display: flex;
  width: 340px;
  min-height: 100px;
  padding: 16px 32px 16px 20px;
  color: var(--g-color-fill-light);
  background: var(--g-color-fill-dark);
  border-radius: 16px;
  box-shadow: none;
  opacity: 1;
}
.notification_promo .notification_content {
  display: grid;
  grid-template-areas: "title title" "image text" "image button_text";
  align-content: center;
  gap: 4px 16px;
}
.notification_promo .notification_content .notification_image {
  display: flex;
  grid-area: image;
  align-self: center;
  width: 112px;
  height: 124px;
  object-fit: cover;
}
.notification_promo .notification_content .notification_title {
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  grid-area: title;
  text-align: center;
}
.notification_promo .notification_content .notification_text {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  grid-area: text;
}
.notification_promo .notification_content .notification_button {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  display: flex;
  align-items: center;
  width: max-content;
  text-decoration: none;
  color: inherit;
}
.notification_promo .notification_content .notification_button .icon {
  font-size: 18px;
}
.notification_promo .notification_close,
.notification_promo .notification_settings {
  position: absolute;
  right: 8px;
  display: flex;
  cursor: pointer;
  z-index: 1;
}
.notification_promo .notification_close.notification_close,
.notification_promo .notification_settings.notification_close {
  top: 8px;
}
.notification_promo .notification_close.notification_settings,
.notification_promo .notification_settings.notification_settings {
  bottom: 26px;
}
.notification_promo .notification_close.notification_settings .icon,
.notification_promo .notification_settings.notification_settings .icon {
  color: var(--g-color-grey-100);
}
.notification_promo .notification_close .icon,
.notification_promo .notification_settings .icon {
  font-size: 18px;
}

.notification_questionnaire {
  position: relative;
  width: 100%;
  max-width: 700px;
  background: var(--g-gradient-7);
  border-radius: 20px;
}
.notification_questionnaire .notification_content {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  gap: 12px 16px;
  min-height: 120px;
  padding: 0 16px;
}
.notification_questionnaire .notification_content .notification_image {
  display: flex;
  align-self: center;
  width: 88px;
  height: 88px;
}
.notification_questionnaire .notification_content .notification_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.notification_questionnaire .notification_content .notification_content_wrap {
  align-self: center;
  margin: 16px 0;
}
.notification_questionnaire .notification_content .notification_content_wrap .notification_title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: bold;
  margin-bottom: 8px;
  color: var(--g-color-fill-light);
}
.notification_questionnaire .notification_content .notification_content_wrap .notification_text {
  line-height: 1rem;
  font-size: 0.75rem;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--g-color-fill-light);
  opacity: 0.7;
}
.notification_questionnaire .notification_content .notification_button {
  align-self: end;
  margin: 16px 0;
}
.notification_questionnaire .notification_content .divider_vertical {
  height: calc(100% - 40px);
  align-self: center;
}
.notification_questionnaire .notification_close {
  position: absolute;
  top: 16px;
  right: 16px;
  color: var(--g-color-fill-light);
  cursor: pointer;
}
@media (max-width: 767.8px) {
  .notification_questionnaire {
    gap: 12px;
    width: 340px;
    padding: 16px;
  }
  .notification_questionnaire .notification_content {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    width: 210px;
    min-height: 164px;
    padding: 0;
    justify-items: start;
  }
  .notification_questionnaire .notification_content .divider_vertical {
    display: none;
  }
  .notification_questionnaire .notification_content .notification_content_wrap {
    align-self: unset;
    margin: 0;
  }
  .notification_questionnaire .notification_content .notification_button {
    margin: 0;
  }
  .notification_questionnaire .notification_image {
    position: absolute;
    right: 16px;
    bottom: 16px;
  }
}

.notification_recommended_games {
  position: relative;
  overflow: hidden;
  max-width: 280px;
  padding: 0 24px 24px 24px;
  background: var(--g-gradient-primary);
  border-radius: 16px;
}
.notification_recommended_games .notification_close {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 24px;
  color: var(--g-color-fill-light);
}
.notification_recommended_games .notification_image {
  width: 100%;
  height: 116px;
  margin-bottom: 28px;
  background-image: url("./images/notifications/notification_recommended_games.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.notification_recommended_games .notification_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--g-color-fill-light);
}
.notification_recommended_games .notification_content .notification_title {
  line-height: 1.5rem;
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 8px;
  text-align: center;
}
.notification_recommended_games .notification_content .notification_text {
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0px;
  font-weight: 400;
  margin-bottom: 16px;
  text-align: center;
  color: var(--g-color-grey-100);
}
.notification_recommended_games .notification_content .notification_button {
  --button-width: 180px;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

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

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.tippy-box[data-animation=perspective][data-placement^=top] {
  transform-origin: bottom;
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden] {
  transform: perspective(700px) translateY(8px) rotateX(60deg);
}

.tippy-box[data-animation=perspective][data-placement^=bottom] {
  transform-origin: top;
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden] {
  transform: perspective(700px) translateY(-8px) rotateX(-60deg);
}

.tippy-box[data-animation=perspective][data-placement^=left] {
  transform-origin: right;
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden] {
  transform: perspective(700px) translateX(8px) rotateY(-60deg);
}

.tippy-box[data-animation=perspective][data-placement^=right] {
  transform-origin: left;
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden] {
  transform: perspective(700px) translateX(-8px) rotateY(60deg);
}

.tippy-box[data-animation=perspective][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-placement^=top] > .tippy-svg-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow:after, .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {
  top: 16px;
  transform: rotate(180deg);
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 16px;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow:after, .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {
  transform: rotate(90deg);
  top: calc(50% - 3px);
  left: 11px;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow:after, .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {
  transform: rotate(-90deg);
  top: calc(50% - 3px);
  right: 11px;
}

.tippy-svg-arrow {
  width: 16px;
  height: 16px;
  fill: #333;
  text-align: initial;
}

.tippy-svg-arrow, .tippy-svg-arrow > svg {
  position: absolute;
}

/*# sourceMappingURL=app.css.map*/