/* .error-page__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 42px 0 80px;
  position: relative;
  text-align: center;
}

@media (min-width: 768px) {
  .error-page__content {
    padding: 32px 0 100px;
  }
}

@media (min-width: 1200px) {
  .error-page__content {
    padding-bottom: 120px;
  }
}

@media (min-width: 1440px) {
  .error-page__content {
    padding-bottom: 70px;
  }
}

.error-page__background {
  display: block;
  margin: 0 auto 8px;
  max-width: 339px;
}

@media (min-width: 768px) {
  .error-page__background {
    margin-bottom: 0;
    max-width: 559px;
  }
}

@media (min-width: 1200px) {
  .error-page__background {
    max-width: 700px;
  }
}

.error-page__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px;
}

@media (min-width: 768px) {
  .error-page__title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 16px;
  }
}

@media (min-width: 1200px) {
  .error-page__title {
    font-size: 24px;
    line-height: 32px;
    margin-top: -40px;
  }
}

.error-page__text {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 auto 32px;
  max-width: 495px;
}

@media (min-width: 768px) {
  .error-page__text {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .error-page__text {
    font-size: 42px;
    line-height: 52px;
  }
}

@media (min-width: 1440px) {
  .error-page__text {
    font-size: 54px;
    font-weight: 800;
    line-height: 64px;
    max-width: 665px;
  }
}

.error-page .error-page__button {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 24px;
  padding: 12px 20px;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .error-page .error-page__button {
    padding: 16px 24px;
  }
} */

.image--hidden {
  display: none !important;
}

.text-btn {
  background: transparent none;
  border: none;
  box-shadow: none;
  display: flex;
  font-size: 20px;
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 0;
  transition: color 0.3s ease;
  vertical-align: top;
}

.text-btn:not(:disabled) {
  cursor: pointer;
}

.text-btn:disabled {
  opacity: 0.5;
}

.text-btn--secondary {
  color: hsla(0, 0%, 100%, 0.65);
}

.text-btn--secondary:hover {
  color: #fff;
}

.text-btn--primary {
  color: hsla(0, 0%, 100%, 0.65);
}

.text-btn--primary:hover {
  color: #fff;
}

.text-btn--danger {
  color: hsla(0, 0%, 100%, 0.65);
}

.text-btn--danger:hover {
  color: #fff;
}

@font-face {
  font-display: block;
  font-family: font-icons;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/font-icons.8340e7de..ttf) format("truetype"),
    url(/fonts/font-icons.07b91044..woff) format("woff"),
    url(/fonts/font-icons.8a808bad..svg#font-icons) format("svg");
}

.font-icons {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: font-icons !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.font-icons--menu-left:before {
  content: "\e90d";
}

.font-icons--default:before {
  content: "\e966";
}

.font-icons--info-thin:before {
  content: "\e91a";
}

.font-icons--slots:before {
  content: "\e996";
}

/* .font-icons--evo-prime-drop:before {
  content: "\e981";
}

.font-icons--passport_id:before {
  content: "\e993";
}

.font-icons--time-thin:before {
  content: "\e994";
}

.font-icons--required:before {
  content: "\e992";
}

.font-icons--book-slots:before {
  content: "\e98c";
}

.font-icons--card:before {
  content: "\e98d";
}

.font-icons--craps:before {
  content: "\e98e";
}

.font-icons--fishing:before {
  content: "\e98f";
}

.font-icons--poker:before {
  content: "\e990";
}

.font-icons--roulette:before {
  content: "\e991";
}

.font-icons--carnival:before {
  content: "\e98a";
}

.font-icons--st-valentines:before {
  content: "\e98b";
}

.font-icons--platin-jackpot:before {
  content: "\e999";
}

.font-icons--winter:before {
  content: "\e988";
}

.font-icons--check-circle:before {
  content: "\e984";
}

.font-icons--circle:before {
  content: "\e985";
}

.font-icons--lucky-box:before {
  content: "\e986";
}

.font-icons--location-pin-slash:before {
  content: "\e983";
}

.font-icons--hall-of-fame:before {
  content: "\e982";
}

.font-icons--flip:before {
  content: "\e97d";
}

.font-icons--gift:before {
  content: "\e97c";
}

.font-icons--cancel-circle:before {
  content: "\e97b";
}

.font-icons--big-wilds:before {
  content: "\e964";
}

.font-icons--cascading:before {
  content: "\e965";
}

.font-icons--collections:before {
  content: "\e968";
}

.font-icons--drops-and-wins-live:before {
  content: "\e967";
}

.font-icons--drops-and-wins-slots:before {
  content: "\e969";
}

.font-icons--football-games:before {
  content: "\e96a";
}

.font-icons--hold-and-win:before {
  content: "\e96c";
}

.font-icons--live-baccarat:before {
  content: "\e96b";
}

.font-icons--live-blackjack:before {
  content: "\e96d";
}

.font-icons--live-other:before {
  content: "\e96e";
}

.font-icons--live-poker:before {
  content: "\e96f";
}

.font-icons--live-roulette:before {
  content: "\e970";
}

.font-icons--live-shows:before {
  content: "\e971";
}

.font-icons--live-top:before {
  content: "\e973";
}

.font-icons--lucky-kick:before {
  content: "\e972";
}

.font-icons--re-spin:before {
  content: "\e974";
}

.font-icons--scratch:before {
  content: "\e97a";
}

.font-icons--space-day:before {
  content: "\e975";
}

.font-icons--sport-games:before {
  content: "\e976";
}

.font-icons--st-patrick:before {
  content: "\e977";
}

.font-icons--st-valentains:before {
  content: "\e978";
}

.font-icons--tournament-games:before {
  content: "\e979";
}

.font-icons--bonus-refues:before {
  content: "\e961";
}

.font-icons--summer-calendar:before {
  content: "\e960";
}

.font-icons--add-new:before {
  content: "\e95e";
}

.font-icons--trash:before {
  content: "\e95f";
}

.font-icons--twitter:before {
  content: "\e95d";
}

.font-icons--key:before {
  content: "\e95b";
}

.font-icons--shield-check:before {
  content: "\e95c";
}

.font-icons--email-thin:before {
  content: "\e95a";
}

.font-icons--caret-up:before {
  content: "\e958";
}

.font-icons--user-dollar:before {
  content: "\e959";
}

.font-icons--user-check-alt:before {
  content: "\e956";
}

.font-icons--info-rounded:before {
  content: "\e963";
}

.font-icons--power-off:before {
  content: "\e954";
}

.font-icons--more-circle:before {
  content: "\e955";
}

.font-icons--copy-alt:before {
  content: "\e957";
}

.font-icons--info:before {
  content: "\e953";
}

.font-icons--time-small:before {
  content: "\e952";
}

.font-icons--fullscreen-close:before {
  content: "\e950";
}

.font-icons--screen-4:before {
  content: "\e94c";
}

.font-icons--screen-2:before {
  content: "\e94d";
}

.font-icons--screen:before {
  content: "\e94e";
}

.font-icons--fullscreen:before {
  content: "\e94f";
}

.font-icons--chat:before {
  content: "\e94b";
}

.font-icons--register:before {
  content: "\e949";
}

.font-icons--login:before {
  content: "\e94a";
}

.font-icons--responsible-game:before {
  content: "\e948";
}

.font-icons--top-casino-games:before {
  content: "\e939";
}

.font-icons--playedGames:before {
  content: "\e947";
}

.font-icons--plus:before {
  content: "\e946";
}

.font-icons--no-bonus:before {
  content: "\e945";
}

.font-icons--lock:before {
  content: "\e944";
}

.font-icons--copy:before {
  content: "\e942";
}

.font-icons--copy-small:before {
  content: "\e998";
}

.font-icons--show:before {
  content: "\e940";
}

.font-icons--hide:before {
  content: "\e941";
}

.font-icons--arrow-left-small:before {
  content: "\e93e";
}

.font-icons--arrow-right-small:before {
  content: "\e93f";
}

.font-icons--favorite-add:before {
  content: "\e93b";
}

.font-icons--favorite:before {
  content: "\e93c";
}

.font-icons--play:before {
  content: "\e93d";
}

.font-icons--angle-left-small:before {
  content: "\e933";
}

.font-icons--aviator:before {
  content: "\e951";
}

.font-icons--st-partrick:before {
  content: "\e926";
}

.font-icons--christmas:before {
  content: "\e927";
}

.font-icons--cashback:before {
  content: "\e928";
}

.font-icons--jackpot-games:before {
  content: "\e929";
}

.font-icons--happy-hours:before {
  content: "\e92a";
}

.font-icons--halloween:before {
  content: "\e92b";
}

.font-icons--easter:before {
  content: "\e92c";
}

.font-icons--high-bets:before {
  content: "\e92d";
}

.font-icons--octoberfest:before {
  content: "\e92e";
}

.font-icons--instant-win:before {
  content: "\e92f";
}

.font-icons--table:before {
  content: "\e930";
}

.font-icons--favoritesGames:before {
  content: "\e931";
}

.font-icons--bingo:before {
  content: "\e932";
}

.font-icons--lottery:before {
  content: "\e934";
}

.font-icons--bonus-buy:before {
  content: "\e935";
}

.font-icons--drops-and-wins:before {
  content: "\e936";
}

.font-icons--megaways:before {
  content: "\e937";
}

.font-icons--new-games:before {
  content: "\e938";
}

.font-icons--all:before {
  content: "\e93a";
}

.font-icons--angle-right-small:before {
  content: "\e924";
}

.font-icons--verification-not-confirmed:before {
  content: "\e913";
}

.font-icons--close-circle:before {
  content: "\e923";
}

.font-icons--telegram:before {
  content: "\e921";
}

.font-icons--facebook:before {
  content: "\e922";
}

.font-icons--daily-cashback:before {
  content: "\e91d";
}

.font-icons--favoriteGames:before {
  content: "\e919";
}

.font-icons--fruits:before {
  content: "\e997";
}

.font-icons--livecasino:before {
  content: "\e91b";
}

.font-icons--shop:before {
  content: "\e91c";
}

.font-icons--mystery-drops:before {
  content: "\e925";
}

.font-icons--mystery-drops-happy-hours:before {
  content: "\e91f";
}

.font-icons--lucky-spin:before {
  content: "\e920";
}

.font-icons--close:before {
  content: "\e918";
}

.font-icons--angle-down-small:before {
  content: "\e916";
}

.font-icons--angle-down-small1:before {
  content: "\e91e";
}

.font-icons--select:before {
  content: "\e943";
}

.font-icons--check:before {
  color: #1adb4a;
  content: "\e917";
}

.font-icons--verification-confirmed:before {
  content: "\e914";
}

.font-icons--logout:before {
  content: "\e915";
}

.font-icons--game-history:before {
  content: "\e90f";
}

.font-icons--support:before {
  content: "\e910";
}

.font-icons--bonuses:before {
  content: "\e911";
}

.font-icons--verification:before {
  content: "\e912";
}

.font-icons--lobby:before {
  content: "\e90e";
}

.font-icons--withdraw:before {
  content: "\e900";
}

.font-icons--wallet:before {
  content: "\e901";
}

.font-icons--providers:before {
  content: "\e902";
} */

.font-icons--casino:before {
  content: "\e903";
}

.font-icons--sport:before {
  content: "\e904";
}

.font-icons--promotions:before {
  content: "\e905";
}

.font-icons--tournaments:before {
  content: "\e906";
}

.font-icons--payments:before {
  content: "\e907";
}

.font-icons--platinclub:before {
  content: "\e908";
}

.font-icons--search:before {
  content: "\e909";
}

.font-icons--notifications:before {
  content: "\e90a";
}

.font-icons--user:before {
  content: "\e90b";
}

.font-icons--install-app:before {
  content: "\e90c";
}

.font-icons--menu-left:before {
  content: "\e90d";
}

.font-icons--flag:before {
  content: "\e962";
}

.font-icons--location-crosshairs:before {
  content: "\e97e";
}

.font-icons--location-crosshairs-slash:before {
  content: "\e97f";
}

.font-icons--location-crosshairs1:before {
  content: "\e980";
}

.font-icons--location-crosshairs-slash1:before {
  content: "\e995";
}

.font-icons--instagram:before {
  content: "\e987";
}

.btn,
.link-btn {
  align-items: center;
  background: var(--headings-color);
  border: none;
  color: #001b33;
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.2px;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  white-space: nowrap;
}

.btn:active,
.btn:focus,
.btn:hover,
.link-btn:active,
.link-btn:focus,
.link-btn:hover {
  background: #0acbcb;
}

.btn:not(:disabled),
.link-btn:not(:disabled) {
  cursor: pointer;
}

.btn:disabled,
.link-btn:disabled {
  background: rgba(80, 99, 133, 0.4);
  color: hsla(0, 0%, 100%, 0.25);
  cursor: not-allowed;
}

.btn--secondary,
.link-btn--secondary {
  background: #384c6b;
  color: #fff;
}

.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:hover,
.link-btn--secondary:active,
.link-btn--secondary:focus,
.link-btn--secondary:hover {
  background: #445778;
}

.btn--secondary:disabled,
.link-btn--secondary:disabled {
  background: rgba(80, 99, 133, 0.4);
}

.btn--third,
.link-btn--third {
  background: var(--button-color);
  color: var(--button-text-color);
}

.btn--third:active,
.btn--third:focus,
.btn--third:hover,
.link-btn--third:active,
.link-btn--third:focus,
.link-btn--third:hover {
  background-color: var(--button-color);
  filter: brightness(1.2);
}

.btn--third:disabled,
.link-btn--third:disabled {
  background: rgba(80, 99, 133, 0.4);
}

.btn--outline,
.link-btn--outline {
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  color: #fff;
}

.btn--outline:active,
.btn--outline:focus,
.btn--outline:hover,
.link-btn--outline:active,
.link-btn--outline:focus,
.link-btn--outline:hover {
  background: transparent;
  border-color: hsla(0, 0%, 100%, 0.2);
}

.btn--outline:disabled,
.link-btn--outline:disabled {
  background: transparent;
  border-color: hsla(0, 0%, 100%, 0.12);
}

.btn--lg,
.link-btn--lg {
  border-radius: 10px;
  height: 56px;
  padding: 16px 24px;
}

.btn--lg,
.btn--md,
.link-btn--lg,
.link-btn--md {
  font-size: 16px;
  line-height: 24px;
  min-width: 100px;
}

.btn--md,
.link-btn--md {
  border-radius: 8px;
  height: 48px;
  padding: 12px 20px;
}

.btn--sm,
.link-btn--sm {
  height: 40px;
  padding: 10px 16px;
}

.btn--sm,
.btn--xs,
.link-btn--sm,
.link-btn--xs {
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  min-width: 100px;
}

.btn--xs,
.link-btn--xs {
  height: 36px;
  padding: 8px 12px;
}

.link-btn {
  text-decoration: none;
}

.loading {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1080;
}

.loading__spinner-border {
  animation: spinner-border 0.75s linear infinite;
  border: 5px solid #0bdede;
  border-radius: 50%;
  border-right-color: transparent;
  display: inline-block;
  height: 40px;
  vertical-align: text-bottom;
  width: 40px;
}

.pop-ups {
  bottom: 76px;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: fixed;
  row-gap: 8px;
  transform: translateX(-50%);
  z-index: 90;
}

.pop-ups--landing {
  bottom: 8px;
}

.pop-ups:has(.bonus-pop-up) {
  width: calc(100% - 32px);
}

.pop-ups:has(.bonus-pop-up) .notification-cookies-policy {
  left: 50%;
  position: absolute;
  top: -56px;
  transform: translate(-50%);
}

@media (min-width: 768px) {
  .pop-ups {
    max-width: 720px;
    width: unset;
  }
}

@media (min-width: 960px) {
  .pop-ups {
    bottom: 8px;
  }
}

.hidden {
  display: none !important;
}

.layout {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.layout__main {
  flex: 1;
  max-width: 100vw;
  overflow: hidden;
  padding-top: 56px;
}

@media (min-width: 960px) {
  .layout__main {
    max-width: inherit;
    overflow: inherit;
  }
}

@media (min-width: 1200px) {
  .layout__main {
    padding-top: 64px;
  }
}

.layout__main--install-app {
  padding-top: 116px;
}

@media (min-width: 768px) {
  .layout__main--install-app {
    padding-top: 56px;
  }
}

@media (min-width: 1200px) {
  .layout__main--install-app {
    padding-top: 64px;
  }
}

.layout--overflow-visible {
  overflow: visible;
}

.header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.header__wrapper {
  align-items: center;
  background: var(--header-color);
  display: flex;
  height: 56px;
  justify-content: space-between;
  padding: 0 16px;
}

@media (min-width: 1200px) {
  .header__wrapper {
    height: 64px;
    padding: 0 32px;
  }
}

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

.header .header__icon:before {
  color: hsla(0, 0%, 100%, 0.65);
  transition: color 0.3s ease;
}

.header .header__icon:hover:before {
  color: #fff;
}

.header .header__icon--menu {
  margin-right: 12px;
}

@media (min-width: 480px) {
  .header .header__icon--menu {
    margin-right: 16px;
  }
}

.header .header__icon--search {
  display: none;
  margin-left: 24px;
}

@media (min-width: 960px) {
  .header .header__icon--search {
    display: block;
  }
}

.header__logo {
  display: none;
}

@media (min-width: 480px) {
  .header__logo {
    display: block;
    height: 27px;
  }
}

@media (min-width: 1200px) {
  .header__logo {
    height: 33px;
    margin-right: 30px;
  }

  .body--ar .header__logo {
    margin-left: 30px;
    margin-right: 0;
  }
}

.header__logo--mobile {
  display: block;
  margin-right: 0;
  min-width: 40px;
}

@media (min-width: 480px) {
  .header__logo--mobile {
    display: none;
  }
}

.header__logo--mobile img {
  max-width: 33px;
}

.header__logo img {
  height: 100%;
}

.header__switcher {
  display: none;
  margin-right: 32px;
  min-width: 256px;
}

.body--ar .header__switcher {
  margin-left: 32px;
  margin-right: 0;
}

@media (min-width: 1200px) {
  .header__switcher {
    display: flex;
  }
}

.header__menu {
  display: none;
  margin: 0 24px;
}

@media (min-width: 1200px) {
  .header__menu {
    display: flex;
  }
}

.header__utils {
  align-items: center;
  display: flex;
  margin-right: 12px;
}

@media (min-width: 1200px) {
  .header__utils {
    margin-right: 20px;
  }
}

.header__buttons {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
}

@media (min-width: 1200px) {
  .header__buttons {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .header .header__button {
    height: 40px;
    padding: 10px 16px;
  }
}

.header .header__button--deposit {
  min-width: unset;
  padding: 6px;
}

@media (min-width: 480px) {
  .header .header__button--deposit {
    padding: 8px 12px;
  }
}

@media (min-width: 1200px) {
  .header .header__button--deposit {
    height: 40px;
    padding: 10px 16px;
  }
}

.header--scroll {
  transition: opacity 0.3s ease;
}

@media (max-width: 767px) {
  .header--scroll {
    opacity: 0;
  }
}

.header--scroll.header--scrolled {
  opacity: 1;
}

.install-app-widget {
  background: #445778;
  height: 60px;
  justify-content: space-between;
  padding: 9px 24px 9px 16px;
  width: 100%;
}

.install-app-widget,
.install-app-widget-left {
  align-items: center;
  display: flex;
}

.install-app-widget-close-icon {
  margin-right: 12px;
}

.install-app-widget-logo {
  border-radius: 8px;
  height: auto;
  margin-right: 12px;
  max-width: 40px;
  width: 100%;
}

.install-app-widget-text {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.install-app-widget-right {
  display: flex;
}

@media (min-width: 768px) {
  .install-app-widget {
    display: none;
  }
}

.logo {
  vertical-align: top;
}

.logo,
.logo:active,
.logo:focus,
.logo:hover {
  outline: none;
  text-decoration: none;
}

.logo__img {
  border: none;
  display: inline-block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  vertical-align: top;
}

.logo--footer .logo__img {
  width: 128px;
}

@media (min-width: 768px) {
  .logo--footer .logo__img {
    width: 155px;
  }
}

.link {
  text-decoration: none;
}

.sportsbook-switcher {
  border-radius: 8px;
  height: 40px;
  overflow: hidden;
  width: 100%;
}

.sportsbook-switcher__item {
  align-items: center;
  background: var(--background-color);
  filter: brightness(0.92);
  display: flex;
  height: 100%;
  justify-content: center;
  transition: background 0.3s ease;
  width: 100%;
}

.sportsbook-switcher__item:hover:not(.sportsbook-switcher__item--active)
  .sportsbook-switcher__icon:before {
  color: #fff !important;
}

.sportsbook-switcher__item:hover:not(.sportsbook-switcher__item--active)
  .sportsbook-switcher__title {
  color: #fff;
}

.sportsbook-switcher__item--active {
  background-color: var(--header-color);
  filter: brightness(1.2); /* Increase brightness to make it lighter */
}

.sportsbook-switcher__item--active .sportsbook-switcher__icon:before {
  color: var(--headings-color) !important;
}

.sportsbook-switcher__item--active .sportsbook-switcher__title {
  color: #fff;
}

.sportsbook-switcher__icon {
  margin-right: 8px;
}

.sportsbook-switcher__icon:before {
  color: hsla(0, 0%, 100%, 0.4) !important;
  transition: color 0.3s ease;
}

.sportsbook-switcher__title {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.after-close-modal {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 296px 16px 32px;
  position: relative;
}

@media (min-width: 768px) {
  .after-close-modal {
    padding: 296px 48px 48px;
  }
}

.after-close-modal__background {
  height: 336px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 480px;
  z-index: -1;
}

.after-close-modal__text {
  margin: 0;
}

.after-close-modal__text--title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
}

.after-close-modal__text--description {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 0 0 32px;
  text-align: center;
}

.after-close-modal__text--value {
  color: #ffd336;
  font-weight: 700;
}

.after-close-modal .after-close-modal__button--return {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.2px;
  line-height: 24px;
  margin: 0 0 20px;
  text-transform: uppercase;
  width: 100%;
}

.after-close-modal .after-close-modal__button--return:last-child {
  margin: 0;
}

.after-close-modal .after-close-modal__button--close {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.after-close-modal--offer .after-close-modal__text--description {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 24px;
  text-align: center;
}

.after-close-modal--offer
  .after-close-modal__text--description
  + .after-close-modal__text--description {
  margin: 0 0 40px;
}

.btn {
  align-items: center;
  background: #0bdede;
  border: none;
  color: #001b33;
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.2px;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  white-space: nowrap;
}

.btn:active,
.btn:focus,
.btn:hover {
  background: #0acbcb;
}

.btn:not(:disabled) {
  cursor: pointer;
}

/* .btn:disabled {
  background: rgba(80, 99, 133, 0.4);
  color: hsla(0, 0%, 100%, 0.25);
  cursor: not-allowed;
}

.ago-timer {
  align-items: center;
  display: flex;
}

.ago-timer__text {
  color: hsla(0, 0%, 100%, 0.4);
  display: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.ago-timer__text--visible {
  display: block;
}

.ago-timer__text--ago {
  margin-left: 4px;
}

.amount-elem {
  display: block;
  width: 100%;
}

.amount-elem__list {
  grid-gap: 6px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 0 0 16px;
  width: 100%;
}

.amount-elem__wrap-input {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
}

.amount-elem__currency {
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  margin: 0 0 0 6px;
  min-width: 66px;
  text-align: center;
}

.amount-elem .amount-elem__item {
  align-items: center;
  align-self: stretch;
  background-color: #000;
  border: 1px solid #6d6a71;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  min-height: 44px;
  min-width: auto;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  transition: background-color 0.3s ease, color 0.3s ease,
    border-color 0.3s ease;
  width: 100%;
}

.amount-elem .amount-elem__item--active,
.amount-elem .amount-elem__item:hover {
  background-color: #0bdede;
  border-color: #0bdede;
  color: #22242c;
}

.input {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: #fff;
  cursor: text;
  display: flex;
  height: 42px;
  padding: 0 16px;
  position: relative;
  transition: background 0.3s ease;
  width: 100%;
}

.input--placeholder .input__native {
  padding: 0 !important;
}

.input:hover {
  background: #445778;
}

.input:has(.input__native:focus) {
  background: #445778;
}

.input__left-container,
.input__right-container {
  display: flex;
}

.input__placeholder {
  color: hsla(0, 0%, 100%, 0.4);
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 11px;
  transition: all 0.3s ease;
}

.input__native,
.input__placeholder {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.input__native {
  background-color: transparent;
  border: none;
  color: #fff;
  display: block;
  height: 100%;
  outline: none;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
  white-space: nowrap;
  width: 100%;
}

.input__native::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.25);
}

.input__native::placeholder {
  color: hsla(0, 0%, 100%, 0.25);
}

.input__native:active,
.input__native:focus,
.input__native:hover {
  background-color: transparent;
  box-shadow: none;
  outline: none;
}

.input__native:not(:-moz-placeholder-shown) {
  padding: 20px 0 8px;
}

.input__native:not(:placeholder-shown) {
  padding: 20px 0 8px;
}

.input__native:not(:-moz-placeholder-shown) + .input__placeholder {
  font-size: 10px;
  line-height: 14px;
  top: 4px !important;
}

.input__native:not(:placeholder-shown) + .input__placeholder {
  font-size: 10px;
  line-height: 14px;
  top: 4px !important;
}

.input__native:focus {
  outline: none;
  padding: 20px 0 8px;
}

.input__native:focus + .input__placeholder {
  font-size: 10px;
  line-height: 14px;
  top: 4px !important;
}

.input__native:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
  background: #384c6b !important;
  background-clip: content-box !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 100px #384c6b !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 24px !important;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease,
    box-shadow 0.3s ease !important;
  transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.input__native:-webkit-autofill:active,
.input__native:-webkit-autofill:active:hover,
.input__native:-webkit-autofill:focus,
.input__native:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff !important;
  box-shadow: inset 0 0 0 100px #445778 !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

.input__native:-webkit-autofill:active:not(:hover) {
  -webkit-text-fill-color: #fff !important;
}

.input--disabled {
  background: #384c6b !important;
}

.amount-hint__item {
  display: inline-block;
}

.amount-hint__item:not(:first-child) {
  margin-left: 3px;
}

.amount-hint__item:not(:last-child):after {
  content: ",";
} */

.bar {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1100;
}

.bar--open {
  height: 100%;
  width: 100%;
}

@supports (height: 100dvh) {
  .bar--open {
    height: 100dvh;
  }
}

.bar__background {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
}

.bar__content {
  -ms-overflow-style: none;
  background: var(--header-color);
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding: 88px 16px 96px;
  position: absolute;
  scrollbar-width: none;
  top: 0;
  transform: translateX(-300px);
  transition: transform 0.3s ease;
  width: 300px;
  z-index: 1100;
}

.bar__content--open {
  transform: translate(0);
}

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

@supports (height: 100dvh) {
  .bar__content {
    height: 100dvh;
  }
}

@media (min-width: 960px) {
  .bar__content {
    padding: 64px 16px 96px;
  }
}

.bar__switcher {
  display: flex;
  margin-bottom: 16px;
}

.bar .bar__close-icon {
  font-size: 24px;
  position: absolute;
  right: 16px;
  top: 16px;
}

@media (min-width: 960px) {
  .bar .bar__close-icon {
    left: 32px;
    right: unset;
    top: 20px;
  }
}

.bar .bar__close-icon:hover:before {
  color: #fff;
}

.bar .bar__close-icon:before {
  color: hsla(0, 0%, 100%, 0.65);
  transition: color 0.3s ease;
}

.bar .bar__logo {
  height: 28px !important;
  left: 32px;
  position: absolute;
  top: 28px;
}

@media (min-width: 960px) {
  .bar .bar__logo {
    display: none;
  }
}

.bar .bar__logo img {
  height: 100%;
}

.bar__divider {
  background: hsla(0, 0%, 100%, 0.12);
  height: 1px;
  margin: 16px auto;
  width: 236px;
}

/* .bar .bar__link {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  padding: 12px 16px;
  text-transform: uppercase;
  transition: background 0.3s ease;
}

.bar .bar__link:hover {
  background: #384c6b;
  color: #fff;
}

.bar .bar__link--current .bar__icon:before {
  color: #0bdede !important;
}

.bar .bar__icon {
  margin-right: 20px;
}

.bar .bar__icon:before {
  color: hsla(0, 0%, 100%, 0.4);
}

.bar .bar__image {
  margin-right: 12px;
}

.select-language-icons-with-name__container::-webkit-scrollbar {
  width: 4px;
}

.select-language-icons-with-name__container::-webkit-scrollbar-track {
  background: transparent;
}

.select-language-icons-with-name__container::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.select-language-icons-with-name__container::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .select-language-icons-with-name__container {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.select-language-icons-with-name {
  position: relative;
}

.select-language-icons-with-name--footer
  .select-language-icons-with-name__button {
  background: #384c6b;
  min-width: 176px;
  padding: 12px 12px 12px 16px;
}

.select-language-icons-with-name--footer
  .select-language-icons-with-name__button:hover {
  background: #445778;
}

.select-language-icons-with-name--footer
  .select-language-icons-with-name__container {
  width: 240px;
}

.select-language-icons-with-name--footer
  .select-language-icons-with-name__name {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-transform: capitalize;
  white-space: nowrap;
}

.select-language-icons-with-name--bar .select-language-icons-with-name__button {
  width: 100%;
}

.select-language-icons-with-name__button {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  transition: background 0.3s ease;
}

.select-language-icons-with-name__button:hover {
  background: #384c6b;
}

.select-language-icons-with-name__button-inner {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  text-transform: uppercase;
}

.select-language-icons-with-name__icon {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 24px;
  justify-content: center;
  margin-right: 12px;
  overflow: hidden;
  width: 24px;
}

.select-language-icons-with-name__icon img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.select-language-icons-with-name__icon--selected {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.select-language-icons-with-name .select-language-icons-with-name__caret {
  font-size: 24px;
  transition: transform 0.3s ease;
}

.select-language-icons-with-name
  .select-language-icons-with-name__caret:before {
  color: hsla(0, 0%, 100%, 0.4);
}

.select-language-icons-with-name .select-language-icons-with-name__caret--open {
  transform: rotate(180deg);
}

.select-language-icons-with-name__container {
  background: #384c6b;
  border-radius: 12px;
  bottom: calc(100% + 8px);
  display: none;
  left: 0;
  max-height: 320px;
  overflow: auto;
  padding: 8px;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.select-language-icons-with-name--open
  .select-language-icons-with-name__container {
  display: inline-block;
}

.select-language-icons-with-name__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select-language-icons-with-name
  .select-language-icons-with-name__item
  .option-link--highlighted {
  background: transparent;
}

.select-language-icons-with-name .select-language-icons-with-name__link {
  border-radius: 8px;
  margin: 0 !important;
  padding: 12px 16px;
  transition: background 0.3s ease;
}

.select-language-icons-with-name .select-language-icons-with-name__link:hover {
  background: #445778;
}

.select-language-icons-with-name__name {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.select-language-icons-with-name__item-name {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.option-link {
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  overflow: hidden;
  padding: 12px 16px;
  white-space: normal;
}

.option-link,
.option-link__content {
  align-items: center;
  display: flex;
}

.betting-bonus__cards-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-top: 16px;
  width: calc(100% + 16px);
}

.betting-bonus__card {
  overflow: hidden;
}

.betting-bonus__card--comboboosts {
  background-color: #1a1a22;
  border-radius: 12px;
  margin: 8px;
  width: calc(100% - 16px);
}

@media (min-width: 600px) {
  .betting-bonus__card--comboboosts {
    width: calc(50% - 16px);
  }
}

@media (min-width: 960px) {
  .betting-bonus__card--comboboosts {
    width: calc(50% - 16px);
  }
}

@media (min-width: 1200px) {
  .betting-bonus__card--comboboosts {
    width: calc(25% - 16px);
  }
}

.betting-bonus__card--freebets {
  border-radius: 12px;
  margin: 8px;
  width: calc(100% - 16px);
}

@media (min-width: 768px) {
  .betting-bonus__card--freebets {
    width: calc(50% - 16px);
  }
}

.betting-bonus .comboboost-card {
  padding: 24px 16px;
  position: relative;
}

@media (min-width: 1200px) {
  .betting-bonus .comboboost-card {
    padding: 32px;
  }
}

.betting-bonus .comboboost-card__image--bg {
  bottom: 0;
  position: absolute;
  right: 16px;
}

.betting-bonus .comboboost-card__content {
  position: relative;
  z-index: 3;
}

.betting-bonus .comboboost-card__name {
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin-bottom: 20px;
}

.betting-bonus .comboboost-card__name,
.betting-bonus .comboboost-card__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.betting-bonus .comboboost-card__title {
  color: #fff;
  font-size: 26px;
  line-height: 32px;
}

.betting-bonus .comboboost-card__buttons {
  align-items: center;
  display: flex;
  margin-top: 52px;
}

.betting-bonus .comboboost-card__button {
  margin-right: 12px;
}

.betting-bonus .freebets-card {
  padding: 24px 16px;
  position: relative;
}

@media (min-width: 1200px) {
  .betting-bonus .freebets-card {
    padding: 32px;
  }
}

.betting-bonus .freebets-card__background {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.betting-bonus .freebets-card__content {
  position: relative;
  z-index: 3;
}

.betting-bonus .freebets-card__boost-tag {
  align-items: center;
  background: linear-gradient(
    225deg,
    #ecaa00 8.31%,
    #ffea2c 16.13%,
    #ecaa00 45.83%,
    #ffef5e 72.16%,
    #ecaa00
  );
  border-radius: 8px;
  display: flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
}

.betting-bonus .freebets-card__boost-tag-content {
  align-items: center;
  border: 1.5px solid #001b33;
  border-radius: 6px;
  color: #001b33;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  line-height: 16px;
  text-align: right;
  width: 37px;
}

.betting-bonus .freebets-card__title {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: uppercase;
}

.betting-bonus .freebets-card__text {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 12px;
}

.betting-bonus .freebets-card__description {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.betting-bonus .freebets-card__buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 48px;
}

@media (min-width: 768px) {
  .betting-bonus .freebets-card__buttons {
    margin-top: 88px;
  }
}

.betting-bonus .freebets-card__buttons-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.betting-bonus .freebets-card__button-icon {
  margin-right: 4px;
}

.betting-bonus .comboboosts__more {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  width: 100%;
}

.betting-bonus .comboboosts__more-button {
  background: #384c6b;
  min-width: 300px;
}

.betting-bonus .comboboosts__more-button:hover {
  background: #445778;
}

.betting-bonus__modal-terms {
  white-space: pre-wrap;
}

@media (min-width: 768px) {
  .boost-wheel__modal .modal__content-wrapper {
    max-width: 480px;
  }
}

.boost-wheel__modal .modal__content {
  padding: 56px 24px;
}

@media (min-width: 768px) {
  .boost-wheel__modal .modal__content {
    padding: 56px 48px;
  }

  .freebets-activate__modal .modal__content-wrapper {
    max-width: 480px;
  }
}

.freebets-activate__modal .modal__content {
  padding: 56px 24px;
  text-align: center;
}

@media (min-width: 768px) {
  .freebets-activate__modal .modal__content {
    padding: 56px 48px;
  }
}

.freebets-activate__modal .freebets-activate__image {
  margin-bottom: 24px;
}

.freebets-activate__modal .freebets-activate__title {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
}

.freebets-activate__modal .freebets-activate__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 32px;
}

.freebets-activate__modal .freebets-card__button--link {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.freebets-activate__modal .freebets-card__button--boost {
  position: relative;
  width: 100%;
}

.freebets-activate__modal
  .freebets-card__button--boost
  .freebets-card__button-icon {
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.boost-wheel__wheel {
  height: 395px;
  left: 50%;
  margin: 0;
  position: relative;
  transform: scale(0.9) translate(-50%);
  transform-origin: 0 0;
  width: 365px;
}

@media (min-width: 480px) {
  .boost-wheel__wheel {
    left: 0;
    margin: 0 auto;
    transform: scale(1) translate(0);
    transform-origin: 0 0;
  }
}

.boost-wheel__wrap {
  height: 395px;
  margin: 0 auto;
  position: relative;
  width: 365px;
}

.boost-wheel__spin-border {
  height: 384px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 384px;
  z-index: 2;
}

.boost-wheel__spin-wrap {
  height: 305px;
  left: 30px;
  position: absolute;
  top: 45px;
  width: 305px;
}

.boost-wheel__spin-wrap--spin-start {
  animation: wheel-running 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.boost-wheel__spin-wrap--spin-start-0 {
  animation: wheel-running-1 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.boost-wheel__spin-wrap--spin-start-1 {
  animation: wheel-running-2 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.boost-wheel__spin-wrap--spin-start-2 {
  animation: wheel-running-3 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.boost-wheel__spin-wrap--spin-start-3 {
  animation: wheel-running-4 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.boost-wheel__spin-wrap--spin-start-4 {
  animation: wheel-running-5 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.boost-wheel__spin-wrap--spin-start-5 {
  animation: wheel-running-6 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.boost-wheel__spin-item {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 30px;
  justify-content: space-between;
  left: 50%;
  line-height: 1.5rem;
  margin-left: 75px;
  margin-top: -15px;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
  top: 50%;
  transform-origin: -4.8125rem center;
  white-space: nowrap;
  width: 66px;
}

.boost-wheel__spin-item:first-child {
  transform: rotate(0deg);
}

.boost-wheel__spin-item:nth-child(2) {
  transform: rotate(17.5deg);
}

.boost-wheel__spin-item:nth-child(3) {
  transform: rotate(35deg);
}

.boost-wheel__spin-item:nth-child(4) {
  transform: rotate(53.5deg);
}

.boost-wheel__spin-item:nth-child(5) {
  transform: rotate(70deg);
}

.boost-wheel__spin-item:nth-child(6) {
  transform: rotate(88.5deg);
}

.boost-wheel__spin-item:nth-child(7) {
  transform: rotate(107deg);
}

.boost-wheel__spin-item:nth-child(8) {
  transform: rotate(124.5deg);
}

.boost-wheel__spin-item:nth-child(9) {
  transform: rotate(143deg);
}

.boost-wheel__spin-item:nth-child(10) {
  transform: rotate(162.5deg);
}

.boost-wheel__spin-item:nth-child(11) {
  transform: rotate(181deg);
}

.boost-wheel__spin-item:nth-child(12) {
  transform: rotate(198.5deg);
}

.boost-wheel__spin-item:nth-child(13) {
  transform: rotate(218deg);
}

.boost-wheel__spin-item:nth-child(14) {
  transform: rotate(235.5deg);
}

.boost-wheel__spin-item:nth-child(15) {
  transform: rotate(254deg);
}

.boost-wheel__spin-item:nth-child(16) {
  transform: rotate(271.5deg);
}

.boost-wheel__spin-item:nth-child(17) {
  transform: rotate(289.5deg);
}

.boost-wheel__spin-item:nth-child(18) {
  transform: rotate(307.5deg);
}

.boost-wheel__spin-item:nth-child(19) {
  transform: rotate(324.5deg);
}

.boost-wheel__spin-item:nth-child(20) {
  transform: rotate(342.5deg);
}

.boost-wheel__spin-item .boost-wheel__amount {
  flex: auto;
  font-family: Oswald, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5rem;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.boost-wheel__spin-img {
  height: 305px;
  left: 0;
  position: absolute;
  top: 0;
  width: 305px;
}

.boost-wheel__btn {
  margin-top: 32px;
  min-width: inherit;
  width: 100%;
}

.boost-wheel__btn--clicked {
  background: rgba(46, 46, 59, 0.4) !important;
  color: hsla(0, 0%, 100%, 0.2) !important;
  pointer-events: none !important;
}

.boost-wheel__btn--clicked .boost-wheel__button-icon {
  opacity: 0.4;
}

.boost-wheel__terms ul {
  padding-left: 20px;
}

.freebets-card__buttons-wrapper--info-modal {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -8px;
  width: calc(100% + 16px);
}

.freebets-card__buttons-wrapper--info-modal .freebets-card__button {
  margin: 8px;
  width: calc(100% - 16px);
}

@media (min-width: 600px) {
  .freebets-card__buttons-wrapper--info-modal .freebets-card__button {
    width: calc(50% - 16px);
  }
}

@keyframes wheel-running-0 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(6turn);
  }
}

.modal::-webkit-scrollbar,
.modal__scroller::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.modal::-webkit-scrollbar-track,
.modal__scroller::-webkit-scrollbar-track {
  background: transparent;
}

.modal::-webkit-scrollbar-thumb,
.modal__scroller::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0;
}

.modal::-webkit-scrollbar-thumb:hover,
.modal__scroller::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

@-moz-document url-prefix() {
  .modal,
  .modal__scroller {
    scrollbar-color: transparent;
    scrollbar-width: none;
  }
}

.modal:hover::-webkit-scrollbar-thumb,
.modal__scroller:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

.sign-in-modal.modal--pnp .modal__content-wrapper,
.sign-up-modal.modal--pnp .modal__content-wrapper {
  max-width: 462px;
}

.search-modal .modal__content-wrapper {
  margin-top: 0;
  width: 100%;
}

.search-modal .modal__content {
  background: transparent;
  display: block;
  margin: 64px auto 20px;
  max-width: 340px;
  padding: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .search-modal .modal__content {
    margin-top: 160px;
    max-width: 720px;
  }
}

.search-modal.modal .modal__close-button {
  right: 26px;
  top: 26px;
  z-index: 1030;
}

@media (min-width: 768px) {
  .limits-modal.modal .modal__close-button {
    right: 15px;
    top: 15px;
  }
}

.welcome-modal-wrapper.modal .modal__content-wrapper {
  max-width: 420px;
}

@media (min-width: 1440px) {
  .welcome-modal-wrapper.modal .modal__content-wrapper {
    max-width: 480px;
  }
}

.notification-center-modal--lootbox.modal .modal__content-wrapper {
  max-width: 1140px;
}

.notification-center-modal--lootbox.modal .modal__content {
  padding: 0;
}

.game-panel-info-modal .modal__content-wrapper {
  max-width: 480px;
}

.game-panel-info-modal .modal__content {
  border-radius: 20px;
  overflow: hidden;
}

.game-panel-info-modal.modal .modal__close-button {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 2;
}

@media (min-width: 768px) {
  .game-panel-info-modal.modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.game-info-modal .modal__content-wrapper {
  max-width: 480px;
}

.game-info-modal .modal__content {
  border-radius: 20px;
  overflow: hidden;
  padding: 56px 16px;
}

@media (min-width: 768px) {
  .game-info-modal .modal__content {
    padding: 56px 48px 48px;
  }
}

.game-info-modal.modal .modal__close-button {
  z-index: 2;
}

@media (min-width: 768px) {
  .game-info-modal.modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.game-panel-modal__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
  text-align: center;
}

.game-panel-modal .modal__content-wrapper {
  max-width: 480px;
}

.game-panel-modal .modal__content {
  background: var(--header-color);
  border-radius: 20px;
}

.game-panel-modal .modal__scroller {
  padding: 56px 16px 16px;
}

@media (min-width: 768px) {
  .game-panel-modal .modal__scroller {
    max-height: calc(100vh - 120px);
    padding: 56px 32px 48px;
  }
}

.game-panel-modal.modal .modal__close-button {
  z-index: 2;
}

@media (min-width: 768px) {
  .game-panel-modal.modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.game-panel-modal--currency .modal__scroller {
  max-height: calc(100vh - 48px);
}

@media (min-width: 768px) {
  .game-panel-modal--currency .modal__scroller {
    max-height: calc(100vh - 120px);
  }
}

.support-modal .modal__content-wrapper {
  max-width: 500px;
}

.support-modal .modal__content {
  border-radius: 20px;
  overflow: hidden;
  padding: 56px 16px;
}

@media (min-width: 768px) {
  .support-modal .modal__content {
    padding: 56px 48px 48px;
  }
}

.support-modal.modal .modal__close-button {
  z-index: 2;
}

@media (min-width: 768px) {
  .support-modal.modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.cms-modal .modal__content {
  border-radius: 20px;
  overflow: hidden;
}

.cms-modal .modal__scroller {
  padding: 56px 16px;
}

@media (min-width: 768px) {
  .cms-modal .modal__scroller {
    max-height: calc(100vh - 120px);
    padding: 56px 32px;
  }
}

.cms-modal.modal .modal__close-button {
  z-index: 2;
}

@media (min-width: 768px) {
  .cms-modal.modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.sumsub-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 960px) {
  .sumsub-modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

.sumsub-modal .modal__content {
  background: #fff;
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px 0;
}

@media (min-width: 960px) {
  .sumsub-modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
    padding: 56px 32px 32px;
  }
}

.sumsub-modal .modal__close-button {
  display: none !important;
}

.game-required-fields-modal .modal__content {
  margin: 0;
  overflow: unset;
}

.game-required-fields-modal .modal__content-wrapper {
  max-width: 480px;
}

.modal {
  align-items: flex-start;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1050;
}

.modal--install-app#profile {
  margin-top: 116px;
}

@media (min-width: 768px) {
  .modal--install-app#profile {
    margin-top: 56px;
  }
}

.modal__backdrop {
  background-color: #000;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition-property: opacity;
  z-index: -1;
}

.modal__content-wrapper {
  margin: auto;
  max-width: 720px;
  width: calc(100% - 20px);
}

.modal__scroller {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: 100vh;
  overflow: auto;
}

@media (min-width: 768px) {
  .modal__scroller {
    max-height: unset;
  }
}

.modal__content {
  background-color: var(--header-color);
  border-radius: 20px;
  margin: 40px 10px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transform: translateY(-20px);
  transition-property: opacity, transform;
}

.modal .modal__close-button {
  align-items: center;
  background: rgba(0, 27, 51, 0.65);
  border-radius: 50%;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  height: 40px;
  justify-content: center;
  position: fixed;
  right: 16px;
  top: 16px;
  transition: color 0.3s ease;
  width: 40px;
  z-index: 10;
}

@media (min-width: 480px) {
  .modal .modal__close-button {
    position: absolute;
  }
}

@media (min-width: 768px) {
  .modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.modal .modal__close-button i {
  font-size: 24px;
}

.modal .modal__close-button:hover {
  background: rgba(0, 27, 51, 0.65) !important;
  color: #fff;
}

.modal--entered .modal__backdrop {
  opacity: 0.7;
  transition-timing-function: ease-in;
}

.modal--entered .modal__content {
  opacity: 1;
  transform: translateY(0);
  transition-timing-function: ease-in;
}

.modal--exiting .modal__backdrop,
.modal--exiting .modal__content {
  opacity: 0;
  transition-timing-function: ease-out;
}

.modal--exiting .modal__content {
  transform: translateY(20px);
}

.modal--jackpot-promo .modal__content-wrapper {
  max-width: 1200px;
}

.modal--jackpot-promo .modal__content {
  padding: 30px 20px;
}

@media (max-width: 767px) {
  .modal--fs-mobile-sm .modal__content-wrapper {
    max-width: 100%;
    width: 100%;
  }

  .modal--fs-mobile-sm .modal__content {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh;
  }
}

#profile {
  height: calc(100% - 112px);
  margin-top: 56px;
  z-index: 99;
}

#profile .modal__backdrop {
  display: none;
}

@media (min-width: 960px) {
  #profile .modal__backdrop {
    display: block;
  }
}

#profile .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 960px) {
  #profile .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 720px;
    width: calc(100% - 20px);
  }
}

#profile .modal__content {
  background: var(--background-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: auto;
}

#search-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  #search-modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 720px;
    width: calc(100% - 20px);
  }
}

#search-modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  #search-modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }
}

#fast-deposit .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  #fast-deposit .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 720px;
    width: calc(100% - 20px);
  }
}

#fast-deposit .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: auto;
}

@media (min-width: 768px) {
  #fast-deposit .modal__content {
    border-radius: 20px;
    margin: 32px auto;
    overflow: hidden;
  }
}

#kyc-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  #kyc-modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

#kyc-modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: auto;
}

@media (min-width: 768px) {
  #kyc-modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
    overflow: hidden;
  }
}

#sign-in .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 480px) {
  #sign-in .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

#sign-in .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

@media (min-width: 480px) {
  #sign-in .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }
}

#sign-in .modal__close-button {
  right: 16px;
  top: 16px;
}

@media (min-width: 480px) {
  #sign-in .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

#sign-up .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 480px) {
  #sign-up .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

@media (min-width: 1200px) {
  #sign-up .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 1024px;
  }
}

#sign-up .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  overflow: auto;
}

@media (min-width: 480px) {
  #sign-up .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }
}

#sign-up .modal__close-button {
  right: 16px;
  top: 16px;
}

@media (min-width: 480px) {
  #sign-up .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

#success-after-registration .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 480px) {
  #success-after-registration .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

#success-after-registration .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 480px) {
  #success-after-registration .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }

  #success-after-registration .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.game-session-close-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 480px) {
  .game-session-close-modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

.game-session-close-modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 480px) {
  .game-session-close-modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }

  .game-session-close-modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

#responsible-game .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 480px) {
  #responsible-game .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

#responsible-game .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 480px) {
  #responsible-game .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }

  #responsible-game .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.after-modal-close .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .after-modal-close .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

.after-modal-close .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .after-modal-close .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }

  .after-modal-close .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.contact-us-modal .modal__content-wrapper {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  margin: 0;
  max-width: 100%;
  min-height: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .contact-us-modal .modal__content-wrapper {
    margin: auto;
    max-width: 480px;
    min-height: unset;
    width: calc(100% - 20px);
  }
}

.contact-us-modal .modal__content {
  border-radius: 0;
  flex: 1 1 auto;
  margin: 0;
}

@media (min-width: 768px) {
  .contact-us-modal .modal__content {
    border-radius: 20px;
    margin: 20px 0;
  }
}

.need-help-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 480px) {
  .need-help-modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

.need-help-modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .need-help-modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }
}

#bonus-terms-and-conditions .modal__content,
#terms-and-conditions .modal__content {
  padding: 56px;
}

.privacy-policy-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .privacy-policy-modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 720px;
    width: calc(100% - 20px);
  }
}

.privacy-policy-modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: auto;
}

@media (min-width: 768px) {
  .privacy-policy-modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
    overflow: hidden;
  }
}

.betting-code-form {
  border-radius: 12px;
  margin-bottom: 40px;
  margin-top: 40px;
  overflow: hidden;
  padding: 24px 16px;
  position: relative;
}

@media (min-width: 768px) {
  .betting-code-form {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}

@media (min-width: 1200px) {
  .betting-code-form {
    padding: 24px;
  }
}

.betting-code-form__image--bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.betting-code-form__content {
  position: relative;
  z-index: 3;
}

.betting-code-form__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 14px;
}

.betting-code-form__form.form {
  align-items: center;
  display: flex;
  flex-direction: inherit;
  flex-wrap: nowrap;
}

.betting-code-form__form-input {
  max-width: 312px;
}

.betting-code-form__form-button {
  height: 56px;
  margin-left: -12px;
  min-width: 56px;
  padding: 12px;
  width: 56px;
}

.betting-code-form__error {
  bottom: -16px;
  color: var(--button-color);
  font-size: 12px;
  left: 0;
  line-height: 12px;
  position: absolute;
}

.betting-code-form__error--success {
  color: #48a902;
}

.form {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
}

.form__title {
  color: hsla(0, 0%, 100%, 0.65);
  text-align: center;
  text-transform: uppercase;
}

.betting-jackpots__jackpot-levels-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
  margin-left: -8px;
  margin-top: 8px;
  width: calc(100% + 16px);
}

.betting-jackpots__jackpot-level {
  align-items: center;
  border-radius: 12px;
  display: flex;
  margin: 8px;
  overflow: hidden;
  padding: 12px 16px;
  width: calc(100% - 16px);
}

@media (min-width: 600px) {
  .betting-jackpots__jackpot-level {
    width: calc(50% - 16px);
  }
}

.betting-jackpots__jackpot-level--Grand {
  background: linear-gradient(
      135deg,
      rgba(255, 182, 40, 0.15),
      rgba(255, 182, 40, 0)
    ),
    #22222b;
}

.betting-jackpots__jackpot-level--Major,
.betting-jackpots__jackpot-level--Minor {
  background: linear-gradient(
      135deg,
      rgba(0, 220, 205, 0.15),
      rgba(0, 220, 205, 0)
    ),
    #22222b;
}

.betting-jackpots__jackpot-level-icon {
  margin-right: 16px;
  width: 56px;
}

.betting-jackpots__jackpot-level-content {
  width: calc(100% - 72px);
}

.betting-jackpots__jackpot-level-name {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
}

.betting-jackpots__jackpot-level-value {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.betting-jackpots__jackpot-level-value span {
  font-family: Open Sans, sans-serif !important;
  font-size: 24px !important;
  font-weight: inherit !important;
  line-height: 32px !important;
}

.betting-jackpots__jackpot-level-value .odometer-digit,
.betting-jackpots__jackpot-level-value .odometer-value {
  display: flex;
  justify-content: center;
  width: 14px !important;
}

.betting-promotions-block {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .betting-promotions-block {
    margin-bottom: 48px;
  }
}

.betting-promotions-block__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 32px 0 8px;
}

@media (min-width: 1200px) {
  .betting-promotions-block__title {
    font-size: 24px;
    line-height: 32px;
    margin: 40px 0 8px;
  }
}

.betting-promotions-block__description {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 24px;
}

.betting-promotions-block__cards {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-top: 24px;
  width: calc(100% + 16px);
}

.betting-promotions-block__card {
  border-radius: 12px;
  margin: 8px;
  overflow: hidden;
  width: calc(100% - 16px);
}

@media (min-width: 600px) {
  .betting-promotions-block__card {
    width: calc(50% - 16px);
  }
}

@media (min-width: 960px) {
  .betting-promotions-block__card {
    width: calc(50% - 16px);
  }
}

@media (min-width: 1200px) {
  .betting-promotions-block__card {
    width: calc(25% - 16px);
  }
}

.betting-promotions-block--active {
  margin-top: 32px;
}

@media (min-width: 1200px) {
  .betting-promotions-block--active {
    margin-top: 40px;
  }
}

.betting-promotions-card {
  padding: 24px 16px;
  position: relative;
}

@media (min-width: 1200px) {
  .betting-promotions-card {
    padding: 32px;
  }
}

.betting-promotions-card--green {
  background: radial-gradient(
    174.36% 141.42% at 100% 100%,
    rgba(10, 220, 69, 0.3) 0,
    rgba(10, 220, 69, 0) 100%
  );
}

.betting-promotions-card--blue {
  background: radial-gradient(
    177.02% 141.42% at 100% 100%,
    rgba(0, 76, 202, 0.3) 0,
    rgba(0, 76, 202, 0) 100%
  );
}

.betting-promotions-card--orange {
  background: radial-gradient(
    174.36% 141.42% at 100% 100%,
    rgba(255, 122, 0, 0.3) 0,
    rgba(255, 122, 0, 0) 100%
  );
}

.betting-promotions-card--yellow {
  background: radial-gradient(
    174.36% 141.42% at 100% 100%,
    rgba(196, 211, 19, 0.3) 0,
    rgba(196, 211, 19, 0) 100%
  );
}

.betting-promotions-card__title-wrap {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}

.betting-promotions-card__title-icon {
  margin-right: 8px;
}

.betting-promotions-card__title {
  color: hsla(0, 0%, 100%, 0.65);
  margin: 0;
}

.betting-promotions-card__background {
  bottom: 0;
  position: absolute;
  right: 0;
}

.betting-promotions-card__content {
  position: relative;
  z-index: 3;
}

.betting-promotions-card__title {
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 20px;
}

.betting-promotions-card__text,
.betting-promotions-card__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.betting-promotions-card__text {
  color: #fff;
  font-size: 26px;
  line-height: 32px;
}

.betting-promotions-card__buttons {
  align-items: center;
  display: flex;
  margin-top: 52px;
}

.betting-promotions-card__button {
  margin-right: 12px;
}

.promotions-modal::-webkit-scrollbar {
  width: 4px;
}

.promotions-modal::-webkit-scrollbar-track {
  background: transparent;
}

.promotions-modal::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.promotions-modal::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .promotions-modal {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.promotions-modal {
  height: 100%;
  overflow-y: auto;
  position: relative;
}

@media (min-width: 768px) {
  .promotions-modal {
    max-height: 800px;
  }
}

.promotions-modal__top {
  display: flex;
  flex-direction: column;
  height: 220px;
  justify-content: flex-end;
  overflow: hidden;
  padding: 40px 16px;
  position: relative;
  width: 100%;
}

@media (min-width: 480px) {
  .promotions-modal__top {
    height: 260px;
  }
}

@media (min-width: 768px) {
  .promotions-modal__top {
    height: 300px;
    padding: 48px 32px;
  }
}

.promotions-modal__background {
  left: 50%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.promotions-modal__title {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase;
}

.promotions-modal__description {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-top: 12px;
}

.promotions-modal__text {
  color: #fff;
  display: inline-block;
  font-family: Rubik, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin-top: 20px;
}

.promotions-modal__text--betting {
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .promotions-modal__text {
    font-size: 26px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .promotions-modal__text {
    font-size: 32px;
    line-height: 40px;
  }
}

.promotions-modal-content {
  padding: 20px 16px 80px;
}

@media (min-width: 768px) {
  .promotions-modal-content {
    padding: 20px 32px 96px;
  }
}

.promotions-modal-content__title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 16px;
}

.promotions-modal-content__title--terms {
  font-size: 16px;
  line-height: 24px;
  margin: 32px 0 16px;
}

.promotions-modal-content__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.promotions-modal .modular-bonus-code,
.promotions-modal__bonus-code {
  margin: 32px auto;
  max-width: 340px;
}

@media (min-width: 768px) {
  .promotions-modal .modular-bonus-code,
  .promotions-modal__bonus-code {
    max-width: unset;
  }
}

.promotions-modal__jackpot {
  align-items: center;
  background: #384c6b;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  margin: 32px 0;
  padding: 20px 0;
  row-gap: 8px;
  text-transform: uppercase;
}

.promotions-modal__jackpot-value {
  color: #0bdede;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}

.promotions-modal__jackpot-value span {
  font-family: Roboto, Arial, sans-serif !important;
}

.promotions-modal__jackpot-value .od-total-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.promotions-modal__jackpot-value .od-total-wrapper > span {
  font-family: Roboto, Arial, sans-serif !important;
}

.promotions-modal__terms {
  margin: 16px 0;
  padding: 0 0 0 40px;
}

.promotions-modal__terms-item {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.promotions-modal__bottom {
  background: var(--header-color);
  border-top: 1px solid var(--background-color);
  bottom: 0;
  left: 0;
  padding: 16px;
  position: fixed;
  width: 100%;
}

@media (min-width: 768px) {
  .promotions-modal__bottom {
    padding: 24px 32px;
  }
}

.promotions-modal .promotions-modal__button {
  height: 48px;
  width: 100%;
}

.promotions-modal-content h2 {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 16px;
}

.promotions-modal-content h3 {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px;
}

.promotions-modal-content p {
  color: hsla(0, 0%, 100%, 0.65);
  line-height: 24px;
  margin: 0 0 24px;
}

.promotions-modal-content ul {
  list-style-type: disc;
  margin: 24px 0;
  padding-inline-start: 24px;
}

.promotions-modal-content ul li {
  margin-bottom: 12px;
}

.promotions-modal-content ul li::marker {
  font-size: 10px;
}

.promotions-modal-content ul li ol,
.promotions-modal-content ul li ul {
  margin: 12px 0;
}

.promotions-modal-content ol {
  margin: 24px 0;
  padding-inline-start: 24px;
}

.promotions-modal-content ol li {
  margin-bottom: 12px;
}

.promotions-modal-content ol li ol,
.promotions-modal-content ol li ul {
  margin: 12px 0;
}

.promotions-modal-content .link {
  color: #0bdede;
}

.promotions-modal-content .link :hover {
  color: #0acbcb;
}

.promotions-modal-content i {
  font-size: inherit !important;
}

.modular-bonus-code {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

@media (min-width: 768px) {
  .modular-bonus-code {
    flex-direction: row;
  }
}

.modular-bonus-code--light-font .modular-bonus-code__caption {
  font-weight: 400;
}

.modular-bonus-code--light-font
  .modular-bonus-code__bonus-code
  .promotions-bonus-code__clipboard-code {
  font-size: 24px;
}

.modular-bonus-code__caption {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  padding: 23px;
  text-align: center;
  width: 100%;
}

.modular-bonus-code__bonus-code {
  width: 100%;
}

.promotions-bonus-code {
  background: radial-gradient(
    177.24% 171.39% at 95.96% 0,
    #2ad0ca 0,
    #feb0fe 46.88%,
    #e6ee85 68.23%,
    #58c4f6 100%
  );
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
}

.promotions-bonus-code__inner {
  border: 1.5px solid #001b33;
  border-radius: 6px;
  color: #001b33;
  padding: 12px;
}

.promotions-bonus-code__clipboard {
  align-items: center;
  display: flex;
}

.promotions-bonus-code__icon {
  display: block;
}

.promotions-bonus-code--short {
  background: radial-gradient(
    177.24% 171.39% at 95.96% 0,
    #2ad0ca 0,
    #e1f664 22.92%,
    #feb0fe 46.88%,
    #abb3fc 68.23%,
    #5df7a4 87.5%,
    #58c4f6 100%
  );
  padding: 6px;
}

.promotions-bonus-code--short .promotions-bonus-code__inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8.5px;
}

.promotions-bonus-code--short .promotions-bonus-code__caption {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.promotions-bonus-code--short .promotions-bonus-code__clipboard {
  -moz-column-gap: 2px;
  column-gap: 2px;
}

.promotions-bonus-code--short .promotions-bonus-code__clipboard-code {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
}

.promotions-bonus-code--long {
  padding: 4px;
}

.promotions-bonus-code--long .promotions-bonus-code__inner {
  align-items: center;
  display: flex;
  gap: 4px;
  padding: 8.5px 10.5px;
}

.promotions-bonus-code--long .promotions-bonus-code__caption {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

.promotions-bonus-code--long .promotions-bonus-code__clipboard {
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.promotions-bonus-code--long .promotions-bonus-code__clipboard-code {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
}

.promotions-bonus-code--modal {
  padding: 7px;
  width: 100%;
}

.promotions-bonus-code--modal .promotions-bonus-code__inner {
  align-items: center;
  border-width: 2px;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 14px;
}

.promotions-bonus-code--modal .promotions-bonus-code__clipboard {
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.promotions-bonus-code--modal .promotions-bonus-code__clipboard-code {
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.promotions-bonus-code--modal .promotions-bonus-code__icon {
  display: block;
  font-size: 24px !important;
}

.custom-controlled-tooltip {
  position: relative;
}

.custom-controlled-tooltip--open .custom-controlled-tooltip__content--bottom,
.custom-controlled-tooltip--open .custom-controlled-tooltip__content--top {
  transform: translateX(-50%) scale(1);
}

.custom-controlled-tooltip--open .custom-controlled-tooltip__content--left,
.custom-controlled-tooltip--open .custom-controlled-tooltip__content--right {
  transform: translateY(-50%) scale(1);
}

.custom-controlled-tooltip--default .custom-controlled-tooltip__content {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.custom-controlled-tooltip__content {
  background: #445778;
  border-radius: 8px;
  display: block;
  padding: 12px;
  position: absolute;
  transition: transform 0.3s ease;
  white-space: nowrap;
  z-index: 1;
}

.custom-controlled-tooltip__content:after {
  content: "";
  display: block;
  position: absolute;
}

.custom-controlled-tooltip__content--top {
  bottom: calc(100% + var(--offset));
  left: 50%;
  transform: translateX(-50%) scale(0);
}

.custom-controlled-tooltip__content--top:after {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #445778;
  bottom: -8px;
  left: 50%;
  transform: translatex(-50%);
}

.custom-controlled-tooltip__content--right {
  left: calc(100% + var(--offset));
  top: 50%;
  transform: translateY(-50%) scale(0);
}

.custom-controlled-tooltip__content--right:after {
  border-bottom: 16px solid transparent;
  border-right: 16px solid #445778;
  border-top: 16px solid transparent;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}

.custom-controlled-tooltip__content--bottom {
  left: 50%;
  top: calc(100% + var(--offset));
  transform: translateX(-50%) scale(0);
}

.custom-controlled-tooltip__content--bottom:after {
  border-bottom: 16px solid #445778;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  left: 50%;
  top: -8px;
  transform: translatex(-50%);
}

.custom-controlled-tooltip__content--left {
  right: calc(100% + var(--offset));
  top: 50%;
  transform: translateY(-50%) scale(0);
}

.custom-controlled-tooltip__content--left:after {
  border-bottom: 16px solid transparent;
  border-left: 16px solid #445778;
  border-top: 16px solid transparent;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
}

.jackpot-total {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 100%;
  white-space: nowrap;
  width: auto;
}

.jackpot-total,
.loader {
  align-items: center;
  justify-content: center;
}

.loader {
  display: flex;
  padding: 10px;
  z-index: 1080;
}

.loader--provider-preview {
  min-height: 199px;
}

@media (min-width: 960px) {
  .loader--provider-preview {
    min-height: 265px;
  }
}

.loader--home-game-slider {
  min-height: 50vw;
}

@media (min-width: 768px) {
  .loader--home-game-slider {
    min-height: 25vw;
    min-height: 17vw;
  }
}

.loader--home-game-slider-big-slider {
  min-height: 47vw;
}

@media (min-width: 768px) {
  .loader--home-game-slider-big-slider {
    min-height: calc(25vw - 32.5px);
  }
}

@media (min-width: 1440px) {
  .loader--home-game-slider-big-slider {
    min-height: calc(20vw - 26px);
  }
}

.loader--jackpot-list {
  min-height: 110px;
}

.loader__box {
  animation: spinner-border 0.75s linear infinite;
  border: 5px solid #0bdede;
  border-radius: 50%;
  border-right-color: transparent;
  display: inline-block;
  height: 40px;
  vertical-align: text-bottom;
  width: 40px;
}

.loader--winners {
  min-height: 470px;
}

@media (min-width: 768px) {
  .loader--winners {
    min-height: 135px;
  }
}

.loader--winners-in-game {
  min-height: 110px;
}

@keyframes spinner-border {
  to {
    transform: rotate(1turn);
  }
}

.bonus-pop-up {
  background: linear-gradient(155deg, #c744e8 5.56%, #43189e 84.44%),
    linear-gradient(155deg, #e84444 5.56%, #53189e 84.44%);
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  max-width: 720px;
  padding: 16px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .bonus-pop-up {
    min-width: 720px;
  }
}

.bonus-pop-up--deposit,
.bonus-pop-up--reload,
.bonus-pop-up--special {
  background: linear-gradient(179deg, #22b299, #53189e);
}

.bonus-pop-up--lottery,
.bonus-pop-up--mystery,
.bonus-pop-up--spin,
.bonus-pop-up--tournament {
  background: linear-gradient(179deg, #3d57e0, #7c1db7);
}

.bonus-pop-up--with-timer {
  padding: 16px 16px 48px;
}

@media (min-width: 768px) {
  .bonus-pop-up,
  .bonus-pop-up--with-timer {
    padding: 20px;
  }
}

.bonus-pop-up .inline-icon-timer {
  margin-top: 0;
  position: relative;
}

.bonus-pop-up .inline-icon-timer i {
  color: #fff !important;
}

@media (min-width: 768px) {
  .bonus-pop-up .inline-icon-timer:before {
    background: hsla(0, 0%, 100%, 0.2);
    content: "";
    height: 14px;
    left: -16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
}

.bonus-pop-up .bonus-pop-up__button--close {
  position: absolute;
  right: 12px;
  top: 12px;
}

.bonus-pop-up .bonus-pop-up__button--main {
  padding: 10px 16px;
  white-space: nowrap;
  width: 100%;
}

@media (min-width: 768px) {
  .bonus-pop-up .bonus-pop-up__button--main {
    align-self: flex-end;
    width: unset;
  }
}

.bonus-pop-up__image {
  width: 48px;
}

@media (min-width: 768px) {
  .bonus-pop-up__image {
    width: 88px;
  }
}

.bonus-pop-up__inner {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

@media (min-width: 768px) {
  .bonus-pop-up__inner {
    -moz-column-gap: 32px;
    column-gap: 32px;
    flex-direction: row;
    justify-content: space-between;
  }
}

.bonus-pop-up__content {
  align-items: flex-start;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
}

@media (min-width: 768px) {
  .bonus-pop-up__content {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}

.bonus-pop-up__bottom {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

@media (min-width: 768px) {
  .bonus-pop-up__bottom {
    flex-direction: row;
  }
}

.bonus-pop-up__timer {
  bottom: 16px;
  left: 50%;
  position: absolute !important;
  transform: translateX(-50%);
  white-space: nowrap;
}

@media (min-width: 768px) {
  .bonus-pop-up__timer {
    bottom: unset;
    left: unset;
    position: relative !important;
    transform: unset;
  }
}

.bonus-pop-up__header {
  align-items: center;
  -moz-column-gap: 33px;
  column-gap: 33px;
  display: flex;
  margin-bottom: 4px;
}

@media (min-width: 768px) {
  .bonus-pop-up__header {
    margin-bottom: 8px;
    position: absolute;
    top: 0;
  }

  .bonus-pop-up__description {
    padding-top: 28px;
    position: relative;
  }
}

.bonus-pop-up__text {
  font-family: Open Sans, sans-serif;
  margin: 0;
}

.bonus-pop-up__text:last-child {
  margin: 0 !important;
}

.bonus-pop-up__text--title {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

@media (min-width: 768px) {
  .bonus-pop-up__text--title {
    white-space: nowrap;
  }
}

.bonus-pop-up__text--offer {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin: 0 0 8px;
}

@media (min-width: 768px) {
  .bonus-pop-up__text--offer {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 4px;
  }
}

.bonus-pop-up__text--specialOffer {
  color: #ffd336;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 8px;
}

@media (min-width: 768px) {
  .bonus-pop-up__text--specialOffer {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 8px;
  }
}

.bonus-pop-up__text--description {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
}

@media (min-width: 768px) {
  .bonus-pop-up__text--description {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 8px;
  }
}

.bonus-pop-up__text--code {
  align-items: flex-end;
  color: hsla(0, 0%, 100%, 0.65);
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .bonus-pop-up__text--code {
    font-size: 16px;
    line-height: 24px;
  }
}

.bonus-pop-up__text--code-value {
  align-items: center;
  color: #00dccd;
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .bonus-pop-up__text--code-value {
    font-size: 16px;
    line-height: 24px;
  }
}

.inline-icon-timer {
  margin-top: 24px;
}

.inline-icon-timer__inner {
  align-items: center;
  display: flex;
  justify-content: center;
}

.inline-icon-timer .inline-icon-timer__icon {
  color: hsla(0, 0%, 100%, 0.4);
  margin-right: 6px;
}

.inline-icon-timer__title {
  color: hsla(0, 0%, 100%, 0.65);
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-right: 5px;
}

.inline-icon-timer__list {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 100%;
  padding: 0;
}

.inline-icon-timer__item,
.inline-icon-timer__list {
  align-items: center;
  justify-content: center;
  margin: 0;
}

.inline-icon-timer__item {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 2px;
  position: relative;
  width: auto;
}

.inline-icon-timer__value {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.inline-icon-timer__text,
.inline-icon-timer__value {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.inline-icon-timer__labe {
  padding-left: 4px;
}

.clipboard {
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  cursor: pointer;
  display: flex;
  position: relative;
}

.bonus-store__tabs .tab-list {
  display: flex;
  margin-bottom: 32px;
  position: relative;
  width: 100%;
}

.bonus-store__tabs .tab-list:after {
  background: hsla(0, 0%, 100%, 0.12);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.bonus-store__tabs .tab-list__scroll {
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 13px;
}

.bonus-store__tabs .tab-list__item {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}

.bonus-store__tabs .tab-list__item--active,
.bonus-store__tabs .tab-list__item:active,
.bonus-store__tabs .tab-list__item:focus,
.bonus-store__tabs .tab-list__item:hover {
  color: #fff;
}

.bonus-store__tabs .tab-list__item--active:after {
  background: #0bdede;
  bottom: -14px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}

.bonus-store__tabs .tab-content {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 40px;
  row-gap: 12px;
}

@media (min-width: 768px) {
  .bonus-store__tabs .tab-content {
    -moz-column-gap: 12px;
    column-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  .bonus-store__tabs .tab-content {
    -moz-column-gap: 16px;
    column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 16px;
  }
}

@media (min-width: 1440px) {
  .bonus-store__tabs .tab-content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.bonus-store__tabs .tab-content__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
}

.bonus-store__tabs .tab-content__card {
  border-radius: 8px;
  overflow: hidden;
}

.bonus-store__tabs .tab-content__card .card-top {
  align-items: center;
  display: flex;
  height: 164px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

@media (min-width: 768px) {
  .bonus-store__tabs .tab-content__card .card-top {
    height: 172px;
  }
}

.bonus-store__tabs .tab-content__card .card-top img {
  width: 100%;
}

.bonus-store__tabs .tab-content__card .card-top img.image-bottom {
  bottom: 0;
  position: absolute;
}

@media (max-width: 1440px) {
  .bonus-store__tabs .tab-content__card .card-top img.image-bottom {
    bottom: -35px;
  }
}

@media (max-width: 480px) {
  .bonus-store__tabs .tab-content__card .card-top img.image-bottom {
    bottom: -15px;
  }
}

.bonus-store__tabs .tab-content__card .card-bottom {
  background: var(--header-color);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}

.bonus-store__tabs .tab-content__card .card-bottom__header {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.bonus-store__tabs .tab-content__card .card-bottom__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
}

.bonus-store__tabs .tab-content__card .card-bottom__description {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.bonus-store__tabs .tab-content__card .card-bottom__info {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}

.bonus-store__tabs .tab-content__card .card-bottom__info .cost {
  color: #00dccd;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.bonus-store__tabs .tab-content__card .card-bottom__info .link-btn {
  padding: 10px 30px;
}

.reward-bg {
  height: 108px;
  position: relative;
  width: 162px;
}

@media (min-width: 480px) {
  .reward-bg {
    height: 108px;
    width: 162px;
  }
}

@media (min-width: 1440px) {
  .reward-bg {
    height: 132px;
    width: 186px;
  }
}

.reward-bg--money {
  background: url(/images/money-bg.a1fe2d61..svg) 50% no-repeat;
  background-size: cover;
}

.reward-bg--fs {
  background: url(/images/fs-bg.823761f6..svg) 50% no-repeat;
  background-size: cover;
}

.reward-value {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 46px;
  font-style: normal;
  font-weight: 800;
  left: 50%;
  line-height: 60px;
  position: absolute;
  text-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
  top: 50%;
  transform: translate(-50%, -50%);
}

.reward-value--medium {
  font-size: 38px;
}

.reward-value--big {
  font-size: 29px;
}

.reward-type {
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px;
  position: absolute;
}

@media (max-width: 1440px) {
  .reward-type {
    font-size: 16px;
    line-height: 16px;
  }
}

.reward-type--money {
  color: #48b2ff;
  right: 20px;
  top: 17px;
}

@media (max-width: 1440px) {
  .reward-type--money {
    right: 19px;
    top: 12px;
  }
}

.reward-type--fs {
  color: #be6cff;
  right: 30px;
  top: 18px;
}

@media (max-width: 1440px) {
  .reward-type--fs {
    right: 27px;
    top: 14px;
  }
} */

.container {
  margin: 0 auto;
  width: calc(100% - 32px);
}

@media (min-width: 768px) {
  .container {
    width: calc(100% - 48px);
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1616px;
    width: calc(100% - 64px);
  }
}

.container--jackpots {
  margin: 0 auto;
  max-width: 1272px;
  position: relative;
}

.container--jackpots.container--grand-prizes-main {
  max-width: 1180px;
}

@media (min-width: 1200px) {
  .container--jackpots {
    padding: 0 48px;
  }
}

.container--jackpots .section-title {
  margin-bottom: 32px;
  margin-top: 64px;
}

.card-hint__info {
  cursor: pointer;
}

.card-hint__image {
  height: 230px;
  width: 300px;
}

.card-hint__image img {
  width: 100%;
}

.tooltip {
  border-radius: 8px;
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  line-height: 18px;
  max-width: 260px;
  padding: 12px;
  pointer-events: none;
  position: absolute;
  transition: all 0.3s ease;
  z-index: 1070;
}

.tooltip,
.tooltip .arrow {
  background: #445778;
}

@media (min-width: 480px) {
  #tooltip-root .tooltip:not(:last-child) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
}

.reset-password-page-complete__inner {
  padding: 48px 0;
}

@media (min-width: 768px) {
  .reset-password-page-complete__inner {
    padding: 80px 0 300px;
  }
}

.reset-password-page-complete__content {
  margin: 0 0 32px;
  text-align: center;
}

.reset-password-page-complete__icon {
  align-items: center;
  background: rgba(26, 219, 74, 0.08);
  border-radius: 50%;
  color: #1adb4a;
  display: flex;
  height: 100px;
  justify-content: center;
  margin: 0 auto 24px;
  width: 100px;
}

.reset-password-page-complete__icon i {
  font-size: 42px;
}

.reset-password-page-complete__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
}

@media (min-width: 768px) {
  .reset-password-page-complete__title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 24px;
  }
}

@media (min-width: 1200px) {
  .reset-password-page-complete__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.reset-password-page-complete__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px;
}

.reset-password-page-complete__text:last-child {
  margin: 0;
}

.reset-password-page-complete__text span {
  color: #fff;
  display: block;
  width: 100%;
}

.reset-password-page-complete__link-btn {
  max-width: 384px;
  width: 100%;
}

.reset-password-page__inner {
  padding: 48px 0;
}

@media (min-width: 768px) {
  .reset-password-page__inner {
    padding: 80px 0 300px;
  }
}

.reset-password-page__content {
  margin: 0 0 32px;
  text-align: center;
}

.reset-password-page__icon {
  align-items: center;
  background: rgba(0, 220, 205, 0.08);
  border-radius: 50%;
  color: #00dccd;
  display: flex;
  font-size: 42px;
  height: 100px;
  justify-content: center;
  margin: 0 auto 24px;
  width: 100px;
}

.reset-password-page__icon i {
  font-size: 42px;
}

.reset-password-page__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
}

@media (min-width: 768px) {
  .reset-password-page__title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 24px;
  }
}

@media (min-width: 1200px) {
  .reset-password-page__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.reset-password-page__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px;
}

.reset-password-page__text:last-child {
  margin: 0;
}

.reset-password-page__text span {
  color: #fff;
  display: block;
  width: 100%;
}

.reset-password-page__form {
  margin: 0 auto;
  max-width: 424px;
}

.reset-password-form {
  display: flex;
  flex-direction: column;
  max-width: 560px;
}

.reset-password-form.form {
  margin-top: 20px;
}

.reset-password-form__form-element.form-element {
  margin-bottom: 16px;
}

.reset-password-form .btn {
  text-transform: uppercase;
  width: 100%;
}

.reset-password-form__errors {
  margin-bottom: 15px;
}

.form-element {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.form-element__error {
  color: var(--button-color);
  display: block;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px;
  width: 100%;
}

.form-element__error:first-letter {
  text-transform: uppercase;
}

.collapse {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition-property: height, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.collapse--entering {
  opacity: 1;
}

.collapse--entered {
  opacity: 1;
  overflow: unset;
}

.collapse--exiting {
  height: 0;
  opacity: 0;
}

.collapse__content-wrapper {
  display: flex;
  margin-bottom: 20px;
}

.collapse__content {
  width: 100%;
}

/* .password-input .password-input__visibility-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.password-input .password-input__visibility-icon {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 20px !important;
}

.password-input__strength {
  display: block;
  margin: 0;
  padding: 5px 0 0;
  width: 100%;
}

.password-input__strength-bar {
  background-color: #384c6b;
  border-radius: 4px;
  display: block;
  height: 3px;
  margin: 0 0 2px;
  padding: 0;
  position: relative;
  width: 100%;
}

.password-input__strength-progress {
  border-radius: 10px;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 0.3s ease, width 0.3s ease;
}

.password-input__strength--bad .password-input__strength-progress {
  background-color: var(--button-color);
}

.password-input__strength--weak .password-input__strength-progress {
  background-color: #ffd336;
}

.password-input__strength--strong .password-input__strength-progress {
  background-color: #00dccd;
}

.password-input__strength--great .password-input__strength-progress {
  background-color: #1adb4a;
}

.password-input__strength-description {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
  text-transform: capitalize;
  transition: color 0.3s ease;
}

.password-input__strength--bad .password-input__strength-description {
  color: var(--button-color);
}

.password-input__strength--weak .password-input__strength-description {
  color: #ffd336;
}

.password-input__strength--strong .password-input__strength-description {
  color: #00dccd;
}

.password-input__strength--great .password-input__strength-description {
  color: #1adb4a;
}

.errors__error {
  color: var(--button-color);
  font-size: 12px;
}

.user-page-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 560px;
  padding: 30px 24px;
}

@media (min-width: 768px) {
  .user-page-container {
    padding: 40px 48px;
  }
}

@media (min-width: 1200px) {
  .user-page-container {
    padding: 40px 54px;
  }
}

@media (min-width: 1440px) {
  .user-page-container {
    padding: 40px 64px;
  }
}

@media (min-width: 1680px) {
  .user-page-container {
    padding: 40px 68px;
  }
}

.page-title {
  color: #fff;
  font-size: 40px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: capitalize;
}

@media (max-width: 480px) {
  .page-title {
    font-size: 24px;
    margin: 0 0 10px;
  }
}

.auth-form {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.auth-form__description {
  margin: 0 0 20px;
  text-align: center;
}

@media (min-width: 480px) {
  .auth-form__description {
    margin: 0 0 60px;
  }
}

.auth-form__description-text {
  color: #fff;
  margin: 0;
}

.auth-form__captcha {
  display: none !important;
}

.auth-form__description-help {
  color: #fff;
  margin: 0;
}

.auth-form__description-help--link {
  color: #0bdede;
  transition: color 0.3s ease;
}

.auth-form__description-help--link:hover {
  color: #0acbcb;
  text-decoration: underline;
}

.auth-form__buttons,
.auth-form__submit {
  width: 100%;
}

.auth-form__form-element-wrap {
  margin-bottom: 24px;
  margin-top: 0;
  width: 100%;
}

.auth-form__instructions {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  text-align: center;
}

.auth-form__instructions > * + * {
  margin-top: 8px;
}

.auth-form__instruction-link {
  color: #0bdede;
  transition: color 0.3s ease;
}

.auth-form__instruction-link:hover {
  color: #0acbcb;
  text-decoration: underline;
}

.captcha-term-and-policy {
  color: #fff;
  font-size: 14px;
  margin: 10px 0;
}

.captcha-term-and-policy__link {
  color: hsla(0, 0%, 100%, 0.65);
}

.register-form {
  max-width: 524px;
}

.dynamic-form-pnp {
  background-color: #22242c;
  border-radius: 20px;
}

.dynamic-form-pnp__head {
  align-items: center;
  background-color: #000;
  border-radius: 20px 20px 0 0;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  justify-content: center;
  min-height: 60px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.dynamic-form-pnp__form-wrap {
  margin: 33px 0 0;
  padding: 0 45px;
}

.dynamic-form-pnp__footer {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 400;
  margin-top: 16px;
  padding: 0 45px 33px;
  text-align: center;
}

.dynamic-form-pnp__list {
  display: block;
  width: 100%;
}

.dynamic-form-pnp__logo-wrap {
  margin: 0 0 20px;
}

.dynamic-form-pnp__logo {
  max-height: 34px;
  max-width: 100px;
}

.dynamic-form-pnp__element + .dynamic-form-pnp__element {
  margin-top: 16px;
}

.dynamic-form-pnp__link {
  color: #0bdede;
  transition: color 0.3s ease;
}

.dynamic-form-pnp__link:hover {
  color: #0acbcb;
}

.dynamic-form-pnp__banner {
  display: block;
  max-height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.dynamic-form-pnp__submit {
  display: block;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}

.dynamic-form-pnp--sign_up .dynamic-form-pnp__submit {
  margin-top: 4px;
}

.dynamic-form-pnp .dynamic-form-pnp__button {
  min-width: 147px;
}

.dynamic-form-pnp .dynamic-form-pnp__currency-hidden {
  display: none;
}

.main-slide .dynamic-form-pnp .dynamic-form-pnp__banner {
  display: none !important;
}

.main-slide .dynamic-form-pnp .dynamic-form-pnp__form-wrap {
  padding: 0 10px;
}

.checkbox {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
}

.checkbox__input {
  display: none;
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
}

.checkbox a {
  color: #00dccd;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease,
    -webkit-text-decoration 0.3s ease;
}

.checkbox a:hover {
  text-decoration: underline;
}

.checkbox__block {
  align-items: flex-start;
  -moz-column-gap: 14px;
  column-gap: 14px;
  cursor: pointer;
  display: flex;
}

.checkbox__block:hover .checkbox__point {
  border-color: #677b9e;
}

.checkbox__block:hover .checkbox__label {
  color: #fff;
}

.checkbox__block:hover a {
  color: #1df0e2;
}

.checkbox__point {
  align-items: center;
  border: 1.5px solid #5c6f91;
  border-radius: 4px;
  display: flex;
  height: 20px;
  justify-content: center;
  transition: border-color 0.3s ease, background 0.3s ease;
  width: 20px;
}

.checkbox__point i {
  opacity: 0;
}

.checkbox__point i:before {
  color: var(--background-color);
}

.checkbox__label {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: color 0.3s ease;
}

.checkbox__label sup {
  color: #00dccd;
  top: 0;
}

.checkbox__input:checked + .checkbox__block .checkbox__point {
  background: #00dccd;
  border-color: #00dccd;
}

.checkbox__input:checked + .checkbox__block .checkbox__point:hover {
  background: #1df0e2;
}

.checkbox__input:checked + .checkbox__block .checkbox__point i {
  opacity: 1;
}

.checkbox__input:checked + .checkbox__block:hover .checkbox__point {
  border-color: #1df0e2;
}

.checkbox--disabled,
.checkbox[disabled] {
  cursor: not-allowed;
}

.checkbox--disabled .checkbox__block,
.checkbox[disabled] .checkbox__block {
  pointer-events: none;
}

.checkbox--error .checkbox__point {
  border-color: #0bdede !important;
}

.checkbox--error .checkbox__label {
  color: #0bdede !important;
}

.radio-group {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
}

.radio-group__radio:not(:first-child) {
  margin-top: 5px;
}

.radio-group--inline {
  flex-direction: row;
}

.radio-group--inline .radio-group__radio:not(:first-child) {
  margin-left: 26px;
  margin-top: 0;
}

.radio__input {
  display: none;
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
}

.radio__block {
  align-items: flex-start;
  align-self: stretch;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: auto;
}

.radio__point {
  align-items: center;
  border: 1.5px solid var (--header-color);
  border-radius: 50%;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  transition: border-color 0.3s ease;
  width: 20px;
}

.radio__point:before {
  background: transparent none;
  border-radius: 50%;
  content: "";
  display: block;
  height: 12px;
  transition: background 0.3s ease;
  width: 12px;
}

.radio__block:hover .radio__point {
  border-color: #5c6f91;
}

.radio__label {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  justify-content: flex-start;
  letter-spacing: normal;
  line-height: 1.2;
  margin-left: 12px;
  min-height: 20px;
  padding: 0;
  text-align: left;
  text-transform: none;
  transition: color 0.3s ease;
  width: 100%;
  word-break: break-all;
}

.radio__block:hover .radio__label {
  color: #fff;
}

.radio__input:checked + .radio__block .radio__point {
  border-color: #00dccd;
}

.radio__input:checked + .radio__block .radio__point:before {
  background: #00dccd;
}

.radio__input:checked + .radio__block:hover .radio__point {
  border-color: #1df0e2;
}

.radio__input:checked + .radio__block:hover .radio__point:before {
  background: #1df0e2;
}

.radio--disabled,
.radio[disabled] {
  cursor: not-allowed;
}

.radio--disabled .radio__item,
.radio[disabled] .radio__item {
  pointer-events: none;
}

.radio--disabled .radio__point,
.radio[disabled] .radio__point {
  background: tranparent none;
  border-color: hsla(0, 0%, 100%, 0.65);
}

.radio--disabled .radio__label,
.radio[disabled] .radio__label {
  color: hsla(0, 0%, 100%, 0.65);
}

.radio--disabled .radio__input:checked + .radio__block .radio__point,
.radio[disabled] .radio__input:checked + .radio__block .radio__point {
  background: tranparent none;
  border-color: hsla(0, 0%, 100%, 0.65);
}

.radio--disabled .radio__input:checked + .radio__block .radio__point:before,
.radio[disabled] .radio__input:checked + .radio__block .radio__point:before {
  background: hsla(0, 0%, 100%, 0.65) none;
}

.radio--disabled .radio__input:checked + .radio__block .radio__label,
.radio[disabled] .radio__input:checked + .radio__block .radio__label {
  color: hsla(0, 0%, 100%, 0.65);
}

.radio--error .radio__point {
  border-color: #0bdede !important;
}

.radio--error .radio__point:before {
  background: #0bdede !important;
}

.radio--error .radio__label {
  color: #0bdede !important;
}

.simple-date {
  color: #fff;
  display: flex;
}

.simple-date__day,
.simple-date__month {
  margin-right: 12px;
}

.option {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
  position: relative;
  transition: background 0.3s ease;
  width: 100%;
}

.option__icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.option:hover {
  background: #445778;
}

.tel {
  display: flex;
  width: 100%;
}

.tel__code-select {
  max-width: 148px;
}

.tel__code-select .input__left-container {
  margin-right: 12px;
}

.tel__code-select + .tel__number-input {
  margin-left: 12px;
}

.select-with-country-icons__dropdown::-webkit-scrollbar,
.select__dropdown::-webkit-scrollbar {
  width: 4px;
}

.select-with-country-icons__dropdown::-webkit-scrollbar-track,
.select__dropdown::-webkit-scrollbar-track {
  background: transparent;
}

.select-with-country-icons__dropdown::-webkit-scrollbar-thumb,
.select__dropdown::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.select-with-country-icons__dropdown::-webkit-scrollbar-thumb:hover,
.select__dropdown::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .select-with-country-icons__dropdown,
  .select__dropdown {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.select,
.select-with-country-icons {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.select .input,
.select-with-country-icons .input {
  padding: 0 12px 0 16px;
}

.select-with-country-icons__dropdown,
.select__dropdown {
  background: #384c6b;
  border-radius: 8px;
  display: block;
  left: 0;
  margin: 0;
  max-height: 160px;
  overflow: hidden;
  overflow-y: auto;
  padding: 8px;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  z-index: 100;
}

.select-with-country-icons__arrow-icon-wrapper,
.select__arrow-icon-wrapper {
  background: none;
  border: none;
  color: hsla(0, 0%, 100%, 0.4);
  cursor: pointer;
  display: flex;
  padding: 0;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform 0.3s ease, color 0.3s ease;
}

.select-with-country-icons__arrow-icon-wrapper--open,
.select__arrow-icon-wrapper--open {
  transform: rotate(180deg);
}

.dynamic-form-pnp .select--one .select-with-country-icons__arrow-icon-wrapper,
.dynamic-form-pnp .select--one .select-with-country-icons__bottom-line,
.dynamic-form-pnp .select--one .select__arrow-icon-wrapper,
.dynamic-form-pnp .select--one .select__bottom-line {
  display: none;
}

.select-with-country-icons__input-country-icon,
.select-with-country-icons__option-country-icon {
  border-radius: 4px;
  height: 24px;
  min-width: 24px;
  width: 24px;
}

.select-with-country-icons__option-country-icon {
  margin-right: 12px;
}

.select-with-country-icons__globe-icon {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  opacity: 0.6;
  width: 24px;
}

.tel-without-code {
  display: flex;
  width: 100%;
}

.tel-without-code__code-select + .tel-without-code__number-input {
  margin-left: 10px;
}

.sign-form-switcher {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(0, 27, 51, 0.65);
  border-radius: 100px;
  display: flex;
  left: 16px;
  padding: 4px;
  position: absolute;
  top: 16px;
  z-index: 3;
}

@media (min-width: 480px) {
  .sign-form-switcher {
    left: 48px;
    top: 24px;
  }
}

@media (min-width: 1200px) {
  .sign-form-switcher {
    display: none;
  }
}

.sign-form-switcher__item {
  align-items: center;
  border-radius: 51px;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  padding: 6px 16px;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.sign-form-switcher__item:hover:not(.sign-form-switcher__item--active) {
  color: #fff;
}

.sign-form-switcher__item--active {
  background: #0bdede;
  color: #001b33;
}

.sign-up-steps {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  row-gap: 12px;
  width: 100%;
}

.sign-up-steps__step {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 8px;
  width: calc(33.3333% - 5.33333px);
}

@media (min-width: 480px) {
  .sign-up-steps__step {
    width: 108px;
  }
}

.sign-up-steps__step:last-child .sign-up-steps__icon {
  display: none;
}

.sign-up-steps__step:last-child .sign-up-steps__image {
  transform: scale(1.5);
}

@media (min-width: 480px) {
  .sign-up-steps__step {
    width: 128px;
  }
}

.sign-up-steps__icon {
  color: hsla(0, 0%, 100%, 0.2);
  position: absolute;
  right: -12px;
  top: 12px;
}

.sign-up-steps__image {
  height: 48px;
  width: 48px;
}

.sign-up-steps__title {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}

.registration-dynamic-form {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
}

.registration-dynamic-form__step-bar {
  background: var (--header-color);
  border-radius: 4px;
  height: 3px;
  margin: 24px 0 0;
  width: 100%;
}

.registration-dynamic-form__step-bar--value {
  background: #0bdede;
  border-radius: 6px;
  height: 100%;
}

.registration-dynamic-form__title {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 24px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.registration-dynamic-form .registration-dynamic-form__form {
  flex-grow: 1;
  margin: 24px 0 0;
}

.registration-dynamic-form__form-step {
  width: 100%;
}

.registration-dynamic-form .registration-dynamic-form__element {
  margin-bottom: 12px;
}

.registration-dynamic-form
  .registration-dynamic-form__element
  + .registration-dynamic-form__element--age_terms_acceptance,
.registration-dynamic-form
  .registration-dynamic-form__element
  + .registration-dynamic-form__element--recieve_all_promos {
  margin-top: 24px;
}

.registration-dynamic-form .registration-dynamic-form__element--hidden {
  display: none;
}

.registration-dynamic-form__footer {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  flex-direction: column;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 20px;
  margin-top: 24px;
  text-align: center;
  width: 100%;
}

.registration-dynamic-form__footer p {
  margin: 0;
  padding: 0;
}

.registration-dynamic-form__swap-modal {
  display: none;
}

@media (min-width: 1200px) {
  .registration-dynamic-form__swap-modal {
    display: block;
  }
}

.registration-dynamic-form__link {
  color: #00dccd;
  margin-left: 4px;
  transition: color 0.3s ease;
}

.registration-dynamic-form__link:hover {
  color: #1df0e2;
}

.registration-dynamic-form__label-wrapper {
  color: #fff;
  display: none;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 16px;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

@media (min-width: 768px) {
  .registration-dynamic-form__label-wrapper {
    font-size: 16px;
  }
}

.registration-dynamic-form__label {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

@media (min-width: 768px) {
  .registration-dynamic-form__label {
    font-size: 16px;
  }
}

.registration-dynamic-form__buttons {
  display: flex;
  flex-wrap: nowrap;
  margin: 12px 0 0;
}

.registration-dynamic-form__button-wrapper,
.registration-dynamic-form__buttons {
  align-items: center;
  flex-direction: row;
  justify-content: center;
  padding: 0;
  width: 100%;
}

.registration-dynamic-form__button-wrapper {
  align-self: stretch;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
}

.registration-dynamic-form__button-wrapper--submit {
  flex: 1;
}

.registration-dynamic-form__button-wrapper--step {
  width: auto;
}

.registration-dynamic-form__button-wrapper
  + .registration-dynamic-form__button-wrapper {
  margin-left: 12px;
}

.registration-dynamic-form .registration-dynamic-form__back-button {
  height: 48px;
  min-width: unset;
  width: 48px;
}

.registration-dynamic-form .registration-dynamic-form__submit-button,
.registration-dynamic-form__social {
  width: 100%;
}

@media (min-width: 1200px) {
  .registration-form-head {
    text-align: center;
    width: 100%;
  }
}

.registration-form-head__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 8px;
}

@media (min-width: 1200px) {
  .registration-form-head__title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
  }
}

.registration-form-head__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.registration-dynamic-form__element--gender
  .radio__input:checked
  + .radio__block
  .radio__point {
  opacity: 1;
}

.registration-dynamic-form__element--gender
  .radio__input:checked
  + .radio__block
  .radio__label {
  color: #fff;
}

.registration-dynamic-form__element--gender .radio {
  background: #384c6b;
  border-radius: 8px;
  flex: 1;
  max-width: 100%;
  position: relative;
  width: 50%;
}

.registration-dynamic-form__element--gender .radio:after {
  content: "";
  height: 24px;
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}

.registration-dynamic-form__element--gender .radio:first-child:after {
  background: url(/images/male.d686d740..svg) 50% no-repeat;
}

.registration-dynamic-form__element--gender .radio:nth-child(2):after {
  background: url(/images/female.2cb1e2d8..svg) 50% no-repeat;
}

.registration-dynamic-form__element--gender .radio-group {
  gap: 12px;
  justify-content: space-between;
}

.registration-dynamic-form__element--gender
  .radio-group--inline
  .radio-group__radio:not(:first-child) {
  margin-left: 0;
  margin-top: 0;
}

.registration-dynamic-form__element--gender .radio__block {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  height: 56px;
  justify-content: center;
  width: 100%;
}

.registration-dynamic-form__element--gender .radio__label {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-left: 52px;
  margin-right: 5px;
  white-space: nowrap;
}

.registration-dynamic-form__element--gender .radio__point {
  margin-right: 18px;
  min-width: 20px;
}

.registration-dynamic-form__element--bonus_code,
.registration-dynamic-form__element--captcha {
  display: none !important;
}

.multiple-checkboxes,
.multiple-checkboxes__childs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.multiple-checkboxes__childs {
  padding-left: 10px;
}

.multiple-checkboxes__message {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 11px;
}

.metamask.metamask {
  border: none;
  min-height: 0;
  min-width: 0;
  padding: 0;
}

.metamask.metamask:hover {
  background: transparent;
}

.metamask__icon {
  height: 100%;
  width: 100%;
}

.cms-page {
  padding-bottom: 60px;
  padding-top: 30px;
  position: relative;
}

@media (min-width: 768px) {
  .cms-page {
    padding-top: 35px;
  }
}

@media (min-width: 1200px) {
  .cms-page {
    padding-bottom: 80px;
    padding-left: 0;
    padding-top: 50px;
  }
}

@media (min-width: 1440px) {
  .cms-page {
    padding-bottom: 80px;
    padding-left: 0;
    padding-top: 60px;
  }
}

.cms-page__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.cms-page__head {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
  padding: 0;
  position: relative;
}

@media (min-width: 768px) {
  .cms-page__head {
    margin-bottom: 32px;
  }
}

.cms-page__head-wrap {
  position: relative;
  width: 100%;
  z-index: 3;
}

.cms-page__title {
  color: #fff;
  font-weight: 700;
  margin: 0 0 16px;
  padding: 0;
  text-transform: capitalize;
}

.cms-page__date {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.cms-page--without-vertical-space {
  padding-bottom: 0;
  padding-top: 0;
}

.cms-page--without-top-space {
  padding-top: 0;
}

.cms-page--without-bottom-space {
  padding-bottom: 0;
}

.cms-page--center-header {
  text-align: center;
} */

.content {
  /* color: hsla(0, 0%, 100%, 0.65); */
  font-family: Open Sans, sans-serif;
}

.content > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #fff;
  font-weight: 700;
  margin-top: 0;
}

.content h1 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .content h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
    color: #fff;
  }
}

.content h2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .content h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}

.content h3 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .content h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
  }
}

.content h4 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .content h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }
}

.content h5 {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .content h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
  }
}

.content h6 {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .content h6 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px;
  }
}

.content section {
  margin-bottom: 32px;
}

.content section > :first-of-type {
  margin-top: 0;
  padding-top: 0;
}

.content a,
.content blockquote,
.content mark,
.content ol,
.content p,
.content table,
.content ul {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 0;
}

@media (min-width: 768px) {
  .content a,
  .content blockquote,
  .content mark,
  .content ol,
  .content p,
  .content table,
  .content ul {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  }
}

/* .content a:last-child,
.content blockquote:last-child,
.content mark:last-child,
.content ol:last-child,
.content p:last-child,
.content table:last-child,
.content ul:last-child {
  margin: 0;
} */

.content mark {
  background: #00dccd;
  color: #001b33;
  font-weight: 500;
  padding: 1px 5px;
}

.content a:not(.link-btn):not(.link-no-styles) {
  color: #00dccd;
  font-size: inherit;
  font-style: normal;
  margin: 0;
  padding: 0;
  /* text-decoration: none; */
  text-transform: none;
  transition: color 0.3s ease;
  align-items: center;
  justify-content: center;
}

.content a:not(.link-btn):not(.link-no-styles):hover {
  color: #1df0e2;
  align-items: center;
  justify-content: center;
}

.content ol:not([type]) > li {
  padding-left: 0;
  position: relative;
}

.content ul:not([type]) > li {
  padding-left: 24px;
  position: relative;
}

.content ol:not([type]),
.content ul:not([type]) {
  list-style: none;
  margin-top: 0;
  padding: 0;
}

.content ol:not([type]) li + li,
.content ul:not([type]) li + li {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .content ol:not([type]) li + li,
  .content ul:not([type]) li + li {
    margin-top: 12px;
  }
}

.content ol:not([type]) ol,
.content ol:not([type]) ul,
.content ul:not([type]) ol,
.content ul:not([type]) ul {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .content ol:not([type]) ol,
  .content ol:not([type]) ul,
  .content ul:not([type]) ol,
  .content ul:not([type]) ul {
    margin-top: 12px;
  }
}

.content ul > li:before {
  background-color: hsla(0, 0%, 100%, 0.65);
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 12px;
  position: absolute;
  top: 8px;
  width: 4px;
}

@media (min-width: 768px) {
  .content ul > li:before {
    top: 10px;
  }
}

.content ol.sm > li,
.content ul.sm > li {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 14px;
}

.content ol:not([type]) {
  counter-reset: list-counter;
}

.content ol:not([type]) > li {
  counter-increment: list-counter;
}

.content ol:not([type]) > li:before {
  content: counter(list-counter) ". ";
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .content ol:not([type]) > li:before {
    font-size: 16px;
    line-height: 24px;
  }
}

.content img {
  display: inline-block;
  margin: 0;
  max-width: 100%;
}

.content pre {
  white-space: normal;
}

.content blockquote {
  border-left: 1px solid #00dccd;
  margin: 32px 0;
  padding-left: 32px;
}

.content .center {
  text-align: center;
}

.content .right {
  text-align: right;
}

.content .row {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .content .row {
    -moz-column-gap: 48px;
    column-gap: 48px;
    flex-direction: row;
  }
}

.content .column {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .content .column {
    margin-bottom: 24px;
  }
}

.content .column > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.content .btn,
.content .link-btn {
  padding: 12px 20px;
}

.content .btn:not(:last-child),
.content .link-btn:not(:last-child) {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .content .btn:not(:last-child),
  .content .link-btn:not(:last-child) {
    margin-bottom: 24px;
  }
}

/* .content table,
.content td,
.content th {
  border: 1px solid var (--header-color);
  border-collapse: collapse;
} */

.content th {
  /* font-size: 12px; */
  /* font-weight: 500; */
  letter-spacing: 0.2px;
  line-height: 16px;
  text-transform: uppercase;
  background-color: #66dcde;
}

.collapse-block {
  color: #6d6a71;
  font-size: 16px;
  text-align: start;
}

@media (min-width: 768px) {
  .collapse-block {
    font-size: 20px;
  }
}

.collapse-block__toggle {
  align-items: center;
  background: var(--header-color);
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  gap: 16px;
  min-height: 64px;
  padding: 20px 16px;
  transition: color 0.3s ease, background 0.3s ease;
}

@media (min-width: 768px) {
  .collapse-block__toggle {
    min-height: 72px;
  }
}

.collapse-block--open .collapse-block__toggle,
.collapse-block__toggle:hover {
  background: var (--header-color);
}

.collapse-block__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

@media (min-width: 768px) {
  .collapse-block__title {
    font-size: 20px;
    line-height: 30px;
  }
}

.collapse-block__caret {
  align-items: center;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  position: relative;
  transform-origin: center;
  width: 24px;
}

.collapse-block__caret:after,
.collapse-block__caret:before {
  background: var(--headings-color);
  border-radius: 100px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
  width: 15.5px;
}

.collapse-block__caret:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.collapse-block__caret--open:after {
  transform: translate(-50%, -50%);
}

.collapse-block__content-wrap {
  padding: 24px 0 0;
}

@media (min-width: 768px) {
  .collapse-block__content-wrap {
    padding-inline-start: 56px;
  }
}

/* .collapse-block--with-separator:not(:last-child) {
  border-bottom: 1px solid hsla(266, 3%, 43%, 0.4);
}

.full-tourn .collapse-block .collapse-block__title,
.tourn-network .collapse-block .collapse-block__title {
  flex: 1;
}

.full-tourn .collapse-block .collapse-block__toggle,
.tourn-network .collapse-block .collapse-block__toggle {
  min-height: auto;
  padding: 0 30px;
  position: relative;
}

.full-tourn .collapse-block .collapse-block__caret,
.tourn-network .collapse-block .collapse-block__caret {
  min-width: auto;
  position: absolute;
  right: 0;
  top: calc(50% - 2px);
}

.full-tourn .collapse-block .collapse-block__content-wrap,
.tourn-network .collapse-block .collapse-block__content-wrap {
  padding: 0;
}

.full-tourn .collapse-block h1,
.full-tourn .collapse-block h2,
.full-tourn .collapse-block h3,
.full-tourn .collapse-block h4,
.full-tourn .collapse-block h5,
.tourn-network .collapse-block h1,
.tourn-network .collapse-block h2,
.tourn-network .collapse-block h3,
.tourn-network .collapse-block h4,
.tourn-network .collapse-block h5 {
  color: #fff;
  margin-bottom: 16px;
  text-align: center;
}

.collapse-error,
.full-tourn .collapse-block .content,
.tourn-network .collapse-block .content {
  color: hsla(0, 0%, 100%, 0.65);
  text-align: center;
}

.collapse-error__toggle {
  cursor: pointer;
  font-weight: 700;
}

.collapse-error__toggle:focus,
.collapse-error__toggle:hover {
  color: #fff;
}

.collapse-error__content {
  margin-top: 16px;
}

.contact-list {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

.contact-list__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}

@media (min-width: 768px) {
  .contact-list__list {
    flex-direction: row;
  }
}

.contact-list__item {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 16px 16px 0;
  width: 300px;
}

.contact-list .contact-list__block,
.contact-list .contact-list__block:not(.link-btn):not(.link-no-styles) {
  grid-gap: 5px 30px;
  background-color: #22242c;
  border: none;
  border-radius: 10px;
  color: #fff !important;
  cursor: pointer;
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-rows: auto auto;
  min-height: 110px;
  padding: 10px 35px;
  text-decoration: none !important;
  transition: background-color 0.3s ease;
  width: 100%;
}

.contact-list .contact-list__block:hover,
.contact-list .contact-list__block:not(.link-btn):not(.link-no-styles):hover {
  background-color: #2b2d32;
}

.contact-list .contact-list__image {
  grid-column: 1;
  grid-row: span 2;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.contact-list__title {
  align-items: flex-end;
  align-self: stretch;
  font-size: 24px;
  font-weight: 700;
  grid-row: 1;
}

.contact-list__text,
.contact-list__title {
  display: flex;
  flex-direction: row;
  grid-column: 2;
}

.contact-list__text {
  align-items: flex-start;
  grid-row: 2;
}

.contact-us-modal-content {
  padding: 56px 16px 16px;
}

@media (min-width: 768px) {
  .contact-us-modal-content {
    padding: 56px 48px 48px;
  }
}

.contact-us-modal-content__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

.contact-us-modal-content__content h2,
.contact-us-modal-content__content h3,
.contact-us-modal-content__content h4,
.contact-us-modal-content__content h5 {
  color: #fff;
  font-size: 24px;
  line-height: 133%;
  margin: 0 0 16px;
  text-align: center;
}

.contact-us-modal-content__content p {
  color: hsla(0, 0%, 100%, 0.65);
  margin: 0;
  text-align: center;
}

.contact-us-modal-content__content p:not(:last-of-type) {
  margin: 0 0 16px;
}

.contact-us-modal-content .textarea {
  max-height: 128px;
  resize: none;
}

.contact-form .contact-form__form-element:not(:first-child) {
  margin-top: 12px;
}

.contact-form .contact-form__submit-button {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 24px;
  margin: 24px 0 0;
  min-height: 48px;
  text-transform: uppercase;
  width: 100%;
}

.contact-form__label {
  color: hsla(0, 0%, 100%, 0.65);
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 15px;
  padding: 0;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
}

@media (min-width: 768px) {
  .contact-form__label {
    font-size: 16px;
  }
}

.textarea::-webkit-scrollbar {
  width: 4px;
}

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

.textarea::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.textarea::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .textarea {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.textarea {
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: none;
  display: block;
  font-size: 16px;
  font-weight: 400;
  height: 200px;
  letter-spacing: normal;
  line-height: 1.2;
  overflow: hidden;
  overflow-y: auto;
  padding: 16px;
  resize: vertical;
  text-align: left;
  text-transform: none;
  transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
  white-space: normal;
  width: 100%;
}

.textarea,
.textarea:active,
.textarea:focus,
.textarea:hover {
  background: #384c6b none;
  color: hsla(0, 0%, 100%, 0.4);
  outline: none;
}

.textarea:active,
.textarea:focus,
.textarea:hover {
  border-color: transparent;
}

.textarea:focus,
.textarea:hover {
  background: #445778 none;
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.4);
}

.textarea--empty,
.textarea--empty:focus,
.textarea--empty:hover {
  background: #384c6b none none;
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.4);
}

.textarea--disabled {
  background: #384c6b none none !important;
  border-color: transparent !important;
  color: hsla(0, 0%, 100%, 0.65) !important;
  cursor: not-allowed;
}

.textarea::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.4) !important;
  line-height: 1.5;
  opacity: 1;
  -moz-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease !important;
  transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease !important;
}

.textarea::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.4) !important;
  line-height: normal;
  opacity: 1;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease !important;
  transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease !important;
}

.textarea:hover::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.4) !important;
  opacity: 1;
}

.textarea:hover::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.4) !important;
  opacity: 1;
}

.textarea:-webkit-autofill {
  -webkit-text-fill-color: hsla(0, 0%, 100%, 0.4) !important;
  background: #384c6b none !important;
  background-clip: content-box !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 0 100px #384c6b none !important;
  color: hsla(0, 0%, 100%, 0.4) !important;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease !important;
  transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease !important;
}

.textarea:-webkit-autofill:active,
.textarea:-webkit-autofill:active:focus,
.textarea:-webkit-autofill:active:hover,
.textarea:-webkit-autofill:focus,
.textarea:-webkit-autofill:focus:hover,
.textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: hsla(0, 0%, 100%, 0.4) !important;
  border-color: transparent !important;
  box-shadow: inset 0 0 0 100px #445778 none !important;
  color: hsla(0, 0%, 100%, 0.4) !important;
}

.textarea:-webkit-autofill:active:not(:hover) {
  -webkit-text-fill-color: hsla(0, 0%, 100%, 0.4) !important;
}

.textarea--error {
  border-color: rgba(245, 25, 105, 0.3) !important;
}

.textarea--error:-webkit-autofill {
  border-color: rgba(245, 25, 105, 0.3) !important;
}

.textarea--error:-webkit-autofill:active,
.textarea--error:-webkit-autofill:active:focus,
.textarea--error:-webkit-autofill:active:hover,
.textarea--error:-webkit-autofill:focus,
.textarea--error:-webkit-autofill:focus:hover,
.textarea--error:-webkit-autofill:hover {
  border-color: rgba(245, 25, 105, 0.3) !important;
}

.crypto-address__description {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.crypto-address__code {
  margin: 32px 0;
  text-align: center;
}

@media (min-width: 768px) {
  .crypto-address__code {
    text-align: left;
  }
}

.crypto-address__code .qr-code {
  border-radius: 8px;
  padding: 11px;
}

.crypto-address__hint {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.crypto-address__address {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
  padding: 16px;
  width: 100%;
}

.crypto-address__text {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crypto-address__copy {
  color: #00dccd;
}

.crypto-address__copy:hover {
  color: #1df0e2;
}

.crypto-address__amount-hint {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.crypto-address__amount-hint .amount-hint {
  display: inline;
}

.qr-code {
  background: #fff;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  padding: 10px;
}

.qr-code__spinner {
  align-items: center;
  display: flex;
  height: 128px;
  justify-content: center;
  width: 128px;
}

.qr-code__spinner:before {
  animation: spinner 0.75s linear infinite;
  border: 5px solid hsla(0, 0%, 100%, 0.65);
  border-radius: 50%;
  border-right-color: transparent;
  content: "";
  display: block;
  height: 40px;
  width: 40px;
}

@keyframes spinner {
  to {
    transform: rotate(1turn);
  }
}

.crypto-address-info-modal {
  padding: 56px 16px 48px;
}

@media (min-width: 768px) {
  .crypto-address-info-modal {
    padding: 56px 48px 48px;
  }
}

.crypto-address-info-modal__skip-btn {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 2px;
  line-height: 24px;
  position: absolute;
  right: 16px;
  top: 16px;
}

@media (min-width: 480px) {
  .crypto-address-info-modal__skip-btn {
    right: 24px;
    top: 24px;
  }
}

.crypto-address-info-modal__skip-btn-icon {
  font-size: 20px;
}

.crypto-address-info-modal__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 16px;
}

.crypto-address-info-modal__warning {
  aspect-ratio: 1;
  display: block;
  margin: 0 auto;
  width: 100px;
}

.crypto-address-info-modal__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-align: center;
}

.crypto-address-info-modal__content {
  color: #fff;
  margin-bottom: 32px;
}

.crypto-address-info-modal__content p {
  margin: 0 0 24px;
}

.crypto-address-info-modal__content p:last-child {
  margin: 0;
}

.crypto-address-info-modal__action-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width: 768px) {
  .crypto-address-info-modal__action-buttons {
    flex-direction: row-reverse;
  }
}

.crypto-address-info-modal__action-button {
  width: 100%;
}

.deposit-hint {
  position: relative;
}

.deposit-hint .deposit-hint__button--open {
  color: hsla(0, 0%, 100%, 0.2);
}

.deposit-hint .deposit-hint__button--open:active,
.deposit-hint .deposit-hint__button--open:hover,
.deposit-hint .deposit-hint__button--open:target {
  color: hsla(0, 0%, 100%, 0.4);
}

.deposit-hint .deposit-hint__button--close {
  position: absolute;
  right: 4px;
  top: 4px;
}

.deposit-hint__container {
  background: #445778;
  border-radius: 8px;
  bottom: calc(100% + 12px);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
  padding: 12px;
  position: absolute;
  right: -8px;
  z-index: 1;
  z-index: 10;
}

.deposit-hint__container:after {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #445778;
  bottom: -8px;
  content: "";
  position: absolute;
  right: 4px;
}

.deposit-hint__container--card-holder,
.deposit-hint__container--credit-card-number,
.deposit-hint__container--cvv {
  right: -32px;
}

.deposit-hint__container--card-holder:after,
.deposit-hint__container--credit-card-number:after,
.deposit-hint__container--cvv:after {
  right: 28px;
}

@media (min-width: 768px) {
  .deposit-hint__container--card-holder,
  .deposit-hint__container--credit-card-number,
  .deposit-hint__container--cvv {
    right: -8px;
  }

  .deposit-hint__container--card-holder:after,
  .deposit-hint__container--credit-card-number:after,
  .deposit-hint__container--cvv:after {
    right: 4px;
  }
}

.deposit-hint__container--card-expiry-date {
  right: -180px;
}

.deposit-hint__container--card-expiry-date:after {
  left: 95px;
  right: unset;
}

@media (min-width: 768px) {
  .deposit-hint__container--card-expiry-date {
    right: -8px;
  }

  .deposit-hint__container--card-expiry-date:after {
    left: unset;
    right: 4px;
  }
}

.deposit-hint__image {
  height: 174px;
  min-height: 174px;
  min-width: 280px;
  width: 280px;
}

.deposit-hint__text {
  margin: 0;
}

.deposit-hint__text--description {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.deposit-lottery-card {
  background: #384c6b;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  padding: 12px;
  position: relative;
  transition: background 0.3s ease;
}

.deposit-lottery-card--selected {
  background: linear-gradient(
    130.96deg,
    #03a02f 1.93%,
    #583d93 63.95%,
    #9d00c5 108.25%
  );
}

.deposit-lottery-card__content {
  height: 100%;
}

.deposit-lottery-card__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  row-gap: 12px;
}

.deposit-lottery-card__radio
  .radio__input:checked
  + .radio__block
  .radio__point:before {
  background: #fff;
}

.deposit-lottery-card__radio
  .radio__input:checked
  + .radio__block
  .radio__point {
  border-color: #fff;
}

.deposit-lottery-card__title {
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  line-height: 18px;
  margin-bottom: 4px;
}

.deposit-lottery-card__new-tickets-wrap {
  display: flex;
}

.deposit-lottery-card__new-tickets {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.deposit-lottery-card__deposit-rules {
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  flex-direction: column;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.deposit-lottery-card__image {
  bottom: 0;
  position: absolute;
  right: 0;
} */

.description {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}

.description__preview {
  margin-bottom: 20px;
  position: relative;
}

@media (min-width: 768px) {
  .description__preview {
    margin-bottom: 24px;
  }
}

.description__preview:after {
  /*background: linear-gradient(1turn,var(--background-color),rgba(15,15,20,0));*/
  bottom: 0;
  content: "";
  height: 64px;
  left: 0;
  position: absolute;
  width: 100%;
}

.description__preview--open:after {
  display: none;
}

.description__block-buttons {
  display: block;
  margin: 0;
  padding: 15px 0 0;
  text-align: center;
  width: 100%;
}

.description .description__button {
  background-color: var(--header-color);
  border-radius: 8px;
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.2px;
  line-height: 24px;
  margin: 0 auto;
  min-width: 116px;
  padding: 10px 16px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .description .description__button {
    min-width: 300px;
    padding: 12px 20px;
  }
}

/* .description--only-preview .description__preview:after {
  display: none;
}

.description--dark .description__preview:after {
  background: linear-gradient(180deg, rgba(15, 15, 20, 0), #000);
}

.description--terms {
  background: var(--header-color);
  border-radius: 20px;
  padding: 24px 20px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .description--terms {
    padding: 40px 48px;
  }
}

.description--terms .description__preview:after {
  background: linear-gradient(180deg, rgba(38, 59, 87, 0), var(--header-color));
}

.description--secondary .description__icon {
  display: none;
}

.description--secondary .description__button {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin: 0 auto;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .description--secondary .description__button {
    font-size: 16px;
    line-height: 24px;
    max-width: 260px;
    padding: 12px 20px;
    width: 100%;
  }
}

.description--secondary .description__preview:after {
  background: linear-gradient(1turn, var(--header-color), rgba(15, 15, 20, 0));
  bottom: 0;
  content: "";
  height: 64px;
  left: 0;
  position: absolute;
  width: 100%;
}

.description-secondary {
  width: 100%;
}

.description-secondary__content {
  color: hsla(0, 0%, 100%, 0.4);
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 24px;
  line-height: 24px;
  max-height: 96px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  .description-secondary__content {
    flex-direction: row;
    gap: 48px;
  }
}

.description-secondary__content div {
  width: 100%;
}

@media (min-width: 1200px) {
  .description-secondary__content div {
    max-width: calc(50% - 24px);
  }
}

.description-secondary__content:after {
  background: linear-gradient(
    180deg,
    rgba(15, 15, 20, 0),
    rgba(15, 15, 20, 0.76) 64.58%,
    #0f0f14
  );
  bottom: 0;
  content: "";
  height: 30%;
  left: 0;
  position: absolute;
  width: 100%;
}

.description-secondary .description-secondary__button {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-top: 5px;
}

.description-secondary__icon {
  transition: transform 0.3s ease;
}

.description-secondary__icon--open {
  transform: rotate(180deg);
}

.description-secondary--active .description-secondary__content {
  max-height: 2000px;
}

.description-secondary--active .description-secondary__content:after {
  content: none;
}

.dynamic-bg {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

.dynamic-bg__item {
  height: 45px;
  position: absolute;
  width: 45px;
}

.dynamic-bg--easter .dynamic-bg__item:first-child {
  animation: fall-1 18s linear -15s infinite;
  background: url(/images/egg-16.2744ee40..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.2491;
  transform: translate(15.1083vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(2) {
  animation: fall-2 25s linear -15s infinite;
  background: url(/images/egg-5.a6e3ace4..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.2084;
  transform: translate(9.3844vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(3) {
  animation: fall-3 14s linear -15s infinite;
  background: url(/images/egg-15.388b97ef..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.2549;
  transform: translate(9.1571vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(4) {
  animation: fall-4 16s linear -22s infinite;
  background: url(/images/egg-4.9e701cca..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.9081;
  transform: translate(81.4241vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(5) {
  animation: fall-5 14s linear -12s infinite;
  background: url(/images/egg-8.0372e5e6..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.4894;
  transform: translate(57.6264vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(6) {
  animation: fall-6 12s linear -6s infinite;
  background: url(/images/egg-10.1589fd65..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.4916;
  transform: translate(58.5044vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(7) {
  animation: fall-7 19s linear -15s infinite;
  background: url(/images/egg-19.0f45b2e4..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.1181;
  transform: translate(10.9275vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(8) {
  animation: fall-8 21s linear -28s infinite;
  background: url(/images/egg-19.0f45b2e4..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.1475;
  transform: translate(64.0704vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(9) {
  animation: fall-9 20s linear -9s infinite;
  background: url(/images/egg-12.568206c5..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.3936;
  transform: translate(14.8325vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(10) {
  animation: fall-10 24s linear -18s infinite;
  background: url(/images/egg-14.49db3057..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.6541;
  transform: translate(65.4583vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(11) {
  animation: fall-11 24s linear -14s infinite;
  background: url(/images/egg-6.237fe16d..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.8418;
  transform: translate(98.3323vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(12) {
  animation: fall-12 21s linear -13s infinite;
  background: url(/images/egg-19.0f45b2e4..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.6123;
  transform: translate(76.9383vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(13) {
  animation: fall-13 26s linear -27s infinite;
  background: url(/images/egg-14.49db3057..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.3487;
  transform: translate(82.9997vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(14) {
  animation: fall-14 19s linear -27s infinite;
  background: url(/images/egg-13.c855b11b..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.5606;
  transform: translate(73.4817vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(15) {
  animation: fall-15 22s linear -18s infinite;
  background: url(/images/egg-10.1589fd65..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.5227;
  transform: translate(83.8571vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(16) {
  animation: fall-16 16s linear -2s infinite;
  background: url(/images/egg-18.834fec6f..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.4115;
  transform: translate(20.0741vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(17) {
  animation: fall-17 26s linear -18s infinite;
  background: url(/images/egg-11.0c41a353..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.1096;
  transform: translate(39.2132vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(18) {
  animation: fall-18 14s linear -22s infinite;
  background: url(/images/egg-17.6a6feb3a..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.4198;
  transform: translate(51.9168vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(19) {
  animation: fall-19 10s linear -28s infinite;
  background: url(/images/egg-5.a6e3ace4..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.1379;
  transform: translate(48.6657vw, -10px);
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(20) {
  animation: fall-20 17s linear -25s infinite;
  background: url(/images/egg-14.49db3057..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.2699;
  transform: translate(58.979vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:first-child {
  animation: fall-1 12s linear -14s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.8647;
  transform: translate(94.3789vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(2) {
  animation: fall-2 21s linear -8s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.4331;
  transform: translate(51.2307vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(3) {
  animation: fall-3 16s linear -4s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.8105;
  transform: translate(37.7836vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(4) {
  animation: fall-4 16s linear -29s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.9437;
  transform: translate(18.1152vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(5) {
  animation: fall-5 26s linear -17s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.0495;
  transform: translate(58.2935vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(6) {
  animation: fall-6 22s linear -3s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.9819;
  transform: translate(19.4088vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(7) {
  animation: fall-7 29s linear -24s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.8305;
  transform: translate(83.4972vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(8) {
  animation: fall-8 25s linear -23s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.2699;
  transform: translate(60.2785vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(9) {
  animation: fall-9 16s linear -4s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.1524;
  transform: translate(84.6961vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(10) {
  animation: fall-10 30s linear -12s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.0771;
  transform: translate(58.2068vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(11) {
  animation: fall-11 29s linear -8s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.4852;
  transform: translate(7.5501vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(12) {
  animation: fall-12 11s linear -8s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.3656;
  transform: translate(26.866vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(13) {
  animation: fall-13 28s linear -5s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.2701;
  transform: translate(13.4072vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(14) {
  animation: fall-14 28s linear -28s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.7341;
  transform: translate(15.9914vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(15) {
  animation: fall-15 28s linear -9s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.2969;
  transform: translate(56.0739vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(16) {
  animation: fall-16 17s linear -24s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.9359;
  transform: translate(14.357vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(17) {
  animation: fall-17 13s linear -26s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.2305;
  transform: translate(68.9527vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(18) {
  animation: fall-18 19s linear -7s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.6604;
  transform: translate(90.2462vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(19) {
  animation: fall-19 16s linear -25s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.9297;
  transform: translate(58.2033vw, -10px);
}

.dynamic-bg--football .dynamic-bg__item:nth-child(20) {
  animation: fall-20 24s linear -20s infinite;
  background: url(/images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.7946;
  transform: translate(11.5501vw, -10px);
}

.dynamic-bg--st-valentines .dynamic-bg__item:first-child {
  animation: fall-1 29s linear -14s infinite;
  background: url(/images/heart-12.0e2f5709..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.1577;
  transform: translate(83.7749vw, -10px);
}

@keyframes fall-1 {
  33.036% {
    transform: translate(90.595vw, 33.036vh);
  }

  to {
    transform: translate(87.18495vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(2) {
  animation: fall-2 27s linear -1s infinite;
  background: url(/images/heart-19.aaf6238d..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.3285;
  transform: translate(20.8465vw, -10px);
}

@keyframes fall-2 {
  79.416% {
    transform: translate(23.0434vw, 79.416vh);
  }

  to {
    transform: translate(21.94495vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(3) {
  animation: fall-3 10s linear -18s infinite;
  background: url(/images/heart-20.9c0c9e73..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.1955;
  transform: translate(93.9327vw, -10px);
}

@keyframes fall-3 {
  30.699% {
    transform: translate(93.656vw, 30.699vh);
  }

  to {
    transform: translate(93.79435vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(4) {
  animation: fall-4 17s linear -25s infinite;
  background: url(/images/heart-1.4ea59f80..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.4418;
  transform: translate(93.6278vw, -10px);
}

@keyframes fall-4 {
  47.25% {
    transform: translate(96.8587vw, 47.25vh);
  }

  to {
    transform: translate(95.24325vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(5) {
  animation: fall-5 17s linear -12s infinite;
  background: url(/images/heart-1.4ea59f80..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.2172;
  transform: translate(15.4111vw, -10px);
}

@keyframes fall-5 {
  77.865% {
    transform: translate(16.6471vw, 77.865vh);
  }

  to {
    transform: translate(16.0291vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(6) {
  animation: fall-6 26s linear -17s infinite;
  background: url(/images/heart-7.74f8be1b..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.6949;
  transform: translate(72.3668vw, -10px);
}

@keyframes fall-6 {
  77.573% {
    transform: translate(69.5509vw, 77.573vh);
  }

  to {
    transform: translate(70.95885vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(7) {
  animation: fall-7 18s linear -13s infinite;
  background: url(/images/heart-7.74f8be1b..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.565;
  transform: translate(8.0341vw, -10px);
}

@keyframes fall-7 {
  52.159% {
    transform: translate(14.6532vw, 52.159vh);
  }

  to {
    transform: translate(11.34365vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(8) {
  animation: fall-8 18s linear -3s infinite;
  background: url(/images/heart-5.2c3deb14..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.076;
  transform: translate(51.3417vw, -10px);
}

@keyframes fall-8 {
  66.519% {
    transform: translate(60.5557vw, 66.519vh);
  }

  to {
    transform: translate(55.9487vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(9) {
  animation: fall-9 12s linear -13s infinite;
  background: url(/images/heart-14.19f6d2a5..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.4307;
  transform: translate(75.3443vw, -10px);
}

@keyframes fall-9 {
  32.163% {
    transform: translate(69.7588vw, 32.163vh);
  }

  to {
    transform: translate(72.55155vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(10) {
  animation: fall-10 17s linear -19s infinite;
  background: url(/images/heart-17.adf2564f..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.1227;
  transform: translate(98.1773vw, -10px);
}

@keyframes fall-10 {
  34.057% {
    transform: translate(102.7268vw, 34.057vh);
  }

  to {
    transform: translate(100.45205vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(11) {
  animation: fall-11 14s linear -6s infinite;
  background: url(/images/heart-18.5559f337..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.0844;
  transform: translate(93.4196vw, -10px);
}

@keyframes fall-11 {
  45.09% {
    transform: translate(100.8208vw, 45.09vh);
  }

  to {
    transform: translate(97.1202vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(12) {
  animation: fall-12 23s linear -11s infinite;
  background: url(/images/heart-15.40d55097..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.7345;
  transform: translate(41.9043vw, -10px);
}

@keyframes fall-12 {
  33.058% {
    transform: translate(48.7132vw, 33.058vh);
  }

  to {
    transform: translate(45.30875vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(13) {
  animation: fall-13 25s linear -10s infinite;
  background: url(/images/heart-9.5ddba7a0..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.7789;
  transform: translate(43.9748vw, -10px);
}

@keyframes fall-13 {
  57.459% {
    transform: translate(47.7498vw, 57.459vh);
  }

  to {
    transform: translate(45.8623vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(14) {
  animation: fall-14 15s linear -22s infinite;
  background: url(/images/heart-6.99cb96cb..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.8033;
  transform: translate(31.9808vw, -10px);
}

@keyframes fall-14 {
  78.204% {
    transform: translate(38.1369vw, 78.204vh);
  }

  to {
    transform: translate(35.05885vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(15) {
  animation: fall-15 30s linear -21s infinite;
  background: url(/images/heart-9.5ddba7a0..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.7459;
  transform: translate(95.9242vw, -10px);
}

@keyframes fall-15 {
  68.876% {
    transform: translate(89.8936vw, 68.876vh);
  }

  to {
    transform: translate(92.9089vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(16) {
  animation: fall-16 26s linear -16s infinite;
  background: url(/images/heart-7.74f8be1b..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.0948;
  transform: translate(21.377vw, -10px);
}

@keyframes fall-16 {
  53.835% {
    transform: translate(29.3752vw, 53.835vh);
  }

  to {
    transform: translate(25.3761vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(17) {
  animation: fall-17 23s linear -18s infinite;
  background: url(/images/heart-14.19f6d2a5..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.1704;
  transform: translate(53.3407vw, -10px);
}

@keyframes fall-17 {
  70.561% {
    transform: translate(56.6973vw, 70.561vh);
  }

  to {
    transform: translate(55.019vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(18) {
  animation: fall-18 10s linear -4s infinite;
  background: url(/images/heart-9.5ddba7a0..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.1025;
  transform: translate(80.1973vw, -10px);
}

@keyframes fall-18 {
  42.506% {
    transform: translate(88.0068vw, 42.506vh);
  }

  to {
    transform: translate(84.10205vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(19) {
  animation: fall-19 11s linear -6s infinite;
  background: url(/images/heart-5.2c3deb14..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.0851;
  transform: translate(15.5468vw, -10px);
}

@keyframes fall-19 {
  78.787% {
    transform: translate(18.7683vw, 78.787vh);
  }

  to {
    transform: translate(17.15755vw, 100vh);
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(20) {
  animation: fall-20 18s linear -14s infinite;
  background: url(/images/heart-3.00b84ef8..svg) 50% no-repeat;
  background-size: cover;
  opacity: 0.3017;
  transform: translate(54.3021vw, -10px);
}

@keyframes fall-20 {
  77.072% {
    transform: translate(53.8432vw, 77.072vh);
  }

  to {
    transform: translate(54.07265vw, 100vh);
  }
}

.fast-deposit-bonus-code__list {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 16px;
  row-gap: 12px;
}

@media (min-width: 480px) {
  .fast-deposit-bonus-code__list {
    grid-template-columns: 1fr 1fr;
  }
}

.fast-deposit-bonus-code__no-bonus {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.4);
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 16px;
}

.fast-deposit-bonus-code__icon {
  margin-right: 12px;
}

.fast-deposit-bonus-code__link {
  color: #00dccd;
  display: block;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 16px;
  transition: color 0.3s ease;
}

.fast-deposit-bonus-code__link:hover {
  color: #1df0e2;
}

.deposit-bonus-settings-default {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.deposit-bonus-settings-default__title {
  color: #fff;
  display: inline-block;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.switcher {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  max-width: 100%;
  width: auto;
}

.switcher__input {
  display: none;
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
}

.switcher__block {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: auto;
}

.switcher__block:focus {
  outline: none;
}

.switcher__block-text {
  color: hsla(0, 0%, 100%, 0.4);
  display: inline-block;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-right: 16px;
  pointer-events: none;
  text-align: right;
}

.switcher__container {
  align-items: center;
  border: 1.5px solid var (--header-color);
  border-radius: 20px;
  display: inline-flex;
  flex-direction: row;
  height: 22px;
  justify-content: flex-start;
  padding: 2.5px;
  transition: border-color 0.3s ease, background 0.3s ease;
  width: 38px;
}

.switcher__container:hover {
  border-color: #5c6f91;
}

.switcher__container:hover .switcher__button {
  background: #5c6f91;
}

.switcher__button {
  background: var (--header-color);
  border-radius: 50%;
  height: 14px;
  transition: background 0.3s ease;
  width: 14px;
}

.switcher__input:checked + .switcher__block .switcher__container {
  background: #00dccd;
  justify-content: flex-end;
}

.switcher__input:checked + .switcher__block .switcher__container:hover {
  background: #1df0e2;
}

.switcher__input:checked + .switcher__block .switcher__button {
  background: var(--header-color);
}

.switcher--disabled,
.switcher[disabled] {
  cursor: not-allowed;
}

.switcher--disabled .switcher__container,
.switcher[disabled] .switcher__container {
  background: var (--header-color) !important;
  border-color: var (--header-color) !important;
}

.switcher--disabled .switcher__button,
.switcher[disabled] .switcher__button {
  background: var(--header-color) !important;
}

.fast-deposit-bonus-code-card {
  background: linear-gradient(
    130.96deg,
    #03a096 1.93%,
    #3e20b7 63.95%,
    #83189e 108.25%
  );
  border-radius: 8px;
  padding: 12px 32px 12px 12px;
  position: relative;
  width: 100%;
}

.fast-deposit-bonus-code-card__icon {
  position: absolute;
  right: 6px;
  top: 6px;
}

.fast-deposit-bonus-code-card__icon--active:before {
  color: #fff !important;
}

.fast-deposit-bonus-code-card__icon--disabled:before {
  color: hsla(0, 0%, 100%, 0.2) !important;
}

.fast-deposit-bonus-code-card__title {
  color: hsla(0, 0%, 100%, 0.65);
  display: block;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 4px;
}

.fast-deposit-bonus-code-card__description {
  color: #fff;
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}

.fast-deposit-bonus-code-card__code,
.fast-deposit-bonus-code-card__description {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}

.fast-deposit-bonus-code-card__code {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-weight: 400;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}

.fast-deposit-bonus-code-card__code--value {
  align-items: center;
  color: #00dccd;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-left: 4px;
}

.fast-deposit-bonus-code-card__code--value i {
  font-size: 16px;
  margin-left: 4px;
}

.fast-deposit-bonus-code-card__code--no-value {
  color: #ffd336;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.fast-deposit-bonus-code-card__image {
  bottom: 0;
  position: absolute;
  right: 0;
}

.fast-deposit-bonus-code-card__no-bonus {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.4);
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}

.fast-deposit-bonus-code-card__no-bonus-icon {
  margin-right: 12px;
}

.bonus-code-form-default,
.bonus-code-form-default.form {
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 16px;
  position: relative;
}

.bonus-code-form-default .bonus-code-form-default__input {
  height: 48px;
  padding: 0 64px 0 16px;
}

.bonus-code-form-default .bonus-code-form-default__input .input__native {
  padding: 0;
}

.bonus-code-form-default .bonus-code-form-default__button {
  color: hsla(0, 0%, 100%, 0.2);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  position: absolute;
  right: 16px;
  text-align: right;
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.3s ease;
  z-index: 10;
}

.bonus-code-form-default .bonus-code-form-default__button:before {
  content: attr(title);
}

.bonus-code-form-default .bonus-code-form-default__button--active {
  color: #00dccd;
}

.bonus-code-form-default .bonus-code-form-default__button--active:hover {
  color: #1df0e2;
}

.bonus-code-form-default .bonus-code-form-default__button--saved {
  color: #ffd336;
}

.fast-deposit-modal {
  background: var(--header-color);
}

.fast-deposit-modal__header {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  padding: 56px 0 24px;
  text-align: center;
}

@media (min-width: 768px) {
  .fast-deposit-modal__header {
    padding: 28px 0 32px;
  }
}

.fast-deposit-modal__wrap {
  display: flex;
  flex-direction: column;
  padding: 0 16px 16px;
  row-gap: 32px;
}

@media (min-width: 768px) {
  .fast-deposit-modal__wrap {
    -moz-column-gap: 24px;
    column-gap: 24px;
    flex-direction: row;
    padding: 0 32px 40px;
  }
}

.fast-deposit-modal__left {
  width: 100%;
}

@media (min-width: 768px) {
  .fast-deposit-modal__left {
    max-width: 198px;
  }
}

.fast-deposit-modal__right {
  width: 100%;
}

@media (min-width: 768px) {
  .fast-deposit-modal__right {
    width: calc(100% - 222px);
  }
}

.fast-deposit-modal__balance {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.fast-deposit-modal__add-currency {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  height: 48px;
  justify-content: center;
  margin-left: 8px;
  min-width: 48px;
  transition: background 0.3s ease;
}

.fast-deposit-modal__add-currency:hover {
  background: #445778;
}

.fast-deposit-modal__section {
  margin-bottom: 32px;
}

.fast-deposit-modal__section--empty {
  display: none;
}

.fast-deposit-modal__section--amount {
  margin-bottom: 12px;
}

.fast-deposit-modal__payment-method {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.fast-deposit-modal__payment-method span {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.fast-deposit-modal__footer {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.fast-deposit-modal__footer,
.fast-deposit-modal__footer .text-btn {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.fast-deposit-modal__footer .text-btn {
  color: #00dccd;
  margin-left: 4px;
}

.fast-deposit-modal__footer .text-btn:hover {
  color: #1df0e2;
}

.fast-deposit-modal .bonus-refuse {
  align-items: center;
  background: rgba(255, 211, 54, 0.08);
  border-radius: 8px;
  color: #ffd336;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  margin-top: 16px;
  padding: 16px;
}

.fast-deposit-modal__submit {
  margin: 0 0 16px;
}

.payment-methods {
  display: block;
}

.payment-methods__saved {
  margin-bottom: 16px;
}

.payment-methods__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.payment-methods-list {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 8px;
}

@media (min-width: 480px) {
  .payment-methods-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) {
  .payment-methods-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.payment-methods-list__method {
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.4;
  overflow: hidden;
  transition: opacity 0.3s ease;
}

.payment-methods-list__method--selected,
.payment-methods-list__method:hover {
  opacity: 1;
}

.payment-method-item {
  align-items: center;
  align-self: stretch;
  background: #384c6b;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-start;
  line-height: normal;
  max-height: 100%;
  text-align: center;
  width: 100%;
}

.payment-method-item__wrapper {
  position: relative;
}

.payment-method-item__label {
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 2;
}

.payment-method-item__block-img {
  align-items: center;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 4px;
  display: flex;
  flex: 0 0 48px;
  justify-content: center;
  overflow: hidden;
  padding: 8px;
  width: 100%;
}

.payment-method-item__img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.payment-method-item__info {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  justify-content: center;
  line-height: 100%;
  padding: 4px;
  width: 100%;
}

.payment-method-item__text {
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin: 0;
}

.payment-method-item__text--fee {
  display: none;
}

.payment-method-item--active .payment-method-item__block-img {
  border: 2px solid #00dccd;
}

.payment-method-label {
  border-radius: 4px 1px;
  color: #fff;
  display: block;
  font-size: 8px;
  font-weight: 700;
  line-height: 10px;
  padding: 1px 3px;
  text-transform: uppercase;
}

.payment-method-label--new {
  background: #66d40f;
}

.payment-method-label--popular {
  background: #7e14ff;
}

.payment-method-label--hot {
  background: var(--button-color);
}

.payment-method-label--bonus {
  background: #0bdede;
}

.payment-method-label--spins {
  background: #e7b400;
}

.verified-by-card {
  margin-top: 0;
}

@media (min-width: 768px) {
  .verified-by-card {
    margin-top: -16px;
  }
}

.verified-by-card__list {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.verified-by-card__item {
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  display: inline-flex;
  flex-direction: row;
  height: 40px;
  justify-content: center;
  padding: 4px;
}

.verified-by-card__img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.payment-amount-default--empty {
  display: none;
}

.payment-amount-default__hint {
  color: hsla(0, 0%, 100%, 0.4);
  display: inline-block;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 8px;
  text-align: right;
}

.payment-amount-default__error {
  color: #0bdede;
}

.payment-amount-default__preset {
  display: block;
  width: 100%;
}

.payment-amount-default__input {
  position: relative;
}

.payment-amount-default__input--amount .input {
  padding-right: 55px;
}

.payment-amount-default__currency {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  right: 16px;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.amount-preset-list {
  grid-gap: 8px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 12px;
  padding: 0;
  width: 100%;
}

.amount-preset-item {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
}

.amount-preset-item__input {
  display: none;
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
}

.amount-preset-item__block {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: hsla(0, 0%, 100%, 0.4);
  cursor: pointer;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.2px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  transition: color 0.3s ease, background 0.3s ease;
  width: 100%;
}

.amount-preset-item__block:hover {
  background: #445778;
  color: #fff;
}

.amount-preset-item__currency {
  display: inline-block;
  margin-right: 3px;
  text-align: center;
  width: auto;
}

.amount-preset-item__input:checked + .amount-preset-item__block,
.amount-preset-item__input:checked + .amount-preset-item__block:hover {
  background: #445778;
  color: #fff;
}

.payment-saved-profiles {
  margin-bottom: 12px !important;
}

.payment-saved-profiles__text {
  margin: 0;
}

.payment-saved-profiles__text--title {
  font-weight: 700;
}

.payment-saved-profiles__text--title,
.payment-saved-profiles__text--value {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.payment-saved-profiles__title {
  display: flex;
  justify-content: space-between;
  margin: 32px 0 16px;
}

.payment-saved-profiles .payment-saved-profiles__button {
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  cursor: pointer;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  text-align: right;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.payment-saved-profiles .payment-saved-profiles__button--add-new {
  color: #00dccd;
}

.payment-saved-profiles .payment-saved-profiles__button--add-new:hover {
  color: #1df0e2;
}

.payment-saved-profiles__item,
.payment-saved-profiles__item-wrapper {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
}

.payment-saved-profiles__item {
  background: #384c6b;
  border-radius: 8px;
  cursor: pointer;
  height: 48px;
  overflow: hidden;
  padding: 12px 16px;
  position: relative;
  text-overflow: ellipsis;
  transition: background 0.3s ease;
  white-space: nowrap;
  width: 100%;
}

.payment-saved-profiles__item:hover {
  background: #445778;
}

.payment-saved-profiles__delete {
  background: #384c6b;
  border-radius: 8px;
  color: hsla(0, 0%, 100%, 0.65);
  cursor: pointer;
  display: flex;
  padding: 12px;
  transition: background 0.3s ease;
}

.payment-saved-profiles__delete:hover {
  background: #445778;
}

.payment-fields-default__player-field-form {
  margin-top: 12px !important;
}

.payment-fields-default .dynamic-form {
  padding: 0;
}

.payment-fields-default .dynamic-form__label {
  display: none;
}

.payment-fields-default
  .dynamic-form
  .payment-fields-default
  .dynamic-form__element {
  margin-top: 12px;
}

.payment-dynamic-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.payment-dynamic-form__element + .payment-dynamic-form__element {
  margin-top: 12px;
}

.payment-dynamic-form__element--tag {
  margin-top: 0 !important;
  width: 100%;
}

.payment-dynamic-form__element--banner {
  margin-top: 24px !important;
}

.payment-dynamic-form__element--address {
  width: 100%;
}

.payment-dynamic-form--cvv-expiry-date
  .payment-dynamic-form__element--card_expiry_date,
.payment-dynamic-form--cvv-expiry-date .payment-dynamic-form__element--cvv,
.payment-dynamic-form--cvv-expiry-date
  .payment-dynamic-form__element--expiry_date {
  width: calc(50% - 6px);
}

.payment-dynamic-form .payments-js-lib__wrapper {
  border: 1px dashed hsla(0, 0%, 100%, 0.4);
  border-radius: 8px;
  padding: 12px;
}

.payment-dynamic-form .payments-js-lib__img-wrapper {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.7);
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  padding: 5px;
}

.payment-dynamic-form .payments-js-lib__description {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.payment-dynamic-form__card-info {
  cursor: pointer;
  display: inline-flex;
}

.payment-dynamic-form__card-number-hint {
  height: 230px;
  width: 300px;
}

.payment-dynamic-form__card-number-hint img {
  width: 100%;
}

.payment-dynamic-form__credit-card-number .input__right-container {
  margin-left: 10px;
}

.payment-dynamic-form__card-icon {
  border-radius: 4px;
  max-height: 40px;
  max-width: 100px;
  -o-object-fit: contain;
  object-fit: contain;
}

.payment-form-element {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.payment-form-element .form-element__error,
.payment-form-element__error {
  color: var(--button-color);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px;
}

.payment-form-element .form-element__error:first-letter,
.payment-form-element__error:first-letter {
  text-transform: capitalize;
}

.protocols {
  margin-top: 24px;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 768px) {
  .protocols {
    max-width: 480px;
  }
}

.protocols:after,
.protocols:before {
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: width 0.3s linear;
  width: 0;
}

.protocols:before {
  background-image: linear-gradient(90deg, #000, transparent);
  left: 0;
}

.protocols:after {
  background-image: linear-gradient(270deg, #000, transparent);
  right: 0;
}

.protocols--end-gradient:after,
.protocols--start-gradient:before {
  width: 40px;
}

.protocols__wrapper {
  display: flex;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.protocol-item {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding: 10px;
  white-space: pre;
}

.protocol-item--active {
  border-color: #0bdede;
}

.protocol-item:active,
.protocol-item:focus {
  outline: none;
}

.protocol-item:not(:last-child) {
  margin-right: 10px;
}

.dynamic-form {
  display: flex;
  padding: 16px;
}

.dynamic-form .form-element__error {
  font-size: 10px;
  margin-top: 7px;
  text-align: left;
}

.dynamic-form__group-wrapper {
  display: flex;
  flex-basis: 33.3333333333%;
  flex-direction: column;
  width: 100%;
}

.dynamic-form__group-wrapper + .dynamic-form__group-wrapper {
  margin-left: 16px;
}

.dynamic-form__group-wrapper:only-child {
  flex-basis: 100%;
}

.dynamic-form__group-title {
  margin-bottom: 16px;
}

.dynamic-form__element + .dynamic-form__element {
  margin-top: 12px;
}

.dynamic-form__label {
  color: hsla(0, 0%, 100%, 0.45);
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.dynamic-form__label-star {
  display: none;
}

.dynamic-form__buttons-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
}

@media (min-width: 768px) {
  .dynamic-form__buttons-wrapper {
    flex-direction: row;
  }
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar {
  width: 4px;
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-track {
  background: transparent;
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .terms-acceptance-with-preview__content-wrapper {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.terms-acceptance-with-preview__content-wrapper {
  background: unset;
  border-radius: 4px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  margin-bottom: 16px;
  max-height: 64vh;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
}

.terms-acceptance-with-preview__content-wrapper .page-cms__container {
  padding: 0;
}

.terms-acceptance-with-preview__content-wrapper .page-cms__title {
  margin: 0;
}

.terms-acceptance-with-preview__content-wrapper .page-cms__content h5 {
  margin: 10px 0;
}

.terms-acceptance-with-preview .form-element__error {
  font-size: 10px;
  text-align: left;
}

.terms-acceptance-with-preview__content:first-child {
  padding-bottom: 16px;
}

.terms-acceptance-with-preview__content
  + .terms-acceptance-with-preview__content {
  border-top: 2px solid #353639;
  padding-top: 16px;
}

.terms-acceptance-with-preview__checkbox {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .terms-acceptance-with-preview__checkbox {
    margin-top: 26px;
  }
}

.terms-acceptance-with-preview__checkbox:before {
  background-color: var(--background-color);
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -16px);
  width: 100%;
}

@media (min-width: 768px) {
  .terms-acceptance-with-preview__checkbox:before {
    transform: translate(-50%, -26px);
  }
}

.file-input__native-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.deposit-lotteries__control {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 16px;
}

.deposit-lotteries__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.deposit-lotteries__tickets {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
}

@media (min-width: 480px) {
  .deposit-lotteries__tickets {
    grid-template-columns: 1fr 1fr;
  }
}

.deposit-lotteries__no-bonus {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.4);
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 16px;
}

.deposit-lotteries__icon {
  margin-right: 12px;
}

.payment-submit-default .btn {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.2px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.sofort-info__top {
  background: #384c6b;
  border-radius: 4px;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 12px 16px;
}

.sofort-info__cell {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.sofort-info__cell--time {
  justify-content: flex-end;
}

.sofort-info__cell-wrap {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}

.sofort-info__name {
  color: #fff;
  flex: 1;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.sofort-info__name--time {
  color: hsla(0, 0%, 100%, 0.65);
  white-space: nowrap;
}

.sofort-info__info {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.4);
  display: flex;
}

.sofort-info__data {
  flex: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-left: 12px;
}

.sofort-info__description {
  line-height: 18px;
}

.sofort-info__title {
  font-weight: 700;
  padding-bottom: 2px;
}

.sofort-info__icon {
  color: hsla(0, 0%, 100%, 0.4);
  display: flex;
  font-size: 24px;
}

.sofort-info__icon--passport {
  color: hsla(0, 0%, 100%, 0.65);
  margin-right: 4px;
}

.sofort-info__icon--required .font-icons:before {
  font-size: 40px !important;
}

.payment-common-errors-default {
  color: var(--button-color);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px;
  text-align: center;
}

.payment-banners {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
  margin-top: 16px;
}

.payment-banners .payments-js-lib__wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}

.payment-banners .payments-js-lib__img-wrapper {
  align-items: center;
  display: inline-flex;
  filter: brightness(200);
  justify-content: center;
  margin-right: 12px;
  opacity: 0.6;
}

.payment-banners .payments-js-lib__description {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.flip-card {
  display: flex;
  overflow: hidden;
  perspective: 1000px;
  position: relative;
  width: 100%;
}

.flip-card__back,
.flip-card__front {
  backface-visibility: hidden;
  background: var(--header-color);
  left: 0;
  min-height: 100%;
  position: static;
  top: 0;
  transition: transform 0.3s;
  width: 100%;
}

.flip-card__back {
  position: absolute;
  transform: rotateY(180deg);
}

.flip-card__btn {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 10;
}

.flip-card--open .flip-card__front {
  position: absolute;
  transform: rotateY(180deg);
}

.flip-card--open .flip-card__back {
  position: static;
  transform: rotateY(1turn);
/* } */

.footer-landings-payments {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px 32px;
  justify-content: center;
  margin-top: 48px;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 768px) {
  .footer-landings-payments {
    gap: 12px 56px;
    margin-top: 138px;
  }
}

@media (min-width: 1200px) {
  .footer-landings-payments {
    justify-content: flex-start;
    margin-bottom: 0;
    margin-top: 178px;
  }
}

@media (min-width: 1680px) {
  .footer-landings-payments {
    margin-top: 198px;
  }
}

.footer-landings-payments__link {
  align-items: center;
  display: flex;
  height: 40px;
}

.footer-landings-payments__image {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.footer-licence .link {
  display: block;
  width: 100%;
}

.footer-licence .image {
  max-width: 100%;
}

.footer-logos {
  display: block;
  margin: 0;
  padding: 10px 0;
  width: 100%;
}

@media (min-width: 768px) {
  .footer-logos {
    padding: 15px 0;
  }
}

.footer-logos__list {
  align-items: flex-start;
  display: flex;
  margin: 0;
  width: 100%;
}

.footer-logos__item,
.footer-logos__list {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}

.footer-logos__item {
  align-items: center;
  display: inline-flex;
  margin: 15px 10px;
  opacity: 0.5;
  text-decoration: none;
  transition: opacity 0.3s ease;
  width: auto;
}

@media (min-width: 768px) {
  .footer-logos__item {
    margin: 12px 10px;
  }
}

@media (min-width: 1200px) {
  .footer-logos__item {
    margin: 15px 10px;
  }
}

.footer-logos__item:hover {
  opacity: 1;
}

.footer-logos__image {
  display: inline-block;
  filter: grayscale(1);
  height: 25px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  vertical-align: top;
  width: auto;
}

.footer-slider.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.footer-slider.slick-slider:hover .slick-next,
.footer-slider.slick-slider:hover .slick-prev {
  display: block;
  opacity: 1;
}

.footer-slider.slick-slider .slick-list {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.footer-slider.slick-slider .slick-list:focus {
  outline: none;
}

.footer-slider.slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.footer-slider.slick-slider .slick-track {
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

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

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

.slick-loading .footer-slider.slick-slider .slick-track {
  visibility: hidden;
}

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

.footer-slider.slick-slider .slick-slide:first-child {
  margin-left: 0;
}

[dir="rtl"] .footer-slider.slick-slider .slick-slide {
  float: right;
}

.footer-slider.slick-slider .slick-slide img:not(.image--hidden) {
  display: block;
}

.footer-slider.slick-slider .slick-slide.slick-loading img {
  display: none;
}

.footer-slider.slick-slider .slick-slide.dragging img {
  pointer-events: none;
}

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

.footer-slider.slick-slider.slick-loading .slick-slide {
  visibility: hidden;
}

.footer-slider.slick-slider.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

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

.footer-slider.slick-slider .slick-next,
.footer-slider.slick-slider .slick-prev {
  background: rgba(0, 27, 51, 0.65);
  color: #fff;
  height: 48px;
  line-height: 1;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s ease, opacity 0.3s ease;
  width: 48px;
  z-index: 11;
}

.footer-slider.slick-slider .slick-next:hover,
.footer-slider.slick-slider .slick-prev:hover {
  background: rgba(25, 44, 67, 0.65);
}

.footer-slider.slick-slider .slick-prev {
  left: 0;
}

.footer-slider.slick-slider .slick-next {
  right: 0;
}

.slick-arrow {
  align-items: center;
  background-color: #22242c;
  background-image: none;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  color: hsla(0, 0%, 100%, 0.65);
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 13px;
  height: 40px;
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  transition: background-color 0.3s ease, opacity 0.3s ease;
  width: 40px;
}

.slick-arrow:hover,
.slick-arrow__control--active .slick-arrow {
  background-color: #2b2d32;
}

.slick-arrow.slick-disabled {
  background-color: #22242c !important;
  cursor: not-allowed;
  opacity: 0.5;
}

.slick-arrow.slick-next {
  right: 0;
  top: -20px;
  transform: translateY(-100%);
}

.slick-arrow.slick-prev {
  right: 48px;
  top: -20px;
  transform: translateY(-100%);
}

.providers-preview-list .slick-arrow.slick-next,
.providers-preview-list .slick-arrow.slick-prev {
  top: -10px;
}

.game-slider .slick-arrow {
  left: calc(100% + 10px);
  position: absolute;
  top: 50%;
  transform: translateY(calc(-100% - 5px));
}

.game-slider .slick-arrow.slick-next {
  transform: translateY(5px);
} */

.footer-menu {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
}

.footer-menu:last-child {
  border-bottom: none;
}

@media (min-width: 1200px) {
  .footer-menu {
    border-bottom: none;
    flex: 1;
  }
}

.footer-menu .text-btn {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  text-align: left;
  width: 100%;
}

@media (min-width: 1200px) {
  .footer-menu .text-btn {
    cursor: auto;
    pointer-events: none;
  }
}

.footer-menu .text-btn:hover .footer-menu__icon:before {
  color: #fff;
}

.footer-menu--open .footer-menu__icon {
  transform: rotate(180deg);
}

.footer-menu .footer-menu__icon {
  font-size: 24px;
  transition: transform 0.3s ease;
}

@media (min-width: 1200px) {
  .footer-menu .footer-menu__icon {
    display: none;
  }
}

.footer-menu .footer-menu__icon:before {
  color: hsla(0, 0%, 100%, 0.65);
  transition: color 0.3s ease;
}

@media (min-width: 1200px) {
  .footer-menu__collapse {
    display: none;
  }
}

.footer-menu__title {
  color: #fff;
  display: block;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 16px 0;
}

@media (min-width: 1200px) {
  .footer-menu__title {
    font-weight: 700;
    padding: 0 0 12px;
  }
}

.footer-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-menu__item {
  margin-bottom: 8px;
}

.footer-menu__link {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  transition: color 0.3s ease;
}

@media (min-width: 1200px) {
  .footer-menu__link {
    padding-inline-end: 24px;
  }
}

.footer-menu__link--current,
.footer-menu__link:hover {
  color: #fff;
}

.footer-menu__links {
  display: none;
}

/* @media (min-width: 1200px) {
  .footer-menu__links {
    display: block;
  }
}

.footer-payments {
  margin-bottom: 32px;
  overflow: hidden;
  position: relative;
}

.footer-payments:after,
.footer-payments:before {
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  z-index: 10;
}

.footer-payments:after {
  background: linear-gradient(
    270deg,
    var(--background-color),
    rgba(15, 15, 20, 0)
  );
  left: unset;
  right: 0;
}

@media (min-width: 1200px) {
  .footer-payments {
    margin-bottom: 40px;
  }
}

.footer-payments__item {
  opacity: 0.3;
  transition: opacity 0.3s ease;
}

.footer-payments__item:hover {
  opacity: 1;
}

.footer-payments__image {
  min-height: 32px;
}

.full-jackpot {
  align-items: center;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 18px;
  font-weight: 700;
  justify-content: flex-start;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
  padding: 30px 24px;
  position: relative;
  text-align: center;
}

@media (min-width: 768px) {
  .full-jackpot {
    margin: 0;
    padding: 60px 17px 22px;
  }
}

@media (min-width: 960px) {
  .full-jackpot {
    padding: 48px 17px 22px;
  }
}

@media (min-width: 1200px) {
  .full-jackpot {
    padding: 48px 55px 22px;
  }
}

.full-jackpot__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.full-jackpot__section-list {
  display: block;
  margin: 0 auto;
  max-width: 320px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .full-jackpot__section-list {
    margin: 0 auto 0 0;
    max-width: 830px;
  }
}

.full-jackpot__section-content {
  display: block;
  padding: 32px 0 96px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .full-jackpot__section-content {
    margin: 0 auto 0 0;
    max-width: 830px;
    padding: 0 0 20px;
  }
}

@media (min-width: 960px) {
  .full-jackpot__section-content {
    padding: 0 0 18px;
  }
}

.full-jackpot__title {
  font-size: 36px;
  font-weight: 800;
  position: relative;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .full-jackpot__title {
    font-size: 64px;
  }
}

@media (min-width: 1200px) {
  .full-jackpot__title {
    font-size: 80px;
  }
}

.full-jackpot__sum {
  color: #0bdede;
  font-size: 24px;
  font-weight: 800;
  margin: 5px 0 15px;
  position: relative;
}

@media (min-width: 768px) {
  .full-jackpot__sum {
    font-size: 32px;
    margin: 15px 0;
  }
}

@media (min-width: 960px) {
  .full-jackpot__sum {
    font-size: 36px;
    margin: 5px 0 15px;
  }
}

.full-jackpot__block-button {
  position: relative;
}

.games-total-jackpot__hint {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  font-weight: 400;
}

.jackpot-list__list::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}

.jackpot-list__list::-webkit-scrollbar-track {
  background: #22242c;
  border-radius: 2px;
}

.jackpot-list__list::-webkit-scrollbar-thumb {
  background: #41434a;
  border-radius: 2px;
}

.jackpot-list__list::-webkit-scrollbar-thumb:hover {
  background: #41434a;
}

@-moz-document url-prefix() {
  .jackpot-list__list {
    scrollbar-color: #41434a;
    scrollbar-width: thin;
  }
}

.jackpot-list__title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 15px;
  text-align: left;
  text-transform: capitalize;
}

.jackpot-list__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  max-height: 350px;
  overflow: hidden auto;
  padding: 0 18px 0 0;
  width: 100%;
}

@media (min-width: 768px) {
  .jackpot-list__list {
    flex-direction: row;
    overflow: auto hidden;
    padding: 0 0 12px;
  }
}

.jackpot-list__item {
  display: block;
}

.jackpot-list__item:not(:first-child) {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .jackpot-list__item:not(:first-child) {
    margin: 0 0 0 10px;
  }
}

.game-auth {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 16px;
}

.game-auth .game-auth__button {
  border-radius: 50%;
  height: 44px;
  min-width: unset;
  padding: 0;
  width: 44px;
}

.game-auth .game-auth__button--login,
.game-auth .game-auth__button--register {
  color: hsla(0, 0%, 100%, 0.65);
}

.game-auth .game-auth__button--login:hover,
.game-auth .game-auth__button--register:hover {
  color: #fff;
}

.game-category-select--content_mobile {
  -ms-overflow-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  overflow-x: auto;
  padding: 0 16px;
  scrollbar-width: none;
}

.game-category-select--content_mobile::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .game-category-select--content_mobile {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .game-category-select--segment-b .game-category-select__name--favorite,
  .game-category-select--segment-b .game-category-select__name--played {
    display: none;
  }
}

.game-category-select__link {
  align-items: center;
  background: transparent;
  border-radius: 40px;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  height: 40px;
  line-height: 20px;
  margin: 0;
  padding: 0 12px;
  transition: background 0.3s ease;
}

@media (min-width: 768px) {
  .game-category-select__link {
    font-size: 16px;
    height: 48px;
    line-height: 24px;
  }
}

.game-category-select__link--current {
  background: #0bdede !important;
  color: #001b33;
  font-weight: 700;
}

.game-category-select__link--current .game-category-select__icon:before {
  color: #001b33;
}

.game-category-select__icon {
  color: #0bdede;
  transition: color 0.3s ease;
}

.game-category-select__name {
  white-space: nowrap;
}

.categories-slider.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.categories-slider.slick-slider:after {
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}

.categories-slider.slick-slider .slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.categories-slider.slick-slider .slick-list:focus {
  outline: none;
}

.categories-slider.slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.categories-slider.slick-slider .slick-track {
  display: block;
  display: flex;
  flex-wrap: nowrap;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

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

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

.slick-loading .categories-slider.slick-slider .slick-track {
  visibility: hidden;
}

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

.categories-slider.slick-slider .slick-slide:first-child {
  margin-left: 0;
}

[dir="rtl"] .categories-slider.slick-slider .slick-slide {
  float: right;
}

.categories-slider.slick-slider .slick-slide img:not(.image--hidden) {
  display: block;
}

.categories-slider.slick-slider .slick-slide.slick-loading img {
  display: none;
}

.categories-slider.slick-slider .slick-slide.dragging img {
  pointer-events: none;
}

.categories-slider.slick-slider .slick-slide .game-category-menu-v2__item {
  display: inline-flex !important;
}

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

.categories-slider.slick-slider.slick-loading .slick-slide {
  visibility: hidden;
}

.categories-slider.slick-slider.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

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

.categories-slider.slick-slider .categories-slider__btn {
  background-color: #000;
}

.categories-slider.slick-slider .slick-arrow {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: rgba(0, 27, 51, 0.65);
  border-radius: 8px;
  height: 48px;
  opacity: 1;
  position: absolute;
  transform: none;
  width: 24px;
  z-index: 1;
}

.categories-slider.slick-slider .slick-arrow.slick-prev {
  left: -10px;
  top: 0;
}

.categories-slider.slick-slider .slick-arrow.slick-next {
  right: -24px;
  top: 0;
}

.game-info-modal-content__body::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.game-info-modal-content__body::-webkit-scrollbar-track {
  background: transparent;
}

.game-info-modal-content__body::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0;
}

.game-info-modal-content__body::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

@-moz-document url-prefix() {
  .game-info-modal-content__body {
    scrollbar-color: transparent;
    scrollbar-width: none;
  }
}

.game-info-modal-content__body:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

.game-info-modal-content {
  background: var(--header-color);
  display: flex;
  flex: 1;
  flex-direction: column;
}

.game-info-modal-content__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px 56px;
}

@media (min-width: 768px) {
  .game-info-modal-content__inner {
    padding: 0 48px 48px;
  }
}

.game-info-modal-content__game-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 -16px;
  min-height: 256px;
  overflow: hidden;
  padding: 56px 16px 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .game-info-modal-content__game-info {
    gap: 40px;
    margin: 0 -48px 16px;
    padding: 56px 48px 0;
  }
}

.game-info-modal-content__game-info:after {
  background: linear-gradient(180deg, transparent, var(--header-color));
  content: "";
  inset: -2px;
  position: absolute;
}

.game-info-modal-content__bg {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100%;
}

.game-info-modal-content__description {
  position: relative;
  text-align: center;
  z-index: 2;
}

.game-info-modal-content__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
  text-align: center;
}

.game-info-modal-content__title--name {
  margin: 0 0 4px;
}

.game-info-modal-content__provider {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  text-transform: capitalize;
}

.game-info-modal-content__about-list {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(10, 10, 13, 0.4);
  border-radius: 12px;
  list-style-type: none;
  margin: auto 0 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 2;
}

.game-info-modal-content__about-list-item {
  padding: 16px;
  position: relative;
}

.game-info-modal-content__about-list-item:after {
  border-bottom: 1px solid rgba(119, 121, 150, 0.2);
  bottom: 0;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
}

.game-info-modal-content__about-list-item:last-child:after {
  display: none;
}

.game-info-modal-content__about-list-text {
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 16px;
  justify-content: space-between;
  line-height: 20px;
  margin: 0;
}

.game-info-modal-content__about-list-text span {
  color: #fff;
  font-weight: 700;
  text-transform: capitalize;
}

.game-info-modal-content .game-info-modal-content__close {
  align-items: center;
  display: flex;
  gap: 12px;
  height: 48px;
  width: 100%;
}

.game-info-modal-content .game-info-modal-content__close-icon {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 19.5px;
  height: 24px;
  width: 24px;
}

.game-info-modal-content .game-info-modal-content__favorite {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(0, 27, 51, 0.65);
  left: 16px;
  position: absolute;
  top: 16px;
  z-index: 2;
}

@media (min-width: 768px) {
  .game-info-modal-content .game-info-modal-content__favorite {
    left: 24px;
    top: 24px;
  }
}

.game-info-modal-content .game-info-modal-content__back {
  align-items: center;
  background: rgba(0, 27, 51, 0.65);
  border-radius: 50%;
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  font-size: 12px;
  height: 40px;
  justify-content: center;
  left: 16px;
  padding: 5px;
  position: absolute;
  top: 16px;
  transition: color 0.3s ease;
  width: 40px;
  z-index: 3;
}

@media (min-width: 768px) {
  .game-info-modal-content .game-info-modal-content__back {
    left: 24px;
    top: 24px;
  }
}

.game-info-modal-content .game-info-modal-content__back:hover {
  color: #fff;
}

.game-info-modal-content__body {
  max-height: 100vh;
  overflow: auto;
  padding: 56px 16px 16px;
}

@media (min-width: 768px) {
  .game-info-modal-content__body {
    max-height: calc(100vh - 120px);
    padding: 56px 48px 48px;
  }
}

.game-info-modal-content__footer {
  display: flex;
  gap: 9px;
  justify-content: space-between;
  margin-top: auto;
  padding: 8px 16px;
}

@media (min-width: 768px) {
  .game-info-modal-content__footer {
    padding: 0 48px 48px;
  }
}

.game-info-modal-content__action {
  flex: 1;
  font-family: Open Sans, sans-serif;
}

.game-info-modal-content .game-info-modal-content__games-list {
  margin: 0 -16px -12px;
}

.game-info-modal-content .game-section-games-block-favorite__link,
.game-info-modal-content .game-section-games-block-played__link,
.game-info-modal-content .game-section-games-block__link {
  padding: 12px 16px;
}

body .game-tile-favorite-btn {
  align-items: center;
  background: #384c6b;
  border-radius: 50%;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  padding: 5px;
  transition: color 0.3s ease;
  width: 40px;
  z-index: 2;
}

body .game-tile-favorite-btn:active,
body .game-tile-favorite-btn:focus,
body .game-tile-favorite-btn:hover {
  color: #fff;
}

body .game-tile-favorite-btn--active,
body .game-tile-favorite-btn--active:active,
body .game-tile-favorite-btn--active:focus,
body .game-tile-favorite-btn--active:hover {
  color: #0bdede;
}

.game-menu-modal__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.game-menu-modal .game-menu-modal__list-item {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  transition: background 0.3s ease;
  width: 100%;
}

.game-menu-modal .game-menu-modal__list-item .game-menu-modal__icon {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-size: 19.5px;
  height: 24px;
  justify-content: center;
  transition: color 0.3s ease;
  width: 24px;
}

.game-menu-modal .game-menu-modal__list-item:hover {
  background: #384c6b;
}

.game-menu-modal .game-menu-modal__list-item:hover .game-menu-modal__icon {
  color: #fff;
}

.game-menu-modal .game-menu-modal__list-item--active {
  background: #0bdede !important;
}

.game-menu-modal .game-menu-modal__list-item--active:hover {
  background: #0acbcb !important;
}

.game-menu-modal .game-menu-modal__list-item--active .game-menu-modal__icon {
  color: #fff;
}

.game-menu-modal__text {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.game-menu-modal__list-item:hover {
  background: #384c6b;
}

.game-menu-modal__list-item:hover .game-menu-modal__icon-wrap {
  color: #fff;
}

.game-menu-modal__icon-wrap {
  font-size: 19.5px;
  height: 24px;
  transition: color 0.3s ease;
  width: 24px;
}

.ze-chat-btn:active,
.ze-chat-btn:focus,
.ze-chat-btn:hover {
  background: #1df0e2 !important;
  color: var(--background-color) !important;
}

.ze-chat-btn--game {
  bottom: 0;
  height: 44px;
  position: relative;
  right: 0;
  width: 44px;
}

.ze-chat-btn--home {
  bottom: 64px;
  height: 44px;
  position: fixed;
  right: 8px;
  width: 44px;
  z-index: 15;
}

@media (min-width: 768px) {
  .ze-chat-btn--home {
    height: 60px;
    width: 60px;
  }

  .ze-chat-btn--home i {
    font-size: 28px;
  }
}

@media (min-width: 960px) {
  .ze-chat-btn--home {
    bottom: 16px;
    right: 16px;
  }
}

.ze-chat-btn--inline-text {
  background: transparent;
  border-radius: 0;
  color: #00dccd;
  display: inline;
  position: static;
}

.ze-chat-btn--inline-text:active,
.ze-chat-btn--inline-text:focus,
.ze-chat-btn--inline-text:hover {
  background: transparent !important;
  color: #1df0e2 !important;
} */

.ze-chat-btn {
  align-items: center;
  background: #00dccd;
  border: none;
  border-radius: 50%;
  color: var(--background-color);
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-width: unset;
  outline: none;
  padding: 0;
  position: fixed;
  transition: 0.2s;
}
.ze-chat-btn--hidden {
  display: none;
}

.game-section-games-block-favorite__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.game-section-games-block-favorite__item {
  border-radius: 8px;
  position: relative;
  transition: background 0.3s ease;
}

.game-section-games-block-favorite__item:hover {
  background: #384c6b;
}

.game-section-games-block-favorite__item:hover
  .game-section-games-block-favorite__game-icon {
  opacity: 1;
}

.game-section-games-block-favorite__link {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 8px;
  width: 100%;
}

.game-section-games-block-favorite .game-section-games-block-favorite__image {
  border-radius: 8px;
  height: 56px;
  margin-right: 16px;
  width: 56px;
}

.game-section-games-block-favorite__content {
  display: flex;
  flex-direction: column;
}

.game-section-games-block-favorite__name {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px;
}

.game-section-games-block-favorite__provider {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize;
}

.game-section-games-block-favorite__game-icon {
  color: hsla(0, 0%, 100%, 0.65);
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s ease;
}

.game-section-games-block-favorite__not-found {
  padding: 22px 8px;
}

.games-list-not-found {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 40px 56px 16px;
}

.games-list-not-found .games-list-not-found__image {
  height: 100px;
  width: 100px;
}

.games-list-not-found__text {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.game-section-games-block-played__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.game-section-games-block-played__item {
  border-radius: 8px;
  position: relative;
  transition: background 0.3s ease;
}

.game-section-games-block-played__item:hover {
  background: #384c6b;
}

.game-section-games-block-played__item:hover
  .game-section-games-block-played__game-icon {
  opacity: 1;
}

.game-section-games-block-played__link {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 8px;
  width: 100%;
}

.game-section-games-block-played .game-section-games-block-played__image {
  border-radius: 8px;
  height: 56px;
  margin-right: 16px;
  width: 56px;
}

.game-section-games-block-played__content {
  display: flex;
  flex-direction: column;
}

.game-section-games-block-played__name {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px;
}

.game-section-games-block-played__provider {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize;
}

.game-section-games-block-played__game-icon {
  color: hsla(0, 0%, 100%, 0.65);
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s ease;
}

.game-section-games-block-played__not-found {
  padding: 40px 56px 16px;
}

.game-section-games-block__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.game-section-games-block__item {
  border-radius: 8px;
  position: relative;
  transition: background 0.3s ease;
}

.game-section-games-block__item:hover {
  background: #384c6b;
}

.game-section-games-block__item:hover .game-section-games-block__game-icon {
  opacity: 1;
}

.game-section-games-block__link {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 8px;
  width: 100%;
}

.game-section-games-block .game-section-games-block__image {
  border-radius: 8px;
  height: 56px;
  margin-right: 16px;
  width: 56px;
}

.game-section-games-block__content {
  display: flex;
  flex-direction: column;
}

.game-section-games-block__name {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px;
}

.game-section-games-block__provider {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize;
}

.game-section-games-block__game-icon {
  color: hsla(0, 0%, 100%, 0.65);
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s ease;
}

.game-section-games-block__not-found {
  padding: 40px 56px 16px;
}

.tournaments-list--block {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
}

@media (min-width: 768px) {
  .tournaments-list--block {
    -moz-column-gap: 12px;
    column-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  .tournaments-list--block {
    -moz-column-gap: 16px;
    column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 16px;
  }
}

.tournaments-list--card {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tournaments-list--empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 56px;
  row-gap: 32px;
}

@media (min-width: 1200px) {
  .tournaments-list--empty {
    margin-top: 116px;
  }
}

.tournaments-list--empty .tournaments-list__image {
  height: 128px;
  width: 128px;
}

.tournaments-list__text {
  margin: 0;
}

.tournaments-list__text--empty {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.tourn-block {
  border-radius: 12px;
  overflow: hidden;
}

.tourn-block--hidden {
  display: none;
}

.tourn-block__header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: space-between;
  padding: 16px 16px 24px;
  position: relative;
}

@media (min-width: 1200px) {
  .tourn-block__header {
    height: 224px;
    padding: 24px 24px 32px;
  }
}

.tourn-block__background {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

.tourn-block__tags {
  position: absolute;
  right: 18px;
  top: 16px;
}

@media (min-width: 1200px) {
  .tourn-block__tags {
    right: 24px;
    top: 24px;
  }
}

.tourn-block__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0;
}

@media (min-width: 1200px) {
  .tourn-block__title {
    font-size: 26px;
    line-height: 32px;
  }
}

.tourn-block__content {
  background: var(--header-color);
  padding: 24px 16px 16px;
}

@media (min-width: 1200px) {
  .tourn-block__content {
    padding: 32px 24px 24px;
  }
}

.tourn-block__description {
  margin-bottom: 24px;
}

@media (min-width: 1200px) {
  .tourn-block__description {
    margin-bottom: 32px;
  }
}

.tourn-block__description-item {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  justify-content: space-between;
  line-height: 20px;
  padding: 18px 0;
}

.tourn-block__description-item:first-child {
  padding: 0 0 18px;
}

.tourn-block__description-item:last-child {
  border-bottom: none;
  padding: 18px 0 0;
}

@media (min-width: 1200px) {
  .tourn-block__description-item {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0;
  }

  .tourn-block__description-item:first-child {
    padding: 0 0 16px;
  }

  .tourn-block__description-item:last-child {
    padding: 16px 0 0;
  }
}

.tourn-block__description-label {
  color: hsla(0, 0%, 100%, 0.65);
  font-weight: 400;
}

.tourn-block .tourn-block__button {
  width: 100%;
}

@media (min-width: 1200px) {
  .tourn-block .tourn-block__button {
    font-size: 16px;
    height: 48px;
    line-height: 24px;
  }
}

.tournament-status {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(10, 10, 13, 0.4);
  border-radius: 16px;
  color: #ffd336;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  padding: 4px 12px 4px 26px;
  position: relative;
  text-transform: uppercase;
  width: auto;
}

.tournament-status:before {
  background: #ffd336;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}

.tournament-status--active {
  color: #00dccd;
}

.tournament-status--active:before {
  animation: ping 1.5s linear infinite alternate;
  background: #00dccd;
}

.tournament-status--ended {
  color: hsla(0, 0%, 100%, 0.65);
}

.tournament-status--ended:before {
  background: hsla(0, 0%, 100%, 0.65);
}

@keyframes ping {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.tourn-tags {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
}

.tourn-tags__tag {
  border-radius: 8px;
  padding: 4px;
}

.tourn-tags__tag--new {
  background: linear-gradient(
    250.38deg,
    #1adb4a 8.31%,
    #87ffa5 16.13%,
    #1adb4a 45.83%,
    #a3ffba 72.16%,
    #1adb4a
  );
}

.tourn-tags__inner {
  border: 1.5px solid #001b33;
  border-radius: 6px;
  color: #001b33;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  padding: 8px;
  text-transform: uppercase;
}

.string-timer {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 100%;
  text-align: center;
}

.string-timer__list {
  display: flex;
  gap: 6px;
  max-width: 100%;
  width: 100%;
}

.string-timer__item,
.string-timer__list {
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.string-timer__item {
  display: inline-flex;
  position: relative;
  width: auto;
}

.string-timer__item:not(:first-child, :last-child):before {
  color: #fff;
  content: ":";
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.string-timer__label,
.string-timer__value {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.string-timer__text,
.string-timer__value {
  color: #fff;
  font-weight: 700;
}

.string-timer__text {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-timer {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(10, 10, 13, 0.4);
  border-radius: 16px;
  display: inline-flex;
  min-height: 24px;
  padding: 4px 8px;
  text-align: center;
}

.card-timer,
.card-timer__list {
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 100%;
}

.card-timer__list {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.card-timer__item {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
}

.card-timer__item:not(:first-child, :last-child):before {
  color: #fff;
  content: ":";
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.card-timer__label {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .card-timer__label {
    font-size: 14px;
  }
}

.card-timer__value {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.card-timer__text,
.card-timer__value {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.card-timer__text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tab-mobile-tournament {
  margin: -104px -16px -16px;
  padding: 24px 16px 28px;
  position: relative;
}

@media (min-width: 768px) {
  .tab-mobile-tournament {
    margin: -104px -48px -48px;
    padding: 28px 48px;
  }
}

.tab-mobile-tournament__section {
  margin: 0 0 32px;
}

.tab-mobile-tournament__section--participate {
  position: relative;
  z-index: 2;
}

.tab-mobile-tournament__section--tournament-link {
  margin: 0;
}

.tab-mobile-tournament__bg-wrapper {
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.tab-mobile-tournament__bg-wrapper:after {
  background: linear-gradient(180deg, transparent, var(--header-color));
  content: "";
  inset: 0;
  position: absolute;
}

.tab-mobile-tournament__bg {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.tab-mobile-tournament__inner {
  position: relative;
  text-align: center;
  z-index: 2;
}

.tab-mobile-tournament__status {
  margin: 0 0 8px;
}

.tab-mobile-tournament__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 12px;
}

.tab-mobile-tournament__tourn-link {
  width: 100%;
}

.tab-mobile-tournament__tourn-link .font-icons {
  font-size: 22px;
  margin-left: 8px;
}

.tourn-participate__info {
  align-items: center;
  display: flex;
  gap: 12px;
  margin: 0 0 16px;
}

.tourn-participate__info--restricted .tourn-participate__info-icon {
  color: #ffd336;
}

.tourn-participate__info-icon {
  align-self: flex-start;
  color: #00dccd;
  flex: 0 0 24px;
  font-size: 19.5px;
}

.tourn-participate__info-text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.tourn-participate .tourn-participate__button {
  width: 100%;
}

.tourn-participate .tourn-participate__button--active {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  color: #fff;
  cursor: default !important;
  display: flex;
  gap: 10px;
  height: 40px;
}

.tourn-participate .tourn-participate__button--active:active,
.tourn-participate .tourn-participate__button--active:focus,
.tourn-participate .tourn-participate__button--active:hover {
  background: transparent;
}

.tourn-participate .tourn-participate__button--active .font-icons {
  color: #1adb4a;
  font-size: 22px;
}

.tourn-about {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tourn-about__item {
  align-items: center;
  border-bottom: 1px solid rgba(119, 121, 150, 0.2);
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 16px;
  justify-content: space-between;
  line-height: 20px;
  min-height: 48px;
  padding: 0 12px;
}

.tourn-about__item:last-child {
  border-bottom: none;
}

.tourn-about__value {
  align-items: center;
  color: #fff;
  display: flex;
  font-weight: 700;
  gap: 8px;
  position: relative;
  text-align: right;
  text-transform: capitalize;
}

.tourn-about__hint {
  color: hsla(0, 0%, 100%, 0.4);
  display: inline-block;
  position: relative;
}

.tourn-about__hint-container {
  background: #000;
  border-radius: 8px;
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 200px;
  min-width: 220px;
  padding: 8px;
  position: absolute;
  right: 34px;
  text-align: left;
  text-transform: none;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: all 0.3s ease;
}

.tourn-about__hint-container:before {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #000;
  border-top: 8px solid transparent;
  content: "";
  position: absolute;
  right: -8px;
  top: calc(50% - 8px);
}

.tourn-about__hint-container--active {
  transform: translateY(-50%) scale(1);
}

.tourn-winner-special {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  min-height: 48px;
  padding: 8px 12px;
  position: relative;
}

.tourn-winner-special:before {
  border-radius: 0 4px 4px 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}

.tourn-winner-special__cell {
  color: #fff;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tourn-winner-special--bronze .tourn-winner-special__cell--place,
.tourn-winner-special--gold .tourn-winner-special__cell--place,
.tourn-winner-special--silver .tourn-winner-special__cell--place {
  align-items: flex-start;
  background: url(/images/place-bg.d0e0c398..svg) 50% no-repeat;
  background-size: cover;
}

.tourn-winner-special__cell--place {
  align-items: center;
  display: flex;
  flex: 0 0 32px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  padding: 2px 0;
}

.tourn-winner-special__cell--points {
  text-align: right;
}

.tourn-winner-special__cell--prize {
  font-weight: 700;
  text-align: right;
}

.tourn-winner-special--gold {
  background: linear-gradient(
    90deg,
    rgba(255, 199, 54, 0.2),
    rgba(255, 199, 54, 0.04)
  );
}

.tourn-winner-special--gold:before {
  background: #ffc736;
}

.tourn-winner-special--silver {
  background: linear-gradient(
    90deg,
    rgba(139, 182, 215, 0.2),
    rgba(139, 182, 215, 0.04)
  );
}

.tourn-winner-special--silver:before {
  background: #8cb6d7;
}

.tourn-winner-special--bronze {
  background: linear-gradient(
    90deg,
    rgba(214, 110, 65, 0.2),
    rgba(214, 110, 65, 0.04)
  );
}

.tourn-winner-special--bronze:before {
  background: #d66e41;
}

.tourn-winner-special--current:not(
    .tourn-winner-special--silver,
    .tourn-winner-special--gold,
    .tourn-winner-special--bronze
  )
  .tourn-winner-special__cell--place {
  background: #384c6b;
  border-radius: 20px;
  flex: 0 0 auto;
  height: auto;
  min-width: 32px;
  padding: 4px 8px;
}

.tourn-winner-special--current:not(
    .tourn-winner-special--silver,
    .tourn-winner-special--gold,
    .tourn-winner-special--bronze
  )
  .tourn-winner-special__cell--name {
  color: #00dccd;
}

.tourn-winners-flex__head {
  padding: 12px 12px 12px 0;
}

.tourn-winners-flex__head .tourn-winners-flex__cell {
  color: hsla(0, 0%, 100%, 0.4);
  flex: 1;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  text-transform: uppercase;
}

.tourn-winners-flex__row {
  display: flex;
}

.tourn-winners-flex .tourn-winners-flex__cell--place {
  flex: 0 0 56px;
  text-align: center;
}

.tourn-winners-flex .tourn-winners-flex__cell--points {
  text-align: right;
  white-space: nowrap;
}

.tourn-winners-flex .tourn-winners-flex__cell--prize {
  flex: 1;
  text-align: right;
}

.tourn-winners-flex__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tourn-winners-flex__more {
  margin-top: 16px;
  width: 100%;
}

.tourn-winners-flex__more .btn {
  width: 100%;
}

.tourn-winners-flex__modal-title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
  text-align: center;
}

.tourn-winners-flex__modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-winners-flex__modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

.tourn-winners-flex__modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 56px 16px 32px;
}

@media (min-width: 768px) {
  .tourn-winners-flex__modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
    padding: 56px 32px 32px;
  }
}

@media (min-width: 480px) {
  .tourn-winners-flex__modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.tourn-winner {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  min-height: 48px;
  padding: 8px 12px;
  position: relative;
}

.tourn-winner:before {
  border-radius: 0 4px 4px 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}

.tourn-winner__cell {
  color: #fff;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tourn-winner--bronze .tourn-winner__cell--place,
.tourn-winner--gold .tourn-winner__cell--place,
.tourn-winner--silver .tourn-winner__cell--place {
  align-items: flex-start;
  background: url(/images/place-bg.d0e0c398..svg) 50% no-repeat;
  background-size: cover;
}

.tourn-winner__cell--place {
  align-items: center;
  display: flex;
  flex: 0 0 32px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  padding: 2px 0;
}

.tourn-winner__cell--points {
  text-align: right;
}

.tourn-winner__cell--prize {
  font-weight: 700;
  text-align: right;
}

.tourn-winner--gold {
  background: linear-gradient(
    90deg,
    rgba(255, 199, 54, 0.2),
    rgba(255, 199, 54, 0.04)
  );
}

.tourn-winner--gold:before {
  background: #ffc736;
}

.tourn-winner--silver {
  background: linear-gradient(
    90deg,
    rgba(139, 182, 215, 0.2),
    rgba(139, 182, 215, 0.04)
  );
}

.tourn-winner--silver:before {
  background: #8cb6d7;
}

.tourn-winner--bronze {
  background: linear-gradient(
    90deg,
    rgba(214, 110, 65, 0.2),
    rgba(214, 110, 65, 0.04)
  );
}

.tourn-winner--bronze:before {
  background: #d66e41;
}

.tourn-winner--current:not(
    .tourn-winner--silver,
    .tourn-winner--gold,
    .tourn-winner--bronze
  )
  .tourn-winner__cell--place {
  background: #384c6b;
  border-radius: 20px;
  flex: 0 0 auto;
  height: auto;
  min-width: 32px;
  padding: 4px 8px;
}

.tourn-winner--current:not(
    .tourn-winner--silver,
    .tourn-winner--gold,
    .tourn-winner--bronze
  )
  .tourn-winner__cell--name {
  color: #00dccd;
}

.tourn-prizes-flex__head {
  padding: 12px 0;
}

.tourn-prizes-flex__head .tourn-prizes-flex__cell {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  text-transform: uppercase;
}

.tourn-prizes-flex__row {
  display: flex;
}

.tourn-prizes-flex__cell--place {
  flex: 0 0 56px;
  text-align: center;
}

.tourn-prizes-flex__cell--prize {
  flex: 1;
}

.tourn-prizes-flex__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tourn-prizes-flex__more {
  margin-top: 16px;
  width: 100%;
}

.tourn-prizes-flex__more .btn {
  width: 100%;
}

.tourn-prizes-flex__modal-title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
  text-align: center;
}

.tourn-prizes-flex__modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-prizes-flex__modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

.tourn-prizes-flex__modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 56px 16px 32px;
}

@media (min-width: 768px) {
  .tourn-prizes-flex__modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
    padding: 56px 32px 32px;
  }
}

@media (min-width: 480px) {
  .tourn-prizes-flex__modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.tourn-prize {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  min-height: 48px;
  overflow: hidden;
  padding: 8px 12px;
  position: relative;
}

.tourn-prize__place {
  background: #445778;
  border-radius: 50%;
  flex: 0 0 32px;
  height: 32px;
  line-height: 28px;
  padding: 2px 0;
  position: relative;
  text-align: center;
}

.tourn-prize__place,
.tourn-prize__prize {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.tourn-prize__prize {
  line-height: 20px;
  margin: 0;
}

.tourn-prize--gold {
  background: linear-gradient(
    90deg,
    rgba(255, 199, 54, 0.2),
    rgba(255, 199, 54, 0.04)
  );
}

.tourn-prize--gold:before {
  background: #ffd336;
  border-radius: 0 12px 12px 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}

.tourn-prize--gold:after {
  background: url(/images/gold-cup.cf8a0eef..png) 50% no-repeat;
  bottom: -16px;
  content: "";
  height: 56px;
  position: absolute;
  right: 4px;
  width: 64px;
}

.tourn-prize--gold .tourn-prize__place {
  background: url(/images/place-bg.d0e0c398..svg) 50% no-repeat;
  background-size: cover;
  line-height: 20px;
}

.tourn-prize--silver {
  background: linear-gradient(
    90deg,
    rgba(139, 182, 215, 0.2),
    rgba(139, 182, 215, 0.04)
  );
}

.tourn-prize--silver:before {
  background: #8cb6d7;
  border-radius: 0 12px 12px 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}

.tourn-prize--silver:after {
  background: url(/images/silver-cup.93017238..png) 50% no-repeat;
  bottom: -16px;
  content: "";
  height: 56px;
  position: absolute;
  right: 4px;
  width: 64px;
}

.tourn-prize--silver .tourn-prize__place {
  background: url(/images/place-bg.d0e0c398..svg) 50% no-repeat;
  background-size: cover;
  line-height: 20px;
}

.tourn-prize--bronze {
  background: linear-gradient(
    90deg,
    rgba(214, 110, 65, 0.2),
    rgba(214, 110, 65, 0.04)
  );
}

.tourn-prize--bronze:before {
  background: #d66e41;
  border-radius: 0 12px 12px 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}

.tourn-prize--bronze:after {
  background: url(/images/bronze-cup.8209ea2c..png) 50% no-repeat;
  bottom: -16px;
  content: "";
  height: 56px;
  position: absolute;
  right: 4px;
  width: 64px;
}

.tourn-prize--bronze .tourn-prize__place {
  background: url(/images/place-bg.d0e0c398..svg) 50% no-repeat;
  background-size: cover;
  line-height: 20px;
}

.game-info-slide {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 120px;
}

@media (min-width: 768px) {
  .game-info-slide {
    width: auto;
  }
}

.game-info-slide__image {
  height: 120px;
  margin: 0 0 16px;
}

@media (min-width: 1200px) {
  .game-info-slide__image {
    height: 166px;
  }
}

@media (min-width: 1440px) {
  .game-info-slide__image {
    height: 200px;
  }
}

.game-info-slide__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.game-info-slide__content {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase;
}

.game-info-slide__tooltip {
  background: #000;
  max-width: 250px;
}

.game-links__link {
  width: 100%;
}

.game-tile--controls-only {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start !important;
  width: auto !important;
}

@media (min-width: 768px) {
  .game-tile--controls-only .game__link {
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
  }
}

.game-tile--controls-only .game__link img {
  margin-right: 5px;
}

.game-tile--controls-only .game__link--dark {
  background: #212121;
  box-shadow: none;
  transition: background 0.3s ease;
}

.game-tile--controls-only .game__link--dark:hover {
  background: #313131;
}

.game-menu__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.game-menu .game-menu__item {
  border-radius: 8px;
  padding: 12px;
  position: relative;
  transition: background 0.3s ease;
}

.game-menu .game-menu__item .game-menu__icon {
  color: hsla(0, 0%, 100%, 0.65);
  transition: color 0.3s ease;
}

.game-menu .game-menu__item:hover {
  background: #384c6b;
}

.game-menu .game-menu__item:hover .game-menu__icon {
  color: #fff;
}

.game-menu .game-menu__item--active {
  background: #0bdede !important;
}

.game-menu .game-menu__item--active:hover {
  background: #0acbcb !important;
}

.game-menu .game-menu__item--active .game-menu__icon {
  color: #fff;
}

.game-menu .game-menu__item--active .game-menu__indicator {
  opacity: 0;
}

.game-menu__indicator {
  left: 50%;
  position: absolute;
  top: 10px;
  transition: opacity 0.3s ease;
}

.notification-center-indicator {
  align-items: center;
  background-color: var(--button-color);
  border: 2px solid var(--button-color);
  border-radius: 15px;
  color: #fff;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  justify-content: center;
  line-height: 10px;
  padding: 1px 3px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}

.game-panel__section::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.game-panel__section::-webkit-scrollbar-track {
  background: transparent;
}

.game-panel__section::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0;
}

.game-panel__section::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

@-moz-document url-prefix() {
  .game-panel__section {
    scrollbar-color: transparent;
    scrollbar-width: none;
  }
}

.game-panel__section:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

.game-panel {
  background: var(--header-color);
  display: flex;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(280px);
  transition: transform 0.3s ease;
  z-index: 1000;
}

.game-panel--open {
  transform: translateX(0);
}

.game-panel__menu {
  margin-top: 16px;
}

.game-panel__panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 64px;
}

.game-panel__section {
  border-left: 1px solid #001b33;
  height: 100%;
  overflow-y: auto;
  padding: 16px 8px;
  position: relative;
  width: 280px;
}

.game-panel__section--lg {
  width: 350px;
}

.game-panel__block--bottom {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  row-gap: 16px;
}

.game-panel__logo {
  display: flex;
  justify-content: center;
  margin: 28px 0;
}

.game-panel__logo img {
  max-width: 35px;
}

.game-panel__currency {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

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

.game-panel__title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 8px 16px;
}

.game-panel__title span {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.game-panel .game-panel__close-button {
  font-size: 13.5px;
  height: 24px;
  width: 24px;
}

.game-panel .game-panel__back-button {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-transform: capitalize;
}

.game-panel .game-panel__back-button:hover .font-icons {
  color: #fff;
}

.game-panel .game-panel__back-button .font-icons {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 22px;
  margin-right: 12px;
  transition: color 0.3s ease;
}

.game-panel .game-panel__deposit-button {
  letter-spacing: 0.2px;
  margin: 16px auto;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: calc(100% - 16px);
}

.game-panel .game-panel__deposit-button,
.text-btn.game-currency-select-button {
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  height: 40px;
  line-height: 20px;
  width: 100%;
}

.text-btn.game-currency-select-button {
  align-items: center;
  background: #384c6b;
  justify-content: center;
  transition: background 0.3s ease;
}

.text-btn.game-currency-select-button:hover {
  background: #445778;
}

.text-btn.game-currency-select-button:active,
.text-btn.game-currency-select-button:focus {
  background: #445778;
  color: #fff;
}

.text-btn.game-currency-select-button--disabled {
  background: #384c6b !important;
  color: hsla(0, 0%, 100%, 0.4) !important;
}

.text-btn.game-currency-select-button--active {
  background: #0bdede !important;
  color: #fff !important;
}

.game-controls {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.game-controls__list {
  align-items: center;
  bottom: 0;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  display: none;
  position: absolute;
  right: calc(100% + 4px);
  z-index: 0;
}

.game-controls__list--open {
  display: flex;
}

.game-controls__item {
  align-items: center;
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: auto;
}

.game-controls__item:first-child {
  display: inline-flex;
}

.game-controls .game-controls__button {
  background: #384c6b;
  border-radius: 50%;
  color: hsla(0, 0%, 100%, 0.65);
  height: 44px;
  min-width: unset;
  padding: 0;
  width: 44px;
}

.game-controls .game-controls__button:hover {
  background: #445778;
  color: #fff;
}

.game-controls .game-controls__button--item {
  background: rgba(0, 27, 51, 0.65);
}

.game-controls .game-controls__button--item:hover {
  background: rgba(25, 44, 67, 0.65);
}

.game-controls .game-controls__button--active {
  color: #0bdede !important;
}

html:fullscreen .game-controls .game-controls__button .font-icons--fullscreen {
  display: none;
}

.game-controls .game-controls__button .font-icons--fullscreen-close {
  display: none;
}

html:fullscreen
  .game-controls
  .game-controls__button
  .font-icons--fullscreen-close {
  display: block;
}

.game-currency-item {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 12px 8px 12px 16px;
  transition: background 0.3s ease;
  width: 100%;
}

.game-currency-item:hover {
  background: #445778;
}

.game-currency-item__code {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.notification-center-game__item .notification-center-card {
  height: unset;
  padding: 12px 32px 12px 8px;
}

.notification-center-game__not-found {
  padding: 40px 56px 16px;
  position: static;
  transform: none;
}

.notification-center-game__not-found .image {
  height: 100px;
  width: 100px;
}

.notification-center-card--empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.notification-center-card--empty__image {
  height: 100%;
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .notification-center-card--empty__image {
    height: 64px;
    margin-bottom: 12px;
    width: 64px;
  }
}

.notification-center-card--empty__text {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
}

.game-panel__section .notification-center-card--empty {
  top: 128px;
}

.notification-center-card--jackpot-win .notification-center-card__container {
  background: transparent;
  border: none;
  display: flex;
  flex: 1;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.notification-center-card--jackpot-win .notification-center-card__block-icon {
  flex: 0 0 40px;
  height: 40px;
  width: 40px;
}

.notification-center-card--jackpot-win
  .notification-center-card__block-icon
  img {
  max-width: 100%;
}

.notification-center-card--jackpot-win .notification-center-card__content {
  cursor: pointer;
  flex: 1;
  overflow: hidden;
  text-align: left;
}

.notification-center-card--jackpot-win .notification-center-card__title {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-center-card--jackpot-win .notification-center-card__description {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-center-card--level {
  background: transparent;
  border: none;
}

.notification-center-card--payment {
  pointer-events: none;
}

.notification-center-card {
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  padding: 12px 32px 12px 16px;
  position: relative;
  transition: background 0.3s ease;
}

.notification-center-card:hover {
  background: #445778;
}

.notification-center-card__image {
  margin-right: 12px;
}

.notification-center-card__content {
  display: flex;
  flex-direction: column;
}

.notification-center-card__title {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 4px;
}

.notification-center-card__description {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.notification-center-card--new:after {
  background: #0bdede;
  border-radius: 50%;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}

.notification-center-card--new .notification-center-card__description {
  color: #fff !important;
}

.tab-desktop-tournament {
  padding: 0 8px;
  position: relative;
}

.tab-desktop-tournament__section {
  margin: 0 0 32px;
}

.tab-desktop-tournament__section--info {
  margin: 0 0 16px;
}

.tab-desktop-tournament__section--participate {
  position: relative;
  z-index: 2;
}

.tab-desktop-tournament__section--tournament-link {
  margin: 0;
}

.tab-desktop-tournament__bg-wrapper {
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.tab-desktop-tournament__bg-wrapper:after {
  background: linear-gradient(180deg, rgba(36, 42, 56, 0.4), #242a38);
  content: "";
  inset: 0;
  position: absolute;
}

.tab-desktop-tournament__bg {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.tab-desktop-tournament__inner {
  position: relative;
  text-align: center;
  z-index: 2;
}

.tab-desktop-tournament__status {
  margin: 0 0 8px;
}

.tab-desktop-tournament__title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 8px;
}

.tab-desktop-tournament__tourn-link {
  width: 100%;
}

.tab-desktop-tournament__tourn-link .font-icons {
  font-size: 22px;
  margin-left: 8px;
}

.card-tournament,
.tourn-card {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  min-height: 144px;
  overflow: hidden;
  padding: 12px;
  position: relative;
}

.card-tournament:after,
.tourn-card:after {
  background: linear-gradient(
    359.28deg,
    rgba(10, 10, 13, 0.4) 0.68%,
    rgba(10, 10, 13, 0) 99.45%
  );
  bottom: 0;
  content: "";
  height: 90px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.card-tournament__bg,
.tourn-card__bg {
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  width: 100%;
}

.card-tournament__inner,
.tourn-card__inner {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  position: relative;
  z-index: 2;
}

.card-tournament__content,
.tourn-card__content {
  margin: auto 0 0;
}

.card-tournament__title,
.tourn-card__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px;
}

.card-tournament__title:last-child,
.tourn-card__title:last-child {
  margin: 0;
}

.tourn-card {
  min-height: 160px;
  padding: 16px;
}

.tourn-card:after {
  background: linear-gradient(
    359.28deg,
    rgba(10, 10, 13, 0.4) 0.68%,
    rgba(10, 10, 13, 0) 99.45%
  );
  bottom: 0;
  content: "";
  height: 90px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.tourn-card__title:last-child {
  margin: 0;
}

.game-panel-currency-content--modal
  .game-panel-currency-content__list::-webkit-scrollbar {
  width: 4px;
}

.game-panel-currency-content--modal
  .game-panel-currency-content__list::-webkit-scrollbar-track {
  background: transparent;
}

.game-panel-currency-content--modal
  .game-panel-currency-content__list::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.game-panel-currency-content--modal
  .game-panel-currency-content__list::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .game-panel-currency-content--modal .game-panel-currency-content__list {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.game-panel-currency-content__list {
  margin-bottom: 16px;
}

.game-panel-currency-content__actions {
  background: var(--header-color);
  left: 0;
  min-height: 48px;
  padding: 8px;
  position: absolute;
  top: calc(100% - 56px);
  width: 100%;
}

.game-panel-currency-content__deposit {
  width: 100%;
}

.game-panel-currency-content--modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.game-panel-currency-content--modal .game-panel-currency-content__list {
  flex: 1;
  max-height: calc(100vh - 190px);
  overflow: auto;
}

@media (min-width: 768px) {
  .game-panel-currency-content--modal .game-panel-currency-content__list {
    margin: 0 0 24px;
    max-height: 385px;
  }
}

.game-panel-mob {
  background: var(--header-color) none;
  bottom: 0;
  height: 48px;
  left: 0;
  position: fixed;
  right: 0;
  top: auto;
  z-index: 1000;
}

.game-panel-mob,
.game-panel-mob__list {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
}

.game-panel-mob__list {
  align-items: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
}

.game-panel-mob__item {
  align-self: stretch;
  display: inline-flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
}

.game-panel-mob__item,
.game-panel-mob__link {
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.game-panel-mob__link {
  background: transparent none;
  border: none;
  box-shadow: none;
  display: flex;
  height: 100%;
  max-width: 100%;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.game-panel-mob__link:active,
.game-panel-mob__link:focus,
.game-panel-mob__link:hover {
  outline: none;
  text-decoration: none;
}

.game-panel-mob__icon {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 22px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
}

.game-panel-mob__icon img {
  display: inline-block;
  height: auto;
  max-height: 18px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  vertical-align: top;
  width: auto;
}

@media screen and (orientation: landscape) {
  .game-panel-mob__icon img {
    height: 24px;
    max-height: 24px;
  }
}

.game-panel-mob__indicator {
  position: absolute;
  right: calc(50% - 18px);
  top: 5px;
}

.text-btn.game-currency-select-game-panel-mob {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  line-height: 20px;
  padding: 6px 8px;
  transition: background 0.3s ease;
  width: auto;
}

.text-btn.game-currency-select-game-panel-mob:hover {
  background: var(--header-color);
}

.text-btn.game-currency-select-game-panel-mob:active,
.text-btn.game-currency-select-game-panel-mob:focus {
  background: var(--header-color);
  color: #fff;
}

.text-btn.game-currency-select-game-panel-mob--disabled {
  background: #384c6b !important;
  color: hsla(0, 0%, 100%, 0.4) !important;
  cursor: not-allowed;
  opacity: 1 !important;
}

.text-btn.game-currency-select-game-panel-mob--active {
  background: #0bdede !important;
  color: #fff !important;
}

.promo-providers__list::-webkit-scrollbar {
  width: 4px;
}

.promo-providers__list::-webkit-scrollbar-track {
  background: transparent;
}

.promo-providers__list::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.promo-providers__list::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .promo-providers__list {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.promo-providers {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.promo-providers__title {
  display: block;
  margin: 0 0 16px;
  padding: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .promo-providers__title {
    margin-bottom: 37px;
  }
}

@media (min-width: 960px) {
  .promo-providers__title {
    margin-bottom: 38px;
  }
}

.promo-providers__list {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 auto;
  overflow-x: auto;
  padding: 0 0 5px;
  width: 100%;
}

.promo-providers__item {
  align-items: flex-start;
  align-self: stretch;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  min-width: calc(100vmin - 40px);
  padding: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .promo-providers__item {
    max-width: 33%;
    min-width: 360px;
  }
}

.promo-providers__item:not(:last-child) {
  margin-right: 20px;
}

@media (min-width: 960px) {
  .promo-providers__item:not(:last-child) {
    margin-right: 30px;
  }
}

.title {
  color: #6d6a71;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.4;
  margin: 0;
  text-align: center;
  text-transform: none;
}

.title,
.title__inner {
  display: block;
  padding: 0;
  width: 100%;
}

.title__inner {
  margin: 0 auto;
  max-width: 410px;
}

.title__icon {
  display: block;
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
}

.title__icon img {
  display: block;
  margin: 0 auto;
  max-height: 48px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.title__main {
  color: #fff;
  font-size: 32px;
  margin: 0;
}

.title__main,
.title__second {
  display: block;
  padding: 0;
  width: 100%;
}

.title__second {
  margin: 10px 0 0;
}

.title--full .title__inner {
  max-width: 100%;
}

.provider-block {
  background-color: #212121;
  border-radius: 4px;
}

.provider-block,
.provider-block__link {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
}

.provider-block__link {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.2;
  min-height: 100%;
  text-align: center;
  text-decoration: none;
}

@media (min-width: 768px) {
  .provider-block__link {
    font-size: 14px;
  }
}

@media (min-width: 960px) {
  .provider-block__link {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .provider-block__link {
    font-size: 24px;
  }
}

.provider-block__icon {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 50px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .provider-block__icon {
    height: 40px;
  }
}

@media (min-width: 960px) {
  .provider-block__icon {
    height: 56px;
  }
}

@media (min-width: 1200px) {
  .provider-block__icon {
    height: 70px;
  }
}

.provider-block__icon img {
  display: block;
  max-height: 60%;
  max-width: 90%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.provider-block__title {
  display: block;
  margin: 0 0 auto;
  padding: 0 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .provider-block__title {
    padding: 0 15px;
  }
}

@media (min-width: 960px) {
  .provider-block__title {
    padding: 0 20px;
  }
}

@media (min-width: 1440px) {
  .provider-block__title {
    padding: 0 50px;
  }
}

.provider-block__image {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 20px 0 0;
  min-height: 113px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .provider-block__image {
    min-height: 89px;
  }
}

@media (min-width: 960px) {
  .provider-block__image {
    margin-top: 32px;
    min-height: 112px;
  }
}

@media (min-width: 1200px) {
  .provider-block__image {
    margin-top: 39px;
    min-height: 152px;
  }
}

.provider-block__image:after {
  background-image: linear-gradient(180deg, transparent 0, #000);
  bottom: 0;
  content: "";
  display: block;
  height: 113px;
  left: 0;
  position: absolute;
  width: 100%;
}

@media (min-width: 768px) {
  .provider-block__image:after {
    height: 89px;
  }
}

@media (min-width: 960px) {
  .provider-block__image:after {
    height: 112px;
  }
}

@media (min-width: 1200px) {
  .provider-block__image:after {
    height: 152px;
  }
}

.provider-block__image img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center bottom;
  object-position: center bottom;
}

.games-filter-block--segment-b .games-filter-block__wrapper {
  background: var(--header-color);
  border-radius: 12px;
  overflow: hidden;
  padding: 6px 16px;
}

.games-filter-block--segment-b .games-filter-block__category:after {
  background: linear-gradient(
    270.07deg,
    var(--header-color) 37.52%,
    rgba(38, 59, 87, 0) 102.44%
  );
}

.games-filter-block__wrapper {
  display: flex;
  flex-direction: column;
  padding: 0;
}

@media (min-width: 768px) {
  .games-filter-block__wrapper {
    align-items: center;
    background: var(--header-color);
    border-radius: 12px;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 16px 16px 4px;
  }
}

.games-filter-block__category {
  margin-left: -16px;
  overflow-x: visible;
  position: relative;
  width: calc(100% + 32px);
}

@media (min-width: 768px) {
  .games-filter-block__category {
    margin-left: 0;
    overflow: hidden;
    padding: 0 28px 0 12px;
    width: auto;
  }
}

.games-filter-block__category:after {
  background: linear-gradient(
    270deg,
    var(--background-color),
    rgba(15, 15, 20, 0)
  );
  content: "";
  height: 40px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}

@media (min-width: 768px) {
  .games-filter-block__category:after {
    display: none;
  }
}

.games-filter-block .games-filter-block__providers-button {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: #fff;
  display: none;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 48px;
  justify-content: center;
  line-height: 24px;
  margin-top: 16px;
  position: relative;
  transition: background 0.3s ease;
  width: 100%;
}

@media (min-width: 768px) {
  .games-filter-block .games-filter-block__providers-button {
    display: flex;
    margin-top: 0;
    padding: 0 16px;
    width: unset;
  }
}

.games-filter-block .games-filter-block__providers-button:after {
  background: linear-gradient(270deg, var(--header-color), rgba(26, 26, 34, 0));
  content: "";
  display: none;
  height: 48px;
  left: -48px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 48px;
}

@media (min-width: 768px) {
  .games-filter-block .games-filter-block__providers-button:after {
    display: block;
  }
}

.games-filter-block .games-filter-block__providers-button:hover {
  background: #445778;
}

.games-filter-block__icon {
  color: #0bdede;
  margin-right: 12px;
}

.games-filter-block .categories-slider.slick-slider .slick-arrow {
  display: none !important;
}

.games-filter-block:hover .categories-slider.slick-slider .slick-arrow {
  display: block !important;
}

.games-filter-block:hover
  .categories-slider.slick-slider
  .slick-arrow.slick-disabled {
  display: none !important;
}

span.all-jackpot a.link-no-styles {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s;
}

span.all-jackpot a.link-no-styles:active,
span.all-jackpot a.link-no-styles:focus,
span.all-jackpot a.link-no-styles:hover {
  color: #fff;
  text-decoration: none;
}

.all-jackpot .link-no-styles {
  margin-left: 4px !important;
}

.games-list {
  display: inline;
}

.games-list .games-list__button--more {
  display: inline-flex;
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .games-list .games-list__button--more {
    font-size: 16px;
    line-height: 24px;
  }
}

.game__text-link {
  background: transparent;
  border: none;
  box-shadow: none;
  color: inherit;
  font-weight: 400;
  line-height: 0;
  margin: 0 !important;
  min-height: auto;
  min-width: auto;
  outline: none;
  padding: 0;
  padding: 0 !important;
  text-transform: none;
  vertical-align: unset;
}

.game__text-link:active,
.game__text-link:focus,
.game__text-link:hover {
  background: transparent;
  color: #fff;
}

.games-not-found {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.games-not-found--custom {
  margin-top: 85px;
}

@media (min-width: 768px) {
  .games-not-found--custom {
    margin-top: 105px;
  }
}

.games-not-found--custom .games-not-found__img-wrap {
  height: 100px;
  margin: 0 auto;
  width: 100px;
}

@media (min-width: 768px) {
  .games-not-found--custom .games-not-found__img-wrap {
    height: 140px;
    width: 140px;
  }
}

.games-not-found--custom .games-not-found__img {
  height: 100%;
  width: 100%;
}

.games-not-found--custom .games-not-found__title {
  color: hsla(0, 0%, 100%, 0.45);
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 20px 0;
  text-align: center;
  text-transform: none;
}

@media (min-width: 768px) {
  .games-not-found--custom .games-not-found__title {
    font-size: 16px;
    line-height: 24px;
  }
}

.grand-prizes-main {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 50px;
  max-width: 450px;
  row-gap: 50px;
}

@media (min-width: 768px) {
  .grand-prizes-main {
    align-items: flex-end;
    -moz-column-gap: 16px;
    column-gap: 16px;
    flex-wrap: nowrap;
    max-width: 100%;
    row-gap: 0;
  }
}

@media (min-width: 960px) {
  .grand-prizes-main {
    margin: 0 auto 65px;
  }
}

.grand-prizes-main__block {
  flex: 1 1 45%;
  max-width: 270px;
  order: 2;
  position: relative;
}

@media (min-width: 768px) {
  .grand-prizes-main__block {
    flex: 1 1 33.3333%;
    max-width: unset;
  }
}

.grand-prizes-main__block--mega {
  flex: 1 1 100%;
  margin: 0 auto;
  order: 1;
}

@media (min-width: 768px) {
  .grand-prizes-main__block--mega {
    flex: 1 1 38%;
    order: 2;
  }
}

.grand-prizes-main__block--mega .grand-prizes-main__logo-wrap {
  margin-bottom: 16px;
  max-width: 97px;
  width: auto;
}

@media (min-width: 768px) {
  .grand-prizes-main__block--mega .grand-prizes-main__logo-wrap {
    margin-bottom: 29px;
    max-width: unset;
    width: 38%;
  }
}

.grand-prizes-main__block--mega .grand-prizes-main__bg-wrap {
  display: block;
}

.grand-prizes-main__block--mega .grand-prizes-main__name {
  font-size: 12px;
  line-height: 16px;
}

@media (min-width: 960px) {
  .grand-prizes-main__block--mega .grand-prizes-main__name {
    font-size: 14px;
    line-height: 20px;
  }
}

.grand-prizes-main__block--mega .grand-prizes-main__pool {
  background: linear-gradient(0deg, #fff, #fff),
    linear-gradient(180deg, #afe2ff, #5292f2);
  font-size: 32px;
  line-height: 40px;
  text-shadow: 0 0 6px rgba(240, 146, 255, 0.5), 0 0 5px #be54ff;
}

@media (min-width: 768px) {
  .grand-prizes-main__block--middle {
    order: 1;
  }
}

.grand-prizes-main__block--middle .grand-prizes-main__pool {
  background: linear-gradient(0deg, #fff, #fff),
    linear-gradient(180deg, #afe2ff, #5292f2);
  text-shadow: 0 0 6px rgba(255, 220, 129, 0.5), 0 0 5px #ffaf65;
}

@media (min-width: 768px) {
  .grand-prizes-main__block--mini {
    order: 3;
  }
}

.grand-prizes-main__block--mini .grand-prizes-main__pool {
  background: linear-gradient(0deg, #fff, #fff),
    linear-gradient(180deg, #afe2ff, #5292f2);
  text-shadow: 0 0 6px rgba(134, 233, 255, 0.5), 0 0 5px #86e9ff;
}

.grand-prizes-main__block--mini:before {
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.12) 47.92%,
    hsla(0, 0%, 100%, 0)
  );
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

@media (min-width: 768px) {
  .grand-prizes-main__block--mini:before {
    display: none;
  }
}

.grand-prizes-main__bg-wrap {
  display: none;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100%;
}

@media (min-width: 768px) {
  .grand-prizes-main__bg-wrap {
    display: block;
  }
}

.grand-prizes-main__bg-wrap img {
  max-width: 100%;
}

.grand-prizes-main__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}

.grand-prizes-main__logo-wrap {
  margin-bottom: 12px;
  width: 72px;
}

@media (min-width: 768px) {
  .grand-prizes-main__logo-wrap {
    margin-bottom: 24px;
    width: 35%;
  }
}

.grand-prizes-main__logo-wrap img {
  max-width: 100%;
}

.grand-prizes-main__name {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.3em;
  line-height: 12px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .grand-prizes-main__name {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 960px) {
  .grand-prizes-main__name {
    font-size: 14px;
    line-height: 20px;
  }
}

.grand-prizes-main__pool {
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 32px;
  margin: 0 0 16px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .grand-prizes-main__pool {
    font-size: 36px !important;
    line-height: 44px !important;
    margin: 0 0 20px;
  }
}

@media (min-width: 960px) {
  .grand-prizes-main__pool {
    margin: 0 0 32px;
  }
}

.grand-prizes-main__text {
  color: #999;
  font-family: Rubik, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 16px;
  margin: 0 0 12px;
  text-align: center;
}

@media (min-width: 768px) {
  .grand-prizes-main__text {
    display: flex;
    font-size: 12px;
    justify-content: space-around;
    line-height: 20px;
    margin: 0;
    width: 100%;
  }
}

@media (min-width: 960px) {
  .grand-prizes-main__text {
    font-size: 14px;
    line-height: 24px;
  }
}

.grand-prizes-main__text span {
  color: #fff;
  display: block;
}

@media (min-width: 1200px) {
  .grand-prizes-main__text span {
    display: inline;
  }
}

.grand-prizes-main__bet-widget {
  background: linear-gradient(
    270deg,
    rgba(188, 177, 255, 0),
    rgba(33, 21, 107, 0) 0.01%,
    #31156b 52.6%,
    rgba(107, 21, 62, 0)
  );
  margin: 32px auto 48px -24px;
  max-width: 876px;
  padding: 16px 24px;
  width: calc(100% + 48px);
}

@media (min-width: 768px) {
  .grand-prizes-main__bet-widget {
    margin: 32px auto 56px;
    padding: 16px;
    width: 100%;
  }
}

@media (min-width: 960px) {
  .grand-prizes-main__bet-widget {
    padding: 20px;
  }
}

.grand-prizes-main__bet-widget-content {
  align-items: center;
  display: flex;
  justify-content: center;
}

.grand-prizes-main__bet-widget-coin {
  height: 20px;
  width: 20px;
}

.grand-prizes-main__bet-widget-text {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 2px;
  text-align: center;
  text-transform: uppercase;
}

.grand-prizes-main__bet-widget-text span {
  color: #ffd748;
  font-weight: 700;
}

@media (min-width: 768px) {
  .grand-prizes-main__bet-widget-text {
    font-size: 16px;
    line-height: 24px;
  }
}

.grand-prizes-main .odometer.odometer-auto-theme,
.grand-prizes-main .odometer.odometer-theme-default {
  display: flex;
  margin-top: 2px;
}

.grand-prizes-main .odometer.odometer-auto-theme .odometer-inside,
.grand-prizes-main .odometer.odometer-theme-default .odometer-inside {
  align-items: baseline;
  display: flex;
}

.md-jackpots__section {
  margin: 0 0 32px;
}

.md-jackpots__list {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  margin-left: auto;
  margin-right: auto;
  max-width: 450px;
}

@media (min-width: 480px) {
  .md-jackpots__list {
    gap: 0 12px;
  }
}

@media (min-width: 768px) {
  .md-jackpots__list {
    flex-wrap: nowrap;
    max-width: unset;
  }
}

.md-jackpots__list-item {
  flex: 1 1 50%;
  max-width: calc(50% - 4px);
  min-height: 200px;
  order: 2;
  position: relative;
}

@media (min-width: 480px) {
  .md-jackpots__list-item {
    flex: 1 1 50%;
    max-width: calc(50% - 6px);
    order: 1;
  }
}

@media (min-width: 768px) {
  .md-jackpots__list-item {
    flex: 1 1 33.3333333333%;
    max-width: calc(33.33333% - 13.33333px);
    order: 1;
  }
}

.md-jackpots__list-item:first-child {
  flex: 1 1 100%;
  margin: 0 auto;
  max-width: 100%;
  order: 1;
}

@media (min-width: 768px) {
  .md-jackpots__list-item:first-child {
    flex: 1 1 41%;
    max-width: 41%;
    order: 2;
  }
}

@media (min-width: 960px) {
  .md-jackpots__list-item:first-child {
    flex: 1 1 38%;
    max-width: 38%;
  }
}

@media (min-width: 768px) {
  .md-jackpots__list-item:nth-child(2) {
    order: 1;
  }

  .md-jackpots__list-item:last-child {
    order: 3;
  }
}

.md-jackpots__offer {
  margin-bottom: 48px;
}

@media (min-width: 768px) {
  .md-jackpots__offer {
    margin-bottom: 56px;
  }
}

@media (min-width: 1200px) {
  .md-jackpots__offer {
    margin-bottom: 64px;
  }
}

.md-jackpots__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 24px;
}

.md-jackpots__text:last-child {
  margin: 0;
}

.md-jackpots__actions {
  text-align: center;
}

.md-jackpot {
  margin: 0 auto;
  padding-top: 45px;
  position: relative;
}

.md-jackpot__bg {
  width: 100%;
}

.md-jackpot__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.md-jackpot__icon {
  display: block;
  margin: 0 auto -3px;
  transform: scale(1.2);
  width: 104px;
}

@media (min-width: 768px) {
  .md-jackpot__icon {
    margin: -17px auto 6px;
    width: 116px;
  }
}

@media (min-width: 1200px) {
  .md-jackpot__icon {
    margin: -35px auto 0;
    width: 168px;
  }
}

.md-jackpot__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 16px;
  text-align: center;
}

@media (min-width: 768px) {
  .md-jackpot__content {
    padding-bottom: 20px;
  }
}

@media (min-width: 1440px) {
  .md-jackpot__content {
    padding-bottom: 50px;
  }
}

.md-jackpot__title {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 16px;
  margin: 0 0 3px;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .md-jackpot__title {
    font-size: 14px;
    line-height: 20px;
  }
}

.md-jackpot__text {
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  gap: 0 12px;
  line-height: 18px;
  margin: 0;
}

.md-jackpot__text span {
  color: #fff;
}

.md-jackpot__total {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 22px;
  margin: 0 0 16px;
}

@media (min-width: 768px) {
  .md-jackpot__total {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 1200px) {
  .md-jackpot__total {
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
  }
}

.md-jackpot__total .odometer.odometer-auto-theme,
.md-jackpot__total .odometer.odometer-theme-default {
  height: 22px;
}

@media (min-width: 768px) {
  .md-jackpot__total .odometer.odometer-auto-theme,
  .md-jackpot__total .odometer.odometer-theme-default {
    height: 26px;
  }
}

@media (min-width: 1200px) {
  .md-jackpot__total .odometer.odometer-auto-theme,
  .md-jackpot__total .odometer.odometer-theme-default {
    height: 40px;
  }
}

.md-jackpot__range {
  display: flex;
  flex-direction: column;
}

@media (min-width: 480px) {
  .md-jackpot__range {
    flex-direction: row;
    gap: 8px;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .md-jackpot__range {
    margin-top: auto;
  }
}

.md-jackpot--prime {
  max-width: 272px;
}

@media (min-width: 768px) {
  .md-jackpot--prime {
    max-width: 100%;
  }
}

.md-jackpot--prime .md-jackpot__bg {
  height: 189px;
}

@media (min-width: 768px) {
  .md-jackpot--prime .md-jackpot__bg {
    height: auto;
  }
}

.md-jackpot--prime .md-jackpot__icon {
  margin: -17px auto 3px;
  width: 144px;
}

@media (min-width: 960px) {
  .md-jackpot--prime .md-jackpot__icon {
    margin: -16px auto 6px;
    width: 175px;
  }
}

@media (min-width: 1200px) {
  .md-jackpot--prime .md-jackpot__icon {
    margin: -60px auto 0;
    width: 240px;
  }
}

.md-jackpot--prime .md-jackpot__total {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 28px;
  text-shadow: 0 0 3px #0bdede, 0 0 3px rgba(11, 222, 222, 0.5);
}

@media (min-width: 1200px) {
  .md-jackpot--prime .md-jackpot__total {
    font-size: 42px;
    font-weight: 800;
    line-height: 52px;
  }
}

.md-jackpot--prime .md-jackpot__total .odometer.odometer-auto-theme,
.md-jackpot--prime .md-jackpot__total .odometer.odometer-theme-default {
  height: 36px;
}

@media (min-width: 1200px) {
  .md-jackpot--prime .md-jackpot__total .odometer.odometer-auto-theme,
  .md-jackpot--prime .md-jackpot__total .odometer.odometer-theme-default {
    height: 52px;
  }
}

.md-jackpot--prime .md-jackpot__range {
  flex-direction: row;
  justify-content: center;
}

.md-jackpot--prime .odometer-digit,
.md-jackpot--prime .odometer-value {
  line-height: 36px;
  width: 18px;
}

@media (min-width: 1200px) {
  .md-jackpot--prime .odometer-digit,
  .md-jackpot--prime .odometer-value {
    line-height: 52px;
    width: 30px;
  }
}

.md-jackpot--grand .md-jackpot__icon,
.md-jackpot--major .md-jackpot__icon {
  height: 107px;
  width: auto;
}

@media (min-width: 768px) {
  .md-jackpot--grand .md-jackpot__icon,
  .md-jackpot--major .md-jackpot__icon {
    height: 125px;
    height: 145px;
  }
}

@media (min-width: 1200px) {
  .md-jackpot--grand .md-jackpot__icon,
  .md-jackpot--major .md-jackpot__icon {
    height: 178px;
  }
}

.md-jackpot--grand .odometer-digit,
.md-jackpot--grand .odometer-value,
.md-jackpot--major .odometer-digit,
.md-jackpot--major .odometer-value {
  line-height: 22px;
  width: 12px;
}

@media (min-width: 768px) {
  .md-jackpot--grand .odometer-digit,
  .md-jackpot--grand .odometer-value,
  .md-jackpot--major .odometer-digit,
  .md-jackpot--major .odometer-value {
    line-height: 26px;
    width: 15px;
  }
}

@media (min-width: 1200px) {
  .md-jackpot--grand .odometer-digit,
  .md-jackpot--grand .odometer-value,
  .md-jackpot--major .odometer-digit,
  .md-jackpot--major .odometer-value {
    line-height: 42px;
    width: 23px;
  }
}

.md-jackpot--grand .md-jackpot__total {
  text-shadow: 0 0 3px #809eed, 0 0 3px rgba(187, 206, 255, 0.5);
}

.md-jackpot--major .md-jackpot__total {
  text-shadow: 0 0 3px #ff6ea3, 0 0 3px rgba(255, 138, 181, 0.5);
}

.hall-of-fame-achievements {
  margin-top: 32px;
}

@media (min-width: 1200px) {
  .hall-of-fame-achievements {
    margin-top: 40px;
  }
}

.hall-of-fame-achievements__title {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 32px;
  margin-bottom: 24px;
  margin-top: 0;
}

.hall-of-fame-achievements__title span {
  color: hsla(0, 0%, 100%, 0.4);
}

.hall-of-fame-achievements__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .hall-of-fame-achievements__cards {
    gap: 8px 16px;
  }
}

.hall-of-fame-achievements__cards--open
  .hall-of-fame-achievement:nth-child(n + 6) {
  display: block;
}

@media (min-width: 768px) {
  .hall-of-fame-achievements__cards--open
    .hall-of-fame-achievement:nth-child(n + 8) {
    display: block;
  }
}

@media (min-width: 1200px) {
  .hall-of-fame-achievements__cards--open
    .hall-of-fame-achievement:nth-child(n + 5) {
    display: block;
  }
}

@media (min-width: 1440px) {
  .hall-of-fame-achievements__cards--open
    .hall-of-fame-achievement:nth-child(n + 6) {
    display: block;
  }
}

.hall-of-fame-achievements .hall-of-fame-achievements__btn {
  border-radius: 8px;
  margin-top: 16px;
  padding: 12px 20px;
  position: relative;
  width: 100%;
}

.hall-of-fame-achievement {
  opacity: 0.4;
  perspective: 1000px;
  position: relative;
  width: calc(50% - 4px);
}

.hall-of-fame-achievement:hover {
  cursor: pointer;
}

.hall-of-fame-achievement:hover .hall-of-fame-achievement__info-btn {
  opacity: 0.4;
}

.hall-of-fame-achievement:nth-child(n + 6) {
  display: none;
}

.hall-of-fame-achievement:nth-child(-n + 6) {
  display: block;
}

@media (min-width: 768px) {
  .hall-of-fame-achievement {
    width: calc(33.33333% - 10.66667px);
  }

  .hall-of-fame-achievement:nth-child(n + 6) {
    display: none;
  }

  .hall-of-fame-achievement:nth-child(-n + 6) {
    display: block;
  }

  .hall-of-fame-achievement:hover .hall-of-fame-achievement__info-btn {
    opacity: 0.4;
  }
}

@media (min-width: 1200px) {
  .hall-of-fame-achievement {
    width: calc(20% - 12.8px);
  }

  .hall-of-fame-achievement:nth-child(n + 5) {
    display: none;
  }

  .hall-of-fame-achievement:nth-child(-n + 5) {
    display: block;
  }
}

@media (min-width: 1440px) {
  .hall-of-fame-achievement {
    width: calc(16.66667% - 13.33333px);
  }

  .hall-of-fame-achievement:nth-child(n + 6) {
    display: none;
  }

  .hall-of-fame-achievement:nth-child(-n + 6) {
    display: block;
  }
}

.hall-of-fame-achievement__inner {
  align-items: center;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background: var(--header-color);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 176px;
  overflow: hidden;
  padding: 8px;
  text-align: center;
  transform-style: preserve-3d;
  transition: transform 0.3s;
  width: 100%;
}

@media (min-width: 480px) {
  .hall-of-fame-achievement__inner {
    min-height: 216px;
    padding: 24px 8px;
  }
}

@media (min-width: 768px) {
  .hall-of-fame-achievement__inner {
    padding: 24px 8px;
  }
}

@media (min-width: 1680px) {
  .hall-of-fame-achievement__inner {
    min-height: 255px;
    padding: 24px 16px;
  }
}

.hall-of-fame-achievement__back,
.hall-of-fame-achievement__front {
  align-items: center;
  backface-visibility: hidden;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.hall-of-fame-achievement__front {
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  height: 100%;
}

.hall-of-fame-achievement__back {
  display: none;
}

.hall-of-fame-achievement__back-inner {
  align-items: center;
}

.hall-of-fame-achievement .hall-of-fame-achievement__info-btn {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 24px;
  justify-content: center;
  opacity: 0.4;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: all 0.3s;
  z-index: 1;
}

@media (min-width: 768px) {
  .hall-of-fame-achievement .hall-of-fame-achievement__info-btn {
    opacity: 0;
    right: 16px;
    top: 16px;
  }
}

.hall-of-fame-achievement .hall-of-fame-achievement__close-btn {
  align-items: center;
  background: rgba(10, 10, 13, 0.65);
  border-radius: 50%;
  display: flex;
  height: 0;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: -10000;
  top: -100000;
  width: 0;
}

.hall-of-fame-achievement__close-icon {
  font-size: 19px;
}

.hall-of-fame-achievement__desc {
  color: #fff;
  font-size: 8px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
}

@media (min-width: 375px) {
  .hall-of-fame-achievement__desc {
    font-size: 10px;
  }
}

@media (min-width: 768px) {
  .hall-of-fame-achievement__desc {
    font-size: 14px;
  }
}

.hall-of-fame-achievement__img {
  margin-bottom: 4px;
  max-width: 100px;
  width: 100%;
}

@media (min-width: 1680px) {
  .hall-of-fame-achievement__img {
    max-width: 120px;
  }
}

.hall-of-fame-achievement__name {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.hall-of-fame-achievement__name--big {
  font-size: 10px;
  line-height: 140%;
}

@media (min-width: 375px) {
  .hall-of-fame-achievement__name--big {
    font-size: 12px;
  }
}

@media (min-width: 480px) {
  .hall-of-fame-achievement__name {
    font-size: 14px;
    line-height: 143%;
  }
}

@media (min-width: 1680px) {
  .hall-of-fame-achievement__name {
    font-size: 16px;
    line-height: 150%;
  }
}

.hall-of-fame-achievement__prize {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.4);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  line-height: 18px;
  margin-top: 4px;
}

@media (min-width: 480px) {
  .hall-of-fame-achievement__prize {
    font-size: 14px;
    line-height: 20px;
  }
}

.hall-of-fame-achievement__gift-icon {
  font-size: 16px;
}

.hall-of-fame-achievement__desc {
  display: flex;
  justify-content: center;
}

.hall-of-fame-achievement--opened {
  opacity: 1;
  z-index: 3;
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__inner {
  background-color: #445778;
  opacity: 1;
  padding: 32px 8px 17px;
}

@media (min-width: 375px) {
  .hall-of-fame-achievement--opened .hall-of-fame-achievement__inner {
    padding: 32px 16px 17px;
  }
}

@media (min-width: 768px) {
  .hall-of-fame-achievement--opened .hall-of-fame-achievement__inner {
    transform: rotateY(180deg) scale(1) translate(0) !important;
  }
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__back {
  display: flex;
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__back-inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  transform: rotateY(180deg);
}

@media (min-width: 1200px) {
  .hall-of-fame-achievement--opened .hall-of-fame-achievement__back-inner {
    gap: 6px;
  }
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__close-btn {
  height: 24px;
  left: 8px;
  opacity: 1;
  top: 8px;
  width: 24px;
  z-index: 3;
}

@media (min-width: 480px) {
  .hall-of-fame-achievement--opened .hall-of-fame-achievement__close-btn {
    height: 32px;
    width: 32px;
  }
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__front {
  display: none;
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__info-btn {
  left: -999999px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

@media (min-width: 768px) {
  .hall-of-fame-achievement--opened .hall-of-fame-achievement__info-btn {
    justify-content: flex-start;
    left: 16px;
    opacity: 0.4;
    right: 0;
    visibility: unset;
    z-index: 3;
  }

  .hall-of-fame-achievement--opened
    .hall-of-fame-achievement:hover
    .hall-of-fame-achievement__info-btn {
    opacity: 0.4;
    visibility: unset;
    z-index: 3;
  }
}

.hall-of-fame-achievement--completed,
.hall-of-fame-achievement--completed .hall-of-fame-achievement__front {
  opacity: 1;
}

.hall-of-fame-achievement--completed .hall-of-fame-achievement__info-btn {
  color: hsla(0, 0%, 100%, 0.4);
}

.hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(2n)
  .hall-of-fame-achievement__inner {
  transform: rotateY(180deg) translate(52%) scale(1.8);
}

@media (min-width: 375px) {
  .hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(2n)
    .hall-of-fame-achievement__inner {
    transform: rotateY(180deg) translate(50%) scale(1.5);
  }
}

.hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(odd)
  .hall-of-fame-achievement__inner {
  transform: rotateY(180deg) translate(-52%) scale(1.8);
}

@media (min-width: 375px) {
  .hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(odd)
    .hall-of-fame-achievement__inner {
    transform: rotateY(180deg) translate(-50%) scale(1.5);
  }
}

.hall-of-fame-banner__bg-wrap {
  height: 100%;
  left: 50%;
  max-width: 1680px;
  min-width: 600px;
  position: absolute;
  top: -65px;
  transform: translateX(-50%);
  width: 100%;
  z-index: -1;
}

@media (min-width: 768px) {
  .hall-of-fame-banner__bg-wrap {
    top: -70px;
  }
}

@media (min-width: 1200px) {
  .hall-of-fame-banner__bg-wrap {
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}

.hall-of-fame-banner__bg {
  max-height: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%;
}

@media (min-width: 768px) {
  .hall-of-fame-banner__bg {
    max-height: 100%;
  }
}

.hall-of-fame-banner__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 24px 0;
}

@media (min-width: 480px) {
  .hall-of-fame-banner__title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 768px) {
  .hall-of-fame-banner__title {
    margin-top: 32px;
  }
}

@media (min-width: 1200px) {
  .hall-of-fame-banner__title {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}

@media (min-width: 1680px) {
  .hall-of-fame-banner__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.hall-of-fame-banner__info {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

@media (min-width: 1200px) {
  .hall-of-fame-banner__info {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

.hall-of-fame-banner__stats {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 768px) {
  .hall-of-fame-banner__stats {
    flex-direction: row;
    gap: 16px;
  }
}

@media (min-width: 1200px) {
  .hall-of-fame-banner__stats {
    flex-basis: 752px;
  }
}

.hall-of-fame-banner__icon {
  height: 48px;
  width: 48px;
}

.hall-of-fame-banner--anon {
  background-image: none;
  padding-top: 24px;
}

@media (min-width: 768px) {
  .hall-of-fame-banner--anon {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .hall-of-fame-banner--anon {
    padding-top: 40px;
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon-wrap {
  bottom: -10px;
  position: absolute;
  right: 0;
  z-index: -1;
}

@media (min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon-wrap {
    bottom: 0;
    height: 100%;
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__info {
  align-items: flex-start;
}

.hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon {
    height: 100%;
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__title {
  margin-bottom: 24px;
  margin-top: 0;
}

@media (min-width: 1200px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__title {
    margin-bottom: 40px;
  }
}

@media (min-width: 1680px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__info {
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background: var(--header-color);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  padding: 32px 16px 60px;
  position: relative;
}

@media (min-width: 480px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__info {
    padding: 32px 16px 106px;
  }
}

@media (min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__info {
    padding: 48px 16px;
  }
}

@media (min-width: 1200px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__info {
    padding: 48px 32px 64px;
  }
}

@media (min-width: 1680px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__info {
    padding: 48px 48px 80px;
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 24px;
  margin-top: 0;
}

@media (min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
    font-size: 26px;
    line-height: 32px;
    max-width: 60%;
  }
}

@media (min-width: 1200px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
    max-width: 528px;
  }
}

@media (min-width: 1680px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
    font-size: 32px;
    line-height: 40px;
    max-width: 674px;
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 32px;
  margin-top: 0;
}

@media (min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__text {
    font-size: 16px;
    line-height: 150%;
    max-width: 60%;
  }
}

@media (min-width: 1200px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__text {
    max-width: 528px;
  }
}

@media (min-width: 1680px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__text {
    max-width: 674px;
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__btn {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 150%;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 12px 20px;
}

@media (min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__btn {
    padding: 16px 24px;
  }
}

.hall-of-fame-vip-level {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

@media (min-width: 768px) {
  .hall-of-fame-vip-level {
    max-width: 465px;
    width: 100%;
  }
}

@media (min-width: 1440px) {
  .hall-of-fame-vip-level {
    flex: 1;
  }
}

.hall-of-fame-vip-level__avatar-wrap {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  width: 100px;
}

.hall-of-fame-vip-level__avatar {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.hall-of-fame-vip-level__player-name {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
  margin-top: 0;
}

.hall-of-fame-vip-level__info-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: 16px;
}

@media (min-width: 768px) {
  .hall-of-fame-vip-level__info-container {
    padding-left: 24px;
  }
}

.hall-of-fame-vip-level__info {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.hall-of-fame-vip-level__progress-bar-wrapper {
  align-items: center;
  display: flex;
  gap: 8px;
}

.hall-of-fame-vip-level__next-level {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.hall-of-fame-vip-level__current-level {
  align-items: center;
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  line-height: 16px;
  padding: 4px 10px;
}

.hall-of-fame-vip-level__points {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.hall-of-fame-vip-level__current-points {
  color: #fff;
}

.hall-of-fame-vip-level__current-endpoints {
  color: hsla(0, 0%, 100%, 0.65);
}

.hall-of-fame-vip-level__progress-bar {
  background-color: #001b33 !important;
  border-radius: 33px;
  height: 6px;
}

.hall-of-fame-vip-level__progress-bar .progress-bar__track {
  background-color: #00dccd;
  height: 6px;
}

.progress-bar {
  background-color: #000;
  border-radius: 10px;
  display: block;
  height: 4px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.progress-bar__track {
  background-color: #0bdede;
  border-radius: 10px;
  display: block;
  height: 100%;
  left: 0;
  min-width: 4px;
  position: absolute;
  top: 0;
}

.hall-of-fame-champions__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar-track {
  background: transparent;
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0;
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

@-moz-document url-prefix() {
  .hall-of-fame-champions-stats-modal {
    scrollbar-color: transparent;
    scrollbar-width: none;
  }
}

.hall-of-fame-champions-stats-modal:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

.hall-of-fame-champions-stats {
  background: var(--header-color);
  border-radius: 12px;
  position: relative;
}

@media (min-width: 768px) {
  .hall-of-fame-champions-stats {
    padding: 32px 16px;
  }

  .hall-of-fame-champions-stats__info-wrap {
    display: flex;
    flex-direction: row;
  }
}

.hall-of-fame-champions-stats__statistics {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .hall-of-fame-champions-stats__statistics {
    display: block;
    flex-grow: 0;
  }
}

.hall-of-fame-champions-stats__info {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 24px 16px;
}

@media (min-width: 480px) {
  .hall-of-fame-champions-stats__info {
    gap: 16px;
  }
}

@media (min-width: 768px) {
  .hall-of-fame-champions-stats__info {
    padding: 0;
  }
}

.hall-of-fame-champions-stats__top-players {
  display: none;
}

@media (min-width: 1200px) {
  .hall-of-fame-champions-stats__top-players {
    align-items: center;
    display: flex;
    flex-grow: 1;
    gap: 8px;
    justify-content: flex-end;
    margin-right: 12px;
  }
}

.hall-of-fame-champions-stats__icon-wrap {
  align-items: center;
  background: rgba(0, 27, 51, 0.65);
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  padding: 8px;
  width: 48px;
}

@media (min-width: 768px) {
  .hall-of-fame-champions-stats__icon-wrap {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: rgba(46, 46, 59, 0.4);
    height: 80px;
    padding: 16px;
    width: 80px;
  }
}

.hall-of-fame-champions-stats__icon {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 32px;
}

@media (min-width: 768px) {
  .hall-of-fame-champions-stats__icon {
    width: 48px;
  }
}

.hall-of-fame-champions-stats__arrow-icon {
  font-size: 32px !important;
}

@media (min-width: 768px) {
  .hall-of-fame-champions-stats__arrow-icon {
    font-size: 24px !important;
  }
}

.hall-of-fame-champions-stats__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 8px;
  margin-top: 0;
}

.hall-of-fame-champions-stats__subtitle {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 16px;
  margin-top: 0;
  text-align: left;
}

.hall-of-fame-champions-stats__values {
  display: flex;
  flex-direction: row;
}

.hall-of-fame-champions-stats__place-wrap,
.hall-of-fame-champions-stats__sum-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hall-of-fame-champions-stats__place-wrap {
  border-right: 1px solid hsla(0, 0%, 100%, 0.12);
  padding-right: 16px;
}

.hall-of-fame-champions-stats__sum-wrap {
  border-radius: 53px;
  padding-left: 16px;
}

.hall-of-fame-champions-stats__place,
.hall-of-fame-champions-stats__sum {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}

@media (min-width: 768px) {
  .hall-of-fame-champions-stats__place,
  .hall-of-fame-champions-stats__sum {
    font-size: 24px;
    line-height: 133%;
  }
}

.hall-of-fame-champions-stats__place-title,
.hall-of-fame-champions-stats__sum-title {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  text-transform: uppercase;
}

.hall-of-fame-champions-stats__btn {
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background: #384c6b;
  border-radius: 0 0 12px 12px;
  display: flex;
  font-size: 32px;
  height: 100%;
  justify-content: center;
  padding: 0;
  text-align: center;
  width: 100%;
}

.hall-of-fame-champions-stats__btn:active,
.hall-of-fame-champions-stats__btn:focus,
.hall-of-fame-champions-stats__btn:hover {
  background: #384c6b;
}

@media (min-width: 768px) {
  .hall-of-fame-champions-stats__btn {
    align-self: center;
    border-radius: 36px;
    margin-left: auto;
    padding: 36px 6px;
    width: -moz-max-content;
    width: max-content;
  }
}

@media (min-width: 1200px) {
  .hall-of-fame-champions-stats__btn {
    margin-left: 0;
  }
}

.hall-of-fame-champions-stats__btn-info {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 24px;
  position: absolute;
  right: 16px;
  top: 16px;
}

@media (min-width: 768px) {
  .hall-of-fame-champions-stats__btn-info {
    display: none;
  }
}

.hall-of-fame-stats-top {
  background: #384c6b;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  max-height: 86px;
  padding: 20px 16px;
  width: 228px;
}

@media (min-width: 1200px) {
  .hall-of-fame-stats-top:last-child {
    display: none;
  }
}

@media (min-width: 1440px) {
  .hall-of-fame-stats-top:last-child {
    display: flex;
  }
}

.hall-of-fame-stats-top__icon {
  align-self: center;
  -o-object-fit: contain;
  object-fit: contain;
  width: 48px;
}

.hall-of-fame-stats-top__info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.hall-of-fame-stats-top__name {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 4px;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hall-of-fame-stats-top__amount {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.hall-of-fame-champions-stats-modal .modal__content-wrapper {
  height: 100%;
  margin: 0;
  max-width: 100%;
  width: 100%;
}

.hall-of-fame-champions-stats-modal .modal__content {
  border-radius: unset;
  height: 100%;
  margin: 0;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 56px 16px 64px;
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__statistics {
  align-items: center;
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__title {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 133%;
  text-align: center;
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__subtitle {
  text-align: center;
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__values {
  width: 100%;
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__place-wrap,
.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__sum-wrap {
  align-items: center;
  max-width: calc(50% - 2px);
  width: 100%;
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__place,
.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__sum {
  font-size: 24px;
  line-height: 133%;
}

.hall-of-fame-players {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .hall-of-fame-players {
    margin-top: 48px;
  }
}

.hall-of-fame-players__btn {
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 24px;
  margin-top: 8px;
  padding: 12px;
  text-transform: uppercase;
  width: 100%;
}

.hall-of-fame-players-table {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.hall-of-fame-players-table__header {
  align-items: center;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  min-height: 48px;
  padding: 10px 16px;
}

@media (min-width: 768px) {
  .hall-of-fame-players-table__header {
    gap: 40px;
  }
}

.hall-of-fame-players-table__th {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.hall-of-fame-players-table__th:first-of-type {
  flex-basis: 32px;
  text-align: center;
}

.hall-of-fame-players-table__th:nth-of-type(2) {
  flex-grow: 1;
}

.hall-of-fame-players-table__body {
  display: flex;
  flex-direction: column;
}

.hall-of-fame-players-table__amount,
.hall-of-fame-players-table__nick,
.hall-of-fame-players-table__place {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.hall-of-fame-players-table__place {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 32px;
  position: relative;
}

.hall-of-fame-players-table__place--first:before {
  background-image: url(/images/leaderboard-place-first.21a61de2..svg);
}

.hall-of-fame-players-table__place--first:before,
.hall-of-fame-players-table__place--second:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 28px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
}

.hall-of-fame-players-table__place--second:before {
  background-image: url(/images/leaderboard-place-second.5acd6809..svg);
}

.hall-of-fame-players-table__place--third:before {
  background-image: url(/images/leaderboard-place-third.b97777b4..svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 28px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
}

.hall-of-fame-players-table__nick {
  flex-grow: 1;
  overflow: hidden;
}

.hall-of-fame-players-table__nick span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hall-of-fame-players-table__amount {
  font-weight: 700;
}

.hall-of-fame-players-table__tr {
  align-items: center;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  border-radius: 8px;
  display: flex;
  gap: 16px;
  min-height: 48px;
  padding: 4px 16px;
}

@media (min-width: 768px) {
  .hall-of-fame-players-table__tr {
    gap: 40px;
  }
}

.hall-of-fame-players-table__tr:nth-of-type(odd) {
  background: #384c6b;
}

.hall-of-fame-players-table__tr--current .hall-of-fame-players-table__td {
  color: #00dccd;
}

.hall-of-fame-players-table__td {
  display: flex;
}

.tabs__categories::-webkit-scrollbar {
  height: 0;
  width: 0;
}

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

.tabs__categories::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0;
}

.tabs__categories::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

@-moz-document url-prefix() {
  .tabs__categories {
    scrollbar-color: transparent;
    scrollbar-width: none;
  }
}

.tabs__categories:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

.tabs__categories {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
  margin-bottom: 24px;
  overflow: scroll;
  padding-bottom: 12px;
  white-space: nowrap;
}

.tabs .tabs__btn {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  position: relative;
  text-transform: uppercase;
}

.tabs .tabs__btn--active {
  color: #fff;
}

.tabs .tabs__btn--active:after {
  background: #0bdede;
  bottom: -12px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}

.header-menu {
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-menu__item {
  white-space: nowrap;
}

.header-menu__link {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.header-menu__link--current,
.header-menu__link:hover {
  color: #fff;
}

.header-menu__link--current:after {
  background: #0bdede;
  bottom: -23px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
}

.help-center-back-button {
  align-items: center;
  background: #384c6b;
  border-radius: 12px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  padding: 14px 16px;
}

.help-center-back-button__icon {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.45);
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}

.help-center-menu {
  background: var(--header-color);
  border-radius: 12px;
  list-style: none;
  margin: 0;
  padding: 16px;
}

@media (min-width: 960px) {
  .help-center-menu {
    position: sticky;
    top: 80px;
  }
}

.help-center-menu__link {
  align-items: center;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 16px;
  justify-content: space-between;
  line-height: 24px;
  min-height: 48px;
  padding: 12px 16px;
  position: relative;
  transition: background 0.3s ease;
}

.help-center-menu__link:before {
  background: transparent;
  content: "";
  height: 100%;
  left: -16px;
  position: absolute;
  top: 0;
  transition: background 0.3s ease;
  width: 2px;
}

@media (min-width: 1200px) {
  .help-center-menu__link:hover {
    background: #445778;
  }
}

.help-center-menu__link--current {
  font-weight: 700;
}

@media (min-width: 1200px) {
  .help-center-menu__link--current:before {
    background: #0bdede;
  }
}

.help-center-menu__icon {
  color: hsla(0, 0%, 100%, 0.4);
  height: 24px;
  width: 24px;
}

@media (min-width: 1200px) {
  .help-center-menu__icon {
    display: none;
  }
}

.hh-games {
  background: url(/images/hh-bg-games.4b46a1e1..jpg) 50% no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 88px 0;
}

@media (max-width: 960px) {
  .hh-games {
    padding: 80px 0;
  }
}

@media (max-width: 768px) {
  .hh-games {
    padding: 55px 0;
  }
}

.hh-games__title {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  margin: 0 0 64px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 960px) {
  .hh-games__title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 45px;
  }
}

@media (max-width: 768px) {
  .hh-games__title {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 40px;
  }
}

.hh-games__link {
  margin-top: 56px;
}

@media (max-width: 960px) {
  .hh-games__link {
    margin-top: 45px;
  }
}

@media (max-width: 768px) {
  .hh-games__link {
    margin-top: 40px;
  }
}

.hh-games__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.hh-games__slider {
  flex: 1 1 100%;
  margin: 0 0 40px;
  max-width: 100%;
  position: relative;
}

@media (min-width: 1200px) {
  .hh-games__slider {
    margin: 0 0 72px;
  }
}

.game-slider.game-slider--jackpot {
  background-color: transparent;
}

.game-slider.game-slider--jackpot + .game-slider__controls {
  display: flex;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

@media (max-width: 960px) {
  .game-slider.game-slider--jackpot + .game-slider__controls {
    display: none;
  }
}

.game-slider.game-slider--jackpot
  + .game-slider__controls
  .game-slider__button {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: transparent;
  background: #001b33;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  height: 48px;
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 0;
  text-shadow: none;
  transition: background-color 0.3s ease;
  width: 48px;
}

.game-slider.game-slider--jackpot
  + .game-slider__controls
  .game-slider__button:hover {
  background: rgba(0, 27, 51, 0.7);
}

.game-slider.game-slider--jackpot
  + .game-slider__controls
  .game-slider__button--next {
  margin-right: -50px;
}

.game-slider.game-slider--jackpot
  + .game-slider__controls
  .game-slider__button--prev {
  margin-left: -50px;
}

.slider-wrapper {
  position: relative;
}

.game-slider.slick-slider.game-slider-jackpot {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2;
}

.game-slider.slick-slider.game-slider-jackpot .slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.game-slider.slick-slider.game-slider-jackpot .slick-list:focus {
  outline: none;
}

.game-slider.slick-slider.game-slider-jackpot .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.game-slider.slick-slider.game-slider-jackpot .slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

@media (max-width: 768px) {
  .game-slider.slick-slider.game-slider-jackpot .slick-track {
    display: flex;
  }
}

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

.game-slider.slick-slider.game-slider-jackpot .slick-track:after {
  clear: both;
}

.slick-loading .game-slider.slick-slider.game-slider-jackpot .slick-track {
  visibility: hidden;
}

.game-slider.slick-slider.game-slider-jackpot .slick-slide {
  display: none;
  float: left;
  height: 100%;
  margin: 0 !important;
  min-height: 1px;
  padding: 0 12px;
}

@media (max-width: 768px) {
  .game-slider.slick-slider.game-slider-jackpot .slick-slide {
    padding: 0 8px;
  }
}

[dir="rtl"] .game-slider.slick-slider.game-slider-jackpot .slick-slide {
  float: right;
}

.game-slider.slick-slider.game-slider-jackpot
  .slick-slide
  img:not(.image--hidden) {
  display: block;
}

.game-slider.slick-slider.game-slider-jackpot .slick-slide.slick-loading img {
  display: none;
}

.game-slider.slick-slider.game-slider-jackpot .slick-slide.dragging img {
  pointer-events: none;
}

.game-slider.slick-slider.game-slider-jackpot.slick-initialized .slick-slide {
  display: block;
}

.game-slider.slick-slider.game-slider-jackpot.slick-loading .slick-slide {
  visibility: hidden;
}

.game-slider.slick-slider.game-slider-jackpot.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.game-slider.slick-slider.game-slider-jackpot .slick-arrow.slick-hidden {
  display: none;
}

@media (max-width: 960px) {
  .game-slider.slick-slider.game-slider-jackpot.game-slider--jackpot
    .slick-list {
    overflow: visible;
  }
}

@media (max-width: 768px) {
  .game-slider.slick-slider.game-slider-jackpot.game-slider--jackpot
    .slick-slide {
    flex: 0 0 156px;
  }
}

.game {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.game--jackpot .game__action,
.game--jackpot .game__block-img {
  border-radius: 8px 8px 0 0;
}

.game--jackpot:hover:after {
  opacity: 0;
}

.game--jackpot:after {
  background: linear-gradient(
    180deg,
    rgba(38, 59, 87, 0),
    rgba(38, 59, 87, 0.009) 6.67%,
    rgba(38, 59, 87, 0.036) 13.33%,
    rgba(38, 59, 87, 0.082) 20%,
    rgba(38, 59, 87, 0.147) 26.67%,
    rgba(38, 59, 87, 0.232) 33.33%,
    rgba(38, 59, 87, 0.332) 40%,
    rgba(38, 59, 87, 0.443) 46.67%,
    rgba(38, 59, 87, 0.557) 53.33%,
    rgba(38, 59, 87, 0.668) 60%,
    rgba(38, 59, 87, 0.768) 66.67%,
    rgba(38, 59, 87, 0.853) 73.33%,
    rgba(38, 59, 87, 0.918) 80%,
    rgba(38, 59, 87, 0.964) 86.67%,
    rgba(38, 59, 87, 0.991) 93.33%,
    var(--header-color)
  );
  bottom: 0;
  content: "";
  height: 40%;
  left: 0;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s ease;
  width: 100%;
}

.game__block-img {
  border-radius: 8px;
  display: flex;
  font-size: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.game__img {
  border: none;
  height: 100%;
  width: 100%;
}

.game__action {
  align-items: center;
  background-color: rgba(0, 27, 51, 0.65);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
}

.game:hover .game__action {
  opacity: 0;
}

@media (min-width: 1200px) {
  .game:hover .game__action {
    opacity: 1;
  }
}

.game__favorite {
  border-radius: 50%;
  display: none;
  opacity: 0;
  padding: 6px;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: opacity 0.3s ease, background 0.3s ease;
  z-index: 10;
}

@media (min-width: 1200px) {
  .game__favorite {
    display: block;
  }
}

.game__favorite:hover {
  background: rgba(0, 27, 51, 0.65);
}

.game__favorite--add {
  color: #fff;
}

.game__favorite--remove {
  color: #0bdede !important;
}

.game:hover .game__favorite {
  opacity: 1;
}

@media (max-width: 1200px) {
  .game:hover .game__favorite {
    opacity: 0;
  }
}

.game__label-list {
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  flex-wrap: wrap;
  left: 0;
  opacity: 1;
  padding: 8px;
  pointer-events: none;
  position: absolute;
  row-gap: 4px;
  top: 0;
  transition: opacity 0.3s ease;
}

@media (min-width: 1200px) {
  .game:hover .game__label-list {
    opacity: 0;
  }
}

.game__label {
  border-radius: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  padding: 2px 6px;
  text-transform: uppercase;
}

.game__label--new {
  background: #1adb4a;
  color: #001b33;
}

.game__label--top {
  background: #00dccd;
  color: #001b33;
}

.game__label--cashback {
  background: #7e14ff;
  color: #fff;
}

.game__label--hot {
  background: #0bdede;
  color: #fff;
}

.game__label--exclusive {
  background: radial-gradient(
    243.63% 279.45% at 127.61% -17.5%,
    #2ad0ca 0,
    #e1f664 22.92%,
    #feb0fe 56.7%,
    #5df7a4 98.15%
  );
  color: #001b33;
}

.game__label--night {
  background: #e212ff;
  color: #fff;
}

.game__label--evo-prime,
.game__label--platin-jackpot {
  height: 24px;
  padding: 0;
  width: 24px;
}

.game__label--jackpot {
  background: #ffd336;
  bottom: 8px;
  color: #001b33;
  left: 8px;
  opacity: 1;
  position: absolute;
  transition: opacity 0.3s ease;
}

@media (min-width: 1200px) {
  .game:hover .game__label--jackpot {
    opacity: 0;
  }
}

.game__label img {
  width: 100%;
}

.game__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 8px 0 4px;
  max-width: 144px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.game > .game__title {
  left: 50%;
  padding: 0 4px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.game__provider {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
}

.game__buttons {
  display: block;
  margin: 8% 0 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.game .game__button--play {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 21px;
  height: 100%;
  justify-content: center;
  left: 50%;
  min-height: unset;
  min-width: unset;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media (min-width: 1200px) {
  .game .game__button--play {
    border-radius: 50%;
    height: 56px;
    left: unset;
    position: relative;
    top: unset;
    transform: unset;
    width: 56px;
  }
}

.game .game__button--demo {
  border-radius: 25px;
  bottom: 8px;
  color: #fff;
  display: none;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  left: 50%;
  letter-spacing: 0.2px;
  line-height: 16px;
  padding: 6px 12px;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%);
  transition: background 0.3s ease;
}

.game .game__button--demo:hover {
  background: rgba(0, 27, 51, 0.65);
}

@media (min-width: 1200px) {
  .game .game__button--demo {
    display: block;
  }
}

.game__play {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.game__icon--play {
  font-size: 21px !important;
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.link-no-styles:link,
.link-no-styles:visited {
  color: inherit;
  cursor: pointer;
  text-decoration: inherit;
}

.hh-jackpot-progress {
  position: relative;
}

.hh-jackpot-progress__inner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding-left: 42px;
  position: relative;
}

@media (min-width: 960px) {
  .hh-jackpot-progress__inner {
    padding-left: 57px;
  }
}

@media (min-width: 1440px) {
  .hh-jackpot-progress__inner {
    padding-left: 79px;
  }
}

.hh-jackpot-progress__top-bar {
  background: url(/images/hh-bar-max-title-bg.21a254cb..png) 50% no-repeat;
  background-size: 100% 100%;
  display: inline-flex;
  height: 18px;
  justify-content: flex-end;
  min-width: 94px;
  padding: 0 17px 0 39px;
}

@media (min-width: 960px) {
  .hh-jackpot-progress__top-bar {
    height: 24px;
    min-width: 126px;
    padding: 0 16px 0 70px;
  }
}

@media (min-width: 1440px) {
  .hh-jackpot-progress__top-bar {
    height: 32px;
    min-width: 172px;
    padding: 0 44px 0 81px;
  }
}

.hh-jackpot-progress__label {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.3em;
  line-height: 12px;
  margin: 0;
  text-transform: uppercase;
}

@media (min-width: 960px) {
  .hh-jackpot-progress__label {
    font-size: 14px;
    line-height: 20px;
  }
}

.hh-jackpot-progress__main-bar {
  background: url(/images/hh-bar-max-bg.6310492f..png) 50% no-repeat;
  background-size: 100% 100%;
  display: flex;
  height: 43px;
  margin-top: -2px;
  max-width: 510px;
  overflow: hidden;
  position: relative;
  transform: skewX(-15deg);
  width: 100%;
}

@media (min-width: 960px) {
  .hh-jackpot-progress__main-bar {
    height: 56px;
  }
}

@media (min-width: 1200px) {
  .hh-jackpot-progress__main-bar {
    height: 80px;
  }
}

.hh-jackpot-progress__bar-inner {
  align-items: center;
  display: flex;
  padding-left: 54px;
  padding-right: 24px;
  position: relative;
  transform: skewX(15deg);
  width: 100%;
  z-index: 2;
}

@media (min-width: 960px) {
  .hh-jackpot-progress__bar-inner {
    padding-left: 71px;
  }
}

@media (min-width: 1440px) {
  .hh-jackpot-progress__bar-inner {
    padding-left: 97px;
  }
}

.hh-jackpot-progress__value {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-shadow: 0 0 6px rgba(252, 124, 255, 0.5), 0 0 6x #fc7cff;
  text-transform: uppercase;
}

@media (min-width: 960px) {
  .hh-jackpot-progress__value {
    font-size: 48px;
    line-height: 56px;
  }
}

.hh-jackpot-progress__value .odometer-inside {
  align-items: center;
  display: flex;
}

.hh-jackpot-progress__value .odometer-inside > * {
  font-family: Roboto, Arial, sans-serif;
}

.hh-jackpot-progress__value .odometer-digit,
.hh-jackpot-progress__value .odometer-value {
  width: 15px;
}

@media (min-width: 960px) {
  .hh-jackpot-progress__value .odometer-digit,
  .hh-jackpot-progress__value .odometer-value {
    width: 32px;
  }
}

.hh-jackpot-progress__bar-fill {
  background: linear-gradient(90deg, #681486, #ab00e9 79.69%, #ef8aff);
  bottom: 1px;
  left: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
  transform: translateX(-100%);
}

.hh-jackpot-progress__ribbon {
  height: 85px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 85px;
}

@media (min-width: 960px) {
  .hh-jackpot-progress__ribbon {
    height: 114px;
    width: 114px;
  }
}

@media (min-width: 1440px) {
  .hh-jackpot-progress__ribbon {
    height: 156px;
    width: 156px;
  }
}

.hh-jackpot-progress__ribbon img {
  max-width: 100%;
}

.hh-jackpot-progress__info {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin: 12px 0 0;
  padding-left: 72px;
  text-transform: uppercase;
}

@media (min-width: 960px) {
  .hh-jackpot-progress__info {
    padding-left: 120px;
  }
}

@media (min-width: 1440px) {
  .hh-jackpot-progress__info {
    padding-left: 160px;
  }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__inner {
  align-items: flex-end;
  padding-left: unset;
  padding-right: 42px;
}

@media (min-width: 960px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__inner {
    padding-right: 57px;
  }
}

@media (min-width: 1440px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__inner {
    padding-right: 79px;
  }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__top-bar {
  background: url(/images/hh-bar-min-title-bg.54b200e0..png) 50% no-repeat;
  background-size: 100% 100%;
  justify-content: flex-start;
  padding: 0 39px 0 17px;
}

@media (min-width: 960px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__top-bar {
    padding: 0 70px 0 16px;
  }
}

@media (min-width: 1440px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__top-bar {
    padding: 0 81px 0 44px;
  }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__main-bar {
  background: url(/images/hh-bar-min-bg.099b4065..png) 50% no-repeat;
  background-size: 100% 100%;
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__bar-inner {
  justify-content: flex-end;
  padding-left: 24px;
  padding-right: 54px;
}

@media (min-width: 960px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__bar-inner {
    padding-right: 71px;
  }
}

@media (min-width: 1440px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__bar-inner {
    padding-right: 97px;
  }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__bar-fill {
  background: linear-gradient(90deg, #b8ffa6, #33a600 15.47%, #37711d);
  bottom: 1px;
  left: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
  transform: translateX(100%);
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__value {
  text-shadow: 0 0 6px rgba(193, 255, 114, 0.5), 0 0 6px #c1ff72;
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__ribbon {
  left: unset;
  right: 0;
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__info {
  padding-left: unset;
  padding-right: 72px;
  text-align: right;
}

@media (min-width: 960px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__info {
    padding-right: 120px;
  }
}

@media (min-width: 1440px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__info {
    padding-right: 160px;
  }
}

.hh-jackpot-progress--disabled {
  opacity: 0.5;
}

.body--ar .home-bonuses__background-image {
  transform: translate(-50%, -50%) scaleX(-1);
}

.home-bonuses__background-image--first {
  animation: background-first 15s linear infinite alternate;
}

.home-bonuses__background-image--second {
  animation: background-second 15s linear infinite alternate;
}

.home-bonuses-slider.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  display: block;
  height: 100%;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 960px) {
  .home-bonuses-slider.slick-slider:hover .slick-next,
  .home-bonuses-slider.slick-slider:hover .slick-prev {
    display: block;
    opacity: 1;
  }
}

.home-bonuses-slider.slick-slider .slick-list {
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.home-bonuses-slider.slick-slider .slick-list:focus {
  outline: none;
}

.home-bonuses-slider.slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.home-bonuses-slider.slick-slider .slick-track {
  display: block;
  height: 100%;
  left: 0;
  line-height: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

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

.home-bonuses-slider.slick-slider .slick-track:after {
  clear: both;
}

.slick-loading .home-bonuses-slider.slick-slider .slick-track {
  visibility: hidden;
}

.home-bonuses-slider.slick-slider .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  overflow: hidden;
}

[dir="rtl"] .home-bonuses-slider.slick-slider .slick-slide {
  float: right;
}

.home-bonuses-slider.slick-slider .slick-slide img {
  display: block;
}

.home-bonuses-slider.slick-slider .slick-slide.slick-loading img {
  display: none;
}

.home-bonuses-slider.slick-slider .slick-slide.dragging img {
  pointer-events: none;
}

.home-bonuses-slider.slick-slider .slick-slide > div {
  height: 100%;
}

.home-bonuses-slider.slick-slider.slick-initialized .slick-slide {
  display: block;
}

.home-bonuses-slider.slick-slider.slick-loading .slick-slide {
  visibility: hidden;
}

.home-bonuses-slider.slick-slider.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.home-bonuses-slider.slick-slider .slick-arrow.slick-hidden {
  display: none;
}

.home-bonuses-slider.slick-slider .slick-next,
.home-bonuses-slider.slick-slider .slick-prev {
  background: rgba(0, 27, 51, 0.65);
  color: #fff;
  height: 48px;
  line-height: 1;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s ease, opacity 0.3s ease;
  width: 48px;
  z-index: 1;
}

.home-bonuses-slider.slick-slider .slick-next:hover,
.home-bonuses-slider.slick-slider .slick-prev:hover {
  background: rgba(25, 44, 67, 0.65);
}

.home-bonuses-slider.slick-slider .slick-prev {
  left: 12px;
}

.home-bonuses-slider.slick-slider .slick-next {
  right: 12px;
}

.home-bonuses-slider.slick-slider.slick-dotted {
  margin-bottom: 30px;
}

.home-bonuses-slider.slick-slider .slick-dots {
  align-items: center;
  bottom: 22px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.home-bonuses-slider.slick-slider .slick-dots li {
  cursor: pointer;
  display: inline-block;
  margin: 0 6px;
  padding: 0;
  position: relative;
}

.home-bonuses-slider.slick-slider .slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 4px;
  line-height: 0px;
  outline: none;
  padding: 0;
  position: relative;
  width: 28px;
}

.home-bonuses-slider.slick-slider .slick-dots li button:hover {
  outline: none;
}

.home-bonuses-slider.slick-slider .slick-dots li button:hover:before {
  background: #fff;
}

.home-bonuses-slider.slick-slider .slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: hsla(0, 0%, 100%, 0.65);
  border-radius: 17px;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.3s ease;
  width: 100%;
}

.home-bonuses-slider.slick-slider .slick-dots li.slick-active button:before {
  background: #0bdede;
}

.home-bonuses {
  height: 320px;
  margin-left: -16px;
  overflow: hidden;
  position: relative;
  width: calc(100% + 32px);
}

@media (min-width: 768px) {
  .home-bonuses {
    border-radius: 20px;
    height: 360px;
    margin-left: 0;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .home-bonuses {
    height: 420px;
  }
}

@media (min-width: 1440px) {
  .home-bonuses {
    height: 500px;
  }
}

.home-bonuses__wrapper {
  background-color: var(--header-color);
  height: 320px;
}

@media (min-width: 768px) {
  .home-bonuses__wrapper {
    border-radius: 20px;
    height: 360px;
  }
}

@media (min-width: 1200px) {
  .home-bonuses__wrapper {
    height: 420px;
  }
}

@media (min-width: 1440px) {
  .home-bonuses__wrapper {
    height: 500px;
  }
}

.home-bonuses__item {
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
}

.home-bonuses__background {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media (max-width: 480px) {
  .home-bonuses__background--desktop {
    display: none;
  }
}

.home-bonuses__background--mobile {
  display: none;
}

@media (max-width: 480px) {
  .home-bonuses__background--mobile {
    display: block;
  }
}

.home-bonuses__background--single .home-bonuses__background-image {
  animation: unset !important;
}

.home-bonuses__background-image {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
  .home-bonuses__background-image {
    border-radius: 20px;
  }
}

.home-bonuses__background-image--first {
  animation: background-first 12s linear infinite alternate;
  z-index: 1;
}

.home-bonuses__background-image--second {
  animation: background-second 12s linear infinite alternate;
  z-index: 2;
}

.home-bonuses__content {
  height: 100%;
  max-width: 343px;
  padding: 40px 16px;
  position: relative;
  width: 100%;
  z-index: 3;
}

.home-bonuses__content > * {
  display: block;
}

.home-bonuses__content > :first-child {
  margin-top: 0 !important;
}

@media (min-width: 768px) {
  .home-bonuses__content {
    max-width: 414px;
    padding: 40px 32px;
  }
}

@media (min-width: 1200px) {
  .home-bonuses__content {
    max-width: 600px;
    padding: 56px;
  }
}

@media (min-width: 1440px) {
  .home-bonuses__content {
    max-width: 728px;
    padding: 62px 72px;
  }
}

.home-bonuses__top-image {
  margin: 0 0 16px;
  max-width: 100px;
}

.home-bonuses__pretitle {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

@media (min-width: 768px) {
  .home-bonuses__pretitle {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) {
  .home-bonuses__pretitle {
    font-size: 24px;
    line-height: 32px;
  }
}

.home-bonuses__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 12px 0 0;
}

@media (min-width: 768px) {
  .home-bonuses__title {
    font-size: 32px;
    line-height: 40px;
    margin: 16px 0 0;
  }
}

@media (min-width: 1200px) {
  .home-bonuses__title {
    font-size: 42px;
    line-height: 52px;
  }
}

@media (min-width: 1440px) {
  .home-bonuses__title {
    font-size: 54px;
    font-weight: 800;
    line-height: 64px;
    margin: 24px 0 0;
  }
}

.home-bonuses__subtitle {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
}

@media (min-width: 768px) {
  .home-bonuses__subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 1440px) {
  .home-bonuses__subtitle {
    font-size: 20px;
    line-height: 30px;
    margin-top: 16px;
  }
}

.home-bonuses .home-bonuses__button {
  display: inline-flex;
  margin-top: 24px;
  padding: 12px 20px;
}

@media (min-width: 768px) {
  .home-bonuses .home-bonuses__button {
    margin-top: 32px;
  }
}

@media (min-width: 1440px) {
  .home-bonuses .home-bonuses__button {
    margin-top: 40px;
  }
}

@keyframes background-first {
  0% {
    transform: translate(-50%, -50%);
  }

  to {
    transform: translate(calc(-50% - 20px), -50%);
  }
}

@keyframes background-second {
  0% {
    transform: translate(-50%, -50%);
  }

  to {
    transform: translate(calc(-50% + 20px), -50%);
  }
}

.home-game-slider {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .home-game-slider {
    margin-bottom: 32px;
  }
}

.base-slider__horiz-scroll .home-game-slider__item {
  aspect-ratio: 1;
  width: calc(50vw - 20px);
}

@media (min-width: 480px) {
  .base-slider__horiz-scroll .home-game-slider__item {
    width: calc(33.33333vw - 16px);
  }
}

@media (min-width: 768px) {
  .base-slider__horiz-scroll .home-game-slider__item {
    width: calc(25vw - 20px);
  }
}

@media (min-width: 960px) {
  .base-slider__horiz-scroll .home-game-slider__item {
    width: calc(20vw - 18px);
    max-width: 200px;
  }
}

@media (min-width: 1200px) {
  .base-slider__horiz-scroll .home-game-slider__item {
    width: unset;
    max-width: 200px;
  }
}

.base-slider {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  grid-template-areas: "header header controls" "slider slider slider";
  grid-template-columns: 1fr 1fr 88px;
  row-gap: 12px;
}

@media (min-width: 768px) {
  .base-slider {
    row-gap: 20px;
  }
}

.base-slider--with-see-more {
  -moz-column-gap: 12px;
  column-gap: 12px;
  grid-template-areas: "header header see-more" "slider slider slider";
  grid-template-columns: 1fr 1fr minmax(86px, min-content);
  row-gap: 12px;
}

@media (min-width: 768px) {
  .base-slider--with-see-more {
    row-gap: 20px;
  }
}

@media (min-width: 1200px) {
  .base-slider--with-see-more {
    grid-template-areas: "header see-more controls" "slider slider slider";
    grid-template-columns: 1fr minmax(86px, min-content) 88px;
  }
}

.base-slider__header {
  align-items: center;
  display: flex;
  gap: 16px;
  grid-area: header;
}

@media (min-width: 768px) {
  .base-slider__header {
    gap: 24px;
  }
}

.base-slider__controls {
  display: none;
  grid-area: controls;
}

@media (min-width: 1200px) {
  .base-slider__controls {
    display: flex;
  }
}

.base-slider__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}

.base-slider__title:first-letter {
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .base-slider__title {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .base-slider__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.base-slider .base-slider__button--see-more {
  grid-area: see-more;
}

.base-slider .base-slider__button--next,
.base-slider .base-slider__button--prev {
  border-radius: 50%;
  height: 40px;
  min-width: unset;
  width: 40px;
}

.base-slider__arrows {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
}

.base-slider__slider.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  display: block;
  grid-area: slider;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.base-slider__slider.slick-slider .slick-list {
  display: block;
  margin: 0 -4px;
  padding: 0;
  position: relative;
}

.base-slider__slider.slick-slider .slick-list:focus {
  outline: none;
}

.base-slider__slider.slick-slider .slick-list.dragging {
  cursor: hand;
}

@media (min-width: 1200px) {
  .base-slider__slider.slick-slider .slick-list {
    overflow: hidden;
  }
}

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

.base-slider__slider.slick-slider .slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0;
}

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

.base-slider__slider.slick-slider .slick-track:after {
  clear: both;
}

.slick-loading .base-slider__slider.slick-slider .slick-track {
  visibility: hidden;
}

.base-slider__slider.slick-slider .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  padding: 0 4px;
}

@media (min-width: 480px) {
  .base-slider__slider.slick-slider .slick-slide {
    padding: 0/2;
  }
}

@media (min-width: 768px) {
  .base-slider__slider.slick-slider .slick-slide {
    padding: 0 6px;
  }
}

@media (min-width: 960px) {
  .base-slider__slider.slick-slider .slick-slide {
    padding: 0/2;
  }
}

@media (min-width: 1200px) {
  .base-slider__slider.slick-slider .slick-slide {
    padding: 0 8px;
  }
}

@media (min-width: 1440px) {
  .base-slider__slider.slick-slider .slick-slide {
    padding: 0/2;
  }
}

@media (min-width: 1680px) {
  .base-slider__slider.slick-slider .slick-slide {
    padding: 0/2;
  }
}

.base-slider__slider.slick-slider .slick-slide > div {
  display: flex;
}

.base-slider__slider.slick-slider .slick-slide > div + div {
  margin-top: 16px;
}

[dir="rtl"] .base-slider__slider.slick-slider .slick-slide {
  float: right;
}

.base-slider__slider.slick-slider .slick-slide img:not(.image--hidden) {
  display: block;
}

.base-slider__slider.slick-slider .slick-slide.slick-loading img {
  display: none;
}

.base-slider__slider.slick-slider .slick-slide.dragging img {
  pointer-events: none;
}

.base-slider__slider.slick-slider.slick-initialized .slick-slide {
  display: block;
}

.body--ar .base-slider__slider.slick-slider.slick-initialized .slick-slide {
  float: right;
}

.base-slider__slider.slick-slider.slick-loading .slick-slide {
  visibility: hidden;
}

.base-slider__slider.slick-slider.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.base-slider__slider.slick-slider .slick-arrow.slick-hidden {
  display: none;
}

.base-slider__horiz-scroll {
  -ms-overflow-style: none;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: max-content;
  margin-inline-start: -16px;
  overflow: auto;
  padding-inline-end: 16px;
  padding-inline-start: 16px;
  row-gap: 8px;
  scrollbar-width: none;
  width: calc(100% + 32px);
}

.base-slider__horiz-scroll::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .base-slider__horiz-scroll {
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin-inline-start: -24px;
    padding-inline-end: 24px;
    padding-inline-start: 24px;
    row-gap: 12px;
    width: calc(100% + 48px);
  }
}

.base-slider__scroll-wrapper {
  grid-area: slider;
}

/*@media(min-width: 1200px) {
  .base-slider__scroll-wrapper {
      display:none
  }
}*/

.base-slider--related .base-slider__slider.slick-slider .slick-list {
  margin: 0 -7px 0 -8px;
}

.base-slider--related .base-slider__scroll-wrapper,
.base-slider--related .base-slider__slider {
  background: var(--header-color);
  border-radius: 20px;
  grid-area: slider;
  margin: 0;
  overflow: hidden;
  padding: 24px;
  position: relative;
  width: 100%;
}

@media (min-width: 1200px) {
  .base-slider--related .base-slider__scroll-wrapper,
  .base-slider--related .base-slider__slider {
    padding: 32px;
  }
}

.base-slider--related .base-slider__scroll-wrapper:after,
.base-slider--related .base-slider__slider:after {
  background: linear-gradient(270deg, var(--header-color), rgba(38, 59, 87, 0));
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}

.base-slider--related .base-slider__horiz-scroll {
  gap: 12px;
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
  width: calc(100% + 48px);
}

.slider-loader {
  aspect-ratio: 1;
  background: var(--header-color);
  border-radius: 8px;
  height: auto;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.slider-loader:before {
  animation: flareAnimation 1.5s linear 0.5s infinite;
  background: linear-gradient(
    0deg,
    hsla(0, 0%, 100%, 0.1),
    hsla(0, 0%, 100%, 0.4),
    hsla(0, 0%, 100%, 0.1)
  );
  content: "";
  height: 100%;
  left: -150%;
  opacity: 0.1;
  position: absolute;
  top: 0;
  transform: skewX(-45deg);
  width: 20%;
}

@keyframes flareAnimation {
  0% {
    left: -150%;
  }

  to {
    left: 150%;
  }
}

.home-promotions {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .home-promotions {
    margin-bottom: 32px;
  }
}

.home-promotions__item {
  border-radius: 12px;
  height: 294px;
  overflow: hidden;
}

@media (min-width: 480px) {
  .home-promotions__item {
    height: 264px;
  }
}

@media (min-width: 768px) {
  .home-promotions__item {
    height: 294px;
  }
}

@media (min-width: 1200px) {
  .home-promotions__item {
    height: 312px;
  }
}

.home-promotions__tab,
.home-promotions__tab:active,
.home-promotions__tab:focus,
.home-promotions__tab:hover {
  color: #fff;
}

.home-promotions__tab:not(.home-promotions__tab--active) {
  color: hsla(0, 0%, 100%, 0.45);
}

.promotions-card {
  height: 100%;
  position: relative;
  width: 100%;
}

.promotions-card__background {
  height: 100%;
  left: 50%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.body--ar .promotions-card__background {
  transform: translate(-50%, -50%) scaleX(-1);
}

.promotions-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 24px 16px;
  position: relative;
  width: 100%;
}

@media (min-width: 1200px) {
  .promotions-card__content {
    padding: 32px 24px 24px 32px;
  }
}

.promotions-card__content--bottom {
  display: flex;
  flex-direction: column-reverse;
  row-gap: 20px;
}

@media (min-width: 480px) {
  .promotions-card__content--bottom {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .promotions-card__content--bottom {
    align-items: unset;
    flex-direction: column-reverse;
    justify-content: unset;
  }
}

@media (min-width: 1200px) {
  .promotions-card__content--bottom {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

.promotions-card__title {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase;
}

.promotions-card__description {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 24px;
  margin: 0 0 24px;
}

.promotions-card__text {
  color: #fff;
  display: block;
  font-family: Rubik, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 16px 0 12px;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .promotions-card__text {
    font-size: 26px;
    line-height: 32px;
    margin: 20px 0 12px;
  }
}

.promotions-card__code--short {
  display: none;
}

@media (min-width: 480px) {
  .promotions-card__code--short {
    display: flex;
  }
}

@media (min-width: 768px) {
  .promotions-card__code--short {
    display: none;
  }
}

@media (min-width: 1200px) {
  .promotions-card__code--short {
    display: flex;
  }
}

.promotions-card__code--long {
  display: flex;
}

@media (min-width: 480px) {
  .promotions-card__code--long {
    display: none;
  }
}

@media (min-width: 768px) {
  .promotions-card__code--long {
    display: flex;
  }
}

@media (min-width: 1200px) {
  .promotions-card__code--long {
    display: none;
  }
}

.promotions-card__buttons {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  width: 100%;
}

.promotions-card .promotions-card__deposit-button {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 16px;
}

.promotions-card__modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .promotions-card__modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 720px;
    width: calc(100% - 20px);
  }
}

.promotions-card__modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .promotions-card__modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }
}

.promotions-card__new-label {
  background: linear-gradient(
    96.09deg,
    #3cdb77 1.01%,
    #86f3ae 27.74%,
    #6bffa2 79.71%,
    #38bf6a
  );
  border-radius: 8px;
  margin-inline-start: auto;
  padding: 4px;
}

.promotions-card__new-label-caption {
  border: 1.5px solid #001b33;
  border-radius: 6px;
  color: #181a1f;
  display: block;
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
  padding: 6.5px 12.5px;
  text-transform: uppercase;
}

.promotions-card-custom {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 16px 16px 32px;
  position: relative;
  width: 100%;
}

@media (min-width: 1200px) {
  .promotions-card-custom {
    padding: 24px 24px 40px;
  }
}

.promotions-card-custom__background {
  left: 50%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.promotions-card-custom__content {
  text-align: center;
}

.promotions-card-custom .promotions-card-custom__modal-button {
  position: absolute;
  right: 16px;
  top: 16px;
}

.promotions-card-custom__modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .promotions-card-custom__modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 720px;
    width: calc(100% - 20px);
  }
}

.promotions-card-custom__modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .promotions-card-custom__modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }
}

.jackpot-promotions-card__logo {
  margin-bottom: 12px;
  width: 140px;
}

@media (min-width: 1200px) {
  .jackpot-promotions-card__logo {
    margin-bottom: 3px;
    width: 180px;
  }
}

.jackpot-promotions-card__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  margin: 0 0 8px;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .jackpot-promotions-card__text {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
}

.jackpot-promotions-card__value {
  color: #0bdede;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-align: center;
}

.jackpot-promotions-card__value span {
  font-family: Roboto, Arial, sans-serif !important;
}

.jackpot-promotions-card__value .od-total-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.jackpot-promotions-card__value .od-total-wrapper > span {
  font-family: Roboto, Arial, sans-serif !important;
}

@media (min-width: 1200px) {
  .jackpot-promotions-card__value {
    font-size: 32px;
    line-height: 40px;
  }
}

.exclusive-promotions-card__logo {
  margin: 0 0 12px;
  width: 120px;
}

@media (min-width: 1200px) {
  .exclusive-promotions-card__logo {
    width: 140px;
  }
}

.exclusive-promotions-card__text {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  max-width: 280px;
}

@media (min-width: 1200px) {
  .exclusive-promotions-card__text {
    font-size: 24px;
    line-height: 32px;
    max-width: 380px;
  }
}

.exclusive-promotions-card__text--accent {
  color: #0bdede;
}

.home-providers {
  display: block;
  width: 100%;
}

.home-providers__list {
  margin: 30px 0 0;
}

@media (min-width: 768px) {
  .home-providers__list {
    margin-top: 36px;
  }
}

.providers-preview-list {
  margin-bottom: 24px;
  position: relative;
}

@media (min-width: 768px) {
  .providers-preview-list {
    margin-bottom: 32px;
  }
}

.providers-preview-list__link {
  align-items: center;
  background: var(--header-color);
  border-radius: 8px;
  display: flex;
  height: 112px;
  justify-content: center;
  transition: background 0.3s ease;
  width: 100%;
}

.providers-preview-list__link:hover {
  background: #384c6b;
}

.providers-preview-list__logo {
  margin: 0 16px;
  max-height: 72px;
  max-width: 144px;
}

.providers-preview-list__loader {
  aspect-ratio: unset;
  min-height: 112px;
}

.providers-preview-list__button {
  position: absolute;
  right: 100px;
  top: 0;
}

.base-slider__horiz-scroll .providers-preview-list__item {
  width: calc(50vw - 20px);
}

@media (min-width: 480px) {
  .base-slider__horiz-scroll .providers-preview-list__item {
    width: calc(33.33333vw - 16px);
  }
}

@media (min-width: 768px) {
  .base-slider__horiz-scroll .providers-preview-list__item {
    width: calc(25vw - 20px);
  }
}

@media (min-width: 960px) {
  .base-slider__horiz-scroll .providers-preview-list__item {
    width: calc(20vw - 18px);
  }
}

@media (min-width: 1200px) {
  .base-slider__horiz-scroll .providers-preview-list__item {
    width: unset;
  }
}

.home-sportsbook-widget {
  margin-bottom: 32px;
  margin-top: 48px;
  overflow: hidden;
  padding: 32px 0;
  position: relative;
  width: 100%;
}

@media (min-width: 480px) {
  .home-sportsbook-widget {
    padding: 40px 0;
  }
}

@media (min-width: 768px) {
  .home-sportsbook-widget {
    margin-bottom: 40px;
    margin-top: 56px;
  }
}

@media (min-width: 1200px) {
  .home-sportsbook-widget {
    margin-bottom: 52px;
    min-height: 372px;
    padding: 48px 0 72px;
  }
}

.home-sportsbook-widget .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

@media (min-width: 1200px) {
  .home-sportsbook-widget .container {
    flex-direction: row;
  }
}

.home-sportsbook-widget__background {
  background-position: 25% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .home-sportsbook-widget__background {
    background-position-x: 50%;
  }
}

.home-sportsbook-widget__gradient {
  position: absolute;
}

.home-sportsbook-widget__gradient--yellow {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 160, 18, 0.12) 0,
    rgba(255, 107, 0, 0) 100%
  );
  bottom: 57.86%;
  height: 422px;
  left: 55.73%;
  right: -85.33%;
  top: -50%;
  width: 486px;
}

@media (min-width: 768px) {
  .home-sportsbook-widget__gradient--yellow {
    bottom: 56.33%;
    left: 27.21%;
    right: 9.51%;
    top: -51.81%;
  }
}

@media (min-width: 1200px) {
  .home-sportsbook-widget__gradient--yellow {
    bottom: 62.84%;
    left: 30.08%;
    right: 29.42%;
    top: unset;
  }
}

.home-sportsbook-widget__gradient--yellow-big {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 113, 10, 0.12) 0,
    rgba(180, 0, 75, 0) 100%
  );
  bottom: 9.05%;
  height: 920px;
  left: -1.04%;
  right: -119.38%;
  top: -117.19%;
  width: 1058px;
}

@media (min-width: 768px) {
  .home-sportsbook-widget__gradient--yellow-big {
    bottom: 9.05%;
    left: -0.65%;
    right: -37.11%;
    top: -117.19%;
  }
}

@media (min-width: 1200px) {
  .home-sportsbook-widget__gradient--yellow-big {
    bottom: 59.09%;
    left: 7.58%;
    right: 4.25%;
    top: unset;
  }
}

.home-sportsbook-widget__gradient--green {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 255, 240, 0.12) 0.01%,
    rgba(0, 60, 130, 0) 100%
  );
  bottom: -63.32%;
  height: 804px;
  left: -129.87%;
  opacity: 0.8;
  right: -8.8%;
  top: -12.23%;
  width: 895px;
}

@media (min-width: 768px) {
  .home-sportsbook-widget__gradient--green {
    bottom: -69.23%;
    left: -63.41%;
    right: 46.88%;
    top: -12.67%;
  }
}

@media (min-width: 1200px) {
  .home-sportsbook-widget__gradient--green {
    bottom: unset;
    height: 920px;
    left: -20%;
    right: unset;
    top: -10%;
    width: 1023px;
  }
}

.home-sportsbook-widget__gradient--green-right {
  display: none;
}

@media (min-width: 1200px) {
  .home-sportsbook-widget__gradient--green-right {
    background: radial-gradient(
      50% 50% at 50% 50%,
      rgba(0, 255, 240, 0.12) 0.01%,
      rgba(0, 60, 130, 0) 100%
    );
    bottom: 50.39%;
    display: block;
    height: 920px;
    left: 64.67%;
    opacity: 0.8;
    right: -52.5%;
    top: 33.11%;
    width: 1054px;
  }
}

.home-sportsbook-widget__sport {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0.19) -20%,
    hsla(0, 0%, 100%, 0) 81%
  );
  -webkit-background-clip: text;
  background-clip: text;
  display: none;
  font-family: Open Sans, sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px;
  opacity: 0.3;
  position: absolute;
}

@media (min-width: 768px) {
  .home-sportsbook-widget__sport {
    display: block;
    right: -10%;
  }
}

@media (min-width: 1200px) {
  .home-sportsbook-widget__sport {
    display: block;
    left: 40%;
    right: unset;
    top: -16px;
  }
}

.home-sportsbook-widget__content {
  position: relative;
}

.home-sportsbook-widget__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 auto 32px;
  max-width: 447px;
  text-align: center;
}

@media (min-width: 480px) {
  .home-sportsbook-widget__title {
    margin: 0 auto 32px;
  }
}

@media (min-width: 1200px) {
  .home-sportsbook-widget__title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 40px;
    text-align: left;
  }
}

.home-sportsbook-widget__button {
  padding: 12px 20px;
}

.home-sportsbook-widget__button--desktop {
  display: none;
}

@media (min-width: 1200px) {
  .home-sportsbook-widget__button--desktop {
    display: inline-block;
  }
}

.home-sportsbook-widget__button--mobile {
  margin-top: 32px;
}

@media (min-width: 1200px) {
  .home-sportsbook-widget__button--mobile {
    display: none;
  }
}

.home-sportsbook-widget__slider {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  row-gap: 24px;
  width: 100%;
}

@media (min-width: 1200px) {
  .home-sportsbook-widget__slider {
    width: 656px;
  }
}

@media (min-width: 1440px) {
  .home-sportsbook-widget__slider {
    width: 911px;
  }
}

@media (min-width: 1680px) {
  .home-sportsbook-widget__slider {
    width: 1070px;
  }
}

.home-sportsbook-widget__card {
  max-width: 288px;
  min-width: 288px;
}

@media (min-width: 375px) {
  .home-sportsbook-widget__card {
    max-width: 343px;
    min-width: 343px;
  }
}

@media (min-width: 768px) {
  .home-sportsbook-widget__card {
    max-width: 356px;
    min-width: 356px;
  }
}

@media (min-width: 1200px) {
  .home-sportsbook-widget__card {
    max-width: 320px;
    min-width: 320px;
  }
}

@media (min-width: 1440px) {
  .home-sportsbook-widget__card {
    max-width: 293px;
    min-width: 293px;
  }
}

@media (min-width: 1680px) {
  .home-sportsbook-widget__card {
    max-width: 346px;
    min-width: 346px;
  }
}

.home-sportsbook-widget-card {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: hsla(0, 0%, 100%, 0.04);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 12px;
  row-gap: 12px;
  width: 100%;
}

.home-sportsbook-widget-card__header {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  line-height: 16px;
}

.home-sportsbook-widget-card__event {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  overflow: hidden;
}

.home-sportsbook-widget-card__event span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-sportsbook-widget-card__date {
  white-space: nowrap;
}

.home-sportsbook-widget-card__teams {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 42px 1fr;
  justify-content: space-around;
}

.home-sportsbook-widget-card__team {
  align-items: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  row-gap: 8px;
}

.home-sportsbook-widget-card__name {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.home-sportsbook-widget-card__name,
.home-sportsbook-widget-card__vs {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  text-align: center;
}

.home-sportsbook-widget-card__vs {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin-top: -26px;
}

.home-sportsbook-widget-card__bets {
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
}

.home-sportsbook-widget-card__bet {
  align-items: center;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: hsla(0, 0%, 100%, 0.06);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  line-height: 16px;
  padding: 12px;
  text-transform: uppercase;
  transition: background 0.3s ease;
  width: 100%;
}

.home-sportsbook-widget-card__bet:hover {
  background: hsla(0, 0%, 100%, 0.12);
}

.home-sportsbook-widget-card__coefficient {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.16px;
  line-height: 20px;
}

.home-sportsbook-widget-card__image,
.home-sportsbook-widget-card__image-wrapper {
  height: 58px;
}

.home-winners__tabs {
  -ms-overflow-style: none;
  display: flex;
  min-width: 314px;
  overflow-x: scroll;
  scrollbar-width: none;
}

.home-winners__tabs::-webkit-scrollbar {
  display: none;
}

.home-winners__tab {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-right: 16px;
  white-space: nowrap;
}

.home-winners__tab:last-child {
  margin-right: 0;
}

@media (min-width: 480px) {
  .home-winners__tab {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .home-winners__tab {
    font-size: 24px;
    line-height: 32px;
    margin-right: 24px;
  }
}

.home-winners__tab--active {
  color: #fff;
}

.winners__item {
  min-width: 272px;
}

.winner {
  background: var(--header-color);
  border-radius: 8px;
  display: flex;
  height: 96px;
  position: relative;
}

.winner__info {
  overflow: hidden;
  padding: 14px 16px;
  text-align: left;
  white-space: nowrap;
}

.winner__game,
.winner__sum,
.winner__username {
  font-family: Open Sans, sans-serif;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.winner__username {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  line-height: 16px;
}

.winner__sum,
.winner__username {
  font-style: normal;
  font-weight: 700;
  margin-bottom: 2px;
}

.winner__sum {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
}

.winner__game {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  transition: color 0.3s ease;
}

.winner__game:hover {
  color: #fff;
}

.winner .winner__image {
  border-radius: 8px;
  height: 96px;
  width: 96px;
}

.winner__image-top {
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
}

.initial-setting {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
}

.initial-setting__line {
  align-items: center;
  display: flex;
}

.initial-setting__line > :not(:last-child) {
  margin-right: 50px;
}

.initial-setting__value span {
  color: #0bdede;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.initial-setting__swicher {
  display: flex;
  flex-direction: column;
}

.initial-setting__swicher > :not(:last-child) {
  margin-bottom: 10px;
}

.initial-setting-button {
  bottom: 120px;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 1030;
}

@media (min-width: 768px) {
  .initial-setting-button {
    bottom: 80px;
    display: block;
  }
}

@media (min-width: 1200px) {
  .initial-setting-button {
    right: 40px;
  }
}

.initial-setting-button .link-btn {
  background: transparent none !important;
  height: 40px;
  min-height: auto;
  min-width: auto;
  padding: 0;
  width: 40px;
}

.initial-setting-button .link-btn img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.initial-setting-button .link-btn:hover {
  animation: rotate 2s;
}

.install-app-hero-button {
  align-items: center;
  background: #0bdede;
  border-radius: 10px;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 8px 24px;
  text-decoration: none;
}

.install-app-hero-button__image {
  height: 32px;
  width: 32px;
}

.install-app-hero-button__text-top {
  color: var(--header-color);
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}

.install-app-hero-button__text-platform,
.install-app-hero-button__text-top {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin: 0;
}

.install-app-hero-button__text-platform {
  color: #001b33;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}

.jackpot-banner {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  line-height: normal;
  min-height: 380px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

@media (min-width: 768px) {
  .jackpot-banner {
    font-size: 20px;
  }
}

.jackpot-banner__img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.jackpot-banner__content {
  padding: 20px 0;
  position: relative;
}

.jackpot-banner__title {
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .jackpot-banner__title {
    font-size: 64px;
  }
}

.jackpot-banner__total-label {
  margin-bottom: 5px;
}

.jackpot-banner__total-value {
  color: #0bdede;
  font-size: 30px;
  font-weight: 800;
}

@media (min-width: 768px) {
  .jackpot-banner__total-value {
    font-size: 48px;
  }
}

.jackpot-game-panel {
  background: rgba(0, 27, 51, 0.65);
  border-radius: 0 0 16px 16px;
  display: inline-flex;
  min-height: 72px;
  padding: 14px 36px 14px 20px;
  position: relative;
}

.jackpot-game-panel__inner {
  display: flex;
  justify-content: center;
}

.jackpot-game-panel .jackpot-game-panel__toggle-btn {
  align-items: center;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #384c6b;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 5px;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s ease;
  width: 32px;
}

.jackpot-game-panel .jackpot-game-panel__toggle-btn:focus,
.jackpot-game-panel .jackpot-game-panel__toggle-btn:hover {
  background: #445778;
}

.jackpot-game-panel__toggle-caret {
  transition: color 0.3s ease, transform 0.3s ease;
}

.jackpot-game-panel__toggle-caret--open {
  color: #fff;
  transform: scaleY(-1);
}

.jackpot-game-panel__dropdown {
  background: #384c6b;
  border-radius: 16px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  left: 50%;
  padding: 24px;
  position: absolute;
  top: calc(100% + 6px);
  transform: translate(-50%) scale(0);
  transform-origin: top;
  transition: transform 0.3s ease;
  width: 720px;
  z-index: 1;
}

.jackpot-game-panel__dropdown--open {
  transform: translate(-50%) scale(1);
}

.game-jackpots {
  align-items: center;
  display: flex;
  gap: 22px;
}

@media (min-width: 1200px) {
  .game-jackpots {
    gap: 32px;
  }
}

.game-jackpots__inner {
  align-items: center;
  display: flex;
  gap: 22px;
  justify-content: flex-start;
  pointer-events: none;
}

@media (min-width: 1200px) {
  .game-jackpots__inner {
    gap: 32px;
  }
}

.game-jackpots__inner--primary {
  animation: infinite-scroll 25s linear infinite;
}

@media (min-width: 768px) {
  .game-jackpots__inner--primary {
    animation: unset;
  }
}

.game-jackpots__inner--clone {
  animation: infinite-scroll 25s linear infinite;
}

@media (min-width: 768px) {
  .game-jackpots__inner--clone {
    display: none;
  }
}

.game-jackpots__section {
  display: flex;
  gap: 22px;
}

@media (min-width: 1200px) {
  .game-jackpots__section {
    gap: 32px;
  }
}

.game-jackpots:not(:first-child) {
  display: none;
}

@keyframes infinite-scroll {
  0% {
    transform: translate(4%);
  }

  to {
    transform: translate(-104%);
  }
}

.jackpot-list {
  display: inline-flex;
  gap: 22px;
  margin: 0;
  width: 100%;
}

@media (min-width: 1200px) {
  .jackpot-list {
    gap: 32px;
  }
}

.jackpot-list__item {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  margin: 0 !important;
}

.jackpot-list__icon {
  align-items: center;
  display: flex;
  flex: 0 0 23px;
  height: 23px;
  justify-content: center;
  width: 23px;
}

@media (min-width: 1200px) {
  .jackpot-list__icon {
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
  }
}

.jackpot-list__image {
  max-width: 100%;
}

.jackpot-list__content {
  flex: 1;
}

.jackpot-list__level {
  color: hsla(0, 0%, 100%, 0.65);
  display: none;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 14px;
  margin: 0;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .jackpot-list__level {
    display: block;
  }
}

.jackpot-list__pool {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .jackpot-list__pool {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
  }
}

.jackpot-list__pool .odometer.odometer-auto-theme,
.jackpot-list__pool .odometer.odometer-theme-default {
  margin-top: -2px;
}

.jackpot-game-panel-info__levels-list::-webkit-scrollbar,
.jackpot-wins-list::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.jackpot-game-panel-info__levels-list::-webkit-scrollbar-track,
.jackpot-wins-list::-webkit-scrollbar-track {
  background: transparent;
}

.jackpot-game-panel-info__levels-list::-webkit-scrollbar-thumb,
.jackpot-wins-list::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0;
}

.jackpot-game-panel-info__levels-list::-webkit-scrollbar-thumb:hover,
.jackpot-wins-list::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

@-moz-document url-prefix() {
  .jackpot-game-panel-info__levels-list,
  .jackpot-wins-list {
    scrollbar-color: transparent;
    scrollbar-width: none;
  }
}

.jackpot-game-panel-info__levels-list:hover::-webkit-scrollbar-thumb,
.jackpot-wins-list:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

.jackpot-game-panel-info__levels-list,
.jackpot-wins-list {
  display: flex;
  gap: 12px;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0;
}

.jackpot-game-panel-info a {
  color: #00dccd;
  transition: color 0.3s ease;
}

.jackpot-game-panel-info a:focus,
.jackpot-game-panel-info a:hover {
  color: #1df0e2;
}

.jackpot-game-panel-info__title {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.jackpot-game-panel-info__tabs {
  display: none;
  gap: 8px;
  margin: 0 0 24px;
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab {
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  opacity: 0.5;
  padding: 10px 16px;
  text-transform: uppercase;
  transition: opacity 0.3s ease;
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab--md {
  background: linear-gradient(
    268.9deg,
    rgba(72, 26, 255, 0.08),
    rgba(127, 26, 255, 0.38)
  ) !important;
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab--hh {
  background: linear-gradient(
    268.9deg,
    rgba(255, 26, 246, 0.08),
    rgba(58, 255, 26, 0.3)
  ) !important;
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab--active,
.jackpot-game-panel-info .jackpot-game-panel-info__tab:focus,
.jackpot-game-panel-info .jackpot-game-panel-info__tab:hover {
  color: #fff;
  opacity: 1;
}

.jackpot-game-panel-info__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 24px;
}

.jackpot-game-panel-info__text span {
  color: #fff;
}

.jackpot-game-panel-info__text:last-child {
  margin: 0;
}

.jackpot-game-panel-info__levels {
  margin: 0 0 16px;
  position: relative;
}

.jackpot-game-panel-info__levels:after {
  background: linear-gradient(270deg, #384c6b, rgba(34, 34, 43, 0));
  content: "";
  height: 56px;
  inset-block-end: 0;
  inset-inline-end: 0;
  position: absolute;
  width: 56px;
}

.jackpot-game-panel-info__levels-list {
  display: flex;
  flex-direction: row;
  gap: 32px;
  overflow: auto;
  position: relative;
}

.jackpot-game-panel-info__content {
  margin-bottom: 24px;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .jackpot-game-panel-info__content {
    margin-bottom: 0;
  }
}

.jackpot-game-panel-info__section-title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 16px;
}

@media (min-width: 1200px) {
  .jackpot-game-panel-info__section-title--wins {
    font-size: 16px;
    line-height: 24px;
  }
}

.jackpot-game-panel-info__divider {
  background: hsla(0, 0%, 100%, 0.12);
  border: none;
  border-radius: 8px;
  display: block;
  height: 1px;
  margin: 24px 0;
  width: 100%;
}

.jackpot-game-panel-info__winners {
  min-height: 60px;
  position: relative;
}

.jackpot-game-panel-info__winners:after {
  background: linear-gradient(270deg, #384c6b, rgba(34, 34, 43, 0));
  bottom: 0;
  content: "";
  height: calc(100% - 24px);
  position: absolute;
  right: 0;
  width: 56px;
}

.jackpot-game-panel-info .jackpot-game-panel-info__winners-list {
  gap: 32px;
}

.jackpot-game-panel-info .c-jp-level {
  align-items: center;
  display: flex;
  gap: 16px;
}

.jackpot-game-panel-info .c-jp-level__level-icon {
  align-items: center;
  display: flex;
  flex: 0 0 48px;
  height: 48px;
  justify-content: center;
  overflow: hidden;
  width: 48px;
}

.jackpot-game-panel-info .c-jp-level__level-icon img {
  height: 48px;
  width: 48px;
}

.jackpot-game-panel-info .c-jp-level__level-content {
  text-wrap: nowrap;
}

.jackpot-game-panel-info .c-jp-level__content {
  flex: 1;
}

.jackpot-game-panel-info .c-jp-level__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 4px;
}

.jackpot-game-panel-info .c-jp-level__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.jackpot-winners-inline::-webkit-scrollbar,
.jackpot-wins-list::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.jackpot-winners-inline::-webkit-scrollbar-track,
.jackpot-wins-list::-webkit-scrollbar-track {
  background: transparent;
}

.jackpot-winners-inline::-webkit-scrollbar-thumb,
.jackpot-wins-list::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0;
}

.jackpot-winners-inline::-webkit-scrollbar-thumb:hover,
.jackpot-wins-list::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

@-moz-document url-prefix() {
  .jackpot-winners-inline,
  .jackpot-wins-list {
    scrollbar-color: transparent;
    scrollbar-width: none;
  }
}

.jackpot-winners-inline:hover::-webkit-scrollbar-thumb,
.jackpot-wins-list:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

.jackpot-winners-inline,
.jackpot-wins-list {
  display: flex;
  gap: 12px;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0;
}

.jackpot-winners-inline {
  gap: 32px;
  margin-bottom: -10px;
  overflow: auto;
  padding-bottom: 10px;
  position: relative;
}

.jackpot-winners-inline__item {
  flex: 1 1 25%;
  min-width: 100px;
}

@media (min-width: 768px) {
  .jackpot-winners-inline__item {
    min-width: calc(16.66667% - 26.66667px);
  }
}

@media (min-width: 1440px) {
  .jackpot-winners-inline__item {
    flex: 1 0 auto;
    min-width: 18%;
  }
}

.jackpot-winner {
  display: flex;
  gap: 12px;
}

@media (min-width: 1680px) {
  .jackpot-winner {
    align-items: center;
  }
}

.jackpot-winner__icon {
  align-items: center;
  display: flex;
  flex: 0 0 32px;
  height: 32px;
  justify-content: center;
  width: 32px;
}

@media (min-width: 1680px) {
  .jackpot-winner__icon {
    flex: 0 0 56px;
    height: 56px;
    width: 56px;
  }
}

.jackpot-winner__icon-image {
  max-width: 100%;
}

@media (min-width: 1680px) {
  .jackpot-winner__icon-image {
    width: 100%;
  }
}

.jackpot-winner__content {
  flex: 1;
}

.jackpot-winner__name {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 0 2px;
}

@media (min-width: 1680px) {
  .jackpot-winner__name {
    margin: 0;
  }
}

.jackpot-winner__pool {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 6px;
  line-height: 24px;
  margin: 0;
}

.jackpot-winner__pool .jackpot-winner__pool-image {
  width: 20px;
}

.jackpot-winner__time {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar-track {
  background: transparent;
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0;
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

@-moz-document url-prefix() {
  .jackpot-game-panel-mobile__dropdown {
    scrollbar-color: transparent;
    scrollbar-width: none;
  }
}

.jackpot-game-panel-mobile__dropdown:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

.jackpot-game-panel-mobile {
  background: #384c6b;
  display: flex;
  justify-content: center;
  min-height: 40px;
  padding: 6px;
  position: relative;
  width: 100%;
}

.jackpot-game-panel-mobile__inner {
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  padding: 0;
}

.jackpot-game-panel-mobile__inner:after {
  background: linear-gradient(90deg, transparent, #384c6b);
  content: "";
  height: 100%;
  position: absolute;
  right: 40px;
  top: 0;
  width: 40px;
  z-index: 2;
}

.jackpot-game-panel-mobile__inner:before {
  background: linear-gradient(-90deg, transparent, #384c6b);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 2;
}

.jackpot-game-panel-mobile .jackpot-game-panel-mobile__toggle-btn {
  align-items: center;
  background: #384c6b;
  border-radius: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s ease;
  width: 40px;
}

.jackpot-game-panel-mobile .jackpot-game-panel-mobile__toggle-btn:focus,
.jackpot-game-panel-mobile .jackpot-game-panel-mobile__toggle-btn:hover {
  background: #445778;
}

.jackpot-game-panel-mobile__toggle-caret {
  font-size: 6px;
  transition: color 0.3s ease, transform 0.3s ease;
}

.jackpot-game-panel-mobile__toggle-caret--open {
  color: #fff;
  transform: scaleY(-1);
}

.jackpot-game-panel-mobile__dropdown {
  background: #384c6b;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  left: 50%;
  max-height: calc(100dvh - 80px);
  overflow: auto;
  padding: 16px;
  position: absolute;
  top: 100%;
  transform: translate(-50%) scale(0);
  transform-origin: top;
  transition: transform 0.3s ease;
  width: 100%;
}

@media (min-width: 768px) {
  .jackpot-game-panel-mobile__dropdown {
    padding: 24px;
  }
}

.jackpot-game-panel-mobile__dropdown--open {
  transform: translate(-50%) scale(1);
}

.jackpot-games {
  background: url(/images/jackpot-games-bg.0fdcc95d..jpg) 50% no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 88px 0;
}

@media (max-width: 960px) {
  .jackpot-games {
    padding: 80px 0;
  }
}

@media (max-width: 768px) {
  .jackpot-games {
    padding: 55px 0;
  }
}

.jackpot-games__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 64px;
  text-align: center;
}

@media (min-width: 768px) {
  .jackpot-games__title {
    font-size: 26px;
    line-height: 32px;
  }
}

@media (max-width: 1200px) {
  .jackpot-games__title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 45px;
  }
}

@media (max-width: 768px) {
  .jackpot-games__title {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 40px;
  }
}

.jackpot-games__link {
  margin-top: 56px;
}

@media (max-width: 960px) {
  .jackpot-games__link {
    margin-top: 45px;
  }
}

@media (max-width: 768px) {
  .jackpot-games__link {
    margin-top: 40px;
  }
}

.jackpot-games__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.jackpot-games__slider {
  flex: 1 1 100%;
  max-width: 100%;
  position: relative;
}

.jackpot-how-to {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: center;
  margin: 64px 0 80px;
  overflow: hidden;
  padding: 0 48px;
}

@media (max-width: 960px) {
  .jackpot-how-to {
    flex-direction: column;
    gap: 0;
    margin: 0 0 80px;
    padding: 0 24px;
  }
}

.jackpot-how-to__banner {
  flex: 0 1 auto;
  max-width: 930px;
  position: relative;
}

.jackpot-how-to__banner-bg {
  max-width: 100%;
}

@media (max-width: 768px) {
  .jackpot-how-to__banner-bg {
    margin-left: -25%;
    max-width: 150%;
  }
}

.jackpot-how-to__banner-logo {
  left: 50%;
  max-width: 100%;
  position: absolute;
  top: 55%;
  transform: translate(-50%, -50%);
}

.jackpot-how-to__content {
  flex: 0 0 460px;
}

@media (max-width: 960px) {
  .jackpot-how-to__content {
    flex: 1;
    margin-top: -45px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .jackpot-how-to__content {
    margin-top: 0;
    text-align: center;
  }
}

.jackpot-how-to__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 26px;
  margin: 0 0 48px;
}

@media (max-width: 768px) {
  .jackpot-how-to__title {
    font-size: 26px;
    line-height: 32px;
  }
}

@media (min-width: 1200px) {
  .jackpot-how-to__title {
    font-size: 32px;
    line-height: 40px;
  }
}

.jackpot-how-to__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (max-width: 960px) and (min-width: 768px) {
  .jackpot-how-to__list {
    flex-direction: row;
  }
}

.jackpot-how-to__list-item {
  width: 100%;
}

.jackpot-how-to__link {
  margin-top: 56px;
}

.jackpot-how-to .how-to-item {
  align-items: center;
  display: flex;
}

@media (max-width: 960px) and (min-width: 768px) {
  .jackpot-how-to .how-to-item {
    flex-direction: column;
  }
}

.jackpot-how-to .how-to-item__icon {
  margin-right: 24px;
  width: 64px;
}

@media (max-width: 960px) and (min-width: 768px) {
  .jackpot-how-to .how-to-item__icon {
    margin: 0 0 20px;
  }
}

.jackpot-how-to .how-to-item__content {
  flex: 1;
}

@media (max-width: 960px) and (min-width: 768px) {
  .jackpot-how-to .how-to-item__content {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .jackpot-how-to .how-to-item__content {
    text-align: left;
  }
}

.jackpot-how-to .how-to-item__title {
  color: #fff;
  font-family: Rubik, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 8px;
}

.jackpot-how-to .how-to-item__text {
  color: #999;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

.jackpot-page {
  padding: 20px 0 50px;
}

.jackpot-page .jackpot-page__banner {
  border-radius: 10px;
}

.jackpot-page__prizes {
  margin: 20px 0 0;
}

@media (min-width: 768px) {
  .jackpot-page__prizes {
    margin-top: 80px;
  }
}

.jackpot-page .jackpot-page__content {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .jackpot-page .jackpot-page__content {
    margin-top: 55px;
  }
}

.jackpot-page .list-with-img {
  margin: 50px auto 0;
}

.jackpot-page .home-slider {
  margin: 40px 0 0;
}

@media (min-width: 768px) {
  .jackpot-page .home-slider {
    margin-top: 50px;
  }
}

.jackpot-page .home-slider .home-slider__title {
  font-size: 16px;
}

@media (min-width: 768px) {
  .jackpot-page .home-slider .home-slider__title {
    font-size: 24px;
  }
}

.jackpot-page .jackpot-steps {
  margin: 50px 0;
}

.jackpot-prizes-block {
  display: block;
  width: 100%;
}

.jackpot-prizes {
  grid-gap: 15px;
  color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
  width: 100%;
}

@media (min-width: 960px) {
  .jackpot-prizes {
    grid-template-columns: repeat(3, 1fr);
  }
}

.jackpot-prizes__item {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 43px 0 0;
  position: relative;
  width: 100%;
}

.jackpot-prizes__content {
  background-color: #22242c;
  border-radius: 10px;
  flex: 1;
  height: 100%;
  overflow: hidden;
  padding: 90px 30px 16px;
  width: 100%;
}

.jackpot-prizes__image-block {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.jackpot-prizes__image {
  max-height: 123px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.jackpot-prizes__title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.jackpot-prizes__pool {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 34px;
  font-weight: 700;
  justify-content: center;
  margin-top: 6px;
  padding: 0;
  white-space: nowrap;
  width: 100%;
}

@media (min-width: 960px) {
  .jackpot-prizes__pool {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .jackpot-prizes__pool {
    font-size: 34px;
  }
}

.jackpot-prizes__info {
  background-color: #000;
  border-radius: 10px;
  color: #0bdede;
  font-weight: 500;
  margin-top: 15px;
  padding: 25px 15px;
}

.jackpot-prizes__label:after {
  content: ": ";
}

.jackpot-prizes__currency {
  margin-right: 3px;
}

.jackpot-prizes__loader {
  animation: spinner-border 0.75s linear infinite;
  border: 5px solid hsla(0, 0%, 100%, 0.65);
  border-radius: 50%;
  border-right-color: transparent;
  display: inline-block;
  height: 40px;
  margin: auto;
  vertical-align: text-bottom;
  width: 40px;
}

.jackpot-prizes--promo {
  grid-gap: 24px;
}

@media (min-width: 768px) {
  .jackpot-prizes--promo {
    grid-template-columns: repeat(3, 1fr);
  }
}

.jackpot-prizes--promo .jackpot-prizes__item {
  padding: 0;
}

@media (min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__item {
    flex-direction: row;
  }
}

.jackpot-prizes--promo .jackpot-prizes__content {
  background-color: transparent;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
}

@media (min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__content {
    flex: 1;
    text-align: left;
    width: 100%;
  }
}

.jackpot-prizes--promo .jackpot-prizes__image-block {
  display: inline-flex;
  justify-content: center;
  margin: 0 0 8px;
  position: static;
  width: 100%;
}

@media (min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__image-block {
    margin: 0 8px 0 0;
    width: auto;
  }
}

.jackpot-prizes--promo .jackpot-prizes__image {
  max-height: 58px;
}

.jackpot-prizes--promo .jackpot-prizes__title {
  align-items: flex-end;
  display: flex;
  font-size: 12px;
  justify-content: center;
  margin: 0;
  order: 1;
  padding: 0;
}

@media (min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__title {
    justify-content: flex-start;
  }
}

.jackpot-prizes--promo .jackpot-prizes__info {
  background-color: transparent;
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 11px;
  font-weight: 500;
  margin: 0;
  order: 2;
  padding: 8px 0;
}

@media (min-width: 768px) and (max-width: 1439px) {
  .jackpot-prizes--promo .jackpot-prizes__info {
    font-size: 12px;
  }
}

.jackpot-prizes--promo .jackpot-prizes__value {
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.jackpot-prizes--promo .jackpot-prizes__pool {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 800;
  justify-content: center;
  margin: 0;
  order: 3;
  padding: 8px 0 0;
  position: relative;
}

@media (min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__pool {
    justify-content: flex-start;
  }
}

.jackpot-prizes--promo .jackpot-prizes__pool:before {
  background-color: hsla(0, 0%, 100%, 0.2);
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 90px);
  position: absolute;
  top: 0;
  width: 180px;
}

@media (min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__pool:before {
    left: 0;
  }
}

.jackpot-prizes.jackpot-prizes--loading {
  grid-template-columns: 1fr;
  text-align: center;
}

.jackpot-prizes.jackpot-prizes--loading .jackpot-prizes__item {
  text-align: center;
}

.jackpot-prizes--game .jackpot-prizes__image,
.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__image {
  max-height: 58px !important;
}

.jackpot-prizes--game .jackpot-prizes__title,
.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__title {
  align-items: flex-end;
  font-size: 12px;
  justify-content: flex-start;
  order: 2;
}

.jackpot-prizes--game .jackpot-prizes__pool,
.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__pool {
  align-items: flex-start;
  font-size: 16px;
  justify-content: flex-start;
  order: 3;
  padding: 2px 0 0;
}

.jackpot-prizes--game .jackpot-prizes__info,
.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__info {
  display: block;
  font-size: 11px;
  margin: 0;
  padding: 2px 0;
  text-align: left;
  white-space: nowrap;
}

.jackpot-prizes--game
  .jackpot-prizes__block:not(.jackpot-prizes__block--hit-range),
.jackpot-prizes--game.jackpot-prizes--promo
  .jackpot-prizes__block:not(.jackpot-prizes__block--hit-range),
.jackpot-prizes--slide .jackpot-prizes__info {
  display: none;
}

.jackpot-prizes--slide .jackpot-prizes__item {
  grid-gap: 10px;
  display: grid;
  grid-template-columns: auto 1fr;
}

.jackpot-prizes--slide .jackpot-prizes__image-block {
  grid-row: span 2;
}

.jackpot-prizes--slide .jackpot-prizes__image {
  min-width: 50px;
}

.jackpot-prizes--slide .jackpot-prizes__title {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.jackpot-prizes--slide .jackpot-prizes__pool {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

@keyframes loader {
  to {
    transform: rotate(1turn);
  }
}

.jackpot-promo {
  background: #000;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  overflow: hidden;
  padding: 16px 10px;
  position: relative;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .jackpot-promo {
    text-align: left;
  }
}

@media (min-width: 960px) {
  .jackpot-promo {
    padding: 16px 40px;
  }
}

@media (min-width: 1200px) {
  .jackpot-promo {
    padding: 16px 77px;
  }
}

@media (min-width: 1440px) {
  .jackpot-promo {
    padding: 25px 23px;
  }
}

.jackpot-promo__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.jackpot-promo__content {
  grid-gap: 10px;
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  width: 100%;
}

@media (min-width: 1440px) {
  .jackpot-promo__content {
    grid-gap: 24px;
    grid-template-columns: auto auto 1fr auto;
  }
}

.jackpot-promo__title {
  align-items: center;
  display: flex;
  font-size: 22px;
  font-weight: 800;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 1440px) {
  .jackpot-promo__title {
    font-size: 24px;
    justify-content: flex-start;
    max-width: 160px;
  }
}

.jackpot-promo__total {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

@media (min-width: 1440px) {
  .jackpot-promo__total {
    align-items: flex-start;
    flex-direction: column;
    width: auto;
  }
}

.jackpot-promo__total-label {
  display: inline-flex;
  margin: 0 5px 0 0;
}

@media (min-width: 768px) {
  .jackpot-promo__total-label {
    margin: 0 10px 0 0;
  }
}

@media (min-width: 1440px) {
  .jackpot-promo__total-label {
    margin: 0 0 5px;
  }
}

.jackpot-promo__total-value {
  display: inline-flex;
  font-size: 16px;
  font-weight: 800;
}

@media (min-width: 768px) {
  .jackpot-promo__total-value {
    font-size: 24px;
  }
}

@media (min-width: 1440px) {
  .jackpot-promo__total-value {
    font-size: 26px;
  }
}

.jackpot-promo__block-button,
.jackpot-promo__prizes {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.jackpot-promo__prizes {
  padding: 14px 0;
}

@media (min-width: 1440px) {
  .jackpot-promo__prizes {
    padding: 0;
  }
}

.jackpot-promo__rules {
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  justify-content: center;
  margin: 10px 0 0;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1439px) {
  .jackpot-promo__rules {
    margin: 0 0 0 10px;
    width: auto;
  }
}

@media (min-width: 1440px) {
  .jackpot-promo__rules {
    justify-content: flex-start;
  }
}

.jackpot-promo__btn-info {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  justify-content: center;
  transition: color 0.3s ease;
  width: auto;
}

.jackpot-promo__btn-info:hover {
  color: #fff;
}

.jackpot-promo__btn-info .font-icons {
  display: inline-flex;
  margin: 0 5px 0 0;
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .layout:not(.layout--left-padding) .jackpot-promo {
    padding: 16px 22px;
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__content {
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto 1fr;
  }

  .layout:not(.layout--left-padding)
    .jackpot-promo
    .jackpot-promo__block-button,
  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__prizes {
    grid-row: span 2;
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__title {
    justify-content: flex-start;
    order: 1;
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__prizes {
    order: 2;
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__total {
    align-items: flex-start;
    flex-direction: column;
    order: 4;
  }

  .layout:not(.layout--left-padding)
    .jackpot-promo
    .jackpot-promo__block-button {
    order: 3;
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__rules {
    margin: 10px 0 0;
  }
}

@media (min-width: 1440px) {
  .layout:not(.layout--left-padding) .jackpot-promo {
    padding: 25px 96px;
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__title {
    font-size: 24px;
  }

  .layout:not(.layout--left-padding)
    .jackpot-promo
    .jackpot-promo__total-value {
    font-size: 16px;
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-prizes__image {
    max-height: 76px;
  }
}

.jackpot-promo--game,
.layout:not(.layout--left-padding) .jackpot-promo--game {
  border-radius: 0;
  padding: 10px;
}

@media (min-width: 1200px) {
  .jackpot-promo--game,
  .layout:not(.layout--left-padding) .jackpot-promo--game {
    padding: 10px 50px;
  }
}

.jackpot-promo--game .jackpot-promo__content,
.layout:not(.layout--left-padding)
  .jackpot-promo--game
  .jackpot-promo__content {
  grid-gap: 20px;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
}

@media (min-width: 1200px) {
  .jackpot-promo--game .jackpot-promo__content,
  .layout:not(.layout--left-padding)
    .jackpot-promo--game
    .jackpot-promo__content {
    grid-gap: 30px;
    grid-template-columns: auto auto 1fr;
  }
}

.jackpot-promo--game .jackpot-promo__block-button,
.layout:not(.layout--left-padding)
  .jackpot-promo--game
  .jackpot-promo__block-button {
  display: none;
}

.jackpot-promo--game .jackpot-promo__total-value,
.layout:not(.layout--left-padding)
  .jackpot-promo--game
  .jackpot-promo__total-value {
  font-size: 16px;
}

.jackpot-promo--game .jackpot-promo__title,
.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__title {
  display: none;
  font-size: 19px;
  grid-row: span 1;
  order: 1;
}

@media (min-width: 1200px) {
  .jackpot-promo--game .jackpot-promo__title,
  .layout:not(.layout--left-padding)
    .jackpot-promo--game
    .jackpot-promo__title {
    display: flex;
    grid-row: 1;
  }
}

.jackpot-promo--game .jackpot-promo__rules,
.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__rules {
  justify-content: flex-start;
  margin: 0;
}

.jackpot-promo--game .jackpot-promo__total-label,
.layout:not(.layout--left-padding)
  .jackpot-promo--game
  .jackpot-promo__total-label {
  margin: 0;
}

.jackpot-promo--game .jackpot-promo__total,
.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__total {
  flex-direction: column;
  grid-row: 1;
  justify-content: center;
  margin: 0;
  order: 2;
  padding: 0;
  text-align: left;
}

.jackpot-promo--game .jackpot-promo__total > div,
.layout:not(.layout--left-padding)
  .jackpot-promo--game
  .jackpot-promo__total
  > div {
  width: 100%;
}

.jackpot-promo--game .jackpot-promo__prizes,
.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__prizes {
  grid-row: 1;
  order: 3;
  padding: 0;
}

.jackpot-slide {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.jackpot-slide__title {
  font-size: 40px;
  font-weight: 800;
}

@media (min-width: 768px) {
  .jackpot-slide__title {
    font-size: 64px;
  }
}

.jackpot-slide__total {
  margin-top: 5px;
}

.jackpot-slide__total-value {
  color: #0bdede;
  font-size: 24px;
  font-weight: 800;
}

@media (min-width: 768px) {
  .jackpot-slide__total-value {
    font-size: 36px;
  }
}

.jackpot-slide__block-button {
  display: block;
  margin: 5px 0 0;
}

.jackpot-slide__prizes {
  display: none;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .jackpot-slide__prizes {
    display: block;
  }
}

.jackpot-steps {
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  line-height: normal;
  overflow: hidden;
  padding: 320px 18px 26px;
  position: relative;
  text-align: left;
  width: 100%;
}

@media (min-width: 768px) {
  .jackpot-steps {
    flex-direction: row;
    font-size: 16px;
    justify-content: flex-start;
    padding: 40px;
  }
}

.jackpot-steps__banner {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.jackpot-steps__content {
  display: block;
  position: relative;
}

.jackpot-steps__title {
  color: #22242c;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 30px;
  text-align: center;
}

@media (min-width: 768px) {
  .jackpot-steps__title {
    font-size: 32px;
    text-align: left;
  }
}

.jackpot-steps__button {
  margin: 30px 0 0;
  text-align: center;
}

@media (min-width: 768px) {
  .jackpot-steps__button {
    text-align: left;
  }
}

.jackpot-steps__list {
  align-items: center;
  counter-reset: list-counter;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.jackpot-steps__item {
  counter-increment: list-counter;
  padding: 0 0 0 40px;
  position: relative;
  width: 100%;
}

.jackpot-steps__item:not(:first-child) {
  margin: 20px 0 0;
}

.jackpot-steps__item:before {
  align-items: center;
  color: #ec3200;
  content: counter(list-counter);
  display: inline-flex;
  font-size: 36px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

.jackpot-steps__item-title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.jackpot-steps__item-subtitle {
  margin-top: 5px;
}

.jackpot-wins-list::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.jackpot-wins-list::-webkit-scrollbar-track {
  background: transparent;
}

.jackpot-wins-list::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0;
}

.jackpot-wins-list::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

@-moz-document url-prefix() {
  .jackpot-wins-list {
    scrollbar-color: transparent;
    scrollbar-width: none;
  }
}

.jackpot-wins-list:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

.jackpot-wins-list {
  display: flex;
  gap: 12px;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0;
}

.jackpot-wins-list__item {
  flex: 1 0 auto;
  min-width: calc(33.33333% - 8px);
}

.last-level-info {
  align-items: center;
  background-color: #22242c;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 400;
  justify-content: center;
  margin: 30px auto 0;
  max-width: 940px;
  overflow: hidden;
  padding: 20px 18px 30px;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .last-level-info {
    flex-direction: row;
    margin-top: 50px;
    padding: 20px 0;
  }
}

@media (min-width: 960px) {
  .last-level-info {
    padding: 30px 0;
  }
}

.last-level-info__image-wrapper {
  display: inline-flex;
  justify-content: center;
  padding: 0 0 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .last-level-info__image-wrapper {
    min-width: 230px;
    padding: 0 10px;
    width: auto;
  }
}

.last-level-info__image {
  max-height: 105px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 768px) {
  .last-level-info__image {
    max-height: 110px;
  }
}

.last-level-info__content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
}

@media (min-width: 1200px) {
  .last-level-info__content {
    flex-direction: row;
  }
}

.last-level-info__list {
  font-size: 12px;
  padding: 20px 10px 0;
  width: 100%;
}

@media (min-width: 1200px) {
  .last-level-info__list {
    padding: 0 10px;
    width: 35%;
  }
}

.last-level-info__list ul {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  max-width: 100%;
  padding: 0;
  text-align: left;
  width: auto;
}

.last-level-info__list ul > li {
  padding-left: 15px;
  position: relative;
}

.last-level-info__list ul > li:before {
  background-color: hsla(0, 0%, 100%, 0.65);
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 0.5em;
  width: 5px;
}

.last-level-info__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .last-level-info__title {
    font-size: 30px;
  }
}

.last-level-info__subtitle {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.last-level-info p {
  margin: 0;
  padding: 0;
}

.last-level-info p + p {
  margin-top: 10px;
}

.lb-lootboxes {
  margin-top: 23px;
  width: 100%;
}

@media (min-width: 768px) {
  .lb-lootboxes {
    margin-top: 32px;
  }
}

.lb-lootboxes__inner {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: linear-gradient(115deg, #039d8b, #13667d 53.18%, #014b62 94.85%);
  border: 1px solid #000;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
  padding: 16px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .lb-lootboxes__inner {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

.lb-lootboxes__inner:before {
  background: url(/images/lb-lotboxes-rises.9ede6c6f..png) 0 0 no-repeat;
  background-size: contain;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .lb-lootboxes__inner:before {
    background: url(/images/lb-lotboxes-rises-desktop.4c06503b..png) 0 0
      no-repeat;
  }
}

.lb-lootboxes__content {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: -moz-max-content;
  max-width: max-content;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .lb-lootboxes__content {
    margin: 0;
  }
}

.lb-lootboxes__icon {
  align-items: center;
  background: radial-gradient(
    46.09% 46.09% at 45.54% 50%,
    #ffc226 0,
    #f90 99.62%
  );
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(255, 152, 30, 0.88),
    0 0 12px rgba(255, 205, 30, 0.22);
  display: flex;
  font-size: 20px;
  height: 36px;
  justify-content: center;
  line-height: 30px;
  margin-right: 16px;
  text-align: center;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.12);
  width: 36px;
}

.lb-lootboxes__icon,
.lb-lootboxes__text {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.lb-lootboxes__text {
  flex: 1;
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 768px) {
  .lb-lootboxes__text {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 960px) {
  .lb-lootboxes__text {
    font-size: 20px;
    line-height: 28px;
  }
}

.lb-lootboxes .lb-lootboxes__button,
.lb-lootboxes .ls-lootboxes__button {
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 24px;
  padding: 12px 0;
  width: 100%;
}

@media (min-width: 768px) {
  .lb-lootboxes .lb-lootboxes__button,
  .lb-lootboxes .ls-lootboxes__button {
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 12px 16px;
  }
}

.lb-lootboxes--inactive .lb-lootboxes__inner {
  background: linear-gradient(
    115deg,
    rgba(3, 157, 139, 0.6),
    rgba(19, 102, 125, 0.6) 53.18%,
    rgba(1, 75, 98, 0.6) 94.85%
  );
}

.lb-lootboxes--inactive .lb-lootboxes__inner:after,
.lb-lootboxes--inactive .lb-lootboxes__inner:before {
  display: none;
}

.lb-lootboxes--inactive .lb-lootboxes__icon {
  background: radial-gradient(
    46.09% 46.09% at 45.54% 50%,
    #ffc226 0,
    #f90 99.62%
  );
  border-radius: 36px;
  box-shadow: none;
  opacity: 0.7;
}

.lb-prize {
  align-items: center;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  font-family: Open Sans, sans-serif;
  padding: 72px 12px 24px;
  position: relative;
}

@media (min-width: 768px) {
  .lb-prize {
    padding: 72px 54px 32px;
  }
}

.lb-prize__icon {
  height: 100%;
  left: 50%;
  max-height: 115px;
  max-width: 130px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: -30px;
  transform: translate(-50%);
  width: 100%;
}

@media (min-width: 768px) {
  .lb-prize__icon {
    max-height: 129px;
    max-width: 147px;
    top: -45px;
  }
}

.lb-prize__content {
  width: 100%;
}

.lb-prize__code,
.lb-prize__content,
.lb-prize__prizes,
.lb-prize__tasks {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.lb-prize__tasks {
  margin-bottom: 8px;
}

.lb-prize__prizes {
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .lb-prize__prizes {
    margin-bottom: 16px;
  }
}

.lb-prize__label {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 14px;
  text-transform: uppercase;
}

.lb-prize__label--default-case {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-transform: none;
}

.lb-prize__amount {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.lb-prize__code {
  font-weight: 400;
  width: 100%;
}

.lb-prize__clip-board {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.05);
  border: 1px dashed hsla(0, 0%, 100%, 0.16);
  border-radius: 4px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  max-width: 148px;
  padding: 8px 12px;
  width: 100%;
}

.lb-prize__code-text {
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 20px;
  text-transform: uppercase;
}

.lb-prize--rare {
  background: linear-gradient(354deg, #003f5a, #03b6aa);
}

.lb-prize--epic {
  background: linear-gradient(180deg, #ffc736, rgba(147, 63, 15, 0.99));
}

.limits-modal {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 32px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .limits-modal {
    font-size: 20px;
    padding: 32px 120px;
  }
}

.limits-modal .link {
  color: #0bdede;
  text-decoration: none;
}

.limits-modal .link:hover {
  text-decoration: underline;
}

.list-with-img {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}

.list-with-img__title {
  font-size: 20px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .list-with-img__title {
    font-size: 32px;
  }
}

.list-with-img__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
}

@media (min-width: 768px) {
  .list-with-img__list {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.list-with-img__item {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 30px auto 0;
  padding: 0 10px;
  width: 196px;
}

@media (min-width: 768px) {
  .list-with-img__item {
    align-self: stretch;
    margin: 30px 20px;
  }
}

.list-with-img__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 0 20px;
  width: 100%;
}

.list-with-img__item-title {
  display: block;
  width: 100%;
}

.btn.live-chat-button {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  color: #0bdede;
  display: flex;
  justify-content: center;
  min-width: unset;
  padding: 0;
  position: fixed;
}

.btn.live-chat-button:active,
.btn.live-chat-button:focus,
.btn.live-chat-button:hover {
  background: #0bdede !important;
  color: #fff !important;
}

.btn.live-chat-button--game {
  bottom: 0;
  height: 44px;
  position: relative;
  right: 0;
  width: 44px;
}

.btn.live-chat-button--home {
  background: #00dccd;
  bottom: 64px;
  color: var(--background-color);
  height: 44px;
  position: fixed;
  right: 8px;
  width: 44px;
  z-index: 15;
}

@media (min-width: 768px) {
  .btn.live-chat-button--home {
    height: 60px;
    width: 60px;
  }

  .btn.live-chat-button--home i {
    font-size: 28px;
  }
}

@media (min-width: 960px) {
  .btn.live-chat-button--home {
    bottom: 16px;
    right: 16px;
  }
}

.btn.live-chat-button--home:active,
.btn.live-chat-button--home:focus,
.btn.live-chat-button--home:hover {
  background: #1df0e2 !important;
  color: var(--background-color) !important;
}

.lootwheel-award {
  height: 410px;
  margin: 5px 17px 5px 5px;
  min-width: 410px;
  position: relative;
}

.lootwheel-award__wheel {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 370px;
}

.lootwheel-award__rim {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
}

.lootwheel-award__center {
  bottom: 0;
  cursor: pointer;
  height: 75px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 75px;
  z-index: 2;
}

.lootwheel-award__center--disabled {
  cursor: auto;
  filter: brightness(50%);
  pointer-events: none;
}

.lootwheel-award__stopper {
  bottom: 0;
  height: auto;
  margin: auto;
  position: absolute;
  right: -12px;
  top: 0;
  width: 58px;
}

.lootwheel-award__center,
.lootwheel-award__rim,
.lootwheel-award__stopper,
.lootwheel-award__wheel {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.lottery-page {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  line-height: 1.6;
  padding: 20px 0;
  text-align: center;
}

@media (min-width: 768px) {
  .lottery-page {
    padding: 40px 0;
  }
}

.lottery-page__banner {
  border-radius: 10px;
  color: #fff;
  line-height: 1.375;
  min-height: 360px;
  overflow: hidden;
  padding: 35px 30px;
  position: relative;
  text-align: left;
}

.lottery-page__banner-img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.lottery-page__banner-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  min-height: 100%;
  padding: 0 30% 0 0;
  position: relative;
}

@media (min-width: 768px) {
  .lottery-page__banner-inner {
    padding: 0;
  }
}

.lottery-page__banner-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 20px;
}

@media (min-width: 768px) {
  .lottery-page__banner-title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}

.lottery-page__pool {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 15px;
}

.lottery-page__pool-label {
  font-size: 16px;
  margin: 0 0 10px;
}

.lottery-page__section {
  margin: 20px 0 0;
}

@media (min-width: 768px) {
  .lottery-page__section {
    margin-top: 40px;
  }
}

@media (min-width: 960px) {
  .lottery-page__section {
    margin-top: 50px;
  }
}

.lottery-page .lottery-page__conditions {
  margin-top: 30px;
}

.lottery-title {
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.25;
  margin: 0 auto 16px;
  padding: 0;
  text-align: center;
}

@media (min-width: 768px) {
  .lottery-title {
    font-size: 32px;
    margin-bottom: 30px;
  }
}

.lottery-conditions {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  row-gap: 12px;
}

@media (min-width: 768px) {
  .lottery-conditions {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
}

@media (min-width: 1200px) {
  .lottery-conditions {
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
  }
}

.lottery-ticket {
  display: flex;
  grid-column: span 6;
  overflow: hidden;
}

@media (min-width: 768px) {
  .lottery-ticket,
  .lottery-ticket:first-child:nth-last-child(2n),
  .lottery-ticket:first-child:nth-last-child(2n) ~ * {
    grid-column: span 3;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--count,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__text--count {
    font-size: 32px;
    line-height: 40px;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--tickets,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__text--tickets {
    font-size: 16px;
    line-height: 24px;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--amount,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__text--amount {
    font-size: 20px;
    line-height: 26px;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--deposit,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__text--deposit {
    font-size: 14px;
    line-height: 20px;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--price,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__text--price {
    font-size: 12px;
    line-height: 18px;
  }

  .lottery-ticket:last-child {
    grid-column: span 6;
  }

  .lottery-ticket:last-child .lottery-ticket__block--right {
    max-width: 172px;
  }

  .lottery-ticket:last-child .lottery-ticket__text--count {
    font-size: 42px;
    line-height: 52px;
  }

  .lottery-ticket:last-child .lottery-ticket__text--tickets {
    font-size: 16px;
    line-height: 24px;
  }

  .lottery-ticket:last-child .lottery-ticket__text--amount {
    font-size: 32px;
    line-height: 40px;
  }

  .lottery-ticket:last-child .lottery-ticket__text--deposit {
    font-size: 16px;
    line-height: 24px;
  }

  .lottery-ticket:last-child .lottery-ticket__text--price {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width: 1200px) {
  .lottery-ticket {
    grid-column: span 6;
  }

  .lottery-ticket:first-child:nth-last-child(2n),
  .lottery-ticket:first-child:nth-last-child(2n) ~ * {
    grid-column: span 3;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__block--right,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__block--right {
    max-width: 172px;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--count,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__text--count {
    font-size: 42px;
    line-height: 52px;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--tickets,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__text--tickets {
    font-size: 16px;
    line-height: 24px;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--amount,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__text--amount {
    font-size: 32px;
    line-height: 40px;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--deposit,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__text--deposit {
    font-size: 16px;
    line-height: 24px;
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--price,
  .lottery-ticket:first-child:nth-last-child(2n)
    ~ *
    .lottery-ticket__text--price {
    font-size: 14px;
    line-height: 20px;
  }

  .lottery-ticket:first-child:nth-last-child(2n-1),
  .lottery-ticket:first-child:nth-last-child(2n-1) ~ * {
    grid-column: span 2;
  }

  .lottery-ticket:first-child:nth-last-child(2n-1)
    .lottery-ticket__block--right,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__block--right {
    max-width: 140px;
  }
}

@media (min-width: 1200px) and (min-width: 1440px) {
  .lottery-ticket:first-child:nth-last-child(2n-1)
    .lottery-ticket__block--right,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__block--right {
    max-width: 172px;
  }
}

@media (min-width: 1200px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--count,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__text--count {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) and (min-width: 1440px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--count,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__text--count {
    font-size: 42px;
    line-height: 52px;
  }
}

@media (min-width: 1200px) {
  .lottery-ticket:first-child:nth-last-child(2n-1)
    .lottery-ticket__text--tickets,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__text--tickets {
    font-size: 16px;
    line-height: 24px;
  }

  .lottery-ticket:first-child:nth-last-child(2n-1)
    .lottery-ticket__text--amount,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__text--amount {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 1200px) and (min-width: 1440px) {
  .lottery-ticket:first-child:nth-last-child(2n-1)
    .lottery-ticket__text--amount,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__text--amount {
    font-size: 26px;
    line-height: 32px;
  }
}

@media (min-width: 1200px) {
  .lottery-ticket:first-child:nth-last-child(2n-1)
    .lottery-ticket__text--deposit,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__text--deposit {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width: 1200px) and (min-width: 1440px) {
  .lottery-ticket:first-child:nth-last-child(2n-1)
    .lottery-ticket__text--deposit,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__text--deposit {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--price,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__text--price {
    font-size: 12px;
    line-height: 18px;
  }
}

@media (min-width: 1200px) and (min-width: 1440px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--price,
  .lottery-ticket:first-child:nth-last-child(2n-1)
    ~ *
    .lottery-ticket__text--price {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width: 1200px) {
  .lottery-ticket:nth-last-child(-n + 2):not(
      .lottery-ticket:nth-child(-n + 3)
    ) {
    grid-column: span 3;
  }

  .lottery-ticket:nth-last-child(-n + 2):not(.lottery-ticket:nth-child(-n + 3))
    .lottery-ticket__block--right {
    max-width: 172px;
  }

  .lottery-ticket:nth-last-child(-n + 2):not(.lottery-ticket:nth-child(-n + 3))
    .lottery-ticket__text--count {
    font-size: 42px;
    line-height: 52px;
  }

  .lottery-ticket:nth-last-child(-n + 2):not(.lottery-ticket:nth-child(-n + 3))
    .lottery-ticket__text--deposit {
    font-size: 16px;
    line-height: 24px;
  }

  .lottery-ticket:nth-last-child(-n + 2):not(.lottery-ticket:nth-child(-n + 3))
    .lottery-ticket__text--amount {
    font-size: 32px;
    line-height: 40px;
  }

  .lottery-ticket:nth-last-child(-n + 2):not(.lottery-ticket:nth-child(-n + 3))
    .lottery-ticket__text--price {
    font-size: 14px;
    line-height: 20px;
  }
}

.lottery-ticket__block {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 12px;
  position: relative;
  width: 100%;
}

@media (min-width: 480px) {
  .lottery-ticket__block {
    padding: 16px;
  }
}

.lottery-ticket__block--left {
  border-radius: 16px 0 0 16px;
}

.lottery-ticket__block--left:after,
.lottery-ticket__block--left:before {
  background: var(--background-color);
  border-radius: 50%;
  content: "";
  height: 40px;
  position: absolute;
  right: -20px;
  width: 40px;
  z-index: 1;
}

.lottery-ticket__block--left:before {
  top: -20px;
}

.lottery-ticket__block--left:after {
  bottom: -20px;
}

.lottery-ticket__block--right {
  border-radius: 0 16px 16px 0;
  max-width: 124px;
}

.lottery-ticket__block--right:after,
.lottery-ticket__block--right:before {
  background: var(--background-color);
  border-radius: 50%;
  content: "";
  height: 40px;
  left: -20px;
  position: absolute;
  width: 40px;
  z-index: 1;
}

.lottery-ticket__block--right:before {
  top: -20px;
}

.lottery-ticket__block--right:after {
  bottom: -20px;
}

@media (min-width: 480px) {
  .lottery-ticket__block--right {
    max-width: 140px;
  }
}

.lottery-ticket__inner {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(
    256.03deg,
    rgba(0, 0, 0, 0.1) 23.64%,
    rgba(0, 0, 0, 0.2) 84.92%
  );
  border-radius: 12px;
  min-height: 180px;
  padding: 16px;
  width: 100%;
}

@media (min-width: 480px) {
  .lottery-ticket__inner {
    min-height: 188px;
    padding: 24px;
  }
}

.lottery-ticket__inner--left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lottery-ticket__inner--right {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}

.lottery-ticket__divider {
  border-left: 2px dashed var(--background-color);
  height: 100%;
  left: -1px;
  position: absolute;
  top: 0;
}

.lottery-ticket__text {
  color: #fff;
  font-family: Open Sans, sans-serif;
  margin: 0;
}

.lottery-ticket__text--count {
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 16px 0 0;
}

@media (min-width: 480px) {
  .lottery-ticket__text--count {
    font-size: 32px;
    line-height: 40px;
  }
}

.lottery-ticket__text--tickets {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 16px;
  text-transform: capitalize;
}

@media (min-width: 480px) {
  .lottery-ticket__text--tickets {
    font-size: 16px;
    line-height: 24px;
  }
}

.lottery-ticket__text--amount {
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 8px;
}

.lottery-ticket__text--deposit {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

@media (min-width: 480px) {
  .lottery-ticket__text--deposit {
    font-size: 14px;
    line-height: 20px;
  }
}

.lottery-ticket__text--price {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.lottery-ticket__text--previous {
  color: hsla(0, 0%, 100%, 0.65);
  text-decoration: line-through;
}

.lottery-prizes {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 32px;
}

@media (min-width: 1200px) {
  .lottery-prizes {
    row-gap: 40px;
  }
}

.lottery-prizes__grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  width: 100%;
}

@media (min-width: 480px) {
  .lottery-prizes__grid {
    -moz-column-gap: 8px;
    column-gap: 8px;
    grid-template-columns: 1fr 1fr;
    row-gap: 8px;
  }
}

@media (min-width: 768px) {
  .lottery-prizes__grid {
    -moz-column-gap: 12px;
    column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 12px;
  }
}

@media (min-width: 1200px) {
  .lottery-prizes__grid {
    -moz-column-gap: 16px;
    column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 16px;
  }
}

.lottery-prizes-prize {
  background: var(--header-color);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.lottery-prizes-prize__top {
  align-items: center;
  display: flex;
  height: 146px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

@media (min-width: 1200px) {
  .lottery-prizes-prize__top {
    height: 176px;
  }
}

.lottery-prizes-prize__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 8px;
}

@media (min-width: 1200px) {
  .lottery-prizes-prize__content {
    row-gap: 12px;
  }
}

.lottery-prizes-prize__image--bottom {
  bottom: -16px;
  left: 50%;
  max-width: 90%;
  position: absolute;
  transform: translate(-50%);
}

.lottery-prizes-prize__bottom {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 24px 32px;
  text-align: center;
}

@media (min-width: 1200px) {
  .lottery-prizes-prize__bottom {
    padding: 32px 24px 40px;
  }
}

.lottery-prizes-prize__title--top {
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
}

@media (min-width: 1200px) {
  .lottery-prizes-prize__title--top {
    font-size: 32px;
    line-height: 40px;
  }
}

.lottery-prizes-prize__title--money {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    250.38deg,
    #ecaa00 8.31%,
    #ffea2c 16.13%,
    #ecaa00 45.83%,
    #ffef5e 72.16%,
    #ecaa00
  );
  -webkit-background-clip: text;
  background-clip: text;
}

.lottery-prizes-prize__title--fs {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    250.38deg,
    #48b2ff 8.31%,
    #72ffd5 16.13%,
    #48b2ff 45.83%,
    #72ffd5 72.16%,
    #48b2ff
  );
  -webkit-background-clip: text;
  background-clip: text;
}

.lottery-prizes-prize__title--bottom {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px;
}

@media (min-width: 1200px) {
  .lottery-prizes-prize__title--bottom {
    font-size: 20px;
    line-height: 30px;
  }
}

.lottery-prizes-prize__count {
  background: linear-gradient(
    250.38deg,
    #ecaa00 8.31%,
    #ffea2c 16.13%,
    #ecaa00 45.83%,
    #ffef5e 72.16%,
    #ecaa00
  );
  border-radius: 4px;
  color: #001b33;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  padding: 2px 8px;
}

.lottery-prizes .lottery-prizes__button {
  height: 40px;
  white-space: nowrap;
  width: 100%;
}

@media (min-width: 768px) {
  .lottery-prizes .lottery-prizes__button {
    height: 48px;
    max-width: 300px;
  }
}

.catalog {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.catalog__not-found {
  text-transform: uppercase;
}

.catalog__list {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 8px;
}

@media (min-width: 480px) {
  .catalog__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) {
  .catalog__list {
    -moz-column-gap: 12px;
    column-gap: 12px;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 12px;
  }
}

@media (min-width: 960px) {
  .catalog__list {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 1200px) {
  .catalog__list {
    -moz-column-gap: 16px;
    column-gap: 16px;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 16px;
  }
}

@media (min-width: 1440px) {
  .catalog__list {
    grid-template-columns: repeat(7, 1fr);
  }
}

.catalog__more {
  display: block;
  margin: 0;
  padding-top: 24px;
  text-align: center;
  width: 100%;
}

@media (min-width: 1200px) {
  .catalog__more {
    padding-top: 32px;
  }
}

.catalog .catalog__more-button {
  width: 100%;
}

@media (min-width: 768px) {
  .catalog .catalog__more-button {
    max-width: 300px;
  }
}

.lottery-winners {
  background: var(--header-color);
  border-radius: 12px;
  padding: 12px;
}

@media (min-width: 768px) {
  .lottery-winners {
    padding: 16px;
  }
}

@media (min-width: 1200px) {
  .lottery-winners {
    padding: 24px 32px;
  }
}

.lottery-winners__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
}

.lottery-winners__row {
  display: grid;
  grid-template-columns: 64px 1fr 1fr;
  padding: 14px 16px 14px 0;
}

.lottery-winners__row:nth-child(odd) {
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background: #384c6b;
  border-radius: 8px;
}

.lottery-winners__cell--place {
  font-weight: 700;
  text-align: center;
}

.lottery-winners__cell--winner {
  text-align: left;
}

.lottery-winners__cell--prize {
  font-weight: 700;
  text-align: right;
}

.lottery-winners__text {
  margin: 0;
}

.lottery-winners__text--header {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  text-transform: uppercase;
}

.lottery-winners__text--cell {
  font-size: 14px;
  line-height: 20px;
}

.lottery-winners__text--cell,
.lottery-winners__text--modal {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-style: normal;
}

.lottery-winners__text--modal {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
  text-align: center;
}

.lottery-winners .lottery-winners__button {
  height: 40px;
  margin-top: 8px;
  width: 100%;
}

@media (min-width: 768px) {
  .lottery-winners .lottery-winners__button {
    height: 48px;
  }
}

.lottery-winners__modal-content {
  height: 100%;
  overflow-y: auto;
  padding: 56px 16px 16px;
}

@media (min-width: 768px) {
  .lottery-winners__modal-content {
    padding: 56px 32px 32px;
  }
}

.lottery-winners__modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .lottery-winners__modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

.lottery-winners__modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .lottery-winners__modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }
}

@media (min-width: 480px) {
  .lottery-winners__modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.lottery-player-awards-list {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  width: auto;
}

.lottery-player-awards-list__item {
  display: inline;
}

.lottery-player-awards-list__item + .lottery-player-awards-list__item:before {
  content: " + ";
}

.lottery-player-awards-list__label {
  display: inline-block;
  margin: 0 0 0 3px;
  vertical-align: top;
}

.lottery-awards-three .lottery-player-awards-list__item {
  display: block;
}

.lottery-awards-three .lottery-player-awards-list__item:before {
  display: none;
}

.ls-lb-card {
  align-items: center;
  background: url(/images/ls-lb-card-1.ac7d5555..png) 50% no-repeat;
  background-size: cover;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  min-height: 60px;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}

.ls-lb-card__pr-title {
  color: #fff;
  display: none;
  font-size: 6px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .ls-lb-card__pr-title {
    font-size: 10px;
    line-height: 1;
  }
}

.ls-lb-card__value {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  white-space: nowrap;
}

@media (min-width: 375px) {
  .ls-lb-card__value {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 480px) {
  .ls-lb-card__value {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width: 768px) {
  .ls-lb-card__value {
    font-size: 22px;
    line-height: 28px;
  }
}

.ls-lb-card__content {
  color: #fff;
  font-family: Roboto, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
  position: relative;
  text-align: center;
  transition: transform 0.3s;
  z-index: 10;
}

@media (min-width: 480px) {
  .ls-lb-card__content {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .ls-lb-card__content {
    font-size: 20px;
    line-height: 29px;
  }
}

.ls-lb-card__result {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  transition: transform 0.3s ease-in-out;
}

.ls-lb-card__rise {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 5;
}

.ls-lb-card__rise img {
  max-width: 100%;
}

.ls-lb-card.ls-lb-card--selected {
  background: url(/images/ls-lb-card-selected.edbcc7df..png) 50% no-repeat !important;
  background-size: cover !important;
  box-shadow: inset 0 0 0 1px #fff;
}

.ls-lb-card.ls-lb-card--activated {
  background: url(/images/ls-lb-card-win.fd08042e..png) 50% no-repeat !important;
  background-size: cover !important;
  box-shadow: inset 0 0 0 1px #fff, 0 0 20px hsla(0, 0%, 100%, 0.7);
  transform: scale(1.5);
  z-index: 11;
}

.ls-lb-card.ls-lb-card--activated .ls-lb-card__content {
  color: #ffe603;
  font-size: 10px;
  text-shadow: 0 2.59898px 5.19797px rgba(0, 0, 0, 0.12),
    0 0 6.49746px rgba(255, 230, 3, 0.68);
}

@media (min-width: 768px) {
  .ls-lb-card.ls-lb-card--activated .ls-lb-card__content {
    font-size: 20px;
  }
}

.ls-lb-card.ls-lb-card--activated .ls-lb-card__result {
  transform: scale(1);
}

.ls-lb-card.ls-lb-card--activated .ls-lb-card__rise {
  opacity: 1;
}

.ls-lb-card.ls-lb-card--activated .ls-lb-card__rise img {
  animation: ls-lb-rise-spin 20s linear infinite;
}

.ls-lb-card.ls-lb-card--activated .ls-lb-card__pr-title {
  display: block;
}

@keyframes ls-lb-rise-spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.ls-lb-gates {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

@media (max-width: 960px) {
  .ls-lb-gates {
    max-width: none;
  }
}

@media (min-width: 960px) {
  .ls-lb-gates {
    max-width: 720px;
    min-height: 320px;
  }
}

.ls-lb-gates__img {
  width: 100%;
}

.ls-lb-gates__inner {
  bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  left: 8px;
  position: absolute;
  right: 8px;
  top: 8px;
}

@media (min-width: 480px) {
  .ls-lb-gates__inner {
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
  }
}

@media (min-width: 768px) {
  .ls-lb-gates__inner {
    bottom: 24px;
    gap: 12px;
    left: 21px;
    right: 21px;
    top: 24px;
  }
}

.ls-lb-gates__item {
  display: flex;
  flex: 1 1 25%;
  max-width: calc(20% - 3.2px);
  transform-origin: center center;
}

@media (min-width: 768px) {
  .ls-lb-gates__item {
    max-width: calc(20% - 9.6px);
  }
}

.ls-lb-gates__item:first-child {
  transform-origin: top left;
}

.ls-lb-gates__item:nth-child(6) {
  transform-origin: bottom left;
}

.ls-lb-gates__item:nth-child(5) {
  transform-origin: top right;
}

.ls-lb-gates__item:nth-child(10) {
  transform-origin: bottom right;
}

.ls-lb-gates__item:nth-child(2),
.ls-lb-gates__item:nth-child(4) {
  background: url(/images/ls-lb-card-2.2c036bbd..png) 50% no-repeat;
  background-size: cover;
}

.ls-lb-gates__item:nth-child(3),
.ls-lb-gates__item:nth-child(7),
.ls-lb-gates__item:nth-child(8),
.ls-lb-gates__item:nth-child(9) {
  background: url(/images/ls-lb-card-3.0c228c65..png) 50% no-repeat;
  background-size: cover;
}

.ls-lb-gates__item:nth-child(10),
.ls-lb-gates__item:nth-child(6) {
  background: url(/images/ls-lb-card-4.3c359e1d..png) 50% no-repeat;
  background-size: cover;
}

.ls-lb-actions {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  position: relative;
}

@media (min-width: 480px) {
  .ls-lb-actions {
    margin-top: 75px;
  }
}

@media (min-width: 768px) {
  .ls-lb-actions {
    margin-top: 90px;
  }
}

.ls-lb-actions__image {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100px;
}

@media (min-width: 375px) {
  .ls-lb-actions__image {
    bottom: -10px;
    width: 120px;
  }
}

@media (min-width: 768px) {
  .ls-lb-actions__image {
    width: 170px;
  }
}

.ls-lb-actions .ls-lb-actions__button {
  font-size: 16px;
  line-height: 24px;
  padding: 12px 44px;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .ls-lb-actions .ls-lb-actions__button {
    padding: 12px 34px;
  }
}

.ls-lb-launcher {
  position: relative;
}

.ls-lb-launcher__image {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100px;
}

@media (min-width: 375px) {
  .ls-lb-launcher__image {
    bottom: -10px;
    width: 120px;
  }
}

@media (min-width: 768px) {
  .ls-lb-launcher__image {
    width: 170px;
  }
}

.ls-lb-launcher .ls-lb-launcher__button {
  font-size: 16px;
  line-height: 24px;
  padding: 12px 44px;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .ls-lb-launcher .ls-lb-launcher__button {
    padding: 12px 34px;
  }
}

.ls-lb-lootboxes {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ls-lb-lootboxes-card {
  align-items: center;
  background: url(/images/ls-lb-lootboxes-background--mobile.e8cb9bf1..svg) 50%
    no-repeat;
  display: flex;
  height: 68px;
  margin-bottom: 24px;
  max-width: 470px;
  min-width: 340px;
  overflow: hidden;
  padding-left: 46px;
  position: relative;
  width: 100%;
}

@media (min-width: 480px) {
  .ls-lb-lootboxes-card {
    background: url(/images/ls-lb-lootboxes-background--tablet.2d97e435..svg)
      50% no-repeat;
    min-width: 448px;
    padding-left: 60px;
  }
}

@media (min-width: 768px) {
  .ls-lb-lootboxes-card {
    background: url(/images/ls-lb-lootboxes-background.6e1934e8..svg) 50%
      no-repeat;
    min-width: 470px;
    padding-left: 85px;
  }
}

.ls-lb-lootboxes-card__icon {
  align-items: center;
  background: linear-gradient(180deg, #ffda34, #ff9a03);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(255, 205, 30, 0.22);
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  height: 46px;
  justify-content: center;
  line-height: 32px;
  margin-right: 16px;
  position: relative;
  width: 46px;
}

.ls-lb-lootboxes-card__icon:before {
  background: url(/images/ls-lb-lootboxes-card-rise.81c0828d..svg) 50% no-repeat;
  background-size: cover;
  content: "";
  height: 135px;
  left: 50%;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 135px;
}

.ls-lb-lootboxes-card__icon--inactive {
  background: linear-gradient(180deg, #d2b732, #9d7204);
  color: hsla(0, 0%, 100%, 0.4);
}

.ls-lb-lootboxes-card__icon--inactive:before {
  display: none;
}

.ls-lb-lootboxes-card__content {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.ls-lb-lootboxes-deposit {
  position: relative;
}

.ls-lb-lootboxes-deposit__content {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

.ls-lb-lootboxes-deposit__background {
  display: none;
  left: 50%;
  position: absolute;
  top: -45px;
  transform: translateX(-50%);
  z-index: -1;
}

@media (min-width: 768px) {
  .ls-lb-lootboxes-deposit__background {
    display: block;
  }
}

.ls-lb-lootboxes-code {
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  justify-content: center;
  margin: 16px auto 0;
  max-width: 384px;
}

@media (min-width: 768px) {
  .ls-lb-lootboxes-code {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}

.ls-lb-lootboxes-code__value {
  align-items: center;
  border: 1px dashed hsla(0, 0%, 100%, 0.4);
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  justify-content: space-between;
  line-height: 22px;
  padding: 12px 16px;
  width: 100%;
}

@media (min-width: 480px) {
  .ls-lb-lootboxes-code__value {
    font-size: 16px;
    line-height: 22px;
  }
}

.ls-lb-lootboxes-code .ls-lb-lootboxes-code__button {
  font-size: 16px;
  line-height: 24px;
  padding: 12px 0;
  width: 100%;
}

.ls-lb-lootboxes-code__copy {
  cursor: pointer;
  position: relative;
}

.ls-lb-lootboxes-code__copy-tooltip {
  background: #445778;
  border-radius: 8px;
  box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.44);
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  left: 50%;
  line-height: 20px;
  padding: 8px 12px;
  position: absolute;
  top: -50px;
  transform: translate(-50%) scale(0);
  transition: all 0.3s ease;
}

.ls-lb-lootboxes-code__copy-tooltip:after {
  background-size: cover;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #445778;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translate(-50%);
  width: 0;
}

.ls-lb-lootboxes-code__copy-tooltip--active {
  transform: translate(-50%) scale(1);
}

.ls-lootboxes__inner {
  background: radial-gradient(
      42.84% 76.42% at 54.24% 100%,
      rgba(95, 255, 236, 0.27) 0,
      rgba(108, 123, 255, 0) 100%
    ),
    linear-gradient(
      92.19deg,
      #671d33 -8.88%,
      #4c1859 26.16%,
      #211d4b 55.13%,
      #3227c1 105.98%
    );
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 504px;
  min-height: 170px;
  padding: 24px;
  position: relative;
}

@media (min-width: 768px) {
  .ls-lootboxes__inner {
    align-items: center;
    background: url(/images/ls-lootboxes-bg-tablet.2c5a32b2..png) 50% no-repeat;
    flex-direction: row;
    max-width: 670px;
    min-height: 120px;
    padding: 30px 56px;
  }
}

@media (min-width: 960px) {
  .ls-lootboxes__inner {
    align-items: center;
    background: url(/images/ls-lootboxes-bg-desktop.24e48c54..png) 50% no-repeat;
    flex-direction: row;
    max-width: 774px;
    padding: 30px 56px;
  }
}

.ls-lootboxes__inner:before {
  background: url(/images/ls-lootboxes-rises-mob.c8b07ea6..png) 0 0 no-repeat;
  background-size: contain;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .ls-lootboxes__inner:before {
    background: url(/images/ls-lootboxes-rises-desktop.a3f6cd86..png) 0 0
      no-repeat;
  }
}

.ls-lootboxes__inner:after {
  background: radial-gradient(
      42.84% 76.42% at 54.24% 100%,
      rgba(95, 255, 236, 0.43) 0,
      rgba(108, 176, 255, 0) 100%
    ),
    linear-gradient(
      94.36deg,
      #671d33 6.92%,
      #4c1859 37.15%,
      #211d4b 62.16%,
      #1b1751 79.05%,
      #3227c1 106.04%
    );
  border-radius: 8px;
  content: "";
  filter: blur(60px);
  height: 160px;
  left: 50%;
  opacity: 0.8;
  position: absolute;
  top: 50px;
  transform: translate(-50%);
  width: 295px;
  z-index: -1;
}

@media (min-width: 768px) {
  .ls-lootboxes__inner:after {
    height: 112px;
    top: 20px;
  }
}

.ls-lootboxes__content {
  align-items: center;
  display: flex;
  position: relative;
  z-index: 2;
}

.ls-lootboxes__icon {
  align-items: center;
  background: url(/images/ls-lootboxes-icon-active.6b542e47..svg) 50% no-repeat;
  background-size: cover;
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(255, 152, 30, 0.88),
    0 0 12px rgba(255, 205, 30, 0.22);
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  letter-spacing: 0.01em;
  line-height: 24px;
  margin-right: 16px;
  text-align: center;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.12);
  width: 48px;
}

@media (min-width: 768px) {
  .ls-lootboxes__icon {
    font-size: 32px;
    height: 62px;
    line-height: 32px;
    margin-right: 24px;
    width: 62px;
  }
}

.ls-lootboxes__text {
  color: #fff;
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 24px;
}

@media (min-width: 768px) {
  .ls-lootboxes__text {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 960px) {
  .ls-lootboxes__text {
    font-size: 20px;
    line-height: 28px;
  }
}

.ls-lootboxes__button {
  min-height: 45px !important;
  padding: 10px 24px !important;
}

@media (min-width: 768px) {
  .ls-lootboxes__button {
    font-size: 18px !important;
    line-height: 24px !important;
    min-height: 56px !important;
    padding: 16px 24px !important;
  }
}

.ls-lootboxes--inactive .ls-lootboxes__inner {
  background: radial-gradient(
      31.54% 58.33% at 50% 0,
      rgba(157, 167, 255, 0.092) 0,
      rgba(157, 167, 255, 0) 100%
    ),
    radial-gradient(
      44.4% 286.19% at 94.25% -100%,
      rgba(29, 16, 188, 0.57) 0,
      rgba(45, 58, 169, 0) 100%
    ),
    radial-gradient(
      42.12% 276.74% at 18.6% -152.92%,
      rgba(166, 25, 50, 0.63) 0,
      rgba(166, 25, 50, 0) 100%
    ),
    #16162c;
}

@media (min-width: 768px) {
  .ls-lootboxes--inactive .ls-lootboxes__inner {
    background: url(/images/ls-lootboxes-bg-inactive-tablet.34fdaa58..png) 50%
      no-repeat;
  }
}

@media (min-width: 960px) {
  .ls-lootboxes--inactive .ls-lootboxes__inner {
    background: url(/images/ls-lootboxes-bg-inactive-desktop.82d463be..png) 50%
      no-repeat;
  }
}

.ls-lootboxes--inactive .ls-lootboxes__inner:after,
.ls-lootboxes--inactive .ls-lootboxes__inner:before {
  display: none;
}

.ls-lootboxes--inactive .ls-lootboxes__icon {
  background: url(/images/ls-lootboxes-icon-inactive.8dcdb566..svg) 50%
    no-repeat;
  background-size: cover;
  box-shadow: none;
  opacity: 0.5;
}

.ls-ticket {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: linear-gradient(
      89.88deg,
      rgba(36, 0, 255, 0.1) 0.09%,
      rgba(35, 0, 255, 0) 99.89%
    ),
    rgba(184, 191, 255, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.06);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 49px 24px 24px;
  position: relative;
}

@media (min-width: 768px) {
  .ls-ticket {
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
    padding: 20px 24px;
  }
}

.ls-ticket.ls-ticket--gold,
.ls-ticket.ls-ticket--gold .ticket-code__inner {
  background: linear-gradient(
      89.88deg,
      rgba(255, 199, 0, 0.1) 0.1%,
      rgba(255, 168, 0, 0) 99.9%
    ),
    rgba(255, 238, 196, 0.06);
}

.ls-ticket.ls-ticket--gold .ticket-code__inner {
  border: 1px dashed rgba(255, 237, 190, 0.14);
}

.ls-ticket.ls-ticket--gold .ticket-code__text {
  color: #ffc978;
}

.ls-ticket.ls-ticket--gold .ticket-label {
  background: url(/images/ls-ticket-label-bg-gold.fd9625ec..png) 50% no-repeat;
  background-size: 100% 100%;
}

.ls-ticket.ls-ticket--gold .ticket-label__text {
  color: #ffc978;
}

.ls-ticket__content {
  margin: 0 0 20px;
}

@media (min-width: 768px) {
  .ls-ticket__content {
    margin: 28px 0 0;
  }

  .ls-ticket__code {
    flex: 0 0 163px;
  }
}

.ls-ticket__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 20px;
  margin: 0 0 8px;
  position: relative;
}

.ls-ticket__text:last-child {
  margin: 0;
}

.ls-ticket__text span {
  color: #fff;
  font-weight: 700;
  position: relative;
}

.ls-ticket__label {
  left: -1px;
  position: absolute;
  top: -1px;
}

.ls-ticket__status {
  display: none;
  height: 46px;
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
}

.ls-ticket__status--active {
  background: linear-gradient(
    45deg,
    transparent,
    transparent 50%,
    rgba(184, 212, 255, 0.08) 51%,
    rgba(184, 212, 255, 0.08)
  );
}

.ls-ticket__status--active:before {
  background: url(/images/ls-check.f453fdf5..svg) 50% no-repeat;
  background-size: cover;
  content: "";
  height: 8px;
  position: absolute;
  right: 8px;
  top: 10px;
  width: 10px;
}

.ls-ticket__sale-label {
  background: url(/images/sale-label-red-small.6a64367f..svg) 50% no-repeat;
  background-size: cover;
  display: block;
  height: 50px;
  left: 55%;
  position: absolute !important;
  top: -30px;
  width: 127px;
  z-index: 2;
}

.ls-ticket__sale-label-text {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  transform: translateY(14px) rotate(-8deg);
}

.ls-ticket--active .ls-ticket__status {
  display: block;
}

.ls-ticket .ticket-label {
  background: url(/images/ls-ticket-label-bg-silver.87f6e33b..png) 50% no-repeat;
  background-size: 100% 100%;
  display: flex;
  min-width: 134px;
  padding: 6px 12px;
}

.ls-ticket .ticket-label__icon {
  height: 20px;
  margin-right: 11px;
  width: 20px;
}

.ls-ticket .ticket-label__icon img {
  max-width: 100%;
}

.ls-ticket .ticket-label__text {
  color: #bbbeff;
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 20px;
  text-transform: uppercase;
}

.ls-ticket .ticket-code__title {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 16px;
  margin: 0 0 12px;
}

@media (min-width: 768px) {
  .ls-ticket .ticket-code__title {
    text-align: center;
  }
}

.ls-ticket .ticket-code__inner {
  background: linear-gradient(
      89.88deg,
      rgba(36, 0, 255, 0.1) 0.09%,
      rgba(35, 0, 255, 0) 99.89%
    ),
    rgba(184, 191, 255, 0.06);
  border: 1px dashed rgba(196, 209, 255, 0.16);
  border-radius: 4px;
  padding: 14px 36px 14px 16px;
  position: relative;
}

.ls-ticket .ticket-code__text {
  color: #bbbeff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 20px;
  margin: 0;
}

.ls-ticket .ticket-code__copy {
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}

.ls-ticket .ticket-code__copy img {
  max-width: 100%;
}

.ls-ticket .ticket-code__copy-tooltip {
  background: #212121;
  border: 1px solid hsla(0, 0%, 100%, 0.06);
  border-radius: 4px;
  box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.44);
  color: #999;
  font-size: 12px;
  left: 50%;
  letter-spacing: 0.01em;
  line-height: 18px;
  padding: 8px 12px;
  position: absolute;
  top: -50px;
  transform: translate(-50%) scale(0);
  transition: all 0.3s ease;
}

.ls-ticket .ticket-code__copy-tooltip:after {
  background-size: cover;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #212121;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translate(-50%);
  width: 0;
}

.ls-ticket .ticket-code__copy-tooltip--active {
  transform: translate(-50%) scale(1);
}

.ls-tickets__title {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.4);
  display: flex;
  font-size: 12px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0.2em;
  line-height: 20px;
  margin: 0 0 16px;
  text-align: center;
  text-transform: uppercase;
}

.ls-tickets__title-icon {
  cursor: pointer;
  display: inline-block;
  line-height: 9px;
  margin-left: 5px;
  position: relative;
}

.ls-tickets__title-icon:hover .ls-page__tooltip {
  transform: scale(1);
}

.ls-tickets__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 auto 16px;
  max-width: 504px;
}

.ls-tickets__links {
  text-align: center;
}

.ls-tickets .ls-tickets__link {
  color: hsla(0, 0%, 100%, 0.65) !important;
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 20px !important;
  margin: 0 auto;
}

.wheel-lootbox {
  height: 395px;
  left: 50%;
  margin: 0;
  position: relative;
  transform: scale(0.9) translate(-50%);
  transform-origin: 0 0;
  width: 365px;
}

@media (min-width: 480px) {
  .wheel-lootbox {
    left: 0;
    margin: 0 auto;
    transform: scale(1) translate(0);
    transform-origin: 0 0;
  }
}

.wheel-lootbox__wheel-wrap {
  height: 395px;
  margin: 0 auto;
  position: relative;
  width: 365px;
}

.wheel-lootbox__result {
  background: hsla(0, 0%, 7%, 0.9);
  bottom: -20px;
  color: #fff;
  font-size: 38px;
  left: -20px;
  padding: 60px 20px;
  position: absolute;
  right: -20px;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
  z-index: 22;
}

.wheel-lootbox__result--active {
  transform: scale(1);
}

.wheel-lootbox .spin-wrap {
  height: 305px;
  left: 30px;
  position: absolute;
  top: -3px;
  width: 305px;
}

.wheel-lootbox .spin-wrap--spin-start {
  animation: wheel-running 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-wrap--spin-start-1 {
  animation: wheel-running-1 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-wrap--spin-start-2 {
  animation: wheel-running-2 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-wrap--spin-start-3 {
  animation: wheel-running-3 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-wrap--spin-start-4 {
  animation: wheel-running-4 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-wrap--spin-start-5 {
  animation: wheel-running-5 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-wrap--spin-start-6 {
  animation: wheel-running-6 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-wrap--spin-start-7 {
  animation: wheel-running-7 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-wrap--spin-start-8 {
  animation: wheel-running-8 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-wrap--spin-start-9 {
  animation: wheel-running-9 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-wrap--spin-start-10 {
  animation: wheel-running-10 4.4s cubic-bezier(0.13, 0.55, 0.24, 1) 1 forwards;
}

.wheel-lootbox .spin-light {
  animation: lightRot-wheel 2s infinite none;
  z-index: 1;
}

.wheel-lootbox .spin-img,
.wheel-lootbox .spin-light {
  height: 305px;
  left: 0;
  position: absolute;
  top: 0;
  width: 305px;
}

.wheel-lootbox .spin-border {
  height: 384px;
  left: 50%;
  position: absolute;
  top: 38%;
  transform: translate(-50%, -50%);
  width: 384px;
  z-index: 2;
}

.wheel-lootbox .diamond-cont {
  height: 365px;
  left: 0;
  position: absolute;
  top: 0;
  width: 365px;
  z-index: 4;
}

.wheel-lootbox .spin-item {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 30px;
  justify-content: space-between;
  left: 50%;
  line-height: 1.5rem;
  margin-left: 75px;
  margin-top: -15px;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
  top: 50%;
  transform-origin: -4.8125rem center;
  white-space: nowrap;
  width: 66px;
}

.wheel-lootbox .spin-item:first-child {
  transform: rotate(0deg);
}

.wheel-lootbox .spin-item:nth-child(2) {
  transform: rotate(17.5deg);
}

.wheel-lootbox .spin-item:nth-child(3) {
  transform: rotate(35deg);
}

.wheel-lootbox .spin-item:nth-child(4) {
  transform: rotate(53.5deg);
}

.wheel-lootbox .spin-item:nth-child(5) {
  transform: rotate(70deg);
}

.wheel-lootbox .spin-item:nth-child(6) {
  transform: rotate(88.5deg);
}

.wheel-lootbox .spin-item:nth-child(7) {
  transform: rotate(107deg);
}

.wheel-lootbox .spin-item:nth-child(8) {
  transform: rotate(124.5deg);
}

.wheel-lootbox .spin-item:nth-child(9) {
  transform: rotate(143deg);
}

.wheel-lootbox .spin-item:nth-child(10) {
  transform: rotate(162.5deg);
}

.wheel-lootbox .spin-item:nth-child(11) {
  transform: rotate(181deg);
}

.wheel-lootbox .spin-item:nth-child(12) {
  transform: rotate(198.5deg);
}

.wheel-lootbox .spin-item:nth-child(13) {
  transform: rotate(218deg);
}

.wheel-lootbox .spin-item:nth-child(14) {
  transform: rotate(235.5deg);
}

.wheel-lootbox .spin-item:nth-child(15) {
  transform: rotate(254deg);
}

.wheel-lootbox .spin-item:nth-child(16) {
  transform: rotate(271.5deg);
}

.wheel-lootbox .spin-item:nth-child(17) {
  transform: rotate(289.5deg);
}

.wheel-lootbox .spin-item:nth-child(18) {
  transform: rotate(307.5deg);
}

.wheel-lootbox .spin-item:nth-child(19) {
  transform: rotate(324.5deg);
}

.wheel-lootbox .spin-item:nth-child(20) {
  transform: rotate(342.5deg);
}

.wheel-lootbox .spin-item .amount {
  flex: auto;
  font-family: Oswald, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5rem;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.wheel-lootbox .spin-item .coin-icon {
  height: 1.5rem;
  width: 1.5rem;
}

.wheel-lootbox .point-wrap {
  height: 5.59375rem;
  position: absolute;
  right: -1.90625rem;
  top: 8.0625rem;
  transform-origin: left center;
  width: 10rem;
}

.wheel-lootbox .point-wrap .point-img {
  height: 100%;
  width: 100%;
}

.wheel-lootbox .spin-btn {
  align-items: center;
  animation: wheel-btn-pulse 1s linear infinite alternate-reverse;
  cursor: pointer;
  display: flex;
  height: 110px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 39%;
  transform: translate(-50%, -50%);
  width: 140px;
  z-index: 5;
}

.wheel-lootbox .spin-btn__img {
  max-width: 100%;
}

.wheel-lootbox .spin-btn--clicked {
  pointer-events: none;
}

.wheel-lootbox .spin-btn--clicked .spin-btn__text {
  display: none;
}

.wheel-lootbox .spin-btn:active {
  transform: translate(-50%, -50%), scale(0.5);
}

.wheel-lootbox .spin-info {
  background: url(/images/ls-wheel-info-bg.45c7e5bc..png) top no-repeat;
  bottom: -25px;
  height: 145px;
  left: 50%;
  padding: 40px 0 20px;
  position: absolute;
  text-align: center;
  transform: translate(-50%);
  width: 359px;
  z-index: 4;
}

.wheel-lootbox .spin-info__title {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 4px;
}

.wheel-lootbox .spin-info__text,
.wheel-lootbox .spin-info__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}

.wheel-lootbox .spin-info__text {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

.wheel-lootbox .spin-info__text span {
  color: #ffd336;
}

.ls-wheel-buttons {
  bottom: 0;
  left: 0;
  margin-top: -32px;
  padding: 0 16px;
  text-align: center;
  width: 100%;
  z-index: 5;
}

@media (min-width: 480px) {
  .ls-wheel-buttons {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .ls-wheel-buttons {
    background: unset;
    border: unset;
    bottom: 48px;
    margin-top: 10px;
    padding: 0 48px;
  }
}

.ls-wheel-buttons__btn {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.2px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

@keyframes lightRot-wheel {
  0% {
    transform: rotate(22.5deg);
  }

  50% {
    transform: rotate(22.5deg);
  }

  50.1% {
    transform: rotate(0);
  }

  to {
    transform: rotate(0);
  }
}

@keyframes pulse-wheel {
  0% {
    transform: rotate(-5deg) scaleZ(1);
  }

  50% {
    transform: rotate(0) scale3d(1.1, 1.1, 1.1);
  }

  to {
    transform: rotate(-5deg) scaleZ(1);
  }
}

@keyframes wheel-waiting {
  0% {
    transform: rotate(-3deg);
  }

  50% {
    transform: rotate(3deg);
  }

  to {
    transform: rotate(-3deg);
  }
}

@keyframes wheel-running {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1822.5deg);
  }
}

@keyframes wheel-running-1 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(6turn);
  }
}

@keyframes wheel-running-2 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(2142deg);
  }
}

@keyframes wheel-running-3 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(2124deg);
  }
}

@keyframes wheel-running-4 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(2106deg);
  }
}

@keyframes wheel-running-5 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(2089deg);
  }
}

@keyframes wheel-running-6 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(2071deg);
  }
}

@keyframes wheel-running-7 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(2052deg);
  }
}

@keyframes wheel-running-8 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(2034deg);
  }
}

@keyframes wheel-running-9 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(2016deg);
  }
}

@keyframes wheel-running-10 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1997deg);
  }
}

@keyframes wheel-btn-pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  to {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

.lucky-box-prizes {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  max-width: 526px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .lucky-box-prizes {
    gap: 16px;
  }
}

.lucky-box-prizes__box {
  flex-basis: 50%;
}

.lucky-box-prizes__show-all.text-btn {
  color: hsla(0, 0%, 100%, 0.65);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 143%;
  margin-top: 16px;
}

.lucky-kick-widget {
  background: linear-gradient(
      4.67deg,
      #288bff 9%,
      #4343e8 55.67%,
      #5c01d3 98.62%
    ),
    radial-gradient(
      288.54% 66.96% at -61.46% 42.43%,
      rgba(192, 12, 255, 0.92) 0,
      rgba(108, 123, 255, 0) 100%
    );
  border-radius: 8px 8px 0 0;
  position: fixed;
  right: -52px;
  top: 50%;
  transform: rotate(-90deg);
}

.lucky-kick-widget__inner {
  align-items: center;
  display: flex;
  height: 48px;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  width: 152px;
}

.lucky-kick-widget__text {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}

.lucky-kick-widget__ball {
  animation: rotate 10s linear infinite;
  display: flex;
  position: absolute;
  right: -6px;
  top: -6px;
}

.lucky-kick-widget__image--ball {
  height: 46px;
}

.lucky-kick-widget__image--air {
  height: 72px;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 74px;
}

.lucky-kick-widget__count {
  align-items: center;
  background: linear-gradient(180deg, #ffda34, #ffb903);
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(255, 152, 30, 0.88),
    0 0 12px rgba(255, 205, 30, 0.22);
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  line-height: 22px;
  position: absolute;
  right: -6px;
  top: -6px;
  transform: rotate(90deg);
  width: 24px;
  z-index: 1;
}

.metamask-install-modal-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
}

.metamask-install-modal-block__message,
.metamask-sign-up-modal-block__header {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
}

.metamask-sign-up-modal-block__header {
  align-items: center;
  background-color: #22242c;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  min-height: 40px;
  padding: 10px;
  text-transform: uppercase;
  width: 100%;
}

@media (min-width: 768px) {
  .metamask-sign-up-modal-block__header {
    font-size: 20px;
    min-height: 60px;
    padding: 10px 40px;
  }
}

.metamask-sign-up-modal-block__body {
  padding: 25px;
}

.metamask-sign-up-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.metamask-sign-up-form__submit-button-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.page-lootboxes {
  color: #181a1f;
  font-size: 20px;
  font-weight: 400;
  padding: 30px 0;
  position: relative;
  text-align: center;
}

.page-lootboxes__container {
  background-color: #0bdede;
  border-radius: 10px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}

.page-lootboxes__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.page-lootboxes__content {
  padding: 30px;
  position: relative;
}

@media (min-width: 768px) {
  .page-lootboxes__content {
    padding: 60px 30px;
  }
}

.page-lootboxes__title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 4px;
}

@media (min-width: 768px) {
  .page-lootboxes__title {
    font-size: 36px;
  }
}

.page-lootboxes__description {
  font-size: 20px;
  margin: 0 auto 30px;
  max-width: 630px;
}

@media (min-width: 768px) {
  .page-lootboxes__description {
    margin-bottom: 70px;
  }
}

.page-lootboxes__button {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .page-lootboxes__button {
    margin-top: 20px;
  }
}

.page-lootboxes__button .deposit-button {
  min-width: 164px;
}

.page-lootboxes__boxes {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}

@media (min-width: 768px) {
  .page-lootboxes__boxes {
    align-items: flex-start;
    flex-direction: row;
  }
}

.page-lootboxes__box {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  margin: 0 auto 30px;
  text-align: center;
  width: 220px;
}

@media (min-width: 768px) {
  .page-lootboxes__box {
    margin: 0 50px;
  }
}

.page-lootboxes__box:last-child {
  margin: 0 auto;
}

@media (min-width: 768px) {
  .page-lootboxes__box:last-child {
    margin: 0 50px;
  }
}

.page-lootboxes__list {
  grid-gap: 8px;
  counter-reset: list-counter;
  display: grid;
  grid-template-columns: 1fr;
  margin: 30px auto 0;
  max-width: 880px;
}

@media (min-width: 768px) {
  .page-lootboxes__list {
    grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
  }
}

.page-lootboxes__item {
  align-self: stretch;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 8px;
  color: #22242c;
  counter-increment: list-counter;
  display: block;
  font-size: 14px;
  font-weight: 700;
  min-height: 136px;
  padding: 20px;
  text-align: center;
  width: 100%;
}

.page-lootboxes__subtitle {
  color: #ec3200;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.page-lootboxes__subtitle:before {
  content: counter(list-counter) ".";
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}

.page-lootwheel__tabs {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0 0 10px;
  min-height: 32px;
  padding: 0 70px 0 0;
}

.page-lootwheel__tab {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  max-width: calc(50% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-lootwheel__tab:not(:first-child) {
  margin-left: 20px;
}

.page-lootwheel__tab--active,
.page-lootwheel__tab--active:active,
.page-lootwheel__tab--active:focus {
  color: #fff;
}

.page-lootwheel__content {
  display: none;
}

.page-lootwheel__content--active {
  display: block;
}

.lootwheel-item {
  display: flex;
}

.lootwheel-item__description-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 5px;
}

.lootwheel-item__title {
  font-size: 34px;
  font-weight: 700;
  margin: 0 0 20px;
}

.lootwheel-item__win-msg {
  padding: 10px 0;
}

.page-tournaments {
  color: #fff;
  display: block;
  padding: 50px 0;
}

.page-tournaments__title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}

.page-tournaments__grid {
  grid-gap: 20px;
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 1200px) {
  .page-tournaments__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.page-tournaments__cell {
  align-self: stretch;
  display: flex;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 1200px) {
  .page-tournaments__cell--large {
    grid-column: span 2;
  }
}

.tourn-network-item {
  align-items: center;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 20px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  line-height: 1.2;
  margin: 0;
  min-height: 360px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  text-align: center;
  text-transform: none;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-network-item {
    font-size: 24px;
    padding: 32px;
  }
}

.tourn-network-item__bg {
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.tourn-network-item__bg img {
  border: none;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.tourn-network-item__content {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-network-item__content {
    align-items: flex-end;
    flex-direction: row;
  }
}

.tourn-network-item__info {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}

.tourn-network-item__button-wrapper {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 20px 0 0;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-network-item__button-wrapper {
    margin: 0 0 0 20px;
    width: auto;
  }
}

.tourn-network .tourn-network-item__button-wrapper {
  display: none;
}

.tourn-network-item .tourn-network-item__participate {
  text-align: left;
}

.tourn-network-item__timer {
  margin-top: auto;
  width: 270px;
}

.tourn-network-item__pool,
.tourn-network-item__title {
  margin-bottom: 20px;
}

.tourn-network-item__timer-label {
  color: hsla(0, 0%, 100%, 0.7);
  display: block;
  font-size: 16px;
  margin: 0 0 10px;
  text-align: left;
  width: 100%;
}

.tourn-network-item__timer-wrapper {
  margin-top: auto;
}

.tourn-pool {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  text-align: left;
  text-transform: none;
}

.tourn-pool,
.tourn-pool__label {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.tourn-pool__value {
  display: block;
  font-size: 24px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}

.game-tourn .tourn-pool {
  font-size: 12px;
  text-align: center;
}

.game-tourn .tourn-pool .tourn-pool__value {
  font-size: 16px;
  margin-top: 4px;
}

.blocks-timer {
  background-color: #001b33;
  padding: 0;
}

.blocks-timer,
.blocks-timer__list {
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
}

.blocks-timer__list {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  margin: 0;
  max-width: 100%;
  padding: 12px 8px;
}

.blocks-timer__item {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  min-width: 20%;
  padding: 0 10px;
  position: relative;
  width: auto;
}

.blocks-timer__item:before {
  color: hsla(0, 0%, 100%, 0.4);
  content: ":";
  display: block;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  position: absolute;
  right: -4px;
  top: 35%;
  transform: translateY(-50%);
}

.blocks-timer__item:last-child {
  flex: 1;
}

.blocks-timer__item:last-child:before {
  display: none;
}

.blocks-timer__item:first-child {
  flex: 1;
}

.blocks-timer__item:first-child:before {
  display: none;
}

.blocks-timer__value {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.blocks-timer__text,
.blocks-timer__value {
  font-family: Open Sans, sans-serif;
  font-style: normal;
}

.blocks-timer__text {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
}

.tourn-main {
  align-items: center;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 20px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  line-height: 1.2;
  margin: 0;
  min-height: 360px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  text-align: center;
  text-transform: none;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-main {
    font-size: 24px;
    padding: 32px;
  }
}

.tourn-main__bg {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}

.tourn-main__bg,
.tourn-main__bg img {
  display: block;
  height: 100%;
  width: 100%;
}

.tourn-main__bg img {
  border: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.tourn-main__content {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-main__content {
    align-items: flex-end;
    flex-direction: row;
  }
}

.tourn-main__info {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}

.tourn-main__button-wrapper {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 20px 0 0;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-main__button-wrapper {
    margin: 0 0 0 20px;
    width: auto;
  }
}

.tourn-main .tourn-main__participate {
  text-align: left;
}

.tourn-main__timer {
  margin-top: auto;
  width: 270px;
}

.tourn-main__pool,
.tourn-main__title {
  margin-bottom: 20px;
}

.tourn-timer {
  color: hsla(0, 0%, 100%, 0.7);
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 auto;
  max-width: 335px;
  padding: 0;
  text-align: left;
  text-transform: none;
  width: 100%;
}

@media (min-width: 960px) {
  .tourn-timer {
    margin: 0;
  }
}

.tourn-timer__title {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.tourn-timer__timer {
  margin: 10px 0 0;
}

.inline-timer {
  background-color: hsla(0, 0%, 100%, 0.17);
  border-radius: 4px;
  min-height: 50px;
  padding: 5px;
  text-align: center;
}

.inline-timer,
.inline-timer__list {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 100%;
  width: 100%;
}

.inline-timer__list {
  margin: 0;
  padding: 0;
}

.inline-timer__item {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0 2px;
  position: relative;
  width: auto;
}

.inline-timer__label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

@media (min-width: 768px) {
  .inline-timer__label {
    font-size: 14px;
  }
}

.inline-timer__value {
  color: #fff;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.inline-timer__text,
.inline-timer__value {
  display: block;
  font-size: 16px;
  font-weight: 700;
}

.inline-timer__text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pagination {
  gap: 4px;
  margin-top: 16px;
}

.pagination,
.pagination__item {
  display: flex;
  justify-content: center;
}

.pagination__item {
  align-items: center;
  background-color: #2b2d32;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  height: 36px;
  padding: 8px;
  transition: background-color 0.3s ease;
  width: 36px;
}

.pagination__item--prev {
  font-size: 8px;
  margin-right: 12px;
}

.pagination__item--next {
  font-size: 8px;
  margin-left: 12px;
}

.pagination__item--disable {
  cursor: not-allowed;
  opacity: 0.6;
}

.pagination__item--disable:hover {
  background-color: #2b2d32;
}

.pagination__points {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 36px;
  padding: 10px;
  text-align: center;
  width: 36px;
}

.panel {
  background: var(--header-color);
  bottom: 0;
  display: block;
  height: 56px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}

@media (min-width: 960px) {
  .panel {
    display: none;
  }
}

.panel__list {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .panel__list {
    padding: 0 8px;
  }
}

.panel__item {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 20%;
}

.panel__item--main .panel__link {
  flex-direction: column !important;
  font-size: 10px !important;
  line-height: 12px !important;
}

.panel__item--main .panel__link .panel__icon {
  align-items: center;
  background: var(--button-color);
  border-radius: 50%;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 6px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: -20px;
  transition: background 0.3s ease;
  width: 44px;
}

.panel__item--main .panel__link .panel__icon:before {
  color: #fff !important;
}

.panel__item--main .panel__link .panel__icon:hover {
  background: #ff3b82;
}

.panel__link {
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  flex-direction: column;
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  line-height: 12px;
  min-height: 56px;
  text-align: center;
  text-transform: capitalize;
  transition: color 0.3s ease;
  width: 100%;
}

@media (min-width: 768px) {
  .panel__link {
    align-items: center;
    flex-direction: row;
    font-size: 12px;
    line-height: 18px;
  }
}

.panel__link--active,
.panel__link:hover,
.panel__link:hover .panel__icon:before {
  color: #fff;
}

.panel__link--active .panel__icon:before {
  color: var(--button-color) !important;
}

.panel .panel__icon {
  margin-bottom: 6px;
}

@media (min-width: 768px) {
  .panel .panel__icon {
    margin-bottom: 0;
    margin-right: 8px;
  }
}

.panel .panel__icon:before {
  color: hsla(0, 0%, 100%, 0.65);
  transition: color 0.3s ease;
}

.panel-auth {
  align-items: center;
  background: var(--header-color);
  bottom: 0;
  display: flex;
  gap: 12px;
  height: 56px;
  justify-content: space-between;
  left: 0;
  padding: 10px 24px;
  position: fixed;
  width: 100%;
  z-index: 100;
}

@media (min-width: 1200px) {
  .panel-auth {
    display: none;
  }
}

.panel-auth__button {
  flex: 1;
}

.payment-list__image-wrap {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  min-height: 50px;
  min-width: 124px;
  padding: 12px;
  width: 124px;
}

.payment-list__image-wrap img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media (max-width: 1199px) {
  .payment-list .payment-list__payment {
    height: 50px;
    left: 0;
    padding: 12px !important;
    position: absolute;
    top: 12px;
    width: 124px !important;
  }
}

.payment-list__payment-info {
  align-items: center;
  display: flex;
  gap: 24px;
}

@media (max-width: 1199px) {
  .payment-list__method {
    display: none;
  }
}

.payment-list .payment-list__btn {
  margin: 0;
}

@media (max-width: 1199px) {
  .payment-list .payment-list__btn {
    left: 0;
    min-width: 124px !important;
    position: absolute;
    top: 70px;
  }
}

.payment-list .payment-list__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px;
}

@media (min-width: 1200px) {
  .payment-list .payment-list__text {
    margin: 0 0 40px;
  }
}

.payment-list .payment-list__table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  position: relative;
  table-layout: fixed;
  width: 100%;
}

@media (max-width: 1199px) {
  .payment-list .payment-list__table {
    border: none;
  }

  .payment-list .payment-list__table thead {
    display: none;
  }
}

.payment-list .payment-list__table thead tr th {
  border: none;
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 500;
  height: 60px;
  letter-spacing: 0.2px;
  line-height: 20px;
  padding: 20px 16px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .payment-list .payment-list__table thead tr th {
    width: 16.6666666667%;
  }
}

@media (min-width: 1440px) {
  .payment-list .payment-list__table thead tr th {
    padding: 20px;
  }
}

@media (min-width: 1680px) {
  .payment-list .payment-list__table thead tr th {
    padding: 20px 24px;
  }
}

.payment-list .payment-list__table thead tr th:first-child {
  border-radius: 8px 0 0 8px;
  width: 22%;
}

.payment-list .payment-list__table thead tr th:last-child {
  border-radius: 0 8px 8px 0;
  padding-right: 0;
  width: 100px;
}

@media (min-width: 1200px) {
  .payment-list .payment-list__table thead tr th:last-child {
    color: transparent;
    width: 15%;
  }
}

.payment-list .payment-list__table tbody tr {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  overflow: hidden;
  text-align: center;
}

@media (min-width: 767px) and (max-width: 1199px) {
  .payment-list .payment-list__table tbody tr {
    padding-left: 180px;
    padding-top: 10px;
  }
}

@media (max-width: 1199px) {
  .payment-list .payment-list__table tbody tr {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }

  .payment-list .payment-list__table tbody tr:not(:last-child) {
    margin-bottom: 8px;
  }
}

.payment-list .payment-list__table tbody tr:last-child,
.payment-list .payment-list__table tbody tr:last-child td {
  border-bottom: none;
}

.payment-list .payment-list__table tbody tr td {
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  min-width: 90px;
  padding: 10px 10px 10px 0;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 1199px) {
  .payment-list .payment-list__table tbody tr td {
    border: none;
    display: flex;
    flex-direction: column;
    padding-left: 140px;
    width: 100%;
  }

  .payment-list .payment-list__table tbody tr td:before {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: hsla(0, 0%, 100%, 0.4);
    content: attr(data-title);
    font-size: 12px;
    font-weight: 500;
    left: 0;
    line-height: 16px;
    position: static;
    text-transform: uppercase;
    width: 100%;
  }
}

@media (min-width: 767px) and (max-width: 1199px) {
  .payment-list .payment-list__table tbody tr td {
    flex: 1 1 50%;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .payment-list .payment-list__table tbody tr td {
    font-size: 16px;
    font-weight: 400;
    padding: 24px 16px;
  }
}

@media (min-width: 1440px) {
  .payment-list .payment-list__table tbody tr td {
    padding: 20px;
  }
}

@media (min-width: 1680px) {
  .payment-list .payment-list__table tbody tr td {
    padding: 20px 24px;
  }
}

.payment-list .payment-list__table tbody tr td:last-child {
  padding-right: 0;
  width: 100px;
}

@media (max-width: 1199px) {
  .payment-list .payment-list__table tbody tr td:first-child,
  .payment-list .payment-list__table tbody tr td:last-child {
    align-items: center;
    border: none;
    display: flex;
    justify-content: center;
    padding: 0;
    text-align: center;
  }

  .payment-list .payment-list__table tbody tr td:first-child:before,
  .payment-list .payment-list__table tbody tr td:last-child:before {
    display: none;
  }
}

@media (min-width: 1200px) {
  .payment-list .payment-list__table tbody tr td:first-child {
    min-width: 240px;
  }
}

@media (max-width: 1199px) {
  .payment-list .payment-list__table tbody tr td:last-child {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .payment-list .payment-list__table tbody tr td:last-child {
    padding-right: 16px;
    text-align: right;
  }
}

.payment-list .payment-list__table .deposit-button,
.payment-list .payment-list__table .withdrawal-button {
  font-size: 14px !important;
  line-height: 20px !important;
  min-width: 105px;
  white-space: nowrap;
  width: auto;
}

@media (min-width: 1200px) {
  .payment-list .payment-list__table .deposit-button,
  .payment-list .payment-list__table .withdrawal-button {
    min-width: unset;
  }
}

.btn,
.withdrawal-button {
  align-items: center;
  background: #0bdede;
  border: none;
  color: #001b33;
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.2px;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  white-space: nowrap;
}

.btn:active,
.btn:focus,
.btn:hover,
.withdrawal-button:active,
.withdrawal-button:focus,
.withdrawal-button:hover {
  background: var(--button-color);
}

.btn:not(:disabled),
.withdrawal-button:not(:disabled) {
  cursor: pointer;
}

.btn:disabled,
.withdrawal-button:disabled {
  background: rgba(80, 99, 133, 0.4);
  color: hsla(0, 0%, 100%, 0.25);
  cursor: not-allowed;
}

.btn--secondary {
  background: #384c6b;
  color: #fff;
}

.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:hover {
  background: #445778;
}

.btn--secondary:disabled {
  background: rgba(80, 99, 133, 0.4);
}

.btn--third {
  background: var(--button-color);
  color: #fff;
}

.btn--third:active,
.btn--third:focus,
.btn--third:hover {
  background: #ff3b82;
}

.btn--third:disabled {
  background: rgba(80, 99, 133, 0.4);
}

.btn--outline {
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  color: #fff;
}

.btn--outline:active,
.btn--outline:focus,
.btn--outline:hover {
  background: transparent;
  border-color: hsla(0, 0%, 100%, 0.2);
}

.btn--outline:disabled {
  background: transparent;
  border-color: hsla(0, 0%, 100%, 0.12);
}

.btn--lg {
  border-radius: 10px;
  height: 56px;
  padding: 16px 24px;
}

.btn--lg,
.btn--md {
  font-size: 16px;
  line-height: 24px;
  min-width: 100px;
}

.btn--md {
  border-radius: 8px;
  height: 48px;
  padding: 12px 20px;
}

.btn--sm {
  height: 40px;
  padding: 10px 16px;
}

.btn--sm,
.btn--xs {
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  min-width: 80px;
}

.btn--xs {
  height: 36px;
  padding: 8px 12px;
}

.payment-tables__children-content {
  margin: 0 0 36px;
}

.payment-tables__tabs {
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0 0 16px;
}

.payment-tables .payment-tables__tab {
  align-items: center;
  border-bottom: 2px solid transparent;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.2px;
  line-height: 20px;
  min-height: 32px;
  overflow: hidden;
  padding: 0 0 14px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition: border-color 0.3s ease, color 0.3s ease;
  white-space: nowrap;
}

.payment-tables .payment-tables__tab:not(:first-child) {
  margin-left: 24px;
}

.payment-tables .payment-tables__tab--active,
.payment-tables .payment-tables__tab:hover {
  border-bottom: 2px solid #0bdede;
  color: #fff;
}

.payment-tables__content {
  display: block;
}

.payment-tables__content--hide {
  display: none;
}

.profile-modal {
  padding: 24px 16px;
}

@media (min-width: 768px) {
  .profile-modal {
    padding: 24px;
  }
}

.profile-modal__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .profile-modal__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}

.modal--install-app .profile-modal {
  padding: 24px 16px 80px;
}

.user-menu__utils {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

@media (min-width: 768px) {
  .user-menu__utils {
    flex-direction: row;
  }
}

.user-menu__balance {
  align-items: center;
  background: var(--header-color);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  width: 100%;
}

@media (min-width: 960px) {
  .user-menu__balance {
    display: none;
  }
}

.user-menu__text {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.user-menu__select .select-header-currency__button {
  margin-left: 0 !important;
}

.user-menu__select .select-header-currency__wrapper {
  left: 0;
  right: unset;
}

@media (min-width: 768px) {
  .user-menu__select .select-header-currency__wrapper {
    left: unset;
    right: 0;
  }
}

.user-menu .user-menu__deposit-button {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  min-height: unset;
  min-width: unset;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase;
}

.user-menu__list {
  list-style: none;
  margin: 16px 0;
  padding: 0;
}

@media (min-width: 960px) {
  .user-menu__list {
    margin: 8px;
  }
}

.user-menu .user-menu__link {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  display: flex;
  padding: 12px 16px;
  position: relative;
  transition: background 0.3s ease;
  width: 100%;
}

.user-menu .user-menu__link:hover {
  background: #384c6b;
}

@media (min-width: 768px) {
  .user-menu .user-menu__link:hover {
    background: #445778;
  }
}

.user-menu .user-menu__link span {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: capitalize;
}

.user-menu .user-menu__link:active,
.user-menu .user-menu__link:focus {
  background: transparent;
}

.user-menu .user-menu__icon {
  margin-right: 12px;
}

.user-menu .user-menu__icon:before {
  color: hsla(0, 0%, 100%, 0.4);
}

.user-menu .user-menu__icon--right {
  margin: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.user-menu .user-menu__icon--verification-confirmed:before {
  color: hsla(0, 0%, 100%, 0.4);
}

.user-menu .user-menu__icon--verification-not-confirmed:before {
  color: #ffd336;
}

.player-level-user-menu {
  background: var(--header-color);
  border-radius: 8px;
  display: flex;
  padding: 24px;
  width: 100%;
}

@media (min-width: 960px) {
  .player-level-user-menu {
    background: #445778;
    border-radius: 0;
  }
}

.player-level-user-menu__image {
  height: 44px;
  margin-right: 16px;
}

.player-level-user-menu__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.player-level-user-menu__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.player-level-user-menu__icon {
  color: hsla(0, 0%, 100%, 0.45);
}

.select-header-currency__list::-webkit-scrollbar {
  width: 4px;
}

.select-header-currency__list::-webkit-scrollbar-track {
  background: transparent;
}

.select-header-currency__list::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.select-header-currency__list::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .select-header-currency__list {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.select-header-currency {
  position: relative;
}

.select-header-currency--open .select-header-currency__icon {
  transform: rotate(180deg);
}

.select-header-currency .select-header-currency__button {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-left: 20px;
}

.select-header-currency
  .select-header-currency__button:hover
  .select-header-currency__icon:before {
  color: #fff;
}

.select-header-currency__balance {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

@media (min-width: 1200px) {
  .select-header-currency__balance {
    font-size: 16px;
    line-height: 24px;
  }
}

.select-header-currency .select-header-currency__icon {
  font-size: 24px;
  transition: transform 0.3s ease;
}

.select-header-currency .select-header-currency__icon:before {
  color: hsla(0, 0%, 100%, 0.65);
  transition: color 0.3s ease;
}

.select-header-currency__wrapper {
  background: #384c6b;
  border-radius: 12px;
  overflow: hidden;
  padding: 8px 4px 8px 8px;
  position: absolute;
  right: 0;
  top: 32px;
  width: 140px;
  z-index: 100;
}

.select-header-currency__list {
  border-radius: 12px;
  max-height: 320px;
  overflow: auto;
}

.header-currency-item {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 12px 8px 12px 16px;
  transition: background 0.3s ease;
  width: 100%;
}

.header-currency-item:hover {
  background: #445778;
}

.header-currency-item__code {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

@media (min-width: 1200px) {
  .header-currency-item__code {
    font-size: 16px;
    line-height: 24px;
  }
}

.header-currency-item__code--selected {
  color: #fff;
}

.header-currency-item__icon {
  font-size: 24px;
}

.sign-out-menu-button.menu-button {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.2px;
  line-height: 20px;
  padding: 12px 0;
  text-align: center;
  text-transform: uppercase;
  transition: background 0.3s ease;
  width: 100%;
}

.sign-out-menu-button.menu-button:hover {
  background: #445778;
}

@media (min-width: 960px) {
  .sign-out-menu-button.menu-button {
    border-radius: 0;
    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
    font-size: 16px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 24px;
    padding: 20px 24px;
    text-transform: capitalize;
  }
}

.sign-out-menu-button .sign-out-menu-button__icon {
  margin-right: 12px;
}

.sign-out-menu-button .sign-out-menu-button__icon:before {
  color: hsla(0, 0%, 100%, 0.4);
}

.menu-button {
  align-items: center;
  background: transparent none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
  margin: 0;
  min-height: 36px;
  padding: 5px 20px;
  text-shadow: none;
  text-transform: none;
  transition: color 0.3s ease, background-color 0.3s ease;
  width: 100%;
}

.menu-button,
.menu-button:active,
.menu-button:focus {
  color: hsla(0, 0%, 100%, 0.65);
  outline: none;
  text-decoration: none;
}

.menu-button:hover {
  background-color: #000;
  color: #fff;
}

.promo-item {
  align-items: center;
  align-self: stretch;
  background-color: #22242c;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 600;
  justify-content: flex-start;
  line-height: 1.2;
  margin: 0;
  min-height: 100%;
  overflow: hidden;
  padding: 44px 20px;
  position: relative;
  text-align: left;
  width: 100%;
}

@media (min-width: 768px) {
  .promo-item {
    padding: 40px 50px;
  }
}

.promo-item__bg {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}

.promo-item__content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .promo-item__content {
    max-width: 60%;
  }
}

@media (min-width: 1200px) {
  .promo-item--small .promo-item__content {
    max-width: 100%;
  }
}

.promo-item__subtitle {
  font-size: 20px;
  margin-bottom: 15px;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .promo-item__subtitle {
    font-size: 24px;
  }
}

.promo-item__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .promo-item__title {
    font-size: 32px;
  }
}

.promo-item__bnt-wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: auto 0 0;
  padding: 20px 0 0;
  position: relative;
  width: 100%;
}

.promo-item .promo-item__terms {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.promo-item .promo-item__terms:hover {
  color: #0bdede;
}

.promo-list__title {
  padding-bottom: 30px;
}

.promo-list__bonuses-grid {
  grid-gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .promo-list__bonuses-grid {
    grid-gap: 30px;
  }
}

.promo-list__bonuses-grid-cell {
  grid-column: span 2;
  min-height: 360px;
}

@media (min-width: 1200px) {
  .promo-list__bonuses-grid-cell--small {
    grid-column: span 1;
  }
}

.promo-page__section:not(:last-child) {
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .promo-page__section:not(:last-child) {
    padding-bottom: 45px;
  }
}

@media (min-width: 1200px) {
  .promo-page__section:not(:last-child) {
    padding-bottom: 50px;
  }
}

.promotions-block {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .promotions-block {
    margin-bottom: 48px;
  }
}

.promotions-block__title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 32px 0 8px;
}

@media (min-width: 1200px) {
  .promotions-block__title {
    font-size: 24px;
    line-height: 32px;
    margin: 40px 0 8px;
  }
}

.promotions-block__description {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 24px;
}

.promotions-block__cards {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 24px;
  row-gap: 12px;
}

@media (min-width: 768px) {
  .promotions-block__cards {
    -moz-column-gap: 12px;
    column-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  .promotions-block__cards {
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
  }
}

.promotions-block__card {
  border-radius: 12px;
  min-height: 268px;
  overflow: hidden;
}

.promotions-block__card--full {
  grid-column: 1/-1;
}

@media (min-width: 480px) {
  .promotions-block__card {
    min-height: 264px;
  }
}

@media (min-width: 768px) {
  .promotions-block__card {
    min-height: 294px;
  }
}

@media (min-width: 1200px) {
  .promotions-block__card {
    min-height: 312px;
  }
}

.promotions-block--active {
  margin-top: 32px;
}

@media (min-width: 1200px) {
  .promotions-block--active {
    margin-top: 40px;
  }
}

.promotions-card-snippet {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 16px 16px 32px;
  position: relative;
  width: 100%;
}

@media (min-width: 1200px) {
  .promotions-card-snippet {
    padding: 24px 24px 40px;
  }
}

.promotions-card-snippet__background {
  left: 50%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.promotions-card-snippet__content {
  text-align: center;
}

.promotions-card-snippet .promotions-card-snippet__button {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase;
}

.mystery-drops-promotions-card__logo {
  margin-bottom: 12px;
  width: 140px;
}

@media (min-width: 1200px) {
  .mystery-drops-promotions-card__logo {
    margin-bottom: 8px;
    width: 180px;
  }
}

.mystery-drops-promotions-card__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  margin: 0 0 12px;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .mystery-drops-promotions-card__text {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
}

.mystery-drops-promotions-card__value {
  color: #ffd336;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-align: center;
}

.mystery-drops-promotions-card__value span {
  font-family: Open Sans, sans-serif !important;
}

.mystery-drops-promotions-card__value .od-total-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.mystery-drops-promotions-card__value .od-total-wrapper > span {
  font-family: Open Sans, sans-serif !important;
}

@media (min-width: 1200px) {
  .mystery-drops-promotions-card__value {
    font-size: 32px;
    line-height: 40px;
  }
}

.lucky-spin-promotions-card__logo {
  margin: 0 0 12px;
  width: 120px;
}

@media (min-width: 1200px) {
  .lucky-spin-promotions-card__logo {
    width: 140px;
  }
}

.lucky-spin-promotions-card__text {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  max-width: 280px;
}

@media (min-width: 1200px) {
  .lucky-spin-promotions-card__text {
    font-size: 24px;
    line-height: 32px;
    max-width: 380px;
  }
}

.lucky-spin-promotions-card__text--accent {
  color: #ffd336;
}

.promotions-categories {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}

.promotions-categories:after {
  background: hsla(0, 0%, 100%, 0.12);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.promotions-categories__buttons {
  -ms-overflow-style: none;
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 13px;
  scrollbar-width: none;
}

.promotions-categories__buttons::-webkit-scrollbar {
  display: none;
}

.promotions-categories .promotions-categories__button {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}

.promotions-categories .promotions-categories__button--active,
.promotions-categories .promotions-categories__button:active,
.promotions-categories .promotions-categories__button:focus,
.promotions-categories .promotions-categories__button:hover {
  color: #fff;
}

.promotions-categories .promotions-categories__button--active:after {
  background: #0bdede;
  bottom: -13px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}

.promotions-sportsbook-switcher {
  background: rgba(0, 27, 51, 0.65);
  border-radius: 100px;
  display: flex;
  height: 40px;
  margin: 0 auto 32px;
  max-width: 180px;
  overflow: hidden;
  padding: 4px;
  width: 100%;
}

@media (min-width: 768px) {
  .promotions-sportsbook-switcher {
    height: 56px;
    margin: 0 auto 48px;
    max-width: 412px;
  }
}

@media (min-width: 1200px) {
  .promotions-sportsbook-switcher {
    margin: 0 auto 56px;
  }
}

@media (min-width: 1440px) {
  .promotions-sportsbook-switcher {
    margin: 0 auto 64px;
  }
}

.promotions-sportsbook-switcher__item {
  align-items: center;
  border-radius: 100px;
  display: flex;
  height: 100%;
  justify-content: center;
  transition: background 0.3s ease;
  width: 100%;
}

.promotions-sportsbook-switcher__item:hover:not(
    .promotions-sportsbook-switcher__item--active
  )
  .promotions-sportsbook-switcher__icon:before {
  color: #fff !important;
}

.promotions-sportsbook-switcher__item:hover:not(
    .promotions-sportsbook-switcher__item--active
  )
  .promotions-sportsbook-switcher__title {
  color: #fff;
}

.promotions-sportsbook-switcher__item--active {
  background: #384c6b;
}

.promotions-sportsbook-switcher__item--active
  .promotions-sportsbook-switcher__icon:before {
  color: #0bdede !important;
}

.promotions-sportsbook-switcher__item--active
  .promotions-sportsbook-switcher__title {
  color: #fff;
}

.promotions-sportsbook-switcher__icon {
  display: none;
  margin-right: 8px;
}

.promotions-sportsbook-switcher__icon:before {
  color: hsla(0, 0%, 100%, 0.4) !important;
  transition: color 0.3s ease;
}

@media (min-width: 768px) {
  .promotions-sportsbook-switcher__icon {
    display: block;
  }
}

.promotions-sportsbook-switcher__title {
  color: hsla(0, 0%, 100%, 0.65);
  display: none;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

@media (min-width: 768px) {
  .promotions-sportsbook-switcher__title {
    display: block;
  }
}

.promotions-sportsbook-switcher__title--mobile {
  display: block;
}

@media (min-width: 768px) {
  .promotions-sportsbook-switcher__title--mobile {
    display: none;
  }
}

.related-games-slider {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .related-games-slider {
    margin-bottom: 32px;
  }
}

.base-slider__horiz-scroll .related-games-slider__item {
  aspect-ratio: 1;
  width: calc(50vw - 20px);
}

@media (min-width: 480px) {
  .base-slider__horiz-scroll .related-games-slider__item {
    width: calc(33.33333vw - 16px);
  }
}

@media (min-width: 768px) {
  .base-slider__horiz-scroll .related-games-slider__item {
    width: calc(25vw - 20px);
  }
}

@media (min-width: 960px) {
  .base-slider__horiz-scroll .related-games-slider__item {
    width: calc(20vw - 18px);
  }
}

@media (min-width: 1200px) {
  .base-slider__horiz-scroll .related-games-slider__item {
    width: unset;
  }
}

.related-game {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.related-game__block-img {
  border-radius: 8px;
  display: flex;
  font-size: 0;
  margin: 0 0 16px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.related-game__img {
  border: none;
  height: 100%;
  width: 100%;
}

.related-game__action {
  align-items: center;
  background-color: rgba(0, 27, 51, 0.65);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
}

.related-game:hover .related-game__action {
  opacity: 0;
}

@media (min-width: 1200px) {
  .related-game:hover .related-game__action {
    opacity: 1;
  }
}

.related-game__favorite {
  border-radius: 50%;
  display: none;
  opacity: 0;
  padding: 6px;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: opacity 0.3s ease, background 0.3s ease;
  z-index: 10;
}

@media (min-width: 1200px) {
  .related-game__favorite {
    display: block;
  }
}

.related-game__favorite:hover {
  background: rgba(0, 27, 51, 0.65);
}

.related-game__favorite--add {
  color: #fff;
}

.related-game__favorite--remove {
  color: #0bdede !important;
}

.related-game:hover .related-game__favorite {
  opacity: 1;
}

@media (max-width: 1200px) {
  .related-game:hover .related-game__favorite {
    opacity: 0;
  }
}

.related-game__buttons {
  display: block;
  margin: 8% 0 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.related-game .related-game__button--play {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 20px;
  height: 100%;
  justify-content: center;
  left: 50%;
  min-height: unset;
  min-width: unset;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media (min-width: 1200px) {
  .related-game .related-game__button--play {
    border-radius: 50%;
    height: 56px;
    left: unset;
    position: relative;
    top: unset;
    transform: unset;
    width: 56px;
  }
}

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

.related-game__icon--play {
  font-size: 20px !important;
}

.related-game__name {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.resend-confirmation-instructions-modal-content {
  width: 100%;
}

.resend-confirmation-instructions-modal-content__content {
  margin: 0 0 32px;
  text-align: center;
}

.resend-confirmation-instructions-modal-content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  margin: 0 0 16px;
  padding: 0 45px;
}

.resend-confirmation-instructions-modal-content__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px;
}

.resend-confirmation-instructions-modal-content__text:last-child {
  margin: 0;
}

.resend-confirmation-instructions-modal-content__link {
  color: #0bdede;
  transition: color 0.3s ease;
}

.resend-confirmation-instructions-modal-content__link:hover {
  color: #0acbcb;
}

.resend-confirmation-instructions-modal-content__form {
  margin: 0 0 16px;
}

.resend-confirmation-instructions-modal-content__footer {
  text-align: center;
}

.resend-confirmation-instructions-modal-content
  .resend-confirmation-instructions-modal-content__login-link {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
}

.resend-confirmation-instructions-modal-content__login-arr {
  font-size: 10px;
  line-height: 10px;
  transform: rotate(180deg);
}

.resend-confirmation-instructions-modal-content__resend-info {
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  margin: 16px auto 0;
}

.reset-password-modal-content {
  width: 100%;
}

.reset-password-modal-content__content {
  margin: 0 0 32px;
  text-align: center;
}

.reset-password-modal-content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
}

.reset-password-modal-content__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px;
}

.reset-password-modal-content__text:last-child {
  margin: 0;
}

.reset-password-modal-content__link {
  color: #00dccd;
  transition: color 0.3s ease;
}

.reset-password-modal-content__link:hover {
  color: #1df0e2;
}

.reset-password-modal-content__form {
  margin: 0 0 20px;
}

.reset-password-modal-content__footer {
  text-align: center;
}

.reset-password-modal-content .reset-password-modal-content__login-link {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
}

.reset-password-modal-content__login-arr {
  font-size: 22px;
  line-height: 22px;
}

.responsible-game-modal {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 56px 48px 48px;
}

.responsible-game-modal__buttons {
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  margin-top: 32px;
  width: 100%;
}

.responsible-game-modal__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
  margin-top: 24px;
  text-align: center;
}

.responsible-game-modal__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-weight: 400;
}

.responsible-game-modal .responsible-game-modal__button,
.responsible-game-modal__text {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  text-align: center;
}

.responsible-game-modal .responsible-game-modal__button {
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  width: 100%;
}

.responsible-game-modal .responsible-game-modal__button--cancel {
  background: #384c6b;
  border: none;
  color: #fff;
  transition: background 0.3s ease;
}

.responsible-game-modal .responsible-game-modal__button--cancel:active,
.responsible-game-modal .responsible-game-modal__button--cancel:focus,
.responsible-game-modal .responsible-game-modal__button--cancel:hover {
  background: #445778;
  border: none;
}

.rules {
  align-items: center;
  background: var(--header-color);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 24px 20px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .rules {
    padding: 40px 48px 32px;
  }
}

.rules--open:after,
.rules--without-button:after {
  display: none;
}

.rules:after {
  background: linear-gradient(
    180deg,
    rgba(38, 59, 87, 0),
    rgba(38, 59, 87, 0.76) 64.58%,
    var(--header-color)
  );
  bottom: 64px;
  content: "";
  height: 112px;
  left: 0;
  position: absolute;
  width: 100%;
}

@media (min-width: 768px) {
  .rules:after {
    bottom: 80px;
  }
}

.rules li + li {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .rules li + li {
    margin-top: 12px;
  }
}

.rules__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px;
}

@media (min-width: 768px) {
  .rules__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0 0 16px 0;
  }
}

.rules__content {
  max-height: 272px;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 768px) {
  .rules__content {
    max-height: 320px;
  }
}

.rules__content--open,
.rules__content--without-button {
  margin: 0 0 24px;
  max-height: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .rules .rules__button {
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    min-width: 300px;
    padding: 12px 20px;
  }
}

.rules__icon {
  transition: transform 0.3s ease;
}

.rules__icon--open {
  transform: rotate(180deg);
}

.search-modal {
  -ms-overflow-style: none;
  background: var(--header-color);
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
}

.search-modal::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .search-modal {
    max-height: 800px;
    min-height: 800px;
  }
}

.select-games-search-for-modal__dropdown {
  padding: 0 8px 56px;
}

@media (min-width: 768px) {
  .select-games-search-for-modal__dropdown {
    padding: 0 16px 64px;
  }
}

.select-games-search-for-modal__dropdown--no-button {
  padding: 0 8px 8px;
}

@media (min-width: 768px) {
  .select-games-search-for-modal__dropdown--no-button {
    padding: 0 16px 16px;
  }
}

.select-games-search-for-modal__dropdown .option--highlighted {
  background: transparent;
  color: unset;
}

.select-games-search-for-modal .select-games-search-for-modal__option {
  border-radius: 8px;
  padding: 12px 8px;
  position: relative;
  transition: background 0.3s ease;
}

@media (min-width: 768px) {
  .select-games-search-for-modal .select-games-search-for-modal__option {
    padding: 12px 16px;
  }
}

.select-games-search-for-modal .select-games-search-for-modal__option:hover {
  background: #384c6b;
}

.select-games-search-for-modal
  .select-games-search-for-modal__option:hover
  .select-games-search-for-modal__game-icon {
  opacity: 1;
}

.select-games-search-for-modal__option-link {
  display: flex;
}

.select-games-search-for-modal__option-image {
  border-radius: 8px;
  height: 56px;
  margin-inline-end: 16px;
  width: 56px;
}

.select-games-search-for-modal__option-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.select-games-search-for-modal__name {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px;
}

.select-games-search-for-modal__provider {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize;
}

.select-games-search-for-modal__game-icon {
  color: hsla(0, 0%, 100%, 0.65);
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s ease;
}

.select-games-search-for-modal__footer {
  align-items: center;
  background: var(--header-color);
  border-top: 1px solid var(--background-color);
  bottom: 0;
  display: flex;
  height: 48px;
  justify-content: center;
  left: 0;
  position: fixed;
  transition: background 0.3s ease;
  width: 100%;
}

.select-games-search-for-modal__footer:hover {
  background: #384c6b;
}

.select-games-search-for-modal__footer .text-btn {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  letter-spacing: 0.2px;
  line-height: 24px;
  text-transform: uppercase;
  width: 100%;
}

.select-games-search-for-modal__not-found {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 16px 8px 32px;
}

@media (min-width: 768px) {
  .select-games-search-for-modal__not-found {
    padding: 8px 16px 32px;
  }
}

.search-modal-header {
  background: var(--header-color);
  left: 0;
  padding: 68px 16px 16px;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media (min-width: 480px) {
  .search-modal-header {
    padding: 16px;
  }
}

@media (min-width: 768px) {
  .search-modal-header {
    padding: 24px 32px;
  }
}

.search-modal-header__search-bar {
  margin-top: 20px;
  position: relative;
}

@media (min-width: 768px) {
  .search-modal-header__search-bar {
    margin-top: 24px;
  }
}

.search-modal-header__clear-icon {
  color: hsla(0, 0%, 100%, 0.4);
  inset-inline-end: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.search-modal-header .search-modal-header__input {
  border-radius: 8px;
  height: 48px;
  overflow: hidden;
  padding: 0;
}

.search-modal-header .search-modal-header__input .input__native {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 48px;
  line-height: 24px;
  margin: 0;
  padding: 0 48px 0 12px !important;
}

.search-modal-header .search-modal-header__input .input__left-container {
  margin-right: 0;
  padding-left: 16px;
}

.search-modal-tabs {
  display: flex;
}

.body--ar .search-modal-tabs {
  flex-direction: row-reverse;
}

.search-modal-tabs__wrapper {
  background: rgba(0, 27, 51, 0.65);
  border-radius: 100px;
  display: flex;
  padding: 4px;
}

.search-modal-tabs .search-modal-tabs__tab {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  padding: 6px 16px;
  text-transform: uppercase;
}

.search-modal-tabs .search-modal-tabs__tab--active {
  background: var (--header-color) !important;
  border-radius: 51px;
  color: #fff !important;
}

.games-block-recommended__title {
  color: #fff;
  display: block;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding: 0 8px 16px;
}

@media (min-width: 768px) {
  .games-block-recommended__title {
    padding: 0 16px 16px;
  }
}

.games-block-recommended__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.games-block-recommended__item {
  border-radius: 8px;
  position: relative;
  transition: background 0.3s ease;
}

.games-block-recommended__item:hover {
  background: #384c6b;
}

.games-block-recommended__item:hover .games-block-recommended__game-icon {
  opacity: 1;
}

.games-block-recommended__link {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 12px 8px;
  width: 100%;
}

@media (min-width: 768px) {
  .games-block-recommended__link {
    padding: 12px 16px;
  }
}

.games-block-recommended__image {
  border-radius: 8px;
  height: 56px;
  margin-inline-end: 16px;
  width: 56px;
}

.games-block-recommended__content {
  display: flex;
  flex-direction: column;
}

.games-block-recommended__name {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 2px;
}

.games-block-recommended__name,
.games-block-recommended__provider {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.games-block-recommended__provider {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 12px;
  line-height: 18px;
  text-transform: capitalize;
}

.games-block-recommended__game-icon {
  color: hsla(0, 0%, 100%, 0.65);
  inset-inline-end: 12px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s ease;
}

.body--ar .games-block-recommended__game-icon {
  transform: translateY(-50%) scaleX(-1);
}

.categories-search__content {
  height: 100%;
  padding: 0 16px 16px;
}

@media (min-width: 768px) {
  .categories-search__content {
    padding: 0 32px 24px;
  }
}

.categories-search__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
}

@media (min-width: 480px) {
  .categories-search__list {
    gap: 8px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .categories-search__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.categories-search__link {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 12px;
  line-height: 20px;
  min-height: 56px;
  padding-block: 16px;
  padding-inline: 16px 25px;
  position: relative;
  transition: background 0.3s ease;
}

.categories-search__link:hover {
  background: #445778;
}

.categories-search__link:hover .categories-search__caret {
  opacity: 1;
}

.categories-search__icon {
  color: #0bdede;
}

.categories-search__caret {
  color: #fff;
  font-size: 24px;
  inset-inline-end: 16px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s ease;
}

.body--ar .categories-search__caret {
  transform: translateY(-50%) scaleX(-1);
}

.categories-search__not-found {
  color: hsla(0, 0%, 100%, 0.45);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-top: 16px;
}

.select__dropdown::-webkit-scrollbar {
  width: 4px;
}

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

.select__dropdown::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.select__dropdown::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .select__dropdown {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.select {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.select .input {
  padding: 0 12px 0 16px;
}

.select__dropdown {
  background: #384c6b;
  border-radius: 8px;
  display: block;
  left: 0;
  margin: 0;
  max-height: 160px;
  overflow: hidden;
  overflow-y: auto;
  padding: 8px;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  z-index: 100;
}

.select__arrow-icon-wrapper {
  background: none;
  border: none;
  color: hsla(0, 0%, 100%, 0.4);
  cursor: pointer;
  display: flex;
  padding: 0;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform 0.3s ease, color 0.3s ease;
}

.select__arrow-icon-wrapper--open {
  transform: rotate(180deg);
}

.dynamic-form-pnp .select--one .select__arrow-icon-wrapper,
.dynamic-form-pnp .select--one .select__bottom-line {
  display: none;
}

.games-page-providers__dropdown {
  display: flex;
  flex-direction: column;
  padding: 0 8px 16px;
}

@media (min-width: 768px) {
  .games-page-providers__dropdown {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 32px 24px;
    row-gap: 8px;
  }
}

.games-page-providers__dropdown .option--highlighted {
  background: transparent;
  color: unset;
}

@media (min-width: 768px) {
  .games-page-providers__dropdown .option--highlighted {
    background: #384c6b;
  }
}

.games-page-providers .games-page-providers__item {
  border-radius: 8px;
  height: 56px;
  padding: 0;
  transition: background 0.3s ease;
}

.games-page-providers .games-page-providers__item:hover {
  background: #384c6b;
}

@media (min-width: 768px) {
  .games-page-providers .games-page-providers__item {
    background: #384c6b;
  }

  .games-page-providers .games-page-providers__item:hover {
    background: #445778;
  }
}

.games-page-providers .games-page-providers__link {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  line-height: 20px;
  padding: 12px 8px;
  width: 100%;
}

@media (min-width: 768px) {
  .games-page-providers .games-page-providers__link {
    padding: 12px 16px;
  }
}

.games-page-providers__image-wrapper {
  height: 32px;
  margin-inline-end: 12px;
  width: 32px;
}

.games-page-providers__image {
  height: 100%;
  width: 100%;
}

.games-page-providers__not-found {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  grid-column-end: 3;
  grid-column-start: 1;
  line-height: 24px;
  padding: 16px 8px 0;
}

@media (min-width: 768px) {
  .games-page-providers__not-found {
    padding: 16px 0 0;
  }
}

.self-assessment-result {
  padding: 30px;
}

.self-assessment-result__footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.title {
  text-transform: uppercase;
}

.sidebar-menu-info {
  list-style: none;
  margin: 0;
  padding: 24px 16px 0;
}

.sidebar-menu-info__item {
  margin-bottom: 16px;
}

.sidebar-menu-info__item:last-child {
  margin-bottom: 0;
}

.sidebar-menu-info__link {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: capitalize;
  transition: color 0.3s ease;
}

.sidebar-menu-info__link:hover {
  color: #fff;
}

.sidebar-menu-main {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.sidebar-menu-main__link {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.2px;
  line-height: 20px;
  padding: 12px 16px;
  text-transform: uppercase;
  transition: background 0.3s ease;
}

.sidebar-menu-main__link:hover {
  background: var(--header-color);
  filter: brightness(1.2);
}

.sidebar-menu-main__link--current .sidebar-menu-main__icon:before {
  color: #0bdede !important;
}

.sidebar-menu-main__link--mystery-drops {
  background: linear-gradient(
    271deg,
    var(--background-color) 0.62%,
    var(--header-color) 99.38%
  );
  margin-bottom: 8px;
  margin-top: 8px;
}

.sidebar-menu-main__link--mystery-drops:hover {
  background: linear-gradient(
    271deg,
    var(--background-color) 0.62%,
    var(--header-color) 99.38%
  );
  filter: brightness(1.1);
}

.sidebar-menu-main__link--lucky-spin {
  background: linear-gradient(
    268.9deg,
    rgba(182, 26, 255, 0.08),
    rgba(255, 26, 150, 0.3)
  );
  margin-bottom: 8px;
}

.sidebar-menu-main__link--lucky-spin img {
  animation: rotate 4s linear infinite;
}

.sidebar-menu-main__link--lucky-spin:hover {
  background: linear-gradient(
    268.9deg,
    rgba(182, 26, 255, 0.08),
    rgba(255, 26, 150, 0.3)
  );
}

.sidebar-menu-main .sidebar-menu-main__icon {
  font-size: 24px;
  margin-right: 20px;
}

.sidebar-menu-main .sidebar-menu-main__icon:before {
  color: hsla(0, 0%, 100%, 0.4);
}

.sidebar-menu-main .sidebar-menu-main__image {
  height: 36px;
  width: 36px;
}

.sidebar-menu-main__image-wrapper {
  display: flex;
  margin-inline-end: 12px;
  overflow: hidden;
  position: relative;
}

.sidebar-menu-main__line {
  animation: line 10s linear infinite;
  left: 0;
  position: absolute;
  top: -30px;
  transform: translate(-100%);
}

.sidebar-menu-main__tag-wrapper {
  position: absolute;
  right: 24px;
}

.sidebar-menu-main__tag {
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  padding: 4px 6px;
  text-transform: uppercase;
  z-index: 0;
}

.sidebar-menu-main__tag--new {
  background: #1adb4a;
  color: #001b33;
}

.sidebar-menu-main__tag--top {
  background: #00dccd;
  color: #001b33;
}

.sidebar-menu-main__tag--cashback {
  background: #7e14ff;
  color: #fff;
}

.sidebar-menu-main__tag--hot {
  background: #0bdede;
  color: #fff;
}

.sidebar-menu-main__tag--exclusive {
  background: radial-gradient(
    243.63% 279.45% at 127.61% -17.5%,
    #2ad0ca 0,
    #e1f664 22.92%,
    #feb0fe 56.7%,
    #5df7a4 98.15%
  );
  color: #001b33;
}

.sidebar-menu-main__tag--night {
  background: #e212ff;
  color: #fff;
}

.sidebar-menu-main__tag--evo-prime,
.sidebar-menu-main__tag--platin-jackpot {
  height: 24px;
  padding: 0;
  width: 24px;
}

.sidebar-menu-main__tag--jackpot {
  background: #ffd336;
  bottom: 8px;
  color: #001b33;
  left: 8px;
  opacity: 1;
  position: absolute;
  transition: opacity 0.3s ease;
}

@media (min-width: 1200px) {
  .sidebar-menu-main:hover .sidebar-menu-main__tag--jackpot {
    opacity: 0;
  }
}

@keyframes line {
  0% {
    transform: translate(-100%);
  }

  3% {
    transform: translate(100%, 100%);
  }

  to {
    transform: translate(100%, 100%);
  }
}

.sign-in-page {
  overflow: hidden;
  padding: 126px 16px 0;
  position: relative;
  z-index: 5;
}

@media (min-width: 480px) {
  .sign-in-page {
    padding: 134px 48px 48px;
  }
}

@media (min-width: 1200px) {
  .sign-in-page {
    padding: 56px 48px 48px;
  }
}

.sign-in-page__background {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
}

@media (min-width: 1200px) {
  .sign-in-page__background {
    display: none;
  }
}

.sign-in-page__background:after {
  background: linear-gradient(
    180deg,
    rgba(38, 59, 87, 0.3),
    var(--header-color) 66.18%
  );
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sign-in-page__background--gradient {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

@media (min-width: 1200px) {
  .sign-in-page__background--gradient {
    display: block;
  }
}

.sign-in-page__gradient {
  position: absolute;
}

.sign-in-page__gradient--blue {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 255, 240, 0.12) 0.01%,
    rgba(17, 77, 148, 0) 100%
  );
  bottom: 60%;
  height: 560px;
  left: -92.29%;
  right: 5.62%;
  top: -87.27%;
  width: 896px;
}

.sign-in-page__gradient--red {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 10, 10, 0.14) 0,
    rgba(180, 0, 75, 0) 100%
  );
  bottom: -89.55%;
  height: 610px;
  left: 21.67%;
  right: -108.33%;
  top: 50.91%;
  width: 896px;
}

.sign-in-page__form {
  position: relative;
}

.sign-in-page__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 24px;
  position: relative;
}

@media (min-width: 1200px) {
  .sign-in-page__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
    text-align: center;
  }
}

.login-form .login-form__form-element,
.login-form__two-factor-errors {
  margin-bottom: 12px;
}

.login-form__forgot-password-link-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
  width: 100%;
}

.login-form__forgot-password-link {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: color 0.3s ease;
}

.login-form__forgot-password-link:hover {
  color: #fff;
}

.login-form__sign-up-link {
  color: #00dccd;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-left: 4px;
  transition: color 0.3s ease;
}

.login-form__sign-up-link:hover {
  color: #1df0e2;
}

.login-form .login-form__submit-button {
  margin: 16px 0 0;
  width: 100%;
}

.login-form__footer {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  flex-direction: column;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 20px;
  margin-top: 20px;
  width: 100%;
}

.login-form__swap-modal {
  display: none;
}

@media (min-width: 1200px) {
  .login-form__swap-modal {
    display: block;
  }
}

.sign-up-page {
  z-index: 5;
}

.sign-up-page--no-bonus .sign-up-page__steps,
.sign-up-page--no-bonus .welcome-bonus-sign-up__title {
  display: none;
}

.sign-up-page__form {
  padding: 34px 16px 32px;
}

@media (min-width: 480px) {
  .sign-up-page__form {
    padding-left: 48px;
    padding-right: 48px;
  }
}

.sportsbook-iframe-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  min-width: 100vw;
  position: relative;
}

.sportsbook-iframe-wrapper .sign-form-switcher {
  display: none !important;
}

.sportsbook-iframe-wrapper__content {
  background: var(--header-color);
  border-radius: 20px;
  margin: 20px 0;
  max-width: 900px;
  position: relative;
  width: calc(100% - 20px);
}

@media (max-width: 767px) {
  .sportsbook-iframe-wrapper__content {
    border-radius: 0;
    margin: 0;
    min-height: 100vh;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .sportsbook-iframe-wrapper--sign-up .sportsbook-iframe-wrapper__content {
    max-width: 480px;
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  .sportsbook-iframe-wrapper--sign-up .sportsbook-iframe-wrapper__content {
    max-width: 1024px;
  }
}

.sportsbook-iframe-wrapper--confirmation-instructions
  .sportsbook-iframe-wrapper__content,
.sportsbook-iframe-wrapper--edit-password .sportsbook-iframe-wrapper__content,
.sportsbook-iframe-wrapper--forgot-password .sportsbook-iframe-wrapper__content,
.sportsbook-iframe-wrapper--sign-in .sportsbook-iframe-wrapper__content,
.sportsbook-iframe-wrapper--unlock-instructions
  .sportsbook-iframe-wrapper__content {
  max-width: 480px;
}

.sportsbook-iframe-wrapper__content > * {
  position: relative;
  z-index: 1;
}

.sportsbook-iframe-wrapper__backdrop {
  background: transparent none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sign-up-page {
  display: block;
  overflow: hidden;
  position: relative;
}

@media (min-width: 1200px) {
  .sign-up-page {
    display: flex;
    flex-direction: row-reverse;
    height: unset;
    min-height: 680px;
  }
}

.sign-up-page__column {
  position: relative;
  width: 100%;
}

@media (min-width: 1200px) {
  .sign-up-page__column {
    width: 50%;
  }
}

.sign-up-page__steps--desktop {
  bottom: 32px;
  display: none;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 100%;
  z-index: 3;
}

@media (min-width: 1200px) {
  .sign-up-page__steps--desktop {
    display: block;
  }
}

.sign-up-page__steps--mobile {
  margin-bottom: 16px;
  margin-top: 32px;
}

@media (min-width: 768px) {
  .sign-up-page__steps--mobile {
    margin-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .sign-up-page__steps--mobile {
    display: none;
  }
}

.sign-up-page__form {
  padding: 48px 16px 0;
}

@media (min-width: 480px) {
  .sign-up-page__form {
    padding: 48px 48px 0;
  }
}

@media (min-width: 1200px) {
  .sign-up-page__form {
    padding: 48px 56px;
  }

  .welcome-bonus-sign-up__logo {
    display: inline-block;
  }
}

.success-after-registration {
  position: relative;
}

.success-after-registration :last-child {
  margin-bottom: 0 !important;
}

.success-after-registration__image {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
}

.success-after-registration__content {
  padding: 310px 16px 48px;
  position: relative;
  text-align: center;
  z-index: 5;
}

@media (min-width: 480px) {
  .success-after-registration__content {
    padding: 296px 48px 48px;
  }
}

.success-after-registration__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
}

.success-after-registration__text {
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-block;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}

.success-after-registration__text:last-of-type {
  margin-bottom: 40px;
}

.success-after-registration__btn,
.support-confirm-modal-content {
  width: 100%;
}

.support-confirm-modal-content__content {
  margin: 0 0 32px;
  text-align: center;
}

.support-confirm-modal-content__icon {
  align-items: center;
  background: rgba(0, 220, 205, 0.08);
  border-radius: 50%;
  color: #00dccd;
  display: flex;
  height: 100px;
  justify-content: center;
  margin: 0 auto 24px;
  width: 100px;
}

.support-confirm-modal-content__icon i {
  font-size: 42px !important;
}

.support-confirm-modal-content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  margin: 0 0 16px;
}

.support-confirm-modal-content__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px;
}

.support-confirm-modal-content__text:last-child {
  margin: 0;
}

.support-confirm-modal-content__text span {
  color: #fff;
  display: block;
  width: 100%;
}

.support-confirm-modal-content__link {
  color: #00dccd;
  transition: color 0.3s ease;
}

.support-confirm-modal-content__link:hover {
  color: #0acbcb;
}

.support-confirm-modal-content__footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.support-confirm-modal-content .support-confirm-modal-content__login-link {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
}

.support-confirm-modal-content__login-arr {
  font-size: 22px;
  line-height: 22px;
}

.support-confirm-modal-content__resend-info {
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  margin: 16px auto 0;
}

.tourn-about-big {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  row-gap: 24px;
}

@media (min-width: 768px) {
  .tourn-about-big {
    -moz-column-gap: 65px;
    column-gap: 65px;
    flex-direction: row;
  }
}

.tourn-about-big__item {
  display: flex;
  gap: 16px;
  position: relative;
}

@media (min-width: 768px) {
  .tourn-about-big__item:after {
    background: hsla(0, 0%, 100%, 0.12);
    content: "";
    height: 100%;
    position: absolute;
    right: -33px;
    width: 1px;
  }

  .tourn-about-big__item:last-child:after {
    display: none;
  }
}

.tourn-about-big__image {
  height: 48px;
  width: 48px;
}

.tourn-about-big__description {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tourn-about-big__title {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  text-transform: uppercase;
}

.tourn-about-big__title,
.tourn-about-big__value {
  font-family: Open Sans, sans-serif;
  font-style: normal;
}

.tourn-about-big__value {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 8px;
  line-height: 24px;
  margin: 0;
  position: relative;
  text-transform: capitalize;
}

.tourn-about-big__hint {
  color: hsla(0, 0%, 100%, 0.4);
  display: inline-block;
  position: relative;
}

.tourn-about-big__hint-container {
  background: #000;
  border-radius: 8px;
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 400;
  left: 64px;
  line-height: 20px;
  max-width: 200px;
  min-width: 220px;
  padding: 8px;
  position: absolute;
  text-align: left;
  text-transform: none;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: all 0.3s ease;
  z-index: 1;
}

.tourn-about-big__hint-container:before {
  border-bottom: 8px solid transparent;
  border-right: 8px solid #000;
  border-top: 8px solid transparent;
  content: "";
  left: -8px;
  position: absolute;
  top: calc(50% - 8px);
}

.tourn-about-big__hint-container--active {
  transform: translateY(-50%) scale(1);
}

.tourn-card-big {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 320px;
  justify-content: space-between;
  overflow: hidden;
  padding: 24px 16px 16px;
  position: relative;
}

@media (min-width: 768px) {
  .tourn-card-big {
    height: 340px;
    padding: 32px;
  }
}

@media (min-width: 1200px) {
  .tourn-card-big {
    height: 400px;
    padding: 40px;
  }
}

.tourn-card-big__background {
  display: none;
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media (min-width: 768px) {
  .tourn-card-big__background {
    display: block;
  }
}

.tourn-card-big__background--mobile {
  display: block;
}

@media (min-width: 768px) {
  .tourn-card-big__background--mobile {
    display: none;
  }
}

.tourn-card-big__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 16px 0 0;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .tourn-card-big__title {
    font-size: 32px;
    line-height: 40px;
    margin: 24px 0 0;
  }
}

@media (min-width: 1200px) {
  .tourn-card-big__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.tourn-card-big__timer-title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.tourn-card-big__timer .blocks-timer {
  background: rgba(0, 27, 51, 0.4);
  max-width: 254px;
}

.card-tournament {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  min-height: 144px;
  overflow: hidden;
  padding: 12px;
  position: relative;
}

.card-tournament:after {
  background: linear-gradient(
    359.28deg,
    rgba(10, 10, 13, 0.4) 0.68%,
    rgba(10, 10, 13, 0) 99.45%
  );
  bottom: 0;
  content: "";
  height: 90px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.card-tournament__bg {
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  width: 100%;
}

.card-tournament__inner {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  position: relative;
  z-index: 2;
}

.card-tournament__content {
  margin: auto 0 0;
}

.card-tournament__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px;
}

.card-tournament__title:last-child {
  margin: 0;
}

.tourn-card-big-summer {
  padding-bottom: 195px;
  padding-top: 34px;
  text-align: center;
}

@media (min-width: 1200px) {
  .tourn-card-big-summer {
    padding-bottom: 324px;
    padding-top: 48px;
  }
}

.tourn-card-big-summer__timer-title {
  color: #fff;
  font: 500 12px/16px Open Sans, sans-serif;
  letter-spacing: 0.2px;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.tourn-card-big-summer__timer .blocks-timer {
  background: rgba(0, 27, 51, 0.4);
  margin: 0 auto;
  max-width: 254px;
}

.tourn-card-big-summer__title {
  color: #fff;
  font: 700 26px/32px Open Sans, sans-serif;
  margin: 24px auto 32px;
  max-width: 800px;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-card-big-summer__title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .tourn-card-big-summer__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.tourn-card-big-summer .summer-calendar__button-join {
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 24px;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 16px 49px;
}

.tourn-network {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.tourn-network__title {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 32px;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-network__title {
    font-size: 40px;
    margin-bottom: 64px;
  }
}

.tourn-network__section-title {
  color: #fff;
  display: block;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 25px;
  padding: 0;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
  word-spacing: 100vw;
}

@media (min-width: 768px) {
  .tourn-network__section-title {
    margin-bottom: 35px;
  }
}

.tourn-network__section {
  display: block;
  margin: 30px 0 0;
  padding: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-network__section {
    margin-top: 50px;
  }
}

.tourn-network__section--main {
  margin-top: 0;
}

.tourn-network .tourn-network__description {
  background-color: #22242c;
  border-radius: 10px;
  padding: 40px 20px;
  text-align: center;
}

@media (min-width: 768px) {
  .tourn-network .tourn-network__description {
    padding: 40px 44px;
  }
}

.tourn-network .game__title {
  line-height: 100%;
  max-height: 3em;
}

@media (min-width: 1200px) {
  .tourn-network .game__title {
    font-size: 16px;
  }
}

.tourn-participate-big {
  align-items: center;
  background: rgba(0, 27, 51, 0.65);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 16px;
}

@media (min-width: 768px) {
  .tourn-participate-big {
    flex-direction: row;
    justify-content: space-between;
  }
}

.tourn-participate-big__info {
  align-items: center;
  display: flex;
  gap: 12px;
  margin: 0 0 20px;
}

.tourn-participate-big__info--restricted {
  margin: 0;
}

.tourn-participate-big__info--restricted .tourn-participate-big__info-icon {
  color: #ffd336;
}

@media (min-width: 768px) {
  .tourn-participate-big__info {
    margin: 0;
  }
}

.tourn-participate-big__info-icon {
  align-self: flex-start;
  color: #00dccd;
  display: flex;
  flex: 0 0 24px;
}

.tourn-participate-big__info-text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

@media (min-width: 768px) {
  .tourn-participate-big__info-text {
    font-size: 16px;
    line-height: 24px;
  }
}

.tourn-participate-big__button-wrapper {
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-participate-big__button-wrapper {
    max-width: 180px;
  }
}

.tourn-participate-big .tourn-participate-big__button {
  width: 100%;
}

.tourn-participate-big .tourn-participate-big__button--active {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  color: #fff;
  cursor: default !important;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  height: 40px;
  white-space: nowrap;
}

.tourn-participate-big .tourn-participate-big__button--active:active,
.tourn-participate-big .tourn-participate-big__button--active:focus,
.tourn-participate-big .tourn-participate-big__button--active:hover {
  background: transparent;
}

.tourn-participate-big .tourn-participate-big__button--active .font-icons {
  color: #1adb4a;
}

.tourn-player-prizes-list {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  width: auto;
}

.tourn-player-prizes-list__item {
  display: inline;
}

.tourn-player-prizes-list__item + .tourn-player-prizes-list__item:before {
  content: " + ";
}

.tourn-player-prizes-list__label {
  display: inline-block;
  margin: 0 0 0 3px;
  vertical-align: top;
}

.tourn-prizes-three .tourn-player-prizes-list__item {
  display: block;
}

.tourn-prizes-three .tourn-player-prizes-list__item:before {
  display: none;
}

.tourn-prizes {
  color: #6d6a71;
  display: block;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-prizes {
    text-align: left;
  }
}

.tourn-prizes__list {
  grid-gap: 10px;
  counter-reset: list1;
  display: grid;
  flex-wrap: wrap;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-prizes__list {
    grid-gap: 12px 16px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 960px) {
  .tourn-prizes__list {
    grid-column-gap: 15px;
  }
}

@media (min-width: 1200px) {
  .tourn-prizes__list {
    grid-column-gap: 17px;
  }
}

@media (min-width: 1440px) {
  .tourn-prizes__list {
    grid-column-gap: 26px;
  }
}

.tourn-prizes__item {
  align-items: center;
  align-self: stretch;
  background-color: #22242c;
  border-radius: 10px;
  color: #6d6a71;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 20px;
  font-weight: 700;
  justify-content: center;
  min-height: 70px;
  padding: 10px;
}

@media (min-width: 960px) {
  .tourn-prizes__item {
    font-size: 18px;
    font-size: 20px;
    padding: 10px 16px;
  }
}

@media (min-width: 1200px) {
  .tourn-prizes__item {
    padding: 10px 10px 10px 0;
  }
}

@media (min-width: 1440px) {
  .tourn-prizes__item {
    font-size: 24px;
  }
}

.tourn-prizes__item:nth-child(-n + 3) {
  min-height: 102px;
}

.tourn-prizes__item:before {
  align-items: center;
  content: counter(list1) "â„–";
  counter-increment: list1;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 0 16px 0 0;
  text-transform: uppercase;
  width: auto;
}

@media (min-width: 768px) {
  .tourn-prizes__item:before {
    padding: 0;
    width: 3em;
  }
}

@media (min-width: 1200px) {
  .tourn-prizes__item:before {
    font-size: 20px;
  }
}

@media (min-width: 1440px) {
  .tourn-prizes__item:before {
    padding-left: 25px;
  }
}

.tourn-prizes__item:first-child,
.tourn-prizes__item:first-child:before {
  color: #0bdede;
}

.tourn-prizes__item:nth-child(2),
.tourn-prizes__item:nth-child(2):before {
  color: hsla(0, 0%, 100%, 0.65);
}

.tourn-prizes__item:nth-child(3),
.tourn-prizes__item:nth-child(3):before {
  color: #ec3200;
}

.tourn-prizes__more {
  display: block;
  margin: 0;
  padding: 30px 0 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-prizes__more {
    padding-top: 35px;
  }
}

.tourn-prizes__item-inner {
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 768px) {
  .tourn-prizes__item-inner {
    flex: 1;
    overflow: hidden;
    width: 100%;
  }
}

.tourn-prizes__prize {
  display: inline;
}

.tourn-prizes__prize + .tourn-prizes__prize:before {
  content: " + ";
}

.tourn-prizes__label {
  display: inline-block;
  margin: 0 0 0 3px;
  vertical-align: top;
}

.tourn-prizes-three {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-prizes-three {
    font-size: 20px;
    font-weight: 500;
  }
}

.tourn-prizes-three__list {
  counter-reset: list1;
  display: flex;
  padding: 0;
  width: 100%;
}

.tourn-prizes-three__item,
.tourn-prizes-three__list {
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}

.tourn-prizes-three__item {
  color: #0bdede;
  display: inline-flex;
  padding: 68px 5px 0;
  position: relative;
  width: 50%;
}

@media (min-width: 768px) {
  .tourn-prizes-three__item {
    padding-top: 93px;
    width: 33.3333333333%;
  }
}

.tourn-prizes-three__item:first-child {
  font-size: 14px;
  margin: 0 20% 16px;
  width: 60%;
}

@media (min-width: 768px) {
  .tourn-prizes-three__item:first-child {
    font-size: inherit;
    margin: 0;
    order: 2;
    padding-top: 108px;
    width: 33.3333333333%;
  }
}

.tourn-prizes-three__item:nth-child(2) {
  color: hsla(0, 0%, 100%, 0.65);
}

@media (min-width: 768px) {
  .tourn-prizes-three__item:nth-child(2) {
    margin-top: 25px;
    order: 1;
  }
}

@media (min-width: 960px) {
  .tourn-prizes-three__item:nth-child(2) {
    width: 25%;
  }
}

.tourn-prizes-three__item:nth-child(3) {
  color: #ec3200;
}

@media (min-width: 768px) {
  .tourn-prizes-three__item:nth-child(3) {
    margin-top: 25px;
    order: 3;
  }
}

@media (min-width: 960px) {
  .tourn-prizes-three__item:nth-child(3) {
    width: 25%;
  }
}

.tourn-prizes-three__item:before {
  background: transparent url(/images/tourn-prizes-three__place1.ed385883..svg)
    no-repeat 50%;
  background-size: contain;
  content: counter(list1);
  counter-increment: list1;
  display: block;
  font-size: 24px;
  font-weight: 700;
  height: 48px;
  left: 0;
  line-height: 1;
  padding: 12px 0 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-prizes-three__item:before {
    font-size: 40px;
    height: 77px;
    padding: 10px 0 0;
  }
}

.tourn-prizes-three__item:nth-child(2):before {
  background-image: url(/images/tourn-prizes-three__place2.98a53842..svg);
}

.tourn-prizes-three__item:nth-child(3):before {
  background-image: url(/images/tourn-prizes-three__place3.9a757032..svg);
}

@media (min-width: 768px) {
  .tourn-prizes-three__item:first-child:before {
    font-size: 48px;
    height: 85px;
    padding: 15px 0 0;
  }
}

.tourn-prizes-three__prize {
  color: #fff;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.tourn-prizes-three__label {
  display: inline-block;
  margin: 0 0 0 3px;
  vertical-align: top;
}

.tourn-tabs {
  display: flex;
  position: relative;
  width: 100%;
}

.tourn-tabs:after {
  background: hsla(0, 0%, 100%, 0.12);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.tourn-tabs__buttons {
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 13px;
}

.tourn-tabs .tourn-tabs__button {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}

.tourn-tabs .tourn-tabs__button--active,
.tourn-tabs .tourn-tabs__button:active,
.tourn-tabs .tourn-tabs__button:focus,
.tourn-tabs .tourn-tabs__button:hover {
  color: #fff;
}

.tourn-tabs .tourn-tabs__button--active:after {
  background: #0bdede;
  bottom: -13px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}

.tourn-winners {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.tourn-winners__more {
  display: block;
  margin: 30px 0 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .tourn-winners__more {
    margin-top: 35px;
  }
}

.tourn-winners__table {
  border: none;
  border-collapse: collapse;
  margin: 0 auto;
  max-width: 100%;
  table-layout: fixed;
  width: 100%;
}

.tourn-winners__cell {
  border: none;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
  color: #6d6a71;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  height: 80px;
  letter-spacing: normal;
  line-height: 1.2;
  padding: 0 5px;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .tourn-winners__cell {
    font-size: 18px;
  }
}

.tourn-winners__cell--name {
  text-align: left;
}

.tourn-winners__cell--points {
  font-size: 18px;
  text-align: right;
}

@media (min-width: 768px) {
  .tourn-winners__cell--points {
    font-size: 24px;
  }
}

tbody tr:first-child .tourn-winners__cell--points {
  color: #0bdede;
}

tbody tr:nth-child(2) .tourn-winners__cell--points {
  color: hsla(0, 0%, 100%, 0.65);
}

tbody tr:nth-child(3) .tourn-winners__cell--points {
  color: #ec3200;
}

.tourn-winners__cell--prize {
  font-size: 18px;
  text-align: right;
}

@media (min-width: 768px) {
  .tourn-winners__cell--prize {
    font-size: 24px;
  }
}

tbody tr:first-child .tourn-winners__cell--prize {
  color: #0bdede;
}

tbody tr:nth-child(2) .tourn-winners__cell--prize {
  color: hsla(0, 0%, 100%, 0.65);
}

tbody tr:nth-child(3) .tourn-winners__cell--prize {
  color: #ec3200;
}

@media (min-width: 768px) {
  .tourn-winners__cell:last-child {
    padding-right: 32px;
  }
}

@media (min-width: 1200px) {
  .tourn-winners__cell:last-child {
    padding-right: 24px;
  }
}

@media (min-width: 1440px) {
  .tourn-winners__cell:last-child {
    padding-right: 64px;
  }
}

thead .tourn-winners__cell {
  background-color: #22242c;
  border-bottom: none;
  color: #fff;
  font-size: 16px;
  height: 68px;
}

thead .tourn-winners__cell:first-child {
  border-radius: 4px 0 0 4px;
}

thead .tourn-winners__cell:last-child {
  border-radius: 0 4px 4px 0;
}

thead .tourn-winners__cell--place {
  padding-right: 2px;
  text-align: right;
  width: 32px;
}

@media (min-width: 768px) {
  thead .tourn-winners__cell--place {
    width: 67px;
  }
}

@media (min-width: 1440px) {
  thead .tourn-winners__cell--place {
    width: 100px;
  }
}

thead .tourn-winners__cell--name {
  padding-left: 0;
  text-align: left;
}

thead .tourn-winners__cell--points,
thead .tourn-winners__cell--prize {
  width: 30%;
}

.tourn-winners__row--user .tourn-winners__cell {
  color: #fff !important;
}

.tourn-winners__name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.tourn-winners__user-place {
  align-items: center;
  background-color: #0bdede;
  border-radius: 8px;
  color: #22242c;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  justify-content: center;
  min-height: 68px;
  text-align: center;
  width: 100%;
}

.game-tourn .tourn-winners .tourn-winners__cell {
  border-bottom: none;
  font-size: 12px !important;
  font-weight: 700;
  height: 47px;
}

.game-tourn .tourn-winners .tourn-winners__cell--name {
  padding: 0;
}

.game-tourn .tourn-winners .tourn-winners__cell:last-child {
  padding-right: 8px;
}

.game-tourn .tourn-winners thead .tourn-winners__cell--place {
  padding: 0 5px 0 0;
  width: 32px;
}

.game-tourn .tourn-winners thead .tourn-winners__cell--prize {
  width: 40%;
}

.game-tourn .tourn-winners thead .tourn-winners__cell--points {
  width: 23%;
}

.game-tourn .tourn-winners .tourn-winners__more {
  display: none;
}

.unlock-instructions-modal-content {
  width: 100%;
}

.unlock-instructions-modal-content__content {
  margin: 0 0 32px;
  text-align: center;
}

.unlock-instructions-modal-content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  margin: 0 0 16px;
}

.unlock-instructions-modal-content__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px;
}

.unlock-instructions-modal-content__text:last-child {
  margin: 0;
}

.unlock-instructions-modal-content__link {
  color: #00dccd;
  transition: color 0.3s ease;
}

.unlock-instructions-modal-content__link:hover {
  color: #1df0e2;
}

.unlock-instructions-modal-content__form {
  margin: 0 0 16px;
}

.unlock-instructions-modal-content__footer {
  text-align: center;
}

.unlock-instructions-modal-content
  .unlock-instructions-modal-content__login-link {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
}

.unlock-instructions-modal-content__login-arr {
  font-size: 22px;
  line-height: 22px;
}

.unlock-instructions-modal-content__resend-info {
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  margin: 16px auto 0;
}

.select-user-menu {
  display: none;
  position: relative;
}

@media (min-width: 960px) {
  .select-user-menu {
    display: block;
  }
}

.select-user-menu__button {
  cursor: pointer;
  display: flex;
  margin-left: 16px;
}

.select-user-menu .select-user-menu__icon:before {
  color: hsla(0, 0%, 100%, 0.65);
  transition: color 0.3s ease;
}

.select-user-menu .select-user-menu__icon:hover:before {
  color: #fff;
}

.select-user-menu__dropdown {
  background: var(--header-color);
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 32px;
  width: 280px;
}

.vip-page {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  width: 100%;
}

.vip-page .cms-page__title-block {
  justify-content: center;
}

.vip-page__title {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .vip-page__title {
    font-size: 32px;
  }
}

.vip-page__description {
  text-align: center;
}

.vip-page__img {
  display: flex;
  height: 60px;
  margin: 0 auto 20px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 60px;
}

.vip-page__list {
  grid-gap: 40px;
  display: grid;
  flex-direction: column;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 30px auto 0;
  padding: 0;
}

@media (min-width: 768px) {
  .vip-page__list {
    grid-gap: 50px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 40px;
    max-width: 700px;
  }
}

@media (min-width: 960px) {
  .vip-page__list {
    grid-gap: 57px;
    margin-top: 50px;
    max-width: 864px;
  }
}

@media (min-width: 1200px) {
  .vip-page__list {
    grid-gap: 95px;
    max-width: 940px;
  }
}

@media (min-width: 1440px) {
  .vip-page__list {
    grid-gap: 150px;
    max-width: 1050px;
  }
}

.vip-page__item {
  margin: 0;
  padding: 0;
  width: 100%;
}

.vip-page__sub-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 15px;
  text-transform: capitalize;
}

.vip-page .vip-page__position {
  margin: 30px auto 0;
  max-width: 336px;
}

@media (min-width: 768px) {
  .vip-page .vip-page__position {
    margin-top: 50px;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .vip-page .vip-page__position {
    max-width: 700px;
  }
}

.vip-page__levels-list {
  grid-gap: 20px;
  display: grid;
  flex-direction: column;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 30px auto 0;
  padding: 0;
}

@media (min-width: 768px) {
  .vip-page__levels-list {
    grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
    max-width: 672px;
  }
}

@media (min-width: 960px) {
  .vip-page__levels-list {
    grid-gap: 27px;
    margin-top: 50px;
    max-width: 864px;
  }
}

@media (min-width: 1200px) {
  .vip-page__levels-list {
    grid-gap: 20px;
    max-width: 700px;
  }
}

@media (min-width: 1440px) {
  .vip-page__levels-list {
    max-width: 988px;
  }
}

.vip-position__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 24px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .vip-position__title {
    font-size: 26px;
    line-height: 32px;
  }
}

.vip-position__content {
  border-radius: 20px;
  overflow: hidden;
}

.vip-position__line {
  align-items: center;
  background: #0bdede;
  box-shadow: inset -2px 2px 24px rgba(0, 0, 0, 0.32);
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 12px 0;
  row-gap: 12px;
}

@media (min-width: 480px) {
  .vip-position__line {
    padding: 22px 0;
  }
}

@media (min-width: 768px) {
  .vip-position__line {
    -moz-column-gap: 28px;
    column-gap: 28px;
  }
}

.vip-position__block {
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 16px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .vip-position__block {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .vip-position__block {
    font-size: 20px;
    line-height: 30px;
  }
}

.vip-position__block--big {
  flex: 1 0 100%;
  font-size: 14px;
  line-height: 20px;
  padding: 0 16px;
}

.vip-position__block--big span {
  position: relative;
}

.vip-position__block--big span:after,
.vip-position__block--big span:before {
  background: radial-gradient(
    50% 50% at 50% 50%,
    #fff 0,
    hsla(0, 0%, 100%, 0) 100%
  );
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(20deg);
  width: 4px;
}

.vip-position__block--big span:before {
  left: -12px;
}

@media (min-width: 768px) {
  .vip-position__block--big span:before {
    left: -28px;
  }
}

.vip-position__block--big span:after {
  right: -12px;
}

@media (min-width: 768px) {
  .vip-position__block--big span:after {
    right: -28px;
  }
}

@media (min-width: 480px) {
  .vip-position__block--big {
    flex: unset;
  }
}

@media (min-width: 768px) {
  .vip-position__block--big {
    font-size: 20px;
    line-height: 30px;
    padding: 0 28px;
  }
}

@media (min-width: 1200px) {
  .vip-position__block--big {
    font-size: 24px;
    line-height: 32px;
  }
}

.vip-position__background {
  background: url(/images/vip-position-background-mobile.941308ba..jpg) 50%
    no-repeat;
  height: 314px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .vip-position__background {
    background: url(/images/vip-position-background.e909f82d..jpg) 50% no-repeat;
  }
}

.vip-list {
  grid-gap: 30px;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}

@media (min-width: 768px) {
  .vip-list {
    grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 960px) {
  .vip-list {
    grid-gap: 27px;
  }
}

@media (min-width: 1200px) {
  .vip-list {
    grid-gap: 20px;
  }
}

.vip-level {
  align-items: center;
  background: var(--header-color);
  border-radius: 20px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  margin: 12px 0;
  padding: 20px 20px 38px;
  position: relative;
}

.vip-level:last-child {
  margin: 12px 0 0;
}

@media (min-width: 480px) {
  .vip-level {
    padding: 24px 24px 38px;
  }
}

@media (min-width: 768px) {
  .vip-level {
    padding: 54px 32px 78px;
  }
}

@media (min-width: 1200px) {
  .vip-level {
    margin: 24px 0;
    padding: 50px 54px 52px;
  }
}

@media (min-width: 1440px) {
  .vip-level {
    padding: 50px 70px 52px;
  }
}

@media (min-width: 1680px) {
  .vip-level {
    padding: 50px 80px 52px;
  }
}

.vip-level--open {
  padding: 20px 20px 44px;
  row-gap: 36px;
}

@media (min-width: 480px) {
  .vip-level--open {
    padding: 24px 24px 48px;
    row-gap: unset;
  }
}

@media (min-width: 768px) {
  .vip-level--open {
    padding: 32px 32px 78px;
  }
}

@media (min-width: 1200px) {
  .vip-level--open {
    padding: 62px 54px 86px;
    row-gap: 32px;
  }
}

@media (min-width: 1440px) {
  .vip-level--open {
    padding: 70px 70px 95px;
  }
}

@media (min-width: 1680px) {
  .vip-level--open {
    padding: 50px 80px 116px;
  }
}

.vip-level__return-level {
  display: none;
}

@media (min-width: 768px) {
  .vip-level__return-level {
    display: flex;
  }
}

.vip-level__exclamation-mark {
  margin: 0 5px 0 10px;
}

.vip-level__level {
  width: 100%;
}

.vip-level--low {
  background-color: #e64836;
}

.vip-level__disabled-layer {
  background-color: var(--background-color);
  opacity: 0.65;
}

.vip-level__disabled-layer,
.vip-level__lock {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.vip-level__lock {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vip-level__lock-img {
  height: 50px;
  margin-bottom: 8px;
  transition: 0.3s;
  width: 50px;
}

.vip-level__lock-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.vip-level__lock-title,
.vip-level__lock-value {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-style: normal;
}

.vip-level__lock-value {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.vip-level__lock--open .vip-level__lock-img {
  height: 92px;
  width: 92px;
}

@media (min-width: 768px) {
  .vip-level__lock--open .vip-level__lock-img {
    height: 107px;
    width: 107px;
  }
}

.vip-level__lock--open .vip-level__lock-title {
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 768px) {
  .vip-level__lock--open .vip-level__lock-title {
    font-size: 20px;
    line-height: 30px;
  }
}

.vip-level__lock--open .vip-level__lock-value {
  font-size: 20px;
  line-height: 30px;
}

@media (min-width: 768px) {
  .vip-level__lock--open .vip-level__lock-value {
    font-size: 24px;
    line-height: 32px;
  }
}

.vip-level__header-status {
  height: 24px;
  margin-right: 8px;
  width: 24px;
}

@media (min-width: 1200px) {
  .vip-level__header-status {
    margin-right: 12px;
  }
}

.vip-level__header-value {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.vip-level__header-value--gold {
  color: #ffc736;
}

.vip-level__header-value--silver {
  color: #8cb6d7;
}

.vip-level__header-value--bronze {
  color: #d66e41;
}

@media (min-width: 1200px) {
  .vip-level__header-value {
    font-size: 26px;
    line-height: 32px;
  }
}

.vip-level__header-title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .vip-level__header-title {
    margin-bottom: 16px;
  }
}

@media (min-width: 1200px) {
  .vip-level__header-title {
    font-size: 14px;
    line-height: 20px;
  }
}

.vip-level__divider {
  display: none;
  height: 4px;
  width: 263px;
}

@media (min-width: 1200px) {
  .vip-level__divider {
    display: block;
    margin-top: 16px;
  }
}

.vip-level__divider--long {
  display: none;
  width: 100%;
}

@media (min-width: 480px) {
  .vip-level__divider--long {
    display: block;
    margin: 20px 0;
  }
}

@media (min-width: 768px) {
  .vip-level__divider--long {
    display: block;
    margin: 24px 0 20px;
  }
}

@media (min-width: 1200px) {
  .vip-level__divider--long {
    display: none;
  }
}

@media (min-width: 768px) {
  .vip-level__progress {
    width: 45%;
  }
}

@media (min-width: 1200px) {
  .vip-level__progress {
    width: 38%;
  }
}

@media (min-width: 1440px) {
  .vip-level__progress {
    width: 31%;
  }
}

@media (min-width: 1680px) {
  .vip-level__progress {
    width: 27%;
  }
}

.vip-level__progress-block {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
}

@media (min-width: 768px) {
  .vip-level__progress-block {
    flex-direction: row-reverse;
    justify-content: space-between;
    row-gap: 28px;
  }
}

.vip-level__progress-block--open {
  flex-direction: column;
}

@media (min-width: 1200px) {
  .vip-level__progress-block--open {
    flex-direction: row-reverse;
  }
}

.vip-level__progress-img {
  display: block;
  height: 78px;
  margin: 0 auto 15px;
  width: 144px;
}

@media (min-width: 768px) {
  .vip-level__progress-img {
    height: 98px;
    position: absolute;
    right: 86px;
    top: 32px;
    width: 184px;
  }
}

@media (min-width: 960px) {
  .vip-level__progress-img {
    height: 180px;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 337px;
  }
}

.vip-level__description {
  width: 50%;
}

@media (min-width: 480px) {
  .vip-level__description {
    width: unset;
  }
}

.vip-level__descriptions-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .vip-level__descriptions-container {
    flex-direction: row;
    justify-content: space-between;
  }
}

.vip-level__descriptions-group {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

@media (min-width: 1200px) {
  .vip-level__descriptions-group {
    row-gap: 16px;
  }
}

.vip-level__descriptions-group-main {
  display: none;
}

@media (min-width: 480px) {
  .vip-level__descriptions-group-main {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .vip-level__descriptions-group-main {
    -moz-column-gap: 90px;
    column-gap: 90px;
  }
}

.vip-level__descriptions-group-main-mobile {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
}

@media (min-width: 480px) {
  .vip-level__descriptions-group-main-mobile {
    display: none;
  }
}

.vip-level__description-title {
  color: hsla(0, 0%, 100%, 0.4);
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  margin-bottom: 4px;
}

.vip-level__description-title,
.vip-level__description-value {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  text-transform: uppercase;
  white-space: nowrap;
}

.vip-level__description-value {
  color: #fff;
  font-weight: 400;
  line-height: 18px;
}

@media (min-width: 480px) {
  .vip-level__description-value {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width: 768px) {
  .vip-level__description-value {
    font-size: 16px;
    line-height: 24px;
  }
}

.vip-level .vip-level__arrow-icon-wrapper {
  bottom: 8px;
  color: #fff;
  cursor: pointer;
  left: 50%;
  position: absolute;
  transform: rotate(180deg) translate(-50%);
  transform-origin: left;
  transition: transform 0.3s;
}

.vip-level .vip-level__arrow-icon-wrapper--open {
  transform: rotate(0deg) translate(-50%);
}

@media (min-width: 960px) {
  .vip-level .vip-level__arrow-icon-wrapper {
    bottom: 5px;
  }
}

@media (min-width: 1440px) {
  .vip-level .vip-level__arrow-icon-wrapper {
    bottom: 14px;
  }
}

.welcome-bonus {
  align-items: flex-end;
  align-self: stretch;
  background-color: #0bdede;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  min-height: 100%;
  padding: 30px;
  position: relative;
  text-align: left;
}

.welcome-bonus__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.welcome-bonus__content {
  display: block;
  position: relative;
  width: 100%;
}

.welcome-bonus__title {
  font-size: 24px;
  margin: 10px 0 20px;
}

.welcome-bonus__subtitle {
  font-size: 10px;
  text-transform: uppercase;
}

.welcome-bonus__list {
  display: block;
}

.welcome-bonus__item {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 0;
  width: 100%;
}

.welcome-bonus__item:not(:first-child) {
  margin-top: 20px;
}

.welcome-bonus__icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin: 0 12px 0 0;
  width: auto;
}

.welcome-bonus__item-title {
  display: block;
  flex: 1;
  width: 100%;
}

.notification-center__list::-webkit-scrollbar,
.notification-center__modal::-webkit-scrollbar {
  width: 4px;
}

.notification-center__list::-webkit-scrollbar-track,
.notification-center__modal::-webkit-scrollbar-track {
  background: transparent;
}

.notification-center__list::-webkit-scrollbar-thumb,
.notification-center__modal::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.notification-center__list::-webkit-scrollbar-thumb:hover,
.notification-center__modal::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .notification-center__list,
  .notification-center__modal {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.notification-center,
.notification-center .notification-center__button {
  position: relative;
}

.notification-center__modal {
  height: 100%;
  overflow: auto;
}

.notification-center__count {
  align-items: center;
  background-color: #384c6b;
  border: 2px solid #384c6b;
  border-radius: 15px;
  color: #fff;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  justify-content: center;
  left: 9px;
  line-height: 10px;
  padding: 1px 3px;
  position: absolute;
  text-align: center;
  top: -7px;
  width: auto;
}

.notification-center--empty .notification-center__count {
  display: none;
}

.notification-center--new .notification-center__count {
  background-color: var(--button-color);
  border-color: var(--button-color);
}

.notification-center .notification-center__icon:before {
  color: hsla(0, 0%, 100%, 0.65);
  transition: color 0.3s ease;
}

.notification-center .notification-center__icon:hover:before {
  color: #fff;
}

@media (min-width: 768px) {
  .notification-center__list {
    max-height: 592px;
    min-height: 160px;
    overflow: auto;
  }
}

.notification-center__title {
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 32px;
  padding: 56px 0 16px;
  text-align: center;
}

.notification-center__container {
  background: #384c6b;
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  min-height: 160px;
  overflow: auto;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 32px;
  width: 320px;
  z-index: 100;
}

.notification-center__container-mobile .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

.notification-center__container-mobile .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

@media (min-width: 480px) {
  .header-deposit-button__icon {
    display: none;
  }
}

.header-deposit-button__text {
  display: none;
}

@media (min-width: 480px) {
  .header-deposit-button__text {
    display: block;
  }
}

.footer {
  padding-bottom: 56px;
  padding-top: 40px;
}

@media (min-width: 960px) {
  .footer {
    padding-bottom: 0;
  }
}

.footer__navigation {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 1200px) {
  .footer__navigation {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
    flex-direction: row;
    padding: 56px 0;
  }
}

.footer__utils .footer__language-select {
  display: flex;
}

@media (min-width: 1200px) {
  .footer__utils .footer__language-select {
    display: none;
  }

  .footer__utils {
    flex-basis: 20%;
  }
}

.footer__brand-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px;
  margin-top: 32px;
}

@media (min-width: 1200px) {
  .footer__brand-links {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 0;
  }
}

.footer__askgamblers {
  margin-top: 24px;
  width: 100%;
}

@media (min-width: 1200px) {
  .footer__askgamblers {
    width: unset;
  }
}

.footer__social-links {
  display: flex;
}

@media (min-width: 1200px) {
  .footer__social-links {
    margin-top: 24px;
  }
}

.footer__social-link {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.4);
  display: inline-flex;
  margin-right: 16px;
  opacity: 0.4;
  transition: color 0.3s ease, opacity 0.3s ease;
  width: 24px;
}

.footer__social-link:last-child {
  margin-right: 0;
}

.footer__social-link:hover {
  color: #fff;
  opacity: 1;
}

@media (min-width: 1200px) {
  .footer__menus {
    display: flex;
    flex-basis: 80%;
  }
}

.footer__responsibility {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 54px;
}

@media (min-width: 1200px) {
  .footer__responsibility {
    justify-content: space-between;
  }
}

.footer__responsibility .footer__language-select {
  display: none;
}

@media (min-width: 1200px) {
  .footer__responsibility .footer__language-select {
    display: flex;
  }

  .footer__responsibility
    .footer__language-select
    .select-language-icons-with-name__container {
    left: unset;
    right: 0;
  }
}

.footer__responsibility-logos {
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 28px;
  margin-right: 10px;
}

.footer__responsibility-logo {
  height: 32px;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.footer__responsibility-logo:hover {
  opacity: 1;
}

.footer__responsibility-logo--gcb {
  height: 33px;
  opacity: 1;
  width: 56px;
}

.footer__logo {
  height: 35px;
}

.footer__logo img {
  height: 100%;
}

.layout-help-center {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.layout-help-center__main {
  flex: 1;
  margin-bottom: 64px;
  padding-top: 56px;
}

@media (min-width: 480px) {
  .layout-help-center__main {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .layout-help-center__main {
    margin-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .layout-help-center__main {
    margin-bottom: 120px;
    padding-top: 64px;
  }
}

.layout-help-center__main--install-app {
  padding-top: 116px;
}

@media (min-width: 768px) {
  .layout-help-center__main--install-app {
    padding-top: 56px;
  }
}

@media (min-width: 1200px) {
  .layout-help-center__main--install-app {
    padding-top: 64px;
  }
}

.layout-help-center__inner {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
}

@media (min-width: 768px) {
  .layout-help-center__inner {
    padding-top: 24px;
  }
}

@media (min-width: 1200px) {
  .layout-help-center__inner {
    flex-direction: row;
    gap: 16px;
    padding-top: 0;
  }
}

.layout-help-center__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 24px 0 8px;
}

@media (min-width: 480px) {
  .layout-help-center__title {
    font-size: 26px;
    line-height: 32px;
    margin: 32px 0 16px;
  }
}

@media (min-width: 768px) {
  .layout-help-center__title {
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .layout-help-center__title {
    margin: 40px 0;
  }
}

@media (min-width: 1440px) {
  .layout-help-center__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.layout-help-center__title--secondary {
  display: none;
}

@media (min-width: 1200px) {
  .layout-help-center__title--secondary {
    display: block;
  }
}

.layout-help-center__nav {
  margin: 0 0 32px;
}

@media (min-width: 768px) {
  .layout-help-center__nav {
    margin: 0 0 40px;
  }
}

@media (min-width: 1200px) {
  .layout-help-center__nav {
    flex: 1 1 256px;
    margin: 0;
    max-width: 256px;
  }
}

.layout-help-center__back {
  margin: 0 0 24px;
}

@media (min-width: 768px) {
  .layout-help-center__back {
    margin: 0 0 32px;
  }
}

@media (min-width: 1200px) {
  .layout-help-center__back {
    display: none;
  }
}

.layout-help-center__body {
  flex: 1;
}

@media (min-width: 1200px) {
  .layout-help-center__body {
    background: var(--header-color);
    border-radius: 12px;
    padding: 40px 40px 56px;
  }
}

.layout-invisible-header {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.layout-invisible-header__header.header--scrolled {
  z-index: 102;
}

.layout-invisible-header__main {
  flex: 1;
  max-width: 100vw;
  overflow: hidden;
}

@media (min-width: 768px) {
  .layout-invisible-header__main {
    padding-top: 56px;
  }
}

@media (min-width: 960px) {
  .layout-invisible-header__main {
    max-width: inherit;
    overflow: inherit;
  }
}

@media (min-width: 1200px) {
  .layout-invisible-header__main {
    padding-top: 64px;
  }
}

.layout-invisible-header__main--install-app {
  padding-top: 116px;
}

@media (min-width: 768px) {
  .layout-invisible-header__main--install-app {
    padding-top: 56px;
  }
}

@media (min-width: 1200px) {
  .layout-invisible-header__main--install-app {
    padding-top: 64px;
  }
}

.layout-invisible-header--overflow-visible {
  overflow: visible;
}

.layout-invisible-header .panel-auth {
  z-index: 102;
}

.landing {
  min-height: 100vh;
  min-width: 100vw;
  position: relative;
}

.landing__bg-image {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
}

.landing__content {
  padding: 40px 16px;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .landing__content {
    padding: 48px 24px;
  }
}

@media (min-width: 960px) {
  .landing__content {
    padding: 48px;
  }
}

@media (min-width: 1200px) {
  .landing__content {
    padding: 64px 48px;
  }
}

@media (min-width: 1440px) {
  .landing__content {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}

.landing .container {
  max-width: 1488px;
}

.landing__logo-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

@media (min-width: 600px) {
  .landing__logo-wrap {
    justify-content: flex-start;
  }
}

@media (min-width: 1200px) {
  .landing__logo-wrap {
    margin-bottom: 64px;
  }
}

.landing__logo {
  max-width: 106px;
  width: 100%;
}

@media (min-width: 1200px) {
  .landing__logo {
    max-width: 184px;
  }
}

.landing__pretitile {
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  font-family: DrukCyr, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .landing__pretitile {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 600px) {
  .landing__pretitile {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .landing__pretitile {
    font-size: 64px;
    font-weight: 800;
    line-height: 74px;
  }
}

.landing__title {
  color: #fff;
  font-family: DrukCyr, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .landing__title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 600px) {
  .landing__title {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .landing__title {
    font-size: 64px;
    font-weight: 800;
    line-height: 74px;
  }
}

.landing__subtitle {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 40px;
  text-align: center;
}

@media (min-width: 600px) {
  .landing__subtitle {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .landing__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}

.landing__button-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

@media (min-width: 600px) {
  .landing__button-wrap {
    justify-content: flex-start;
  }
}

.landing__button {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 24px;
  padding: 16px 24px;
  text-align: center;
  text-transform: uppercase;
}

.landing__subtext {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

@media (min-width: 600px) {
  .landing__subtext {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .landing__subtext {
    font-size: 16px;
    line-height: 24px;
  }
}

.landing + .notification-cookies-policy {
  bottom: 8px;
}

.layout__inner {
  position: relative;
}

.lt-second__bg {
  height: 800px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  z-index: -1;
}

@media (min-width: 768px) {
  .lt-second__bg {
    height: 702px;
  }
}

@media (min-width: 1440px) {
  .lt-second__bg {
    height: 820px;
  }
}

.lt-second__bg:after {
  background: linear-gradient(0deg, var(--background-color) 0, transparent);
  bottom: 0;
  content: "";
  height: 320px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.lt-second__bg-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.lt-second__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  max-width: 1344px;
}

@media (min-width: 768px) {
  .lt-second__inner {
    align-items: flex-start;
    margin-top: 56px;
  }
}

@media (min-width: 1200px) {
  .lt-second__inner {
    margin-top: 64px;
  }
}

.lt-second__logo {
  display: block;
  width: 172px;
}

@media (min-width: 768px) {
  .lt-second__logo {
    width: 187px;
  }
}

.lt-second__subtitle {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin-top: 56px;
}

@media (min-width: 768px) {
  .lt-second__subtitle {
    font-size: 26px;
    line-height: 32px;
    margin-top: 64px;
  }
}

.lt-second__title {
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  line-height: 40px;
  margin-bottom: 0;
  margin-top: 16px;
  text-align: center;
}

@media (min-width: 480px) {
  .lt-second__title {
    font-size: 42px;
    line-height: 52px;
  }
}

@media (min-width: 768px) {
  .lt-second__title {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .lt-second__title {
    font-size: 54px;
    line-height: 64px;
  }
}

.lt-second .lt-second__btn {
  letter-spacing: 0.2px;
  line-height: 24px;
  margin-top: 32px;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 16px 24px;
  width: 100%;
}

@media (min-width: 480px) {
  .lt-second .lt-second__btn {
    padding: 16px 24px;
  }
}

@media (min-width: 768px) {
  .lt-second .lt-second__btn {
    min-height: 56px;
  }
}

@media (min-width: 1440px) {
  .lt-second .lt-second__btn {
    margin-top: 40px;
  }
}

.lt-second__steps {
  display: flex;
  flex-direction: column;
  margin-top: 91px;
  width: 100%;
}

@media (min-width: 768px) {
  .lt-second__steps {
    flex-direction: row;
    margin-top: 64px;
  }
}

.lt-second__step {
  align-items: center;
  background: rgba(0, 27, 51, 0.4);
  border-radius: 12px;
  display: flex;
  margin: 0 0 12px;
  padding: 13px 21px;
  width: 100%;
}

@media (min-width: 768px) {
  .lt-second__step {
    flex-basis: 33.33333%;
    margin: 0 16px 0 0;
    max-width: 256px;
    padding: 13px 14px;
  }
}

.lt-second__step:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .lt-second__step:last-child {
    margin-right: 0;
  }
}

.lt-second__step-img-wrap {
  margin-right: 8px;
  max-height: 56px;
  max-width: 56px;
}

.lt-second__step-img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.lt-second__step-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.lt-second__step-name {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.lt-second__step-desc {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}

.footer-landing {
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  padding-bottom: 24px;
}

@media (min-width: 768px) {
  .footer-landing {
    margin-top: 40px;
  }
}

.footer-landing__responsibility-logos {
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 28px;
}

.footer-landing__license-icon {
  max-width: 96px;
}

.footer-landing__license-icon a {
  display: flex;
}

.footer-landing__license-icon img {
  display: block;
  max-width: 100%;
}

.footer-landing__responsibility-logo {
  height: 32px;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.footer-landing__responsibility-logo:hover {
  opacity: 1;
}

.footer-landing__responsibility-logo--gcb {
  height: 33px;
  opacity: 1;
  width: 56px;
}

.credit-card-payment-fallback__content-wrapper {
  padding: 30px;
}

.credit-card-payment-fallback__header {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 30px;
}

.credit-card-payment-fallback__warning-icon {
  color: var(--button-color);
  margin-right: 20px;
}

.credit-card-payment-fallback__text {
  background: #22242c;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 20px 30px;
  text-align: center;
}

.credit-card-payment-fallback__methods-container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

@media (max-width: 480px) {
  .credit-card-payment-fallback__methods-container {
    flex-direction: column;
  }
}

.credit-card-payment-fallback__method-container {
  align-items: center;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

@media (max-width: 480px) {
  .credit-card-payment-fallback__method-container {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
    min-width: 240px;
  }
}

.credit-card-payment-fallback__method {
  align-items: center;
  background: #fff;
  border-radius: 20px;
  display: flex;
  height: 50px;
  justify-content: center;
  max-width: 100px;
  padding: 5px;
}

@media (min-width: 480px) {
  .credit-card-payment-fallback__method {
    margin-bottom: 10px;
  }
}

.sumsub-data {
  border-radius: 0 0 10px;
}

.sumsub-data__top {
  padding: 0 24px;
  text-align: center;
}

.sumsub-data__top-wrap {
  border-bottom: 1px solid #436589;
  padding: 0 50px 15px;
  position: relative;
}

.sumsub-data__title {
  color: #133f6c;
  font-size: 16px;
  font-weight: 700;
}

.sumsub-data__btn.text-btn {
  color: #133f6c;
  display: flex;
  font-size: 20px;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translate(-10px, calc(-50% - 10px));
  transition: 0.3s ease;
}

.sumsub-data__btn.text-btn:hover {
  opacity: 0.5;
}

.sumsub-data__btn.text-btn .font-icons {
  font-size: 14px;
}

.notification-center-modal--lucky-spin .modal__content {
  margin: 0;
  padding: 0;
  position: relative;
}

@media (max-width: 768px) {
  .notification-center-modal--lucky-spin .modal__content {
    height: 100%;
    margin: 0;
    min-height: 100vh;
    position: relative;
  }
}

.notification-center-modal--lucky-spin
  .modal__content
  .modal-shadow.modal-shadow--left {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 255, 240, 0.12) 0.01%,
    rgba(17, 77, 148, 0) 100%
  );
  height: 680px;
  left: -340px;
  position: absolute;
  top: -460px;
  width: 680px;
  z-index: -1;
}

.notification-center-modal--lucky-spin
  .modal__content
  .modal-shadow.modal-shadow--right {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 10, 10, 0.14) 0,
    rgba(180, 0, 75, 0) 100%
  );
  height: 900px;
  position: absolute;
  right: -500px;
  top: 300px;
  width: 900px;
  z-index: -1;
}

.notification-center-modal--lucky-spin .modal__content-wrapper {
  border-radius: 4px;
  max-width: 600px;
}

@media (max-width: 768px) {
  .notification-center-modal--lucky-spin .modal__content-wrapper {
    margin: 0;
    max-width: 100%;
    min-height: 100%;
    overflow: hidden;
    width: 100%;
  }
}

.notification-center-modal--lucky-spin
  .modal__content-wrapper--finished
  .ls-modal__result {
  transform: scale(1) translateX(-50%);
  transform-origin: 0 center;
}

.notification-center-modal--lucky-spin
  .modal__content-wrapper--finished
  .ls-modal
  .spin-border,
.notification-center-modal--lucky-spin
  .modal__content-wrapper--finished
  .ls-modal
  .spin-btn,
.notification-center-modal--lucky-spin
  .modal__content-wrapper--finished
  .ls-modal
  .spin-wrap {
  z-index: -1;
}

.notification-center-modal--lucky-kick .modal__content {
  background: var(--background-color) !important;
  min-height: 712px;
}

.notification-center-modal--lucky-kick .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .notification-center-modal--lucky-kick .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 1024px !important;
  }
}

.notification-center-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .notification-center-modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 480px;
  }
}

.notification-center-modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .notification-center-modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }

  .notification-center-modal .modal__close-button {
    right: 24px;
    top: 24px;
  }
}

.notification-center-modal__top-content {
  padding: 56px 0 40px;
}

.notification-center-modal__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
}

.notification-center-modal__subtitle {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

.notification-center-modal__info {
  align-items: center;
  flex-direction: column;
}

.notification-center-modal__image,
.notification-center-modal__info {
  display: flex;
  justify-content: center;
}

.notification-center-modal__image img {
  height: 128px;
  width: 128px;
}

.notification-center-modal__value {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-top: 20px;
  text-align: center;
}

.notification-center-modal__description {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.notification-center-modal__button-list {
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  padding: 0 16px;
  row-gap: 16px;
}

@media (min-width: 480px) {
  .notification-center-modal__button-list {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .notification-center-modal__button-list {
    padding: 0 48px;
  }
}

.notification-center-modal .notification-center-modal__button {
  height: 48px;
  width: 100%;
}

.notification-center-modal .notification-center-modal__button--secondary {
  background: #384c6b;
}

.notification-center-modal .notification-center-modal__button--secondary:active,
.notification-center-modal .notification-center-modal__button--secondary:focus,
.notification-center-modal .notification-center-modal__button--secondary:hover {
  background: #445778;
}

.notification-center-modal__bottom-content {
  margin-top: 40px;
  padding-bottom: 48px;
}

.notification-center-modal-content-bonus .bonus-game {
  margin-bottom: 10px;
}

.notification-center-modal-content-bonus .bonus-game:last-child {
  margin-bottom: 0;
}

@media (min-width: 480px) {
  .notification-center-modal-content-bonus .bonus-game {
    margin-bottom: 0;
    margin-right: 20px;
  }

  .notification-center-modal-content-bonus .bonus-game:last-child {
    margin-right: 0;
  }
}

.bonus {
  position: relative;
}

@media (min-width: 768px) {
  .bonus {
    overflow: hidden;
  }
}

.bonus-spin {
  animation: rotate 10s linear infinite;
  height: unset !important;
  position: absolute;
  top: -170px;
  width: unset !important;
  z-index: -1;
}

.bonus__background {
  left: 50%;
  min-width: 480px;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100%;
  z-index: -1;
}

.bonus--jackpot .notification-center-modal__top-content {
  padding: 56px 0 32px;
}

.bonus--jackpot .notification-center-modal__title {
  margin-bottom: 0;
}

.bonus--jackpot .notification-center-modal__subtitle {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin-top: 30px;
  text-transform: uppercase;
}

.bonus--jackpot .notification-center-modal__image {
  position: relative;
}

.bonus--jackpot .notification-center-modal__image img {
  height: 120px;
  transform: scale(1.7);
  width: 120px;
}

.bonus--jackpot .notification-center-modal__bottom-content {
  margin-top: 56px;
}

.bonus--jackpot .notification-center-modal__gradient {
  height: 100%;
  position: absolute;
  top: -48px;
  width: 100%;
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_major,
.bonus--jackpot .notification-center-modal__gradient--jackpot_silver {
  background: radial-gradient(
    46.22% 46.22% at 50% 53.78%,
    rgba(245, 25, 105, 0.1) 0,
    rgba(245, 25, 105, 0.1) 10%,
    rgba(245, 25, 105, 0.1) 20%,
    rgba(245, 25, 105, 0.09) 30%,
    rgba(245, 25, 105, 0.09) 40%,
    rgba(245, 25, 105, 0.09) 50%,
    rgba(245, 25, 105, 0.08) 60%,
    rgba(245, 25, 105, 0.07) 70%,
    rgba(245, 25, 105, 0.04) 80%,
    rgba(245, 25, 105, 0.03) 90%,
    rgba(245, 25, 105, 0) 100%
  );
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_gold,
.bonus--jackpot .notification-center-modal__gradient--jackpot_grand {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(117, 172, 255, 0.1) 0,
    rgba(117, 172, 255, 0.1) 6.67%,
    rgba(117, 172, 255, 0.1) 13.33%,
    rgba(117, 172, 255, 0.09) 20%,
    rgba(117, 172, 255, 0.09) 26.67%,
    rgba(117, 172, 255, 0.08) 33.33%,
    rgba(117, 172, 255, 0.07) 40%,
    rgba(117, 172, 255, 0.06) 46.67%,
    rgba(117, 172, 255, 0.04) 53.33%,
    rgba(117, 172, 255, 0.03) 60%,
    rgba(117, 172, 255, 0.02) 66.67%,
    rgba(117, 172, 255, 0.01) 73.33%,
    rgba(117, 172, 255, 0.01) 80%,
    rgba(117, 172, 255, 0) 86.67%,
    rgba(117, 172, 255, 0) 93.33%,
    rgba(117, 172, 255, 0) 100%
  );
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_platinum,
.bonus--jackpot .notification-center-modal__gradient--jackpot_prime {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(11, 222, 222, 0.1) 0,
    rgba(11, 222, 222, 0.1) 6.67%,
    rgba(11, 222, 222, 0.1) 13.33%,
    rgba(11, 222, 222, 0.09) 20%,
    rgba(11, 222, 222, 0.09) 26.67%,
    rgba(11, 222, 222, 0.08) 33.33%,
    rgba(11, 222, 222, 0.07) 40%,
    rgba(11, 222, 222, 0.06) 46.67%,
    rgba(11, 222, 222, 0.04) 53.33%,
    rgba(11, 222, 222, 0.03) 60%,
    rgba(11, 222, 222, 0.02) 66.67%,
    rgba(11, 222, 222, 0.01) 73.33%,
    rgba(11, 222, 222, 0.01) 80%,
    rgba(9, 204, 204, 0) 86.67%,
    rgba(9, 204, 204, 0) 93.33%,
    rgba(9, 204, 204, 0) 100%
  );
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_mini {
  background: radial-gradient(
    42.41% 43.85% at 50% 48.32%,
    rgba(68, 255, 37, 0.15) 0,
    rgba(68, 255, 37, 0.149) 6.67%,
    rgba(68, 255, 37, 0.145) 13.33%,
    rgba(68, 255, 37, 0.138) 20%,
    rgba(68, 255, 37, 0.128) 26.67%,
    rgba(68, 255, 37, 0.115) 33.33%,
    rgba(68, 255, 37, 0.1) 40%,
    rgba(68, 255, 37, 0.084) 46.67%,
    rgba(68, 255, 37, 0.066) 53.33%,
    rgba(68, 255, 37, 0.05) 60%,
    rgba(68, 255, 37, 0.035) 66.67%,
    rgba(68, 255, 37, 0.022) 73.33%,
    rgba(68, 255, 37, 0.012) 80%,
    rgba(68, 255, 37, 0.005) 86.67%,
    rgba(68, 255, 37, 0.001) 93.33%,
    rgba(68, 255, 37, 0) 100%
  );
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_maxi {
  background: radial-gradient(
    42.41% 43.85% at 50% 48.32%,
    rgba(198, 37, 255, 0.15) 0,
    rgba(198, 37, 255, 0.149) 6.67%,
    rgba(197, 37, 255, 0.145) 13.33%,
    rgba(196, 37, 255, 0.138) 20%,
    rgba(194, 37, 255, 0.128) 26.67%,
    rgba(192, 37, 255, 0.115) 33.33%,
    rgba(190, 37, 255, 0.1) 40%,
    rgba(187, 37, 255, 0.084) 46.67%,
    rgba(184, 37, 255, 0.066) 53.33%,
    rgba(181, 37, 255, 0.05) 60%,
    rgba(178, 37, 255, 0.035) 66.67%,
    rgba(176, 37, 255, 0.022) 73.33%,
    rgba(174, 37, 255, 0.012) 80%,
    rgba(173, 37, 255, 0.005) 86.67%,
    rgba(172, 37, 255, 0.001) 93.33%,
    rgba(172, 37, 255, 0) 100%
  );
}

.bonus--jackpot .notification-center-modal__value {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 52px;
  margin-top: 8px;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .bonus--jackpot .notification-center-modal__value {
    font-size: 54px;
    line-height: 64px;
  }
}

.bonus--jackpot .notification-center-modal__value--jackpot_major,
.bonus--jackpot .notification-center-modal__value--jackpot_silver {
  text-shadow: 0 0 3px #ff6ea3, 0 0 6px rgba(255, 138, 181, 0.5);
}

.bonus--jackpot .notification-center-modal__value--jackpot_gold,
.bonus--jackpot .notification-center-modal__value--jackpot_grand {
  text-shadow: 0 0 3px #809eed, 0 0 3px rgba(187, 206, 255, 0.5);
}

.bonus--jackpot .notification-center-modal__value--jackpot_platinum,
.bonus--jackpot .notification-center-modal__value--jackpot_prime {
  text-shadow: 0 0 3px #7cf7f7, 0 0 3px rgba(169, 253, 253, 0.5);
}

.bonus--jackpot .notification-center-modal__value--jackpot_mini {
  text-shadow: 0 0 6px rgba(193, 255, 114, 0.5), 0 0 20px #c1ff72;
}

.bonus--jackpot .notification-center-modal__value--jackpot_maxi {
  text-shadow: 0 0 6px rgba(252, 124, 255, 0.5), 0 0 20px #fc7cff;
}

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

  to {
    transform: rotate(1turn);
  }
}

.bonus-games__modal-content::-webkit-scrollbar {
  width: 4px;
}

.bonus-games__modal-content::-webkit-scrollbar-track {
  background: transparent;
}

.bonus-games__modal-content::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.bonus-games__modal-content::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .bonus-games__modal-content {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.bonus-games__list {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 0 16px;
}

.bonus-games__games-wrapper {
  padding: 0 8px;
}

@media (min-width: 480px) {
  .bonus-games__games-wrapper {
    padding: 0 32px;
  }
}

.bonus-games__item {
  border-radius: 8px;
  display: flex;
  flex: 1;
  margin: 0;
  max-width: 128px;
  overflow: hidden;
  position: relative;
}

.bonus-games__modal {
  padding-right: 8px;
}

.bonus-games__modal-content {
  max-height: 284px;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .bonus-games__modal-content {
    max-height: 385px;
  }
}

.bonus-games__modal-content .bonus-game {
  height: 64px;
  overflow: hidden;
}

.bonus-games__modal-content .bonus-game__image {
  border-radius: 8px;
  height: 40px;
  margin-right: 16px;
  width: 40px;
}

.bonus-games__modal-content .bonus-game__content-wrap {
  position: relative;
}

.bonus-games__modal-title {
  display: block;
  font-weight: 700;
  padding: 10px 0;
  text-align: center;
}

.bonus-games .bonus-games__show-less,
.bonus-games .bonus-games__show-more {
  align-items: center;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: hsla(0, 0%, 100%, 0.65) !important;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: auto;
  justify-content: center;
  line-height: 20px;
  margin: 16px auto 0;
  min-height: inherit !important;
  padding: 0;
  text-transform: unset;
}

.bonus-games .bonus-games__show-less .bonus-games__arrow-down,
.bonus-games .bonus-games__show-more .bonus-games__arrow-down {
  color: hsla(0, 0%, 100%, 0.65);
}

.bonus-games .bonus-games__show-less .bonus-games__arrow-down--open,
.bonus-games .bonus-games__show-more .bonus-games__arrow-down--open {
  margin-top: -2px;
  transform: rotate(-180deg);
}

.bonus-games .bonus-games__show-less .bonus-games__arrow-down-wrapper,
.bonus-games .bonus-games__show-more .bonus-games__arrow-down-wrapper {
  align-items: center;
  display: flex;
  height: 16px;
  justify-content: center;
  margin-left: 4px;
  width: 16px;
}

.bonus-game__image {
  width: 100%;
}

.bonus-game__content-wrap {
  background: rgba(10, 10, 13, 0.65);
  height: 100%;
  width: 100%;
}

.bonus-game__title {
  color: #fff;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

.bonus-game-inline {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  display: flex;
  padding: 12px 8px;
  transition: background 0.3s ease;
}

.bonus-game-inline:hover {
  background: #384c6b;
}

@media (min-width: 480px) {
  .bonus-game-inline {
    padding: 12px 16px;
  }
}

.bonus-game-inline__image {
  border-radius: 8px;
  height: 40px;
  margin-right: 16px;
  width: 40px;
}

.bonus-game-inline__content-wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bonus-game-inline__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.bonus-game-inline .bonus-game-inline__icon {
  color: #0bdede;
  font-size: 15px;
}

.freespin,
.freespin__title {
  text-align: center;
}

.freespin__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.freespin__timer {
  margin: 0 auto;
  max-width: 280px;
}

.ls-modal {
  min-height: 100%;
  overflow: hidden;
  padding: 56px 0 48px;
  position: relative;
}

@media (min-width: 768px) {
  .ls-modal {
    min-height: unset;
  }
}

.ls-modal__boxes {
  display: none;
}

.ls-modal__type {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 64px;
  text-align: center;
}

.ls-modal__result {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 50%;
  min-width: 500px;
  padding-top: 120px;
  position: absolute;
  top: -50px;
  transform: scale(0) translateX(-50%);
  transform-origin: 0 center;
  transition: all 0.3s ease-in;
}

.ls-modal__result-coins {
  animation: coins-move 2s ease-in-out infinite alternate-reverse;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.ls-modal__result-coins img {
  width: 100%;
}

.ls-modal__result-buttons,
.ls-modal__result-content {
  position: relative;
  z-index: 2;
}

.ls-modal__result-buttons .btn {
  background: #384c6b;
}

.ls-modal__result-buttons .btn:hover {
  background: #445778;
}

.ls-modal__result-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 8px;
}

.ls-modal__result-title,
.ls-modal__result-value {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  text-align: center;
}

.ls-modal__result-value {
  font-size: 56px;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 64px;
  margin: 0;
  text-shadow: 0 0 12px rgba(255, 204, 129, 0.5), 0 0 24px #ff8a65;
  text-transform: uppercase;
}

.ls-modal__result:before {
  animation: rise-spin 20s linear infinite;
  background: url(/images/ls-wheel-rise-bg.8a9a4209..png) 50% 50% no-repeat;
  content: "";
  height: 572px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 572px;
}

@keyframes rise-spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}

@keyframes coins-move {
  0% {
    transform: translate(-50%, -50%);
  }

  to {
    transform: translate(-50%, -48%);
  }
}

.lb-modal {
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.lb-modal__image {
  left: 50%;
  position: absolute;
  top: -275px;
  transform: translateX(-50%);
  z-index: -1;
}

@media (min-width: 768px) {
  .lb-modal__image {
    top: 0;
  }
}

.lb-modal__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 712px;
}

.lb-modal__content {
  margin: 0 auto 32px;
  text-align: center;
}

@media (min-width: 768px) {
  .lb-modal__content {
    border-radius: 8px;
    margin: 0 auto 48px;
  }
}

.lb-modal__logo {
  margin: 32px auto 48px;
  max-width: 103px;
}

@media (min-width: 480px) {
  .lb-modal__logo {
    margin: 32px auto;
  }
}

@media (min-width: 768px) {
  .lb-modal__logo {
    display: none;
  }
}

.lb-modal__logo img {
  width: 100%;
}

.lb-modal__text {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .lb-modal__text {
    font-size: 26px;
    line-height: 32px;
    margin: 72px 0 0;
  }
}

.lb-modal__text br {
  display: none;
}

.lb-modal__gates {
  left: 50%;
  max-width: 310px;
  min-width: 310px;
  position: absolute;
  top: 268px;
  transform: translateX(-50%);
  width: 100%;
}

@media (min-width: 375px) {
  .lb-modal__gates {
    max-width: 360px;
    top: 246px;
  }
}

@media (min-width: 480px) {
  .lb-modal__gates {
    max-width: 390px;
    top: 233px;
  }
}

@media (min-width: 768px) {
  .lb-modal__gates {
    max-width: 720px;
    top: 208px;
  }
}

.lb-modal__boxes {
  display: none;
}

.lucky-box-modal {
  align-items: flex-start;
  background-image: url(/images/lb-modal-confiti.50a88544..png);
  background-repeat: no-repeat;
  background-size: 100% 30%;
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: 627px;
  overflow: hidden;
  padding: 56px 0 48px;
  position: relative;
}

.lucky-box-modal:before {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 10, 10, 0.14) 0,
    rgba(180, 0, 75, 0) 100%
  );
  bottom: -300px;
  left: -300px;
}

.lucky-box-modal:after,
.lucky-box-modal:before {
  content: "";
  height: 560px;
  position: absolute;
  width: 560px;
  z-index: -1;
}

.lucky-box-modal:after {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 255, 240, 0.12) 0.01%,
    rgba(17, 77, 148, 0) 100%
  );
  border-radius: 560px;
  right: -250px;
  top: -350px;
}

.lucky-box-modal--finished {
  align-items: stretch;
  background-image: none;
}

@media (min-width: 768px) {
  .lucky-box-modal {
    background-size: 100% 40%;
    min-height: 540px;
    padding: 56px 0 48px;
  }
}

.lucky-box-modal__close-content--start {
  animation: close-hidden 0.3s linear;
}

.lucky-box-modal__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-align: center;
}

.lucky-box-modal__text span {
  color: #ffd336;
}

.lucky-box-modal__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 350px;
  width: 100%;
}

.lucky-box-modal__inner--opened {
  justify-content: space-between;
}

.lucky-box-modal__title {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  justify-content: center;
  line-height: 32px;
  text-align: center;
}

.lucky-box-modal__text {
  margin-bottom: 48px;
  margin-top: 16px;
}

.lucky-box-modal__img-open-wrapper {
  animation: close-hidden 0.3s linear reverse;
  height: 550px;
  position: absolute;
  top: 40px;
  width: 450px;
  z-index: -1;
}

@media (min-width: 768px) {
  .lucky-box-modal__img-open-wrapper {
    height: 471px;
    width: 387px;
  }
}

.lucky-box-modal__img-wrapper {
  align-items: center;
  display: flex;
  height: 214px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 199px;
}

.lucky-box-modal__img-wrapper:after {
  background-image: url(/images/stars.90f933c2..png);
  content: "";
  height: 100%;
  left: -20px;
  position: absolute;
  top: -35px;
  width: 100%;
  z-index: -1;
}

@media (min-width: 768px) {
  .lucky-box-modal__img-wrapper {
    height: 233px;
    width: 217px;
  }
}

.lucky-box-modal__img-bg {
  height: 150%;
  position: absolute;
  width: 150%;
  z-index: -1;
}

.lucky-box-modal__img,
.lucky-box-modal__img-open {
  height: 100%;
  width: 100%;
}

.lucky-box-modal__img {
  animation: rotate-box 3s linear infinite;
}

.lucky-box-modal__btn {
  font-size: 16px;
  letter-spacing: 0.2px;
  margin-top: 45px;
  max-width: 350px;
  padding: 16px 24px;
  width: calc(100% - 32px);
}

@media (min-width: 768px) {
  .lucky-box-modal__btn {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}

.lucky-box-modal__btn--hidden {
  animation: opacity 0.3s linear;
  opacity: 0;
}

.lucky-box-modal .lb-opened-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  width: 100%;
}

.lucky-box-modal .lb-opened-content__text {
  color: #ffd336;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.lucky-box-modal .lb-opened-content__amount {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 52px;
  text-align: center;
  text-transform: uppercase;
}

.lucky-box-modal .lb-opened-content__prizes {
  align-items: center;
  animation: visible-prize 1s linear forwards;
  animation-delay: 1s;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  margin-top: 40px;
  opacity: 0;
}

.lucky-box-modal .lb-opened-content__btn-close {
  animation: opacity 0.3s linear reverse;
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  border-radius: 4px;
  box-shadow: none;
  filter: drop-shadow(0 5px 30px rgba(236, 50, 0, 0.5));
  margin-top: auto;
  max-width: 350px;
  padding: 12px 16px;
  width: calc(100% - 25px);
}

@media (min-width: 768px) {
  .lucky-box-modal .lb-opened-content__btn-close {
    max-width: 184px;
  }
}

@keyframes rotate-box {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-10deg);
  }

  to {
    transform: rotate(0deg);
  }
}

@keyframes close-hidden {
  0% {
    transform: translateY(0) scale(1);
  }

  to {
    opacity: 0;
    transform: translateY(35%) scale(0.5);
  }
}

@keyframes opacity {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes visible-prize {
  0% {
    opacity: 0;
  }

  1% {
    opacity: 1;
    transform: translateY(200%) scale(0.4);
  }

  35% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(20%);
  }

  70% {
    transform: translateY(0);
  }

  85% {
    transform: translateY(10%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.lootbox {
  border-radius: 10px;
  color: #181a1f;
  font-size: 20px;
  font-weight: 400;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.lootbox__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.lootbox__content {
  padding: 30px;
  position: relative;
}

@media (min-width: 768px) {
  .lootbox__content {
    padding: 90px 30px;
  }
}

.lootbox__title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 4px;
}

@media (min-width: 768px) {
  .lootbox__title {
    font-size: 36px;
  }
}

.lootbox__subtitle {
  font-size: 20px;
  margin: 0 auto 30px;
  max-width: 520px;
}

@media (min-width: 768px) {
  .lootbox__subtitle {
    margin-bottom: 70px;
  }
}

.lootbox__prize {
  font-size: 24px;
  font-weight: 800;
  margin-top: 20px;
}

.lootbox__box--disabled .lootbox__prize {
  color: #6d6a71;
}

.lootbox__valid-until {
  font-size: 16px;
  font-weight: 700;
  margin: 40px 0 10px;
}

.lootbox__cancel {
  display: block;
  margin: 20px auto 0;
}

.lootbox__timer {
  display: block;
  margin: 0 auto;
  max-width: 280px;
  text-align: center;
}

.lootbox__boxes {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}

@media (min-width: 768px) {
  .lootbox__boxes {
    align-items: flex-start;
    flex-direction: row;
  }
}

.lootbox__box {
  align-self: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0 auto 20px;
  text-align: center;
  width: 220px;
}

@media (min-width: 768px) {
  .lootbox__box {
    margin: 0 50px;
  }
}

.lootbox__box--disabled {
  filter: grayscale(1);
  pointer-events: none;
}

.lootbox__box--selected {
  pointer-events: none;
}

.lootbox__box:last-child {
  margin: 0 auto;
}

@media (min-width: 768px) {
  .lootbox__box:last-child {
    margin: 0 50px;
  }
}

.lootbox__image:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

.lootbox__show-all-boxes {
  display: block;
  margin: 20px auto 0;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  to {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

.balance-select__dropdown::-webkit-scrollbar {
  width: 4px;
}

.balance-select__dropdown::-webkit-scrollbar-track {
  background: transparent;
}

.balance-select__dropdown::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.balance-select__dropdown::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .balance-select__dropdown {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.balance-select,
.balance-select__button {
  position: relative;
  width: 100%;
}

.balance-select__button {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0;
  padding: 12px 12px 12px 16px;
  transition: background 0.3s ease;
}

.balance-select__button:hover {
  background: #445778;
}

.balance-select__balance {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.balance-select__bottom-line {
  height: 0;
  position: relative;
  top: 100%;
  width: 100%;
}

.balance-select__dropdown {
  background: #384c6b;
  border-radius: 8px;
  display: block;
  left: 0;
  margin: 0;
  max-height: 240px;
  overflow: hidden;
  overflow-y: auto;
  padding: 8px;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  z-index: 100;
}

.balance-select__caret {
  color: hsla(0, 0%, 100%, 0.4);
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding: 0;
  transform-origin: center;
  transition: transform 0.3s ease;
  vertical-align: top;
}

.balance-select__caret--open {
  transform: rotate(180deg);
}

.location-banner {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(80, 99, 133, 0.4);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 343px;
  padding: 16px;
  row-gap: 12px;
  width: 100%;
}

@media (min-width: 960px) {
  .location-banner {
    max-width: 472px;
  }
}

.location-banner__content {
  align-items: flex-start;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
}

.location-banner__text {
  margin: 0;
}

.location-banner__text--description {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.location-banner__icon--location {
  color: #ffd336;
}

.location-banner .location-banner__button {
  width: 100%;
}

.notification__text-wrapper {
  margin-right: 20px;
  overflow-wrap: anywhere;
  word-break: normal;
}

.notification__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 3px;
}

.notification__close-button {
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.notification-cookies-policy {
  align-items: center;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(80, 99, 133, 0.4);
  border-radius: 8px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: calc(100vw - 32px);
  padding: 12px 16px;
  width: -moz-max-content;
  width: max-content;
}

@media (min-width: 768px) {
  .notification-cookies-policy {
    width: auto;
  }
}

.notification-cookies-policy__text-wrapper {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
}

@media (min-width: 480px) {
  .notification-cookies-policy__text-wrapper {
    align-self: unset;
  }
}

.notification-cookies-policy__link,
.notification-cookies-policy__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.notification-cookies-policy__link {
  color: #00dccd;
}

.notification-cookies-policy__link:hover {
  color: #1df0e2;
}

.notification-cookies-policy .notification-cookies-policy__accept {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase;
}

.notification__container {
  background-color: #445778;
  border-radius: 4px;
  display: flex;
  padding: 20px;
  position: relative;
  width: 100%;
  word-break: break-all;
}

.notification-unavailable-in-country-policy__text-wrapper,
.notification__text-wrapper {
  margin-right: 20px;
  overflow-wrap: anywhere;
  word-break: normal;
}

.notification-unavailable-in-country-policy__title,
.notification__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 3px;
}

.notification__message {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.notification__icon-wrapper {
  flex: 0 0 20px;
  margin-right: 12px;
  min-width: 20px;
}

.notification__icon {
  font-size: 16px;
  height: 20px;
  width: 20px;
}

.notification-unavailable-in-country-policy__close-button,
.notification__close-button {
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.notification__icon--success {
  color: #48a902;
}

.notification__icon--warning {
  color: #ff9500;
}

.notification__icon--danger {
  color: var(--button-color);
}

.rnc__notification-container--top-right {
  right: 16px;
  top: 80px;
}

.notification-unavailable-in-country-policy {
  background: #22242c;
  bottom: 0;
  left: 0;
  padding: 20px 60px 20px 20px;
  position: fixed;
  right: 0;
  z-index: 1027;
}

.notification-unavailable-in-country-policy__link {
  color: #fff !important;
}

.notification-unavailable-in-country-policy__title {
  word-break: break-word;
}

.notification-unavailable-in-country-policy__accept {
  margin-right: 15px;
  margin-top: 15px;
}

.notification-unavailable-in-country-policy__decline {
  margin-top: 15px;
}

.notification-container-bottom-left {
  bottom: 1px;
  left: 0;
  right: 0;
  width: 100vw;
}

.notification-container-bottom-left .notification-item {
  margin-bottom: 0;
}

.required-fields-modal__content {
  padding-block: 56px 34px;
  padding-inline: 16px;
}

@media (min-width: 768px) {
  .required-fields-modal__content {
    padding-block: 56px 24px;
    padding-inline: 48px;
  }
}

.required-fields-modal .required-fields-modal__form {
  background-color: transparent;
}

.required-fields-modal__reject-button {
  margin: 12px 0 0;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .required-fields-modal__reject-button {
    margin: 0 12px 0 0;
  }
}

.required-fields-modal__submit-button {
  text-transform: uppercase;
}

.required-fields-modal .dynamic-form__buttons-wrapper {
  margin-top: 24px;
}

.required-fields-modal .dynamic-form__buttons-wrapper .btn,
.required-fields-modal .dynamic-form__buttons-wrapper .link-btn {
  width: 100%;
}

.migration-kyc-modal {
  padding: 56px 16px 16px;
  text-align: center;
}

@media (min-width: 768px) {
  .migration-kyc-modal {
    padding: 64px 44px 48px;
  }
}

.migration-kyc-modal__img-wrap {
  height: 240px;
}

@media (min-width: 768px) {
  .migration-kyc-modal__img-wrap {
    height: 232px;
  }
}

.migration-kyc-modal__img {
  display: block;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.migration-kyc-modal__text-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.migration-kyc-modal__title {
  color: #fff;
  font-family: Roboto, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
}

.migration-kyc-modal__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}

.migration-kyc-modal__buttons {
  display: flex;
  flex-direction: column;
  margin: 40px 0 0;
  row-gap: 16px;
}

@media (min-width: 768px) {
  .migration-kyc-modal__buttons {
    -moz-column-gap: 20px;
    column-gap: 20px;
    flex-direction: row-reverse;
  }
}

.migration-kyc-modal__btn {
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .migration-kyc-modal__btn {
    flex: 1;
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
}

body {
  margin: 0;
}

main {
  display: block;
}

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

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

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

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type="search"] {
  outline-offset: -2px;
}

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

.animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.repeat-1 {
  animation-iteration-count: var(--animate-repeat);
}

.animated.repeat-2 {
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animated.repeat-3 {
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animated.delay-1s {
  animation-delay: var(--animate-delay);
}

.animated.delay-2s {
  animation-delay: calc(var(--animate-delay) * 2);
}

.animated.delay-3s {
  animation-delay: calc(var(--animate-delay) * 3);
}

.animated.delay-4s {
  animation-delay: calc(var(--animate-delay) * 4);
}

.animated.delay-5s {
  animation-delay: calc(var(--animate-delay) * 5);
}

.animated.faster {
  animation-duration: calc(var(--animate-duration) / 2);
}

.animated.fast {
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animated.slow {
  animation-duration: calc(var(--animate-duration) * 2);
}

.animated.slower {
  animation-duration: calc(var(--animate-duration) * 3);
}

@media (prefers-reduced-motion: reduce), print {
  .animated {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }

  .animated[class*="Out"] {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

.rnc__notification-container--bottom-center,
.rnc__notification-container--bottom-full,
.rnc__notification-container--bottom-left,
.rnc__notification-container--bottom-right,
.rnc__notification-container--center,
.rnc__notification-container--top-center,
.rnc__notification-container--top-full,
.rnc__notification-container--top-left,
.rnc__notification-container--top-right {
  min-width: 325px;
  pointer-events: all;
  position: absolute;
}

.rnc__notification-container--bottom-center,
.rnc__notification-container--center,
.rnc__notification-container--top-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: calc(50% - 175px);
  max-width: 350px;
}

.rnc__notification-container--center {
  height: 100%;
  pointer-events: none;
  top: 20px;
}

.rnc__notification-container--bottom-full,
.rnc__notification-container--top-full {
  min-width: 100%;
  width: 100%;
}

.rnc__notification-container--bottom-full {
  bottom: 0;
}

.rnc__notification-container--top-center {
  top: 20px;
}

.rnc__notification-container--bottom-center {
  bottom: 20px;
}

.rnc__notification-container--top-left {
  left: 20px;
  top: 20px;
}

.rnc__notification-container--top-right {
  right: 20px;
  top: 20px;
}

.rnc__notification-container--bottom-left {
  bottom: 20px;
  left: 20px;
}

.rnc__notification-container--bottom-right {
  bottom: 20px;
  right: 20px;
}

.rnc__notification-container--mobile-bottom,
.rnc__notification-container--mobile-top {
  pointer-events: all;
  position: absolute;
}

.rnc__notification-container--mobile-top {
  left: 20px;
  right: 20px;
  top: 20px;
}

.rnc__notification-container--mobile-bottom {
  bottom: 20px;
  left: 20px;
  margin-bottom: -15px;
  right: 20px;
}

.rnc__util--flex-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 325px;
  pointer-events: all;
}

.rnc__notification-item--default {
  background-color: #007bff;
  border-left: 8px solid #0562c7;
}

.rnc__notification-item--default .rnc__notification-timer {
  background-color: #007bff;
}

.rnc__notification-item--default .rnc__notification-timer-filler {
  background-color: #fff;
}

.rnc__notification-item--default .rnc__notification-close-mark {
  background-color: #007bff;
}

.rnc__notification-item--success {
  background-color: #28a745;
  border-left: 8px solid #1f8838;
}

.rnc__notification-item--success .rnc__notification-timer {
  background-color: #28a745;
}

.rnc__notification-item--success .rnc__notification-timer-filler {
  background-color: #fff;
}

.rnc__notification-item--success .rnc__notification-close-mark {
  background-color: #28a745;
}

.rnc__notification-item--danger {
  background-color: #dc3545;
  border-left: 8px solid #bd1120;
}

.rnc__notification-item--danger .rnc__notification-timer {
  background-color: #dc3545;
}

.rnc__notification-item--danger .rnc__notification-timer-filler {
  background-color: #fff;
}

.rnc__notification-item--danger .rnc__notification-close-mark {
  background-color: #dc3545;
}

.rnc__notification-item--info {
  background-color: #17a2b8;
  border-left: 8px solid #138b9e;
}

.rnc__notification-item--info .rnc__notification-timer {
  background-color: #17a2b8;
}

.rnc__notification-item--info .rnc__notification-timer-filler {
  background-color: #fff;
}

.rnc__notification-item--info .rnc__notification-close-mark {
  background-color: #17a2b8;
}

.rnc__notification-item--warning {
  background-color: #eab000;
  border-left: 8px solid #ce9c09;
}

.rnc__notification-item--warning .rnc__notification-timer {
  background-color: #eab000;
}

.rnc__notification-item--warning .rnc__notification-timer-filler {
  background-color: #fff;
}

.rnc__notification-item--warning .rnc__notification-close-mark {
  background-color: #eab000;
}

.rnc__notification-item--awesome {
  background-color: #685dc3;
  border-left: 8px solid #4c3fb1;
}

.rnc__notification-item--awesome .rnc__notification-timer {
  background-color: #685dc3;
}

.rnc__notification-item--awesome .rnc__notification-timer-filler {
  background-color: #fff;
}

.rnc__notification-item--awesome .rnc__notification-close-mark {
  background-color: #685dc3;
}

@keyframes timer {
  0% {
    width: 100%;
  }

  to {
    width: 0;
  }
}

.rnc__base {
  height: 100%;
  pointer-events: none;
  position: fixed;
  width: 100%;
  z-index: 9000;
}

.rnc__notification-item {
  border-radius: 3px;
  box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  margin-bottom: 15px;
  position: relative;
}

.rnc__notification-container--bottom-full .rnc__notification-item,
.rnc__notification-container--top-full .rnc__notification-item {
  border-radius: 0;
  margin-bottom: 0;
}

.rnc__notification-container--bottom-full .rnc__notification,
.rnc__notification-container--top-full .rnc__notification {
  width: 100% !important;
}

.rnc__notification-timer {
  margin-top: 10px;
  width: 100%;
}

.rnc__notification-timer,
.rnc__notification-timer-filler {
  border-radius: 5px;
  height: 3px;
}

.rnc__notification-title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 5px;
}

.rnc__notification-message {
  word-wrap: break-word;
  color: #fff;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 0;
  margin-top: 0;
  max-width: calc(100% - 15px);
}

.rnc__notification-content {
  display: inline-block;
  padding: 8px 15px;
  width: 100%;
}

.rnc__notification-close-mark {
  border-radius: 50%;
  display: inline-block;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
}

.rnc__notification-close-mark:after {
  color: #fff;
  content: "×";
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.rnc__notification-container--mobile-bottom .notification,
.rnc__notification-container--mobile-bottom .rnc__notification-item,
.rnc__notification-container--mobile-top .notification,
.rnc__notification-container--mobile-top .rnc__notification-item {
  max-width: 100%;
  width: 100%;
}

.rnc__notification-container--bottom-right .notification,
.rnc__notification-container--top-right .notification {
  margin-left: auto;
}

.rnc__notification-container--bottom-left .notification,
.rnc__notification-container--top-left .notification {
  margin-right: auto;
}

.rnc__notification-container--mobile-bottom .notification,
.rnc__notification-container--mobile-top .notification {
  margin-left: auto;
  margin-right: auto;
}

html {
  height: auto;
  width: 100%;
}

.body,
html {
  min-height: 100%;
}

.body {
  background-color: var(--background-color);
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.6;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  overflow-x: hidden;
  padding: 0;
  text-align: start;
  width: 100vw;
}

* {
  box-sizing: border-box;
}

img {
  border: none;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

a[disabled] {
  pointer-events: none;
}

i {
  font-size: 24px !important;
}

ol {
  padding-left: 20px;
}

#launcher {
  height: 0 !important;
  opacity: 0 !important;
  width: 0 !important;
}

#payments_lib_popup .payments-lib-popup__outer-container--close {
  color: #4a4a4b !important;
}

img:where([src*="uuidksinc."], [src*="doubleclick."]) {
  display: none;
}

.main-slider .main-slider__item {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 380px;
  justify-content: center;
  outline: none;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .main-slider .main-slider__item {
    height: 380px;
  }
}

.main-slide {
  background-color: #0bdede;
  color: #2b2d32;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 1.25;
  position: relative;
}

@media (min-width: 768px) {
  .main-slide {
    font-size: 26px;
  }
}

.main-slide__image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.main-slide__image--left {
  -o-object-position: left center;
  object-position: left center;
}

.main-slide__image--right {
  -o-object-position: right center;
  object-position: right center;
}

.main-slide__content {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.main-slide__content,
.main-slide__content p {
  margin: 0;
  padding: 0;
  width: 100%;
}

.main-slide__block {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  min-height: 100%;
  padding: 30px;
  position: relative;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .main-slide__block {
    padding: 30px 50px;
  }
}

.main-slide__block--left {
  justify-content: flex-start;
  text-align: left;
}

.main-slide__block--right {
  justify-content: flex-end;
  text-align: right;
}

.main-slide__block--top {
  align-items: flex-start;
}

.main-slide__block--bottom {
  align-items: flex-end;
}

.main-slide__block-inner {
  display: block;
  margin: 0;
  max-width: 240px;
  padding: 0;
  text-align: inherit;
  width: 100%;
}

@media (min-width: 768px) {
  .main-slide__block-inner {
    max-width: 520px;
  }
}

.main-slide__title {
  color: #2b2d32;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  margin: 4px 0;
}

@media (min-width: 768px) {
  .main-slide__title {
    font-size: 42px;
  }
}

.main-slide__subtitle {
  color: #2b2d32;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin: 4px 0;
}

@media (min-width: 768px) {
  .main-slide__subtitle {
    font-size: 36px;
  }
}

.main-slide__color-inverse {
  color: #fff !important;
}

.main-slide__uppercase {
  text-transform: uppercase !important;
}

.main-slide__block-button {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .main-slide__block-button {
    margin-top: 30px;
  }
}

.main-slide__full-link {
  color: inherit;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
}

.main-slide__full-link,
.main-slide__row {
  align-items: center;
  display: flex;
  width: 100%;
}

.main-slide__row {
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0;
  min-height: 100%;
  padding: 0 10px;
}

@media (min-width: 768px) {
  .main-slide__row {
    padding: 0 20px;
  }
}

@media (min-width: 960px) {
  .main-slide__row {
    padding: 0 30px;
  }
}

.main-slide__cell {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

@media (min-width: 768px) {
  .main-slide__cell {
    width: auto;
  }
}

@media (max-width: 767px) {
  .main-slide__cell--hide-mobile {
    display: none;
  }
}

.main-slide__cell .main-slide__block-inner {
  max-width: 350px;
  text-align: center;
  width: calc(100% - 50px);
}

.main-slide .main-slide__register-form {
  max-width: 350px;
  width: 100%;
}

.banner {
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 12px;
  font-weight: 400;
  justify-content: flex-start;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-transform: none;
  width: 100%;
}

@media (min-width: 960px) {
  .banner {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .banner {
    font-size: 12px;
  }
}

@media (min-width: 1440px) {
  .banner {
    font-size: 14px;
  }
}

.banner p {
  margin: 0;
  padding: 0;
}

.banner__img {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  top: 0;
  width: 100%;
}

.banner__content {
  display: block;
  padding: 5px 20px;
  position: absolute;
  width: 100%;
}

@media (min-width: 1200px) {
  .banner__content {
    padding: 5px 10px;
  }
}

@media (min-width: 1440px) {
  .banner__content {
    padding: 5px 24px;
  }
}

.banner__title {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 5px;
}

p + .banner__title {
  margin: 0 0 5px;
}

@media (min-width: 960px) {
  .banner__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .banner__title {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

@media (min-width: 1440px) {
  .banner__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

.banner__button-wrapper {
  display: block;
  margin: 16px 0 0;
}

@media (min-width: 960px) {
  .banner__button-wrapper {
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .banner__button-wrapper {
    margin-top: 16px;
  }
}

@media (min-width: 1440px) {
  .banner__button-wrapper {
    margin-top: 22px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .layout--left-padding .banner__button-wrapper {
    margin-top: 10px;
  }
}

.game-banner {
  border-radius: 4px;
  grid-column: span 2;
  order: 1;
  overflow: hidden;
  padding: 48px 32px;
  position: relative;
}

@media (min-width: 768px) {
  .game-banner {
    padding: 24px 32px;
  }
}

.game-banner:nth-child(2),
.game-banner:nth-child(3) {
  order: 3;
}

.game-banner:nth-child(4) {
  order: 5;
}

.game-banner__title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.28px;
  margin-bottom: 8px;
  margin-top: 0;
  text-transform: uppercase;
}

.game-banner p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14px;
  margin-bottom: 16px;
  margin-top: 0;
}

.game-banner__pretitle {
  margin-bottom: 8px;
  margin-top: 0;
}

.game-banner__content {
  position: relative;
  z-index: 2;
}

.game-banner__img {
  bottom: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
}

.game-banner__button-wrapper {
  margin-top: 16px;
}

.jackpot-slide__image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.jackpot-slide__content {
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  left: 0;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .jackpot-slide__content {
    font-size: 20px;
  }
}

.jackpot-slide__block {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  min-height: 100%;
  padding: 40px 24px;
  position: relative;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .jackpot-slide__block {
    padding: 94px 48px;
  }
}

@media (min-width: 1200px) {
  .jackpot-slide__block {
    padding: 94px 54px;
  }
}

@media (min-width: 1440px) {
  .jackpot-slide__block {
    padding: 94px 64px;
  }
}

.jackpot-slide__block--left {
  justify-content: flex-start;
  text-align: left;
}

.jackpot-slide__block--right {
  justify-content: flex-end;
  text-align: right;
}

.jackpot-slide__block--top {
  align-items: flex-start;
}

.jackpot-slide__block--bottom {
  align-items: flex-end;
}

.jackpot-slide__block--with-registration {
  display: none;
  width: calc(100% - 500px);
}

@media (min-width: 768px) {
  .jackpot-slide__block--with-registration {
    display: flex;
  }
}

.jackpot-slide__block-inner {
  display: block;
  margin: 0;
  padding: 0;
  text-align: inherit;
  width: 100%;
}

.jackpot-slide__title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.24px;
  margin: 0 0 9px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .jackpot-slide__title {
    font-size: 56px;
    letter-spacing: 0.56px;
    margin-bottom: 50px;
  }
}

.jackpot-slide__title .od-total-wrapper,
.jackpot-slide__title .od-total-wrapper .odometer.odometer-auto-theme,
.jackpot-slide__title .od-total-wrapper .odometer.odometer-theme-default {
  font-family: Open Sans, sans-serif;
}

.jackpot-slide__block--with-registration .jackpot-slide__title {
  font-size: 24px;
}

@media (min-width: 768px) {
  .jackpot-slide__block--with-registration .jackpot-slide__title {
    font-size: 32px;
  }
}

@media (min-width: 1200px) {
  .jackpot-slide__block--with-registration .jackpot-slide__title {
    font-size: 40px;
  }
}

.jackpot-slide__block-button {
  font-family: Roboto, Arial, sans-serif;
}

.jackpot-slide__block-button .jackpot-slide__button {
  font-size: 16px;
  min-height: 52px;
  min-width: 167px;
}

@media (min-width: 768px) {
  .jackpot-slide__block-button .jackpot-slide__button {
    font-size: 22px;
    min-height: 67px;
    min-width: 215px;
  }
}

.jackpot-slide__row {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
}

@media (min-width: 768px) {
  .jackpot-slide__row {
    flex-direction: row;
    max-width: 100%;
    width: auto;
  }
}

.jackpot-slide__block--left .jackpot-slide__row {
  justify-content: flex-start;
}

.jackpot-slide__block--right .jackpot-slide__row {
  justify-content: flex-end;
}

.jackpot-slide__block--with-registration .jackpot-slide__row {
  align-items: flex-start;
  flex-direction: column;
}

@media (min-width: 960px) {
  .jackpot-slide__block--with-registration .jackpot-slide__row {
    flex-direction: row;
    max-width: 100%;
    width: auto;
  }
}

.jackpot-slide__cell {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: inherit;
  width: 100%;
}

@media (min-width: 768px) {
  .jackpot-slide__cell {
    width: auto;
  }
}

.jackpot-slide__cell:not(:first-child) {
  margin: 16px 0 0;
}

@media (min-width: 768px) {
  .jackpot-slide__cell:not(:first-child) {
    margin: 0 0 0 24px;
  }
}

@media (max-width: 767px) {
  .jackpot-slide__cell:last-child {
    margin: 0 0 16px;
    order: -1;
  }
}

.jackpot-slide__block--with-registration .jackpot-slide__cell:last-child {
  margin: 0;
}

@media (max-width: 959px) {
  .jackpot-slide__block--with-registration .jackpot-slide__cell:last-child {
    margin: 0;
    order: -1;
  }
}

.jackpot-slide__cell-inner {
  display: block;
  text-align: inherit;
  width: 100%;
}

.jackpot-slide__full-link {
  align-items: center;
  color: inherit;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%;
}

.jackpot-slide .registration-form-nomodal {
  max-width: 400px;
  min-height: 360px;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
}

@media (min-width: 768px) {
  .jackpot-slide .registration-form-nomodal {
    right: 48px;
    transform: translateY(-50%);
  }
}

@media (min-width: 1200px) {
  .jackpot-slide .registration-form-nomodal {
    right: 54px;
  }
}

@media (min-width: 1440px) {
  .jackpot-slide .registration-form-nomodal {
    right: 64px;
  }
}

.jackpot-slide--jackpot .jackpot-slide__title {
  font-size: 24px;
  font-weight: 800;
  text-shadow: 0 0 10px rgba(177, 78, 255, 0.51),
    0 0 10px rgba(255, 189, 111, 0.25);
}

@media (min-width: 768px) {
  .jackpot-slide--jackpot .jackpot-slide__title {
    font-size: 72px;
    line-height: 80px;
  }
}

.welcome-modal__header {
  align-items: center;
  background-color: #22242c;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  text-transform: uppercase;
}

.welcome-modal__image-wrapper {
  height: 160px;
  position: relative;
}

@media (min-width: 768px) {
  .welcome-modal__image-wrapper {
    height: 200px;
  }
}

.welcome-modal__image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}

.welcome-modal__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 24px;
}

@media (min-width: 960px) {
  .welcome-modal__content {
    padding: 32px;
  }
}

.welcome-modal__title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 960px) {
  .welcome-modal__title {
    font-size: 24px;
  }
}

.welcome-modal__prize {
  color: #0bdede;
}

.welcome-modal__desc {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px;
  text-align: center;
}

@media (min-width: 960px) {
  .welcome-modal__desc {
    font-size: 14px;
  }
}

.welcome-modal .welcome-modal__button {
  margin-top: 22px;
}

.bonuses__more {
  margin-top: 30px;
  text-align: center;
}

.fast-deposit-metods-info {
  padding: 10px 0;
}

.welcome-bonus-sign-up {
  padding: 86px 16px 0;
  width: 100%;
}

@media (min-width: 480px) {
  .welcome-bonus-sign-up {
    padding: 94px 48px 0;
  }
}

@media (min-width: 1200px) {
  .welcome-bonus-sign-up {
    padding: 36px 48px 48px;
    text-align: center;
  }
}

.welcome-bonus-sign-up__logo {
  display: none;
  position: relative;
  z-index: 3;
}

@media (min-width: 1200px) {
  .welcome-bonus-sign-up__logo {
    display: inline-block;
  }

  .welcome-bonus-sign-up__logo .logo__img {
    height: 45px;
    width: 211px;
  }
}

.welcome-bonus-sign-up__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  max-width: 333px;
  position: relative;
  text-transform: uppercase;
  z-index: 3;
}

@media (min-width: 480px) {
  .welcome-bonus-sign-up__title {
    font-size: 26px;
  }
}

@media (min-width: 1200px) {
  .welcome-bonus-sign-up__title {
    margin: 32px auto 0;
    max-width: 400px;
  }
}

.welcome-bonus-sign-up__background {
  height: 272px;
  left: 50%;
  position: absolute;
  top: -3px;
  transform: translate(-50%);
  width: 480px;
}

@media (min-width: 1200px) {
  .welcome-bonus-sign-up__background {
    height: 680px;
    top: 0;
    width: 100%;
  }
}

.welcome-bonus-sign-up__background--gradient {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

@media (min-width: 1200px) {
  .welcome-bonus-sign-up__background--gradient {
    display: block;
  }
}

.welcome-bonus-sign-up__gradient {
  position: absolute;
}

.welcome-bonus-sign-up__gradient--blue {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 255, 240, 0.12) 0.01%,
    rgba(17, 77, 148, 0) 100%
  );
  bottom: 71%;
  height: 560px;
  right: -43%;
  width: 896px;
}

.welcome-bonus-sign-up__gradient--red {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 10, 10, 0.14) 0,
    rgba(180, 0, 75, 0) 100%
  );
  bottom: -35.1%;
  height: 809px;
  top: 47.2%;
  width: 991px;
}

.welcome-bonus-sign-up__image {
  height: 100%;
  width: 100%;
}

.welcome-bonus-sign-up__image--mobile {
  display: block;
}

@media (min-width: 768px) {
  .welcome-bonus-sign-up__image--mobile {
    display: none;
  }
}

.welcome-bonus-sign-up__image--tablet {
  display: none;
}

@media (min-width: 768px) {
  .welcome-bonus-sign-up__image--tablet {
    display: block;
  }
}

@media (min-width: 1200px) {
  .welcome-bonus-sign-up__image--tablet {
    display: none;
  }
}

.welcome-bonus-sign-up__image--desktop {
  display: none;
}

@media (min-width: 1200px) {
  .welcome-bonus-sign-up__image--desktop {
    display: block;
  }
}

.home-vip-benifits {
  margin-top: 80px;
  position: relative;
}

.home-vip-benifits__gradient {
  position: absolute;
  z-index: -1;
}

.home-vip-benifits__gradient--red {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 10, 10, 0.14) 0,
    rgba(180, 0, 75, 0) 100%
  );
  bottom: -90px;
  height: 920px;
  right: -610px;
  width: 896px;
}

@media (min-width: 768px) {
  .home-vip-benifits__gradient--red {
    bottom: unset;
    right: -520px;
    right: -510px;
    top: -250px;
  }
}

@media (min-width: 1440px) {
  .home-vip-benifits__gradient--red {
    right: -685px;
  }
}

@media (min-width: 1680px) {
  .home-vip-benifits__gradient--red {
    right: -500px;
  }
}

.home-vip-benifits__gradient--green {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 255, 240, 0.12) 0.01%,
    rgba(17, 77, 148, 0) 100%
  );
  display: none;
  height: 920px;
  width: 896px;
}

@media (min-width: 768px) {
  .home-vip-benifits__gradient--green {
    display: block;
    left: -530px;
    top: -410px;
  }
}

@media (min-width: 1200px) {
  .home-vip-benifits__gradient--green {
    top: -460px;
  }
}

.home-vip-benifits__star {
  position: absolute;
}

.home-vip-benifits__star--small {
  display: none;
}

@media (min-width: 1200px) {
  .home-vip-benifits__star--small {
    display: block;
    left: 32%;
    top: 265px;
  }
}

.home-vip-benifits__star--big {
  height: 77px;
  left: 11px;
  top: 48%;
}

@media (min-width: 768px) {
  .home-vip-benifits__star--big {
    left: 0;
    top: -90px;
  }
}

@media (min-width: 1200px) {
  .home-vip-benifits__star--big {
    height: 91px;
    top: -97px;
  }
}

.home-vip-benifits__background-image {
  height: 972px;
  opacity: 0.4;
  position: absolute;
  right: -570px;
  top: -165px;
  z-index: -2;
}

@media (min-width: 768px) {
  .home-vip-benifits__background-image {
    opacity: 1;
    right: -375px;
  }
}

@media (min-width: 1200px) {
  .home-vip-benifits__background-image {
    right: -200px;
    top: -310px;
  }
}

@media (min-width: 1680px) {
  .home-vip-benifits__background-image {
    right: -50px;
  }
}

.home-vip-benifits__badge {
  display: none;
}

@media (min-width: 768px) {
  .home-vip-benifits {
    margin-bottom: 418px;
    margin-top: 172px;
  }
}

@media (min-width: 1200px) {
  .home-vip-benifits {
    margin-bottom: 254px;
    margin-top: 262px;
  }
}

@media (min-width: 1440px) {
  .home-vip-benifits {
    margin-bottom: 230px;
  }
}

.home-vip-benifits .container,
.home-vip-benifits__text {
  position: relative;
}

@media (min-width: 768px) {
  .home-vip-benifits__text {
    max-width: 328px;
  }
}

@media (min-width: 1200px) {
  .home-vip-benifits__text {
    margin-left: 32px;
    max-width: 485px;
  }
}

@media (min-width: 1440px) {
  .home-vip-benifits__text {
    margin-left: 77px;
    max-width: 630px;
  }
}

.home-vip-benifits__text:before {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 10, 10, 0.14) 0,
    rgba(180, 0, 75, 0) 100%
  );
  content: "";
  display: none;
  height: 440px;
  opacity: 0.8;
  position: absolute;
  transform: rotate(-20deg);
  width: 595px;
  z-index: -1;
}

@media (min-width: 768px) {
  .home-vip-benifits__text:before {
    display: block;
    left: -130px;
    top: -100px;
  }
}

.home-vip-benifits__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .home-vip-benifits__title {
    font-size: 42px;
    line-height: 52px;
    margin: 0 0 32px;
  }
}

@media (min-width: 1440px) {
  .home-vip-benifits__title {
    font-size: 54px;
    font-weight: 800;
    line-height: 64px;
  }
}

.home-vip-benifits__description {
  color: hsla(0, 0%, 100%, 0.65);
  display: inline-block;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 48px;
}

@media (min-width: 768px) {
  .home-vip-benifits__description {
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .home-vip-benifits__description {
    margin-bottom: 48px;
  }
}

.home-vip-benifits .container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .home-vip-benifits .container {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

.home-vip-benifits__cards {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

@media (min-width: 768px) {
  .home-vip-benifits__cards {
    width: 465px;
  }
}

.home-vip-benifits__card {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: hsla(0, 0%, 100%, 0.06);
  border-radius: 12px;
  padding: 24px 36px;
  position: relative;
}

.home-vip-benifits__card:before {
  background: transparent;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  border-radius: 12px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.12);
  bottom: -8px;
  content: "";
  display: block;
  left: 12px;
  position: absolute;
  right: -12px;
  top: 8px;
  z-index: -1;
}

.home-vip-benifits__card--three {
  display: none;
}

.home-vip-benifits__card-title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0;
}

.home-vip-benifits__card-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  row-gap: 12px;
}

.home-vip-benifits__card-item {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  font-size: 14px;
  line-height: 20px;
}

.home-vip-benifits__card-description,
.home-vip-benifits__card-item {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.home-vip-benifits__card-description {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
}

.home-vip-benifits__card-image--title {
  display: none;
}

.home-vip-benifits .home-vip-benifits__button {
  align-self: center;
  display: flex;
  padding: 12px 20px;
}

.home-vip-benifits .home-vip-benifits__button--desktop {
  display: none;
}

@media (min-width: 768px) {
  .home-vip-benifits .home-vip-benifits__button--desktop {
    display: inline-block;
  }
}

.home-vip-benifits .home-vip-benifits__button--mobile {
  margin: 40px 0 72px;
}

@media (min-width: 768px) {
  .home-vip-benifits .home-vip-benifits__button--mobile {
    display: none;
  }
}

@keyframes badge {
  to {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}

.iphone-modal {
  text-align: center;
}

.iphone-modal__header {
  color: #fff;
  font-size: 20px;
  padding: 10px 20px;
}

.iphone-modal__content {
  padding: 0 20px 20px;
}

.copyright {
  display: grid;
  margin-bottom: 24px;
  margin-top: 32px;
  row-gap: 24px;
}

@media (min-width: 1200px) {
  .copyright {
    -moz-column-gap: 48px;
    column-gap: 48px;
    margin-bottom: 36px;
    margin-top: 48px;
  }
}

.copyright--one-column,
.copyright--two-column {
  grid-template-columns: 1fr;
}

@media (min-width: 1200px) {
  .copyright--two-column {
    grid-template-columns: 1fr 1fr;
  }
}

.copyright__text {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.prize-level__cashback {
  display: block;
}

.game-tournaments-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mystery-drops-winners-tables__wrap {
  display: flex;
  gap: 24px;
  margin-bottom: 120px;
  margin-top: 110px;
  padding-top: 50px;
}

@media (max-width: 1247px) {
  .mystery-drops-winners-tables__wrap {
    gap: 16px;
    margin-bottom: 112px;
    margin-top: 102px;
  }
}

@media (max-width: 959px) {
  .mystery-drops-winners-tables__wrap {
    margin-bottom: 96px;
    margin-left: -24px;
    margin-top: 86px;
    overflow: auto;
    padding-left: 24px;
    padding-right: 24px;
    width: 100vw;
  }
}

@media (max-width: 767px) {
  .mystery-drops-winners-tables__wrap {
    gap: 12px;
    margin-bottom: 72px;
    margin-top: 62px;
  }
}

.mystery-drops-winners-tables__table {
  background: radial-gradient(
      49.34% 47.32% at 50% 0,
      rgba(142, 53, 255, 0.12) 0,
      rgba(107, 37, 255, 0) 100%
    ),
    rgba(223, 228, 255, 0.1);
  border-radius: 4px;
  padding: 48px 16px 16px;
  position: relative;
  width: 33.3333333333%;
}

@media (max-width: 1247px) {
  .mystery-drops-winners-tables__table {
    padding-top: 52px;
  }
}

@media (max-width: 959px) {
  .mystery-drops-winners-tables__table {
    min-width: 328px;
    width: 328px;
  }
}

@media (max-width: 767px) {
  .mystery-drops-winners-tables__table {
    padding-top: 52px;
  }
}

@media (max-width: 480px) {
  .mystery-drops-winners-tables__table {
    min-width: calc(100vw - 48px);
    width: calc(100vw - 48px);
  }
}

.mystery-drops-winners-tables__icon-wrap {
  height: 80px;
  left: 50%;
  margin-bottom: 8px;
  position: absolute;
  top: -40px;
  transform: translateX(-50%);
  width: 80px;
}

.mystery-drops-winners-tables__icon-wrap img {
  max-width: 100%;
}

.mystery-drops-winners-tables__title {
  color: #fff;
  font-family: Rubik, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 24px;
  margin-bottom: 24px;
  text-align: center;
}

@media (max-width: 1247px) {
  .mystery-drops-winners-tables__title {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 959px) {
  .mystery-drops-winners-tables__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .mystery-drops-winners-tables__title {
    font-size: 16px;
    line-height: 20px;
  }
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__block {
  align-items: center;
  border-radius: 4px;
  display: flex;
  min-height: 56px;
  padding: 8px;
  position: relative;
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__block:nth-child(odd) {
  background: rgba(176, 180, 255, 0.04);
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__block-place {
  margin-right: 12px;
  width: 40px;
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 98px;
}

@media (max-width: 1247px) {
  .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
    width: 60px;
  }
}

@media (max-width: 959px) {
  .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
    width: 98px;
  }
}

@media (max-width: 480px) {
  .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
    width: 60px;
  }
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-pool-wrap {
  align-items: center;
  display: flex;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-pool {
  color: #fff;
  flex-grow: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-level-image {
  margin-left: 8px;
  width: 18px;
}

.mystery-drops-winners-tables .jackpot-biggest-wrap .ago-timer__text {
  color: hsla(0, 0%, 100%, 0.4);
}

.mystery-drops-winners-tables .jackpot-list-winner__block {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  min-height: 56px;
  padding: 8px 8px 8px 60px;
  position: relative;
}

.mystery-drops-winners-tables .jackpot-list-winner__block:nth-child(odd) {
  background: rgba(176, 180, 255, 0.04);
}

.mystery-drops-winners-tables .jackpot-list-winner__block:nth-child(n + 6) {
  display: none;
}

.mystery-drops-winners-tables .jackpot-list-winner__name {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 98px;
}

@media (max-width: 1247px) {
  .mystery-drops-winners-tables .jackpot-list-winner__name {
    width: 60px;
  }
}

@media (max-width: 959px) {
  .mystery-drops-winners-tables .jackpot-list-winner__name {
    width: 98px;
  }
}

@media (max-width: 480px) {
  .mystery-drops-winners-tables .jackpot-list-winner__name {
    width: 60px;
  }
}

.mystery-drops-winners-tables .jackpot-list-winner__pool-wrap {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  left: 0;
  padding: 8px 8px 8px 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.mystery-drops-winners-tables .jackpot-list-winner__pool {
  color: #fff;
  flex-grow: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.mystery-drops-winners-tables .jackpot-list-winner__level-image {
  width: 35px;
}

.mystery-drops-winners-tables .jackpot-list-winner .ago-timer {
  width: 100%;
}

.mystery-drops-winners-tables .jackpot-list-winner .ago-timer__text {
  color: hsla(0, 0%, 100%, 0.4);
}

.mystery-drops-winners-tables .tooltip-info__info-btn {
  height: 20px;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 20px;
}

.mystery-drops-winners-tables .tooltip-info__info-btn img {
  width: 100%;
}

.mystery-features {
  margin: 120px 0;
}

.mystery-features-wrapper {
  position: relative;
  z-index: 2;
}

.mystery-features-wrapper:before {
  background: radial-gradient(
    50% 50% at 50% 50%,
    #0057ff 0,
    rgba(0, 87, 255, 0) 100%
  );
  content: "";
  height: 611px;
  left: -50%;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 611px;
  z-index: -1;
}

@media (min-width: 768px) {
  .mystery-features-wrapper:before {
    height: 1157px;
    left: -80%;
    top: 40%;
    transform: translateY(-50%);
    width: 1157px;
  }
}

@media (min-width: 1200px) {
  .mystery-features-wrapper:before {
    height: 1451px;
    left: -750px;
    top: 80%;
    width: 1451px;
  }
}

.mystery-features-wrapper:after {
  background: radial-gradient(
    50% 50% at 50% 50%,
    #ad00ff 0,
    rgba(173, 0, 255, 0) 100%
  );
  content: "";
  height: 611px;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  right: -50%;
  top: -80px;
  width: 611px;
  z-index: -1;
}

@media (min-width: 768px) {
  .mystery-features-wrapper:after {
    height: 1157px;
    right: -80%;
    top: 50%;
    transform: translateY(-50%);
    width: 1157px;
  }
}

@media (min-width: 1200px) {
  .mystery-features-wrapper:after {
    height: 1451px;
    right: -750px;
    top: 70%;
    width: 1451px;
  }
}

@media (max-width: 768px) {
  .mystery-features {
    margin: 60px 0;
  }
}

.mystery-features__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 64px;
  text-align: center;
}

@media (max-width: 768px) {
  .mystery-features__title {
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 32px;
  }
}

@media (min-width: 1200px) {
  .mystery-features__title {
    font-size: 32px;
    line-height: 40px;
  }
}

.mystery-features__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 960px) {
  .mystery-features__list {
    row-gap: 56px;
  }
}

@media (max-width: 768px) {
  .mystery-features__list {
    row-gap: 16px;
  }
}

.mystery-features__list-item {
  flex: 1 1 20%;
  max-width: 20%;
}

@media (max-width: 960px) {
  .mystery-features__list-item {
    flex: 1 1 33.3333%;
    max-width: 33.3333%;
  }
}

@media (max-width: 768px) {
  .mystery-features__list-item {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .mystery-features__list-item:last-child {
    margin-bottom: 0;
  }
}

.mystery-feature {
  padding: 0 15px;
}

@media (max-width: 768px) {
  .mystery-feature {
    align-items: center;
    display: flex;
  }
}

.mystery-feature__icon {
  height: 80px;
  margin: 0 auto 24px;
  width: 80px;
}

@media (max-width: 768px) {
  .mystery-feature__icon {
    height: 64px;
    margin: -10px 24px 0 0;
    width: 64px;
  }
}

.mystery-feature__icon img {
  max-width: 100%;
}

.mystery-feature__content {
  flex: 1;
  text-align: center;
}

@media (max-width: 768px) {
  .mystery-feature__content {
    text-align: left;
  }
}

.mystery-feature__title {
  color: #fff !important;
  font-family: Rubik, Arial, sans-serif;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 28px !important;
  margin: 0;
}

@media (max-width: 768px) {
  .mystery-feature__title {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .mystery-feature__title br {
    display: none;
  }
}

.mystery-feature__text {
  color: hsla(0, 0%, 100%, 0.65);
  font: 14px/20px Open Sans, sans-serif;
  margin-bottom: 0;
  margin-top: 4px;
}

@media (min-width: 1200px) {
  .mystery-feature__text {
    font-size: 16px;
    line-height: 24px;
  }
}

.ls-prizes-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .ls-prizes-modal .modal__content-wrapper {
    height: unset;
    margin: auto;
    max-width: 720px;
  }
}

.ls-prizes-modal .modal__content {
  background: var(--header-color);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .ls-prizes-modal .modal__content {
    border-radius: 20px;
    margin: 32px auto;
  }
}

.ls-prizes-modal__inner {
  height: 100%;
  overflow: auto;
  padding: 56px 16px 32px;
}

@media (min-width: 768px) {
  .ls-prizes-modal__inner {
    border-radius: 20px;
  }
}

.ls-prizes-modal__content {
  margin: 0 0 24px;
  text-align: center;
}

.ls-prizes-modal__rewards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 768px) {
  .ls-prizes-modal__rewards {
    flex-direction: row;
  }
}

.ls-prizes-modal__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
}

.ls-prizes-modal__text,
.ls-prizes-modal__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  text-align: center;
}

.ls-prizes-modal__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.ls-prizes-modal__text:last-child {
  margin: 0;
}

.ls-prizes-modal .ls-modal-rewards {
  border: 1px solid hsla(0, 0%, 100%, 0.06);
  border-radius: 8px;
  flex: 1;
  overflow: hidden;
  padding: 58px 24px 24px;
  position: relative;
}

.ls-prizes-modal .ls-modal-rewards__label {
  left: 0;
  position: absolute;
  top: -1px;
}

.ls-prizes-modal .ls-modal-rewards__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ls-prizes-modal .ls-modal-rewards__item {
  margin: 0 0 16px;
}

.ls-prizes-modal .ls-modal-rewards__item:last-child {
  margin: 0;
}

.ls-prizes-modal .ls-modal-rewards__item-text {
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  letter-spacing: 0.01em;
  line-height: 20px;
  margin: 0;
}

.ls-prizes-modal .ls-modal-rewards__item-text span:last-child {
  color: #fff;
  font-weight: 700;
}

.ls-prizes-modal .ls-modal-rewards--silver {
  background: linear-gradient(
    164.42deg,
    rgba(74, 70, 255, 0.1) 1.11%,
    rgba(74, 70, 255, 0.06)
  );
}

.ls-prizes-modal .ls-modal-rewards--gold {
  background: linear-gradient(
    164.3deg,
    rgba(255, 199, 0, 0.1) -0.49%,
    rgba(255, 168, 0, 0.03)
  );
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label {
  background-size: 100% 100%;
  display: flex;
  min-width: 134px;
  padding: 6px 12px;
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label__icon {
  height: 20px;
  margin-right: 11px;
  width: 20px;
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label__icon img {
  max-width: 100%;
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label__text {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 20px;
  text-transform: uppercase;
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label--silver {
  background: url(/images/ls-ticket-label-bg-silver.87f6e33b..png) 50% no-repeat;
}

.ls-prizes-modal
  .ls-modal-rewards
  .ls-modal-rewards-label--silver
  .ls-modal-rewards-label__text {
  color: #bbbeff;
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label--gold {
  background: url(/images/ls-ticket-label-bg-gold.fd9625ec..png) 50% no-repeat;
}

.ls-prizes-modal
  .ls-modal-rewards
  .ls-modal-rewards-label--gold
  .ls-modal-rewards-label__text {
  color: #ffc978;
}

.lb-prizes-modal__inner {
  overflow: hidden;
  padding: 40px 16px 64px;
}

@media (min-width: 768px) {
  .lb-prizes-modal__inner {
    padding: 40px 56px 34px;
  }
}

.lb-prizes-modal__inner:after {
  background: no-repeat;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.lb-prizes-modal__inner:before {
  background: top/contain url(/images/lb-modal-confiti.50a88544..png) no-repeat,
    radial-gradient(
      27.42% 26.24% at 100% 98.82%,
      rgba(0, 255, 240, 0.04) 0,
      transparent 100%
    ),
    #121212;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

@media (min-width: 768px) {
  .lb-prizes-modal__inner:before {
    border-radius: 8px;
  }
}

.lb-prizes-modal__bg {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.lb-prizes-modal__bg:after {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 10, 10, 0.14) 0,
    rgba(180, 0, 75, 0) 100%
  );
  bottom: -500px;
  content: "";
  display: block;
  height: 809px;
  position: absolute;
  right: -300px;
  width: 700px;
}

.lb-prizes-modal__bg:before {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 255, 240, 0.12) 0.01%,
    rgba(17, 77, 148, 0) 100%
  );
  border-radius: 630px;
  content: "";
  display: block;
  height: 560px;
  position: absolute;
  right: -100px;
  top: -400px;
  width: 631px;
}

.lb-prizes-modal__content {
  margin: 0 auto;
  max-width: 401px;
}

.lb-prizes-modal__main-title,
.lb-prizes-modal__title {
  color: #fff;
  font-weight: 700;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.lb-prizes-modal__main-title {
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.lb-prizes-modal__title {
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.lb-prizes-modal__text {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 143%;
  margin-bottom: 24px;
  margin-top: 16px;
  text-align: center;
}

.lb-prizes-modal__rewards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 768px) {
  .lb-prizes-modal__rewards {
    flex-direction: row;
    width: 100%;
  }
}

.lb-prizes-modal .lb-modal-rewards {
  background-image: url(/images/bg-prizes-modal.d977d297..png);
  background-position: 0 100%;
  background-repeat: no-repeat;
  border-radius: 8px;
  padding: 32px 52px;
  position: relative;
}

@media (min-width: 768px) {
  .lb-prizes-modal .lb-modal-rewards {
    padding: 32px 24px;
    width: 100%;
  }
}

.lb-prizes-modal .lb-modal-rewards__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
}

.lb-prizes-modal .lb-modal-rewards__item-text {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.lb-prizes-modal .lb-modal-rewards__item-text span {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 143%;
}

.lb-prizes-modal .lb-modal-rewards__item-text span:last-child {
  color: #fff;
  font-weight: 700;
}

.lb-prizes-modal .lb-modal-rewards--epic:before {
  background: linear-gradient(180deg, #ffc736, rgba(147, 63, 15, 0.99));
  border-radius: 8px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.lb-prizes-modal .lb-modal-rewards--rare:before {
  background: linear-gradient(354deg, #003f5a, #03b6aa);
  border-radius: 8px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.lb-prizes-modal .modal__content-wrapper {
  margin: 0;
  max-width: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .lb-prizes-modal .modal__content-wrapper {
    margin: auto;
    max-width: 700px;
  }
}

.lb-prizes-modal .modal__content {
  margin: 0;
  min-height: 100vh;
}

@media (min-width: 768px) {
  .lb-prizes-modal .modal__content {
    border-radius: 8px;
    min-height: auto;
  }
}

.lb-prizes-modal .modal__close-button {
  right: 16px !important;
  top: 16px !important;
}

.need-help-modal-content {
  padding: 56px 16px 16px;
}

@media (min-width: 480px) {
  .need-help-modal-content {
    padding: 56px 48px 48px;
  }
}

.need-help-modal-content__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.need-help-modal-content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  margin-bottom: 24px;
  margin-top: 0;
  text-align: center;
}

.need-help-modal-content__list {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0 0 22px;
  padding: 0;
}

.need-help-modal-content__item {
  background: #384c6b;
  border-radius: 8px;
  transition: background-color 0.3s;
}

.need-help-modal-content__item:not(:last-child) {
  margin-bottom: 8px;
}

.need-help-modal-content__item:hover {
  background: #445778;
}

.need-help-modal-content__info-wrap {
  align-items: flex-start;
  display: flex;
  padding: 16px;
}

.need-help-modal-content__icon {
  height: 48px;
  margin-inline-end: 8px;
  width: 48px;
}

.need-help-modal-content__subtitle {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 4px;
  margin-top: 0;
}

.need-help-modal-content__desc {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  line-height: 143%;
  margin: 0;
}

.need-help-modal-content__back-wrap {
  margin-bottom: 22px;
}

.need-help-modal-content__back,
.need-help-modal-content__contact,
.need-help-modal-content__contact-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  text-align: center;
}

.need-help-modal-content__back {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.65);
  display: flex;
  gap: 8px;
}

.need-help-modal-content__contact {
  color: hsla(0, 0%, 100%, 0.65);
  margin: 0;
}

.need-help-modal-content__contact-link {
  color: #00dccd;
}

.jackpot-snippet {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 12px 16px;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .jackpot-snippet {
    align-items: flex-start;
    flex-direction: row;
    gap: 24px;
    justify-content: space-between;
  }
}

@media (min-width: 1200px) {
  .jackpot-snippet {
    align-items: center;
    padding: 16px 24px;
  }
}

.jackpot-snippet__bg-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.jackpot-snippet__bg {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.jackpot-snippet__logo {
  display: block;
  margin: 0 auto 8px;
  max-width: 104px;
}

@media (min-width: 768px) {
  .jackpot-snippet__logo {
    flex: 0 0 133px;
    margin: 0;
    max-width: 133px;
  }
}

@media (min-width: 1200px) {
  .jackpot-snippet__logo {
    max-width: 174px;
  }
}

.jackpot-snippet__cards {
  display: flex;
  gap: 5px;
  max-width: 842px;
}

@media (min-width: 768px) {
  .jackpot-snippet__cards {
    flex: 1;
  }
}

@media (min-width: 1200px) {
  .jackpot-snippet__cards {
    margin-left: auto;
  }
}

.jackpot-snippet__card-item {
  flex: 1;
}

.jackpot-snippet__actions {
  display: none;
}

@media (min-width: 768px) {
  .jackpot-snippet__actions {
    bottom: 20px;
    display: block;
    left: 16px;
    position: absolute;
  }
}

@media (min-width: 1200px) {
  .jackpot-snippet__actions {
    position: static;
  }

  .jackpot-snippet .jackpot-snippet__action {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px;
  }
}

.jackpot-snippet .jp-card {
  background: hsla(0, 0%, 100%, 0.07);
  border: 1px solid hsla(0, 0%, 100%, 0.16);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 8px 12px 12px;
  position: relative;
}

@media (min-width: 1200px) {
  .jackpot-snippet .jp-card {
    align-items: center;
    flex-direction: row;
    gap: 16px;
    padding: 12px;
  }
}

.jackpot-snippet .jp-card__gem {
  margin: 0 auto 8px;
  max-width: 40px;
  transform: scale(1.2);
}

@media (min-width: 768px) {
  .jackpot-snippet .jp-card__gem {
    margin-left: 0;
    max-width: 50px;
  }
}

@media (min-width: 1200px) {
  .jackpot-snippet .jp-card__gem {
    flex: 0 0 50px;
    margin: 0;
    max-width: 60px;
  }
}

.jackpot-snippet .jp-card__gem-image {
  display: block;
  max-width: 100%;
}

.jackpot-snippet .jp-card__content {
  text-align: center;
}

@media (min-width: 768px) {
  .jackpot-snippet .jp-card__content {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .jackpot-snippet .jp-card__content {
    flex: 1;
  }
}

.jackpot-snippet .jp-card__pre-title {
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 14px;
  margin: 0 0 8px;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .jackpot-snippet .jp-card__pre-title {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 768px) {
  .jackpot-snippet .jp-card__pre-title {
    left: 70px;
    position: absolute;
    top: 25px;
  }
}

@media (min-width: 1200px) {
  .jackpot-snippet .jp-card__pre-title {
    margin: 0 0 4px;
    position: static;
  }
}

.jackpot-snippet .jp-card__pre-title:last-child {
  margin: 0;
}

.jackpot-snippet .jp-card__title {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  margin: 0 0 2px;
}

@media (min-width: 480px) {
  .jackpot-snippet .jp-card__title {
    font-size: 16px;
    line-height: 22px;
  }
}

.jackpot-snippet .jp-card__title:last-child {
  margin: 0;
}

.jackpot-snippet .jp-card__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  word-break: break-word;
}

.cms-page--jackpot {
  padding: 0 !important;
}

.cms-page--jackpot .page-content--desktop {
  display: none;
}

@media (min-width: 768px) {
  .cms-page--jackpot .page-content--desktop {
    display: block;
  }
}

.cms-page--jackpot .page-content--mobile {
  display: block;
}

@media (min-width: 768px) {
  .cms-page--jackpot .page-content--mobile {
    display: none;
  }
}

.cms-page--jackpot .page-content--mobile .description {
  margin-top: 48px;
}

.cms-page--jackpot .page-content p {
  color: #999;
  font-family: Rubik, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 24px;
  text-align: left;
}

.cms-page--jackpot .page-content .description__block-buttons {
  text-align: left;
}

.cms-page--jackpot .description__block-buttons {
  display: flex;
  justify-content: flex-start;
}

.cms-page--jackpot .section-title {
  margin-top: 0;
}

.cms-page--jackpot .link-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.cms-page--jackpot .jackpot-mobile-prizes {
  display: block;
}

@media (min-width: 768px) {
  .cms-page--jackpot .jackpot-mobile-prizes {
    display: none;
  }
}

.cms-page--jackpot .jackpot-link {
  margin-top: 35px;
  padding: 16px 28px;
  text-transform: uppercase;
}

.jackpot-wrapper {
  background: var(--background-color);
  max-width: 100vw;
  overflow: hidden;
  padding-bottom: 80px;
}

@media (min-width: 1200px) {
  .jackpot-wrapper {
    padding-bottom: 120px;
  }
}

.p-support__content {
  margin: 0 0 24px;
}

@media (min-width: 768px) {
  .p-support__content {
    margin: 0 0 32px;
  }
}

.p-support__body {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .p-support__body {
    align-items: flex-start;
    flex-direction: row;
    gap: 32px;
  }
}

.p-support__form-wrapper {
  margin: 0 0 48px;
}

@media (min-width: 1200px) {
  .p-support__form-wrapper {
    flex: 0 0 395px;
    margin: 0;
  }
}

.p-support__cards {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (min-width: 480px) {
  .p-support__cards {
    flex-direction: row;
    gap: 24px;
  }
}

@media (min-width: 768px) {
  .p-support__cards {
    gap: 44px;
  }
}

@media (min-width: 1200px) {
  .p-support__cards {
    flex-direction: column;
    gap: 40px;
  }
}

.p-support__cards-item {
  flex: 1 1 50%;
}

.p-support .c-support-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.p-support .c-support-card__head {
  align-items: center;
  display: flex;
  gap: 12px;
}

.p-support .c-support-card__icon {
  flex: 0 0 38px;
  height: 38px;
  width: 38px;
}

.p-support .c-support-card__name {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

@media (min-width: 480px) {
  .p-support .c-support-card__name {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .p-support .c-support-card__name {
    font-size: 24px;
    line-height: 32px;
  }
}

.p-support .c-support-card__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (min-width: 768px) {
  .p-support .c-support-card__text {
    font-size: 16px;
    line-height: 24px;
  }
}

.p-support .c-support-card__text:last-child {
  margin: 0;
}

.sports-ifame {
  border: none;
  min-height: calc(100vh - 60px);
  width: 100%;
}

.casino-promotions {
  overflow-x: hidden;
  padding-top: 32px;
}

@media (min-width: 768px) {
  .casino-promotions {
    padding-top: 48px;
  }
}

@media (min-width: 1200px) {
  .casino-promotions {
    padding-top: 56px;
  }
}

.casino-promotions__container {
  margin: 0 auto;
  width: calc(100% - 32px);
}

@media (min-width: 768px) {
  .casino-promotions__container {
    width: calc(100% - 48px);
  }
}

@media (min-width: 1200px) {
  .casino-promotions__container {
    width: calc(100% - 64px);
  }
}

@media (min-width: 1680px) {
  .casino-promotions__container {
    max-width: 1344px;
  }
}

.casino-promotions__top {
  position: relative;
  text-align: center;
  width: 100%;
}

.casino-promotions__background {
  display: block;
  height: 407px;
  left: 50%;
  position: absolute;
  top: -32px;
  transform: translateX(-50%);
  z-index: -1;
}

@media (min-width: 768px) {
  .casino-promotions__background {
    height: 543px;
    top: -48px;
  }
}

@media (min-width: 1200px) {
  .casino-promotions__background {
    height: 740px;
    top: -110px;
  }
}

.casino-promotions__title {
  color: #fff;
  display: inline-block;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .casino-promotions__title {
    font-size: 42px;
    line-height: 52px;
  }
}

@media (min-width: 1440px) {
  .casino-promotions__title {
    font-size: 54px;
    font-weight: 800;
    line-height: 64px;
    max-width: 800px;
  }
}

.casino-promotions__title:before {
  color: #00ffd1;
  left: -3px;
}

.casino-promotions__title:after,
.casino-promotions__title:before {
  content: attr(data-value);
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.casino-promotions__title:after {
  color: #ff331c;
  right: -3px;
}

.casino-promotions__description {
  color: #fff;
  display: block;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .casino-promotions__description {
    font-size: 20px;
    line-height: 30px;
  }
}

.casino-promotions .casino-promotions__button {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 24px;
  margin-bottom: 56px;
  padding: 12px 20px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .casino-promotions .casino-promotions__button {
    margin-bottom: 64px;
    padding: 16px 24px;
  }
}

@media (min-width: 1200px) {
  .casino-promotions .casino-promotions__button {
    margin-bottom: 80px;
  }
}

.vip-page__header {
  padding: 40px 0 28px;
}

@media (min-width: 480px) {
  .vip-page__header {
    padding: 48px 0 32px;
  }
}

@media (min-width: 768px) {
  .vip-page__header {
    padding: 64px 0 40px;
  }
}

@media (min-width: 1200px) {
  .vip-page__header {
    padding: 64px 0 48px;
  }
}

@media (min-width: 1440px) {
  .vip-page__header {
    padding: 80px 0 48px;
  }
}

.vip-page__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 24px;
  text-align: center;
}

@media (min-width: 480px) {
  .vip-page__title {
    font-size: 26px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .vip-page__title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .vip-page__title {
    margin: 0 0 28px;
  }
}

@media (min-width: 1440px) {
  .vip-page__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.vip-page__description {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 auto 12px;
}

@media (min-width: 1200px) {
  .vip-page__description {
    font-size: 16px;
    line-height: 24px;
    max-width: 942px;
  }
}

@media (min-width: 1440px) {
  .vip-page__description {
    max-width: 1134px;
  }
}

.vip-page__description:last-child {
  margin: 0 auto;
}

.vip-page-benefits {
  padding: 338px 0 48px;
  position: relative;
}

@media (min-width: 480px) {
  .vip-page-benefits {
    padding: 427px 0 56px;
  }
}

@media (min-width: 768px) {
  .vip-page-benefits {
    padding: 94px 0 85px;
  }
}

@media (min-width: 1200px) {
  .vip-page-benefits {
    padding: 90px 0 98px;
  }
}

@media (min-width: 1440px) {
  .vip-page-benefits {
    padding: 140px 0 200px;
  }
}

@media (min-width: 1680px) {
  .vip-page-benefits {
    padding: 200px 0;
  }
}

.vip-page-benefits__image {
  height: 264px;
  left: 50%;
  position: absolute;
  top: 48px;
  transform: translateX(-50%);
  width: 343px;
}

@media (min-width: 480px) {
  .vip-page-benefits__image {
    height: 346px;
    top: 56px;
    width: 448px;
  }
}

@media (min-width: 768px) {
  .vip-page-benefits__image {
    left: 62%;
    top: 64px;
    transform: unset;
  }
}

@media (min-width: 1200px) {
  .vip-page-benefits__image {
    top: 80px;
  }
}

@media (min-width: 1440px) {
  .vip-page-benefits__image {
    height: 490px;
    left: 56%;
    width: 603px;
  }
}

@media (min-width: 1680px) {
  .vip-page-benefits__image {
    height: 547px;
    width: 622px;
  }
}

.vip-page-benefits__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 16px;
}

@media (min-width: 480px) {
  .vip-page-benefits__title {
    margin: 0 0 24px;
  }
}

@media (min-width: 1200px) {
  .vip-page-benefits__title {
    font-size: 26px;
    line-height: 32px;
  }
}

.vip-page-benefits__description {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 24px;
}

@media (min-width: 480px) {
  .vip-page-benefits__description {
    margin: 0 0 28px;
  }
}

@media (min-width: 768px) {
  .vip-page-benefits__description {
    max-width: 445px;
  }
}

@media (min-width: 1200px) {
  .vip-page-benefits__description {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px;
    max-width: 535px;
  }
}

@media (min-width: 1440px) {
  .vip-page-benefits__description {
    margin: 0 0 32px;
  }
}

.vip-page-benefits__description:last-child {
  margin: 0 0 16px;
}

@media (min-width: 480px) {
  .vip-page-benefits__description:last-child {
    margin: 0 0 24px;
  }
}

.vip-page-benefits__list {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
}

@media (min-width: 480px) {
  .vip-page-benefits__list {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
}

.vip-page-benefits__item {
  align-items: center;
  background: var(--header-color);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
  row-gap: 4px;
  width: 100%;
}

@media (min-width: 480px) {
  .vip-page-benefits__item {
    padding: 16px;
    row-gap: 8px;
  }
}

@media (min-width: 768px) {
  .vip-page-benefits__item {
    max-width: 138px;
  }
}

@media (min-width: 1200px) {
  .vip-page-benefits__item {
    max-width: 162px;
    padding: 20px;
  }
}

.vip-page-benefits__item span {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

@media (min-width: 1200px) {
  .vip-page-benefits__item span {
    font-size: 16px;
    line-height: 24px;
  }
}

.vip-page-benefits__icon {
  color: #0bdede;
}

.vip-page__bottom {
  margin-bottom: 80px;
}

@media (min-width: 768px) {
  .vip-page__bottom {
    margin-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .vip-page__bottom {
    margin: 0 auto 120px;
    max-width: 944px;
  }
}

@media (min-width: 1440px) {
  .vip-page__bottom {
    max-width: 1144px;
  }
}

@media (min-width: 1680px) {
  .vip-page__bottom {
    max-width: 1344px;
  }
}

.tournaments-page {
  margin-bottom: 80px;
}

@media (min-width: 768px) {
  .tournaments-page {
    margin-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .tournaments-page {
    margin-bottom: 120px;
  }
}

.tournaments-page__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 24px 0 16px;
}

@media (min-width: 768px) {
  .tournaments-page__title {
    font-size: 32px;
    line-height: 40px;
    margin: 32px 0 24px;
  }
}

@media (min-width: 1200px) {
  .tournaments-page__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.tournaments-page__description {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 32px;
}

@media (min-width: 768px) {
  .tournaments-page__description {
    font-size: 16px;
    line-height: 24px;
    max-width: 720px;
  }
}

@media (min-width: 1200px) {
  .tournaments-page__description {
    margin: 0 0 40px;
    max-width: 850px;
  }
}

.tournaments-page__tabs {
  margin-bottom: 24px;
}

.p-help-center__banner {
  border-radius: 12px;
  display: flex;
  max-height: 312px;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .p-help-center__banner {
    display: none;
  }
}

.p-help-center__image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.p-faq__collapse {
  margin: 0 0 15px;
  transition: margin 0.3s ease;
}

.p-faq__collapse.collapse-block--open {
  margin: 0 0 32px;
}

.install-app {
  background-image: url(/images/install-app-bg-mobile.673b5d82..png);
  background-position: 67% -4%;
  background-repeat: no-repeat;
  position: relative;
}

@media (min-width: 480px) {
  .install-app {
    background-position: 77% -5%;
  }
}

@media (min-width: 768px) {
  .install-app {
    background-position: 0 0;
  }
}

@media (min-width: 1200px) {
  .install-app {
    background-position: 100% 0;
  }
}

@media (min-width: 1440px) {
  .install-app {
    background-size: 100% 92%;
  }
}

@media (min-width: 1680px) {
  .install-app {
    background-image: url(/images/install-app-bg.92aac1f3..png);
    background-size: 100% 100%;
  }
}

.install-app-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .install-app-container {
    align-items: flex-start;
    max-width: 765px;
    padding: 0 24px;
  }
}

@media (min-width: 1200px) {
  .install-app-container {
    max-width: 1264px;
    padding: 0 32px;
  }
}

@media (min-width: 1680px) {
  .install-app-container {
    max-width: 1460px;
  }
}

.install-app-hero {
  margin-bottom: 112px;
  padding-top: 310px;
  position: relative;
}

@media (min-width: 480px) {
  .install-app-hero {
    margin-bottom: 120px;
    padding-top: 350px;
  }
}

@media (min-width: 768px) {
  .install-app-hero {
    margin-bottom: 28px;
    padding-top: 68px;
  }
}

@media (min-width: 1200px) {
  .install-app-hero {
    margin-bottom: 176px;
    padding-top: 100px;
  }
}

@media (min-width: 1440px) {
  .install-app-hero {
    margin-bottom: 260px;
    padding-top: 160px;
  }
}

.install-app-hero-phones {
  height: 302px;
  left: 50%;
  position: absolute;
  top: -310px;
  transform: translateX(-50%);
}

@media (min-width: 480px) {
  .install-app-hero-phones {
    top: -326px;
  }
}

@media (min-width: 768px) {
  .install-app-hero-phones {
    left: unset;
    right: 0;
    top: -36px;
    transform: unset;
  }
}

@media (min-width: 1200px) {
  .install-app-hero-phones {
    height: 483px;
    right: 38px;
    top: -83px;
  }
}

@media (min-width: 1440px) {
  .install-app-hero-phones {
    height: 644px;
    right: -92px;
    top: -144px;
  }
}

@media (min-width: 1680px) {
  .install-app-hero-phones {
    right: -52px;
  }
}

.install-app-hero-text {
  margin-bottom: 48px;
  text-align: center;
}

@media (min-width: 768px) {
  .install-app-hero-text {
    max-width: 370px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .install-app-hero-text {
    max-width: 633px;
  }
}

.install-app-hero-subtitle {
  color: #fff;
  display: block;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px;
}

@media (min-width: 768px) {
  .install-app-hero-subtitle {
    margin-bottom: 24px;
  }
}

@media (min-width: 1400px) {
  .install-app-hero-subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}

.install-app-hero-title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
}

@media (min-width: 768px) {
  .install-app-hero-title {
    font-size: 42px;
    line-height: 52px;
    max-width: 360px;
  }
}

@media (min-width: 1200px) {
  .install-app-hero-title {
    font-size: 54px;
    font-weight: 800;
    line-height: 64px;
    max-width: 585px;
  }
}

.install-app-hero-buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

@media (min-width: 768px) {
  .install-app-hero-buttons {
    -moz-column-gap: 12px;
    column-gap: 12px;
    flex-direction: row;
  }
}

.install-app-how-to {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.install-app-how-to-header {
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  .install-app-how-to-header {
    display: flex;
    margin-bottom: 40px;
  }
}

.install-app-how-to-image {
  height: 40px;
  margin-bottom: 16px;
}

@media (min-width: 1200px) {
  .install-app-how-to-image {
    margin-bottom: 0;
    margin-right: 16px;
  }
}

.install-app-how-to-title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0;
  text-align: center;
}

@media (min-width: 1200px) {
  .install-app-how-to-title {
    font-size: 32px;
    line-height: 40px;
  }
}

.install-app-steps {
  display: flex;
  flex-direction: column;
  margin-bottom: 90px;
  row-gap: 32px;
}

@media (min-width: 768px) {
  .install-app-steps {
    -moz-column-gap: 36px;
    column-gap: 36px;
    flex-direction: row;
    margin-bottom: 80px;
  }
}

@media (min-width: 1200px) {
  .install-app-steps {
    margin-bottom: 120px;
  }
}

@media (min-width: 1440px) {
  .install-app-steps {
    -moz-column-gap: 100px;
    column-gap: 100px;
  }
}

.install-app-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

@media (min-width: 768px) {
  .install-app-step {
    justify-content: space-between;
  }
}

.install-app-step-text {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .install-app-step-text {
    max-width: 216px;
  }
}

@media (min-width: 1200px) {
  .install-app-step-text {
    max-width: 285px;
  }
}

.install-app-step-title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px;
}

.install-app-step-description {
  color: hsla(0, 0%, 100%, 0.8);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.install-app-step-image {
  border-radius: 24px;
  width: 260px;
}

.install-app-step-image--ios {
  border-radius: 42px;
}

@media (min-width: 768px) {
  .install-app-step-image {
    height: 456px;
    width: 216px;
  }
}

@media (min-width: 1200px) {
  .install-app-step-image {
    height: 600px;
    width: 285px;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  to {
    transform: scale(1);
  }
}

.welcome-page .welcome-page__container {
  max-width: 1467px;
}

.welcome-page .welcome-page__container--small {
  max-width: 1343px;
}

@media (min-width: 1200px) {
  .welcome-page .welcome-page__container--intro {
    margin: 0 128px;
    width: auto;
  }
}

@media (min-width: 1440px) {
  .welcome-page .welcome-page__container--intro {
    margin: 0 auto;
    max-width: 1140px;
  }
}

@media (min-width: 1680px) {
  .welcome-page .welcome-page__container--intro {
    max-width: 1260px;
  }
}

.welcome-page__section {
  margin: 0 0 32px;
  -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}

@media (min-width: 768px) {
  .welcome-page__section {
    margin: 0 0 48px;
  }
}

.welcome-page__section--intro {
  margin: 0;
}

.welcome-page__section--faq {
  margin: 0 0 80px;
}

@media (min-width: 768px) {
  .welcome-page__section--faq {
    margin: 0 0 100px;
  }
}

@media (min-width: 1200px) {
  .welcome-page__section--faq {
    margin: 0 0 120px;
  }
}

.welcome-page__title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 20px;
}

@media (min-width: 768px) {
  .welcome-page__title {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1200px) {
  .welcome-page__title {
    margin: 0 0 24px;
  }
}

.welcome-page__subtitle {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 12px;
}

.welcome-page .wp-intro {
  position: relative;
}

.welcome-page .wp-intro__bg-wrapper {
  height: 490px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  z-index: -1;
}

@media (min-width: 480px) {
  .welcome-page .wp-intro__bg-wrapper {
    height: 784px;
  }
}

@media (min-width: 768px) {
  .welcome-page .wp-intro__bg-wrapper {
    height: 661px;
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-intro__bg-wrapper {
    height: 793px;
  }
}

@media (min-width: 1440px) {
  .welcome-page .wp-intro__bg-wrapper {
    height: 925px;
  }
}

@media (min-width: 1680px) {
  .welcome-page .wp-intro__bg-wrapper {
    width: 100%;
  }
}

.welcome-page .wp-intro__bg-wrapper:after {
  background: linear-gradient(
    180deg,
    rgba(25, 44, 67, 0),
    var(--background-color)
  );
  bottom: 0;
  content: "";
  height: 180px;
  left: 0;
  position: absolute;
  width: 100%;
}

@media (min-width: 480px) {
  .welcome-page .wp-intro__bg-wrapper:after {
    height: 374px;
  }
}

.welcome-page .wp-intro__bg {
  max-height: 100%;
}

@media (min-width: 1680px) {
  .welcome-page .wp-intro__bg {
    max-height: unset;
    width: 100%;
  }
}

.body--ar .welcome-page .wp-intro__bg {
  transform: scaleX(-1);
}

.welcome-page .wp-intro__content {
  padding: 16px 0 56px;
  position: relative;
  text-align: center;
  /*z-index: 101*/
}

@media (min-width: 480px) {
  .welcome-page .wp-intro__content {
    padding: 20px 0 56px;
  }
}

@media (min-width: 768px) {
  .welcome-page .wp-intro__content {
    padding: 40px 0 100px;
    text-align: start;
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-intro__content {
    padding: 48px 0 120px;
  }
}

.welcome-page .wp-intro__logo .logo__img {
  height: 40px;
  margin-bottom: 8px;
  max-width: 174px;
  width: 100%;
}

@media (min-width: 768px) {
  .welcome-page .wp-intro__logo .logo__img {
    height: 53px;
    margin-bottom: 32px;
    max-width: 231px;
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-intro__logo .logo__img {
    margin-bottom: 40px;
  }
}

.welcome-page .wp-intro__pre-title {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 2px;
}

@media (min-width: 768px) {
  .welcome-page .wp-intro__pre-title {
    margin: 0 0 16px;
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-intro__pre-title {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 24px;
  }
}

.welcome-page .wp-intro__pre-title:last-child {
  margin: 0;
}

.welcome-page .wp-intro__title {
  color: var(--headings-color);
  font-size: 60px;
  font-style: normal;
  font-weight: 800;
  line-height: 74px;
  margin: 0 0 2px;
}

@media (min-width: 768px) {
  .welcome-page .wp-intro__title {
    font-size: 80px;
    margin: 0 0 16px;
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-intro__title {
    font-size: 100px;
    margin: 0 0 24px;
  }
}

.welcome-page .wp-intro__title:last-child {
  margin: 0;
}

.welcome-page .wp-intro__text {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 26px;
  margin: 0 0 2px;
}

@media (min-width: 768px) {
  .welcome-page .wp-intro__text {
    font-size: 42px;
    line-height: 52px;
    margin: 0 0 32px;
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-intro__text {
    font-size: 54px;
    line-height: 64px;
    margin: 0 0 48px;
  }
}

.welcome-page .wp-intro__text:last-child {
  margin: 0;
}

.welcome-page .wp-intro__actions {
  display: flex;
  justify-content: center;
  margin: 264px 0 20px;
}

@media (min-width: 480px) {
  .welcome-page .wp-intro__actions {
    margin: 266px 0 32px;
  }
}

@media (min-width: 768px) {
  .welcome-page .wp-intro__actions {
    justify-content: flex-start;
    margin: 32px 0;
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-intro__actions {
    margin: 48px 0;
  }
}

.welcome-page .wp-intro__action--pulse {
  animation: pulse 2s infinite;
}

.welcome-page .wp-payments {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  margin: 0 -16px;
  overflow: auto;
  padding: 0 16px;
}

@media (min-width: 768px) {
  .welcome-page .wp-payments {
    gap: 12px;
    margin: 0 -24px;
    padding: 0 24px;
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-payments {
    margin: 0 -32px;
    padding: 0 32px;
  }
}

.welcome-page .wp-payments__item {
  flex: 1 1 120px;
  max-width: 120px;
}

.welcome-page .wp-payment__image {
  display: block;
  max-height: 40px;
}

@media (min-width: 768px) {
  .welcome-page .wp-payment__image {
    max-height: 48px;
  }
}

.welcome-page .wp-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (min-width: 768px) {
  .welcome-page .wp-benefits {
    gap: 12px;
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-benefits {
    gap: 16px;
  }
}

.welcome-page .wp-benefits__item {
  flex: 1 1 50%;
  max-width: calc(50% - 4px);
}

@media (min-width: 768px) {
  .welcome-page .wp-benefits__item {
    max-width: calc(50% - 6px);
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-benefits__item {
    max-width: calc(20% - 12.8px);
  }
}

.welcome-page .wp-benefit {
  align-items: center;
  background: var(--header-color);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  padding: 19px 12px;
}

.body--ar .welcome-page .wp-benefit {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  .welcome-page .wp-benefit {
    gap: 12px;
  }
}

.welcome-page .wp-benefit__icon {
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
  fill: var(--headings-color);
}

.wp-benefit__icon svg {
  color: var(--headings-color);
}

@media (min-width: 480px) {
  .welcome-page .wp-benefit__icon {
    flex: 0 0 32px;
    height: 32px;
    width: 32px;
  }
}

@media (min-width: 768px) {
  .welcome-page .wp-benefit__icon {
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
  }
}

.welcome-page .wp-benefit__icon img {
  max-width: 100%;
}

.welcome-page .wp-benefit__content {
  flex: 1;
}

.wp-benefit__content {
  margin-left: 10px;
}

.welcome-page .wp-benefit__title {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0 0 8px;
}

@media (min-width: 480px) {
  .welcome-page .wp-benefit__title {
    font-size: 12px;
    line-height: 18px;
  }
}

@media (min-width: 768px) {
  .welcome-page .wp-benefit__title {
    font-size: 14px;
    line-height: 20px;
  }
}

.welcome-page .wp-benefit__text {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  margin: 0;
}

@media (min-width: 480px) {
  .welcome-page .wp-benefit__text {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width: 768px) {
  .welcome-page .wp-benefit__text {
    font-size: 16px;
    line-height: 24px;
  }
}

.welcome-page .wp-promotions__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 32px;
}

@media (min-width: 768px) {
  .welcome-page .wp-promotions__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-promotions__list {
    gap: 16px;
    margin: 0 0 48px;
  }
}

.welcome-page .wp-promotions__item {
  width: 100%;
}

@media (min-width: 768px) {
  .welcome-page .wp-promotions__item {
    flex: 1 1 50%;
    max-width: calc(50% - 6px);
  }
}

@media (min-width: 1200px) {
  .welcome-page .wp-promotions__item {
    flex: 1 1 50%;
    max-width: calc(25% - 12px);
  }
}

.welcome-page .wp-promotions__actions {
  display: flex;
  justify-content: center;
}

.welcome-page .wp-promotion {
  align-items: center;
  border-radius: 10px;
  display: flex;
  min-height: 186px;
  overflow: hidden;
  padding: 32px 24px;
  position: relative;
}

.welcome-page .wp-promotion__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}

.body--ar .welcome-page .wp-promotion__bg {
  transform: scaleX(-1);
}

.welcome-page .wp-promotion__content {
  position: relative;
}

.welcome-page .wp-promotion__title {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin: 0;
}

.welcome-page .wp-promotion__text {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}

.p-payments {
  padding: 24px 0 80px;
}

@media (min-width: 480px) {
  .p-payments {
    padding: 32px 0 80px;
  }
}

@media (min-width: 1200px) {
  .p-payments {
    padding: 40px 0 80px;
  }
}

.p-payments__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 24px;
}

@media (min-width: 480px) {
  .p-payments__title {
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 32px;
  }
}

@media (min-width: 768px) {
  .p-payments__title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .p-payments__title {
    margin: 0 0 40px;
  }
}

@media (min-width: 1440px) {
  .p-payments__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.bonus-store__main {
  margin: 24px 0 40px;
}

@media (min-width: 768px) {
  .bonus-store__main {
    margin: 40px 0;
  }
}

.bonus-store__main .container {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}

@media (min-width: 768px) {
  .bonus-store__main .container {
    align-items: center;
    -moz-column-gap: 80px;
    column-gap: 80px;
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 1200px) {
  .bonus-store__main .container {
    -moz-column-gap: 180px;
    column-gap: 180px;
  }
}

@media (min-width: 1440px) {
  .bonus-store__main .container {
    -moz-column-gap: 240px;
    column-gap: 240px;
  }
}

@media (min-width: 1680px) {
  .bonus-store__main .container {
    -moz-column-gap: 460px;
    column-gap: 460px;
  }
}

.bonus-store__main--title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 16px;
}

@media (min-width: 768px) {
  .bonus-store__main--title {
    font-size: 42px;
    line-height: 52px;
  }
}

.bonus-store__main--text {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

@media (min-width: 1200px) {
  .bonus-store__main--text {
    font-size: 16px;
    line-height: 24px;
  }
}

.bonus-store-terms {
  margin: 40px auto 80px;
}

@media (min-width: 480px) {
  .bonus-store-terms {
    margin: 56px auto 80px;
  }
}

@media (min-width: 768px) {
  .bonus-store-terms {
    margin: 56px auto 100px;
  }
}

@media (min-width: 1200px) {
  .bonus-store-terms {
    margin: 80px auto 120px;
    max-width: 944px;
  }
}

@media (min-width: 1440px) {
  .bonus-store-terms {
    max-width: 1144px;
  }
}

@media (min-width: 1680px) {
  .bonus-store-terms {
    max-width: 1344px;
  }
}

.ls-page {
  overflow: hidden;
  position: relative;
}

.ls-page__title {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  margin: 0 0 32px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .ls-page__title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 40px;
  }
}

@media (min-width: 960px) {
  .ls-page__title {
    margin: 0 0 48px;
  }
}

.ls-page__title span {
  color: #ffc83a;
}

.ls-page__section {
  margin: 0 0 64px;
}

.ls-page__section--intro {
  background: url(/images/ls-banner-bg-mob.26b1d5aa..jpg) top no-repeat;
  background-size: cover;
  min-height: 960px;
}

@media (min-width: 480px) {
  .ls-page__section--intro {
    background: url(/images/ls-banner-bg.a6ca2c29..jpg) top no-repeat;
  }
}

@media (min-width: 1680px) {
  .ls-page__section--intro {
    background-size: contain;
  }
}

.ls-page__section--rewards {
  position: relative;
}

@media (min-width: 768px) {
  .ls-page__section--rewards {
    margin-top: -104px;
  }
}

.ls-page__section--rewards:before {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 0, 153, 0.11) 0,
    rgba(255, 0, 0, 0) 100%
  );
  content: "";
  display: none;
  height: 1210px;
  left: -650px;
  position: absolute;
  top: 120px;
  width: 1210px;
  z-index: -1;
}

@media (min-width: 768px) {
  .ls-page__section--rewards:before {
    display: block;
  }
}

@media (min-width: 960px) {
  .ls-page__section--rewards:before {
    height: 1345px;
    left: -1000px;
    width: 1345px;
  }
}

@media (min-width: 1440px) {
  .ls-page__section--rewards:before {
    height: 1559px;
    left: -940px;
    top: 0;
    width: 1559px;
  }
}

@media (min-width: 1680px) {
  .ls-page__section--rewards:before {
    left: -780px;
  }
}

.ls-page__section--rewards:after {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(5, 0, 255, 0.15) 0,
    rgba(36, 0, 255, 0) 100%
  );
  content: "";
  display: none;
  height: 1210px;
  position: absolute;
  right: -650px;
  top: 120px;
  width: 1210px;
  z-index: -1;
}

@media (min-width: 768px) {
  .ls-page__section--rewards:after {
    display: block;
  }
}

@media (min-width: 960px) {
  .ls-page__section--rewards:after {
    height: 1345px;
    right: -1000px;
    width: 1345px;
  }
}

@media (min-width: 1440px) {
  .ls-page__section--rewards:after {
    height: 1559px;
    right: -940px;
    top: 0;
    width: 1559px;
  }
}

@media (min-width: 1680px) {
  .ls-page__section--rewards:after {
    right: -780px;
  }
}

.ls-page__section--content .container {
  max-width: 1180px;
}

.ls-page__section--content .description__block-buttons {
  text-align: left;
}

.ls-page__section--content .description h1,
.ls-page__section--content .description h2,
.ls-page__section--content .description h3,
.ls-page__section--content .description h4,
.ls-page__section--content .description h5,
.ls-page__section--content .description h6 {
  margin: 0 0 24px;
  text-transform: none;
}

.ls-page__section--content .description h3 {
  font-size: 20px;
  line-height: 30px;
}

.ls-page__section--content .description li,
.ls-page__section--content .description p {
  color: #999;
  font-family: Rubik, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 24px;
  margin: 0 0 24px;
}

.ls-page__section--content .description li span,
.ls-page__section--content .description p span {
  color: #fff;
  font-weight: 700;
}

.ls-page__section--content .description li {
  margin: 0 0 5px;
}

.ls-page__section--content .description li:before {
  top: 9px;
}

.ls-page__tooltip {
  background: #384c6b;
  border-radius: 4px;
  bottom: 30px;
  box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.44);
  padding: 12px 16px;
  position: absolute;
  right: -45px;
  text-align: left;
  transform: scale(0);
  transform-origin: 80% 100%;
  transition: all 0.3s ease-in-out;
  width: 240px;
}

.ls-page__tooltip-title {
  color: #fff;
  font-weight: 700;
  margin: 0 0 8px;
}

.ls-page__tooltip-text,
.ls-page__tooltip-title {
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 18px;
}

.ls-page__tooltip-text {
  color: #999;
  font-weight: 400;
  margin: 0;
  text-transform: none;
}

.ls-page__tooltip:after {
  background-size: cover;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #212121;
  content: "";
  height: 0;
  position: absolute;
  right: 45px;
  top: 100%;
  width: 0;
}

.ls-page__label {
  background: url(/images/sale-label-red.d11e08a8..svg) 0 0 no-repeat;
  background-size: cover;
  height: 165px;
  position: absolute;
  right: 0;
  top: 8px;
  width: 165px;
  z-index: 2;
}

@media (min-width: 768px) {
  .ls-page__label {
    height: 252px;
    right: 30px;
    top: 0;
    width: 252px;
  }
}

@media (min-width: 960px) {
  .ls-page__label {
    display: none;
  }
}

.ls-page__label-text {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Rubik, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  transform: translate(40px, 50px) rotate(46deg);
}

@media (min-width: 768px) {
  .ls-page__label-text {
    font-size: 20px;
    line-height: 24px;
    transform: translate(70px, 90px) rotate(46deg);
  }
}

.ls-page .container {
  margin: 0 auto;
  max-width: 1606px;
}

.ls-page .ls-intro__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 24px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .ls-page .ls-intro__title {
    font-size: 26px;
    line-height: 32px;
  }
}

.ls-page .ls-intro__title_yellow {
  color: #ffd336;
}

.ls-page .ls-intro__inner {
  padding: 25px 0 0;
}

@media (min-width: 768px) {
  .ls-page .ls-intro__inner {
    padding: 40px 0 175px;
  }
}

@media (min-width: 1200px) {
  .ls-page .ls-intro__inner {
    padding: 52px 0 135px;
  }
}

.ls-page .ls-intro__logo {
  margin: 0 auto 8px;
  max-width: 160px;
}

@media (min-width: 960px) {
  .ls-page .ls-intro__logo {
    margin: 0 auto 32px;
    max-width: 240px;
  }
}

.ls-page .ls-intro__logo img {
  max-width: 100%;
}

.ls-page .ls-intro__container {
  padding-top: 28px;
  position: relative;
}

@media (min-width: 960px) {
  .ls-page .ls-intro__container {
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    background: linear-gradient(
      97.21deg,
      rgba(255, 0, 0, 0.06),
      rgba(142, 0, 254, 0.05) 50.52%,
      rgba(112, 0, 255, 0.06)
    );
    margin: 0 -48px;
  }
}

@media (min-width: 1200px) {
  .ls-page .ls-intro__container {
    border-radius: 16px;
    margin: 0;
  }
}

.ls-page .ls-intro__timer {
  margin: 0 0 32px;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .ls-page .ls-intro__timer {
    margin: 0 0 24px;
  }
}

@media (min-width: 960px) {
  .ls-page .ls-intro__timer {
    margin: 0;
    transform: translateY(-23px);
  }
}

.ls-page .ls-intro__tickets {
  margin: 0 0 32px;
  position: relative;
  z-index: 2;
}

@media (min-width: 960px) {
  .ls-page .ls-intro__tickets {
    margin: 0;
  }
}

.ls-page .ls-intro__lootboxes {
  position: relative;
  z-index: 2;
}

@media (min-width: 960px) {
  .ls-page .ls-intro__lootboxes {
    transform: translateY(35px);
  }
}

.ls-page .ls-intro__figure {
  display: none;
  position: absolute;
  z-index: 0;
}

@media (min-width: 960px) {
  .ls-page .ls-intro__figure {
    display: block;
    height: 480px;
  }
}

@media (min-width: 1440px) {
  .ls-page .ls-intro__figure {
    height: 540px;
  }
}

.ls-page .ls-intro__figure--left {
  bottom: 0;
  left: -80px;
}

@media (min-width: 1200px) {
  .ls-page .ls-intro__figure--left {
    left: -40px;
  }
}

.ls-page .ls-intro__figure--left .ls-intro__figure-inner {
  left: 80px;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .ls-page .ls-intro__figure--left .ls-intro__figure-inner {
    left: 40px;
  }
}

.ls-page .ls-intro__figure--left .ls-intro__figure-backdrop {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 0, 153, 0.27) 0,
    rgba(255, 0, 0, 0) 100%
  );
}

.ls-page .ls-intro__figure--right {
  bottom: 0;
  right: -80px;
}

@media (min-width: 1200px) {
  .ls-page .ls-intro__figure--right {
    right: -40px;
  }
}

.ls-page .ls-intro__figure--right .ls-intro__figure-inner {
  overflow: hidden;
  right: 80px;
}

@media (min-width: 1200px) {
  .ls-page .ls-intro__figure--right .ls-intro__figure-inner {
    right: 40px;
  }
}

.ls-page .ls-intro__figure--right .ls-intro__figure-backdrop {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 163, 255, 0.51) 0,
    rgba(36, 0, 255, 0) 100%
  );
  left: 0;
  right: auto;
}

.ls-page .ls-intro__figure--label {
  background: url(/images/sale-label-red.d11e08a8..svg) 0 0 no-repeat;
  background-size: cover;
  height: 252px;
  position: absolute;
  right: 0;
  top: 0;
  width: 252px;
  z-index: 2;
}

.ls-page .ls-intro__figure-text {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Rubik, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  transform: translate(90px, 110px) rotate(46deg);
}

.ls-page .ls-intro__figure-inner {
  border-radius: 16px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.ls-page .ls-intro__figure-backdrop {
  height: 1036px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1036px;
}

.ls-page .ls-intro__figure img {
  max-height: 100%;
}

.ls-page .ls-about {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .ls-page .ls-about {
    flex-direction: row;
    justify-content: center;
  }
}

.ls-page .ls-about__banner {
  flex: 1;
  text-align: center;
}

@media (min-width: 768px) {
  .ls-page .ls-about__banner {
    display: none;
  }
}

.ls-page .ls-about__banner img {
  max-width: 400px;
  width: 100%;
}

@media (min-width: 1200px) {
  .ls-page .ls-about__content {
    margin: 0;
    width: 992px;
  }
}

.ls-page .ls-about__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  margin: 0 0 32px;
  text-align: center;
}

@media (min-width: 768px) {
  .ls-page .ls-about__title {
    margin: 0 0 48px;
  }
}

.ls-page .ls-about__list {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 56px;
  row-gap: 32px;
}

@media (min-width: 768px) {
  .ls-page .ls-about__list {
    -moz-column-gap: 16px;
    column-gap: 16px;
    flex-direction: row;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.ls-page .ls-about__links {
  display: flex;
  justify-content: center;
}

.ls-page .ls-about__links .btn {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 24px;
  padding: 16px 24px;
  text-align: center;
  text-transform: uppercase;
}

.ls-page .ls-about-item {
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
}

@media (min-width: 768px) {
  .ls-page .ls-about-item {
    align-items: center;
    flex-direction: column;
    row-gap: 24px;
  }
}

.ls-page .ls-about-item__icon {
  height: 64px;
  width: 64px;
}

@media (min-width: 768px) {
  .ls-page .ls-about-item__content {
    text-align: center;
  }
}

.ls-page .ls-about-item__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 4px;
}

.ls-page .ls-about-item__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.ls-page__terms {
  margin: 80px auto;
  max-width: 1144px;
}

@media (min-width: 768px) {
  .ls-page__terms {
    margin: 80px auto 100px;
  }
}

@media (min-width: 1200px) {
  .ls-page__terms {
    margin: 80px auto 120px;
  }
}

@media (min-width: 1680px) {
  .ls-page__terms {
    max-width: 1344px;
  }
}

.hh-page {
  background: #000;
  overflow: hidden;
  position: relative;
}

.hh-page__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
  text-align: center;
}

@media (min-width: 768px) {
  .hh-page__title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 40px;
  }
}

.hh-page__title span {
  color: #ffc83a;
}

.hh-page__text {
  color: #999;
  font-family: Rubik, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 24px;
  margin: 0 0 16px;
  text-align: center;
}

.hh-page__text:last-child {
  margin: 0;
}

.hh-page__section {
  margin: 0 0 72px;
}

@media (min-width: 768px) {
  .hh-page__section {
    margin: 0 0 96px;
  }
}

@media (min-width: 960px) {
  .hh-page__section {
    margin: 0 0 112px;
  }
}

@media (min-width: 1440px) {
  .hh-page__section {
    margin: 0 0 120px;
  }
}

.hh-page__section--how-to {
  position: relative;
  z-index: 3;
}

.hh-page__section--how-to:before {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(250, 0, 255, 0.16) 0,
    rgba(204, 0, 255, 0) 100%
  );
  content: "";
  height: 723px;
  left: -550px;
  pointer-events: none;
  position: absolute;
  top: 300px;
  width: 723px;
}

@media (min-width: 768px) {
  .hh-page__section--how-to:before {
    height: 1157px;
    left: -800px;
    top: -300px;
    width: 1157px;
  }
}

@media (min-width: 1200px) {
  .hh-page__section--how-to:before {
    height: 1451px;
    left: -1000px;
    top: -400px;
    width: 1451px;
  }
}

.hh-page__section--how-to:after {
  background: radial-gradient(
    50% 50% at 50% 50%,
    #67ff5a 0.52%,
    rgba(68, 255, 87, 0) 100%
  );
  content: "";
  height: 723px;
  opacity: 0.12;
  pointer-events: none;
  position: absolute;
  right: -550px;
  top: 300px;
  width: 723px;
}

@media (min-width: 768px) {
  .hh-page__section--how-to:after {
    height: 1157px;
    right: -800px;
    top: -300px;
    width: 1157px;
  }
}

@media (min-width: 1200px) {
  .hh-page__section--how-to:after {
    height: 1451px;
    right: -1000px;
    top: -400px;
    width: 1451px;
  }
}

.hh-page__section--features {
  position: relative;
}

.hh-page__section--features:after {
  background: radial-gradient(
    50% 50% at 50% 50%,
    #67ff5a 0.52%,
    rgba(68, 255, 87, 0) 100%
  );
  bottom: -80%;
  content: "";
  height: 730px;
  opacity: 0.12;
  pointer-events: none;
  position: absolute;
  right: -370px;
  width: 730px;
}

@media (min-width: 768px) {
  .hh-page__section--features:after {
    bottom: -155%;
    height: 1157px;
    right: -650px;
    width: 1157px;
  }
}

@media (min-width: 1200px) {
  .hh-page__section--features:after {
    bottom: -345%;
    height: 1451px;
    right: -950px;
    width: 1451px;
  }
}

.hh-page__section--features:before {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(250, 0, 255, 0.16) 0,
    rgba(204, 0, 255, 0) 100%
  );
  bottom: -500px;
  content: "";
  display: none;
  height: 730px;
  left: -600px;
  pointer-events: none;
  position: absolute;
  width: 730px;
}

@media (min-width: 768px) {
  .hh-page__section--features:before {
    bottom: -175%;
    display: block;
    height: 1157px;
    width: 1157px;
  }
}

@media (min-width: 1200px) {
  .hh-page__section--features:before {
    bottom: -375%;
    height: 1451px;
    left: -950px;
    width: 1451px;
  }
}

.hh-page__intro-bg {
  display: block;
  left: 50%;
  min-width: 375px;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100%;
}

@media (min-width: 768px) {
  .hh-page__intro-bg {
    max-height: unset;
  }
}

@media (min-width: 1440px) {
  .hh-page__intro-bg {
    max-width: 1920px;
    width: 100%;
  }
}

.hh-page__intro-bg:before {
  background: linear-gradient(179.15deg, transparent 50%, #000);
  bottom: 0;
  content: "";
  height: 232px;
  left: 0;
  position: absolute;
  width: 100%;
}

.hh-page__intro-bg img {
  max-width: 100%;
}

.hh-page__intro-jackpot {
  position: relative;
  z-index: 2;
}

.hh-page .hh-page__btn {
  align-items: center;
  background: #41f13d;
  border-radius: 4px;
  box-shadow: none;
  color: #000;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 24px;
  padding: 12px 30px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

.hh-page .hh-page__btn:hover {
  background: #1db415;
  color: #000;
}

.hh-page__seo {
  background: var(--header-color);
  border-radius: 20px;
  padding: 20px;
}

@media (min-width: 768px) {
  .hh-page__seo {
    padding: 32px;
  }
}

@media (min-width: 1200px) {
  .hh-page__seo {
    padding: 40px;
  }
}

@media (min-width: 1680px) {
  .hh-page__seo {
    padding: 40px 48px;
  }
}

.hh-page__seo .description--dark .description__preview:after {
  background: linear-gradient(180deg, rgba(15, 15, 20, 0), var(--header-color));
}

.hh-page .container {
  margin: 0 auto;
  max-width: 1316px;
}

.hh-page .hh-intro__logo {
  margin: 20px auto 12px;
  max-width: 216px;
}

@media (min-width: 768px) {
  .hh-page .hh-intro__logo {
    margin: 24px auto 13px;
    max-width: 265px;
  }
}

@media (min-width: 1440px) {
  .hh-page .hh-intro__logo {
    margin: 36px auto 16px;
    max-width: 333px;
  }
}

.hh-page .hh-intro__logo img {
  max-width: 100%;
}

.hh-page .hh-intro__tournament {
  margin: 0 0 40px;
}

@media (min-width: 960px) {
  .hh-page .hh-intro__tournament {
    margin: 0 0 48px;
  }
}

.hh-page .hh-intro__text-content {
  margin: 0 auto 32px;
  max-width: 876px;
}

.hh-page .hh-intro__deposit {
  display: flex;
  justify-content: center;
}

.hh-page .hh-features__title {
  font-size: 24px;
  line-height: 32px;
}

@media (min-width: 768px) {
  .hh-page .hh-features__title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 48px;
  }
}

@media (min-width: 960px) {
  .hh-page .hh-features__title {
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 64px;
  }
}

@media (min-width: 1200px) {
  .hh-page .hh-features__title {
    margin: 0 0 32px;
  }
}

.hh-page .hh-features__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 0 auto;
  max-width: 320px;
  padding: 0;
}

@media (min-width: 768px) {
  .hh-page .hh-features__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 56px 24px;
    justify-content: center;
    max-width: 672px;
  }
}

@media (min-width: 960px) {
  .hh-page .hh-features__list {
    flex-wrap: nowrap;
    gap: 24px;
    max-width: unset;
  }
}

.hh-page .hh-features__item {
  flex: 1;
}

@media (min-width: 768px) {
  .hh-page .hh-features__item {
    flex: 1 1 208px;
    max-width: 208px;
  }
}

@media (min-width: 960px) {
  .hh-page .hh-features__item {
    flex: 1;
  }
}

.hh-page .hh-feature {
  align-items: center;
  display: flex;
  gap: 24px;
}

@media (min-width: 768px) {
  .hh-page .hh-feature {
    flex-direction: column;
    gap: 24px;
  }
}

.hh-page .hh-feature__icon {
  height: 64px;
  width: 64px;
}

@media (min-width: 768px) {
  .hh-page .hh-feature__icon {
    height: 80px;
    width: 80px;
  }
}

.hh-page .hh-feature__icon img {
  max-width: 100%;
}

.hh-page .hh-feature__text {
  color: #fff;
  font-family: Rubik, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}

@media (min-width: 768px) {
  .hh-page .hh-feature__text {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
  }
}

@media (min-width: 960px) {
  .hh-page .hh-feature__text {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .hh-page .hh-feature__text {
    font-size: 20px;
    line-height: 28px;
  }
}

.hh-page .hh-how-to__content {
  margin: 0 auto 40px;
  max-width: 876px;
}

@media (min-width: 960px) {
  .hh-page .hh-how-to__content {
    margin: 0 auto 56px;
  }
}

.hh-page .hh-how-to__title {
  margin: 0 0 32px;
}

.hh-page .hh-how-to__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .hh-page .hh-how-to__list {
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .hh-page .hh-how-to__list {
    gap: 24px;
  }
}

@media (min-width: 1440px) {
  .hh-page .hh-how-to__list {
    gap: 32px;
  }
}

.hh-page .hh-how-to__item {
  flex: 1;
}

.hh-page .hh-how-to-card {
  background: radial-gradient(
      67.9% 81.27% at 5.91% 2.14%,
      rgba(255, 0, 229, 0.16) 0,
      rgba(255, 0, 229, 0) 100%
    ),
    radial-gradient(
      87.44% 93.04% at 95.7% 100%,
      rgba(36, 255, 0, 0.16) 0,
      rgba(36, 255, 0, 0) 100%
    ),
    hsla(0, 0%, 100%, 0.02);
  border-radius: 8px;
  margin: 0 auto;
  max-width: 400px;
  overflow: hidden;
  position: relative;
}

.hh-page .hh-how-to-card__inner {
  min-height: 168px;
  padding: 16px;
}

@media (min-width: 960px) {
  .hh-page .hh-how-to-card__inner {
    min-height: 200px;
    padding: 25px;
  }
}

.hh-page .hh-how-to-card__image {
  bottom: -100px;
  position: absolute;
  right: -100px;
}

.hh-page .hh-how-to-card__image--clocks {
  bottom: -240px;
  right: -220px;
}

@media (min-width: 960px) {
  .hh-page .hh-how-to-card__image--clocks {
    right: -290px;
  }
}

@media (min-width: 1440px) {
  .hh-page .hh-how-to-card__image--clocks {
    bottom: -220px;
    right: -230px;
  }
}

.hh-page .hh-how-to-card__image--ribbons {
  bottom: -50px;
  max-width: 206px;
  right: -40px;
}

@media (min-width: 960px) {
  .hh-page .hh-how-to-card__image--ribbons {
    max-width: unset;
    right: -150px;
  }
}

@media (min-width: 1440px) {
  .hh-page .hh-how-to-card__image--ribbons {
    bottom: -80px;
    right: -80px;
  }
}

.hh-page .hh-how-to-card__image--money {
  bottom: -80px;
  max-width: 243px;
  right: -75px;
}

@media (min-width: 960px) {
  .hh-page .hh-how-to-card__image--money {
    bottom: -160px;
    bottom: -170px;
    max-width: unset;
    right: -205px;
    right: -155px;
  }
}

.hh-page .hh-how-to-card__content {
  position: relative;
  z-index: 2;
}

.hh-page .hh-how-to-card__icon {
  height: 56px;
  margin: 0 0 16px;
}

@media (min-width: 960px) {
  .hh-page .hh-how-to-card__icon {
    margin: 0 0 32px;
  }
}

.hh-page .hh-how-to-card__text {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}

@media (min-width: 960px) {
  .hh-page .hh-how-to-card__text {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1440px) {
  .daily-cashback .container--hero {
    width: calc(100% - 128px);
  }
}

@media (max-width: 1200px) {
  .daily-cashback .container--hero {
    width: calc(100% - 104px);
  }
}

@media (max-width: 960px) {
  .daily-cashback .container--hero {
    width: calc(100% - 88px);
  }
}

@media (max-width: 768px) {
  .daily-cashback .container--hero {
    width: calc(100% - 96px);
  }
}

@media (max-width: 480px) {
  .daily-cashback .container--hero {
    width: calc(100% - 32px);
  }
}

@media (max-width: 1440px) {
  .daily-cashback .container--promo {
    width: calc(100% - 128px);
  }
}

@media (max-width: 1200px) {
  .daily-cashback .container--promo {
    width: calc(100% - 104px);
  }
}

@media (max-width: 960px) {
  .daily-cashback .container--promo {
    width: calc(100% - 88px);
  }
}

@media (max-width: 768px) {
  .daily-cashback .container--promo {
    width: calc(100% - 96px);
  }
}

@media (max-width: 480px) {
  .daily-cashback .container--promo {
    width: 100%;
  }
}

.daily-cashback__hero {
  overflow: hidden;
  padding-bottom: 136px;
  padding-top: 64px;
  position: relative;
}

.daily-cashback__hero:after {
  background: linear-gradient(
      90deg,
      rgba(15, 15, 20, 0.5),
      rgba(15, 15, 20, 0) 14.02%
    ),
    linear-gradient(
      270.11deg,
      rgba(15, 15, 20, 0.2) 0.12%,
      rgba(15, 15, 20, 0) 14.69%
    ),
    linear-gradient(
      180deg,
      rgba(15, 15, 20, 0) 45.95%,
      rgba(15, 15, 20, 0.67) 77.52%,
      #0f0f14 99.17%
    );
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

@media (max-width: 1440px) {
  .daily-cashback__hero {
    padding-bottom: 136px;
    padding-top: 64px;
  }
}

@media (max-width: 1200px) {
  .daily-cashback__hero {
    padding-bottom: 90px;
    padding-top: 32px;
  }
}

@media (max-width: 768px) {
  .daily-cashback__hero {
    padding-bottom: 60px;
  }
}

@media (max-width: 480px) {
  .daily-cashback__hero {
    padding-bottom: 80px;
    padding-top: 42px;
  }
}

@media (max-width: 320px) {
  .daily-cashback__hero {
    padding-bottom: 142px;
    padding-top: 22px;
  }
}

.daily-cashback__hero-background {
  animation: space 10s ease-out 0s infinite alternate;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(1.05);
  z-index: -2;
}

@media (max-width: 1440px) {
  .daily-cashback__hero-background {
    right: -100px;
  }
}

@media (max-width: 1200px) {
  .daily-cashback__hero-background {
    height: 702px;
  }
}

@media (max-width: 960px) {
  .daily-cashback__hero-background {
    height: 601px;
  }
}

@media (max-width: 768px) {
  .daily-cashback__hero-background {
    height: 500px;
  }
}

@media (max-width: 480px) {
  .daily-cashback__hero-background {
    height: 902px;
    right: -380px;
  }
}

@media (max-width: 320px) {
  .daily-cashback__hero-background {
    right: -680px;
  }
}

.daily-cashback__dice {
  animation: dice 10s ease-out 0s infinite alternate;
  bottom: 15px;
  left: 90px;
  position: absolute;
  z-index: -1;
}

@media (max-width: 1440px) {
  .daily-cashback__dice {
    bottom: -40px;
    left: -60px;
  }
}

@media (max-width: 1200px) {
  .daily-cashback__dice {
    bottom: 50px;
    height: 447px;
    right: 0;
  }
}

@media (max-width: 960px) {
  .daily-cashback__dice {
    height: 383px;
  }
}

@media (max-width: 768px) {
  .daily-cashback__dice {
    bottom: 100px;
    height: 319px;
    right: -50px;
  }
}

@media (max-width: 480px) {
  .daily-cashback__dice {
    display: none;
  }
}

@media (max-width: 320px) {
  .daily-cashback__dice {
    display: none;
  }
}

.daily-cashback__dice--mobile {
  display: none;
}

@media (max-width: 320px) {
  .daily-cashback__dice--mobile {
    bottom: 110px;
    display: block;
    height: 575px;
    left: 0;
  }
}

.daily-cashback__spaceman {
  animation: space 10s ease-out 0s infinite alternate;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

@media (max-width: 1440px) {
  .daily-cashback__spaceman {
    right: -100px;
  }
}

@media (max-width: 1200px) {
  .daily-cashback__spaceman {
    height: 702px;
  }
}

@media (max-width: 960px) {
  .daily-cashback__spaceman {
    height: 601px;
  }
}

@media (max-width: 768px) {
  .daily-cashback__spaceman {
    height: 500px;
  }
}

@media (max-width: 480px) {
  .daily-cashback__spaceman {
    height: 902px;
    right: -300px;
  }
}

@media (max-width: 320px) {
  .daily-cashback__spaceman {
    right: -750px;
  }
}

.daily-cashback__bg-car-wrap {
  width: 100%;
  z-index: -1;
}

.daily-cashback__bg-car-wrap,
.daily-cashback__hero-car-bg {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.daily-cashback__hero-car-bg {
  animation: background-first 15s linear infinite alternate;
}

.daily-cashback__ball-bg {
  animation: background-second 15s linear infinite alternate;
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.daily-cashback-description {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  z-index: 10;
}

.daily-cashback-description__deposit-button {
  font-size: 24px !important;
  height: 56px;
  margin: 0 auto 21px !important;
  width: 250px;
}

@media (max-width: 1200px) {
  .daily-cashback-description__deposit-button {
    font-size: 20px !important;
    height: 48px;
    margin: 0 auto 16px !important;
    width: 220px;
  }
}

.daily-cashback-description__text {
  display: block;
  font-family: Open Sans, sans-serif;
}

.daily-cashback-description__text--daily {
  color: hsla(0, 0%, 100%, 0.8);
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 120%;
  text-transform: uppercase;
}

@media (max-width: 1200px) {
  .daily-cashback-description__text--daily {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .daily-cashback-description__text--daily {
    font-size: 22px;
  }
}

.daily-cashback-description__text--ladder {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(185.38deg, #abebff 21.88%, #35cfff 75.75%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 120%;
  margin-bottom: 40px;
  text-transform: uppercase;
}

@media (max-width: 1200px) {
  .daily-cashback-description__text--ladder {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

@media (max-width: 768px) {
  .daily-cashback-description__text--ladder {
    font-size: 22px;
    margin-bottom: 24px;
  }
}

.daily-cashback-description__text--up-to {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 76px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 100%;
  margin-bottom: 64px;
  text-transform: uppercase;
}

@media (max-width: 1200px) {
  .daily-cashback-description__text--up-to {
    font-size: 44px;
    margin-bottom: 56px;
  }
}

@media (max-width: 768px) {
  .daily-cashback-description__text--up-to {
    font-size: 40px;
    margin-bottom: 32px;
  }
}

.daily-cashback-description__text--deposit {
  color: hsla(0, 0%, 100%, 0.8);
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 24px;
  margin-bottom: 200px;
}

@media (max-width: 1440px) {
  .daily-cashback-description__text--deposit {
    margin-bottom: 160px;
  }
}

@media (max-width: 1200px) {
  .daily-cashback-description__text--deposit {
    font-size: 16px;
    margin-bottom: 110px;
  }
}

@media (max-width: 960px) {
  .daily-cashback-description__text--deposit {
    margin-bottom: 100px;
  }
}

@media (max-width: 320px) {
  .daily-cashback-description__text--deposit {
    margin-bottom: 80px;
  }
}

.daily-cashback__steps {
  -moz-column-gap: 22.5px;
  column-gap: 22.5px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
  z-index: 10;
}

@media (max-width: 960px) {
  .daily-cashback__steps {
    -ms-overflow-style: none;
    -moz-column-gap: 16px;
    column-gap: 16px;
    margin-left: -48px;
    overflow: scroll;
    padding-left: 48px;
    padding-right: 48px;
    scrollbar-width: none;
    width: calc(100% + 96px);
  }

  .daily-cashback__steps::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 480px) {
  .daily-cashback__steps {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: auto;
  }
}

.daily-cashback-step {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: radial-gradient(
    100% 100% at 0 0,
    rgba(188, 247, 255, 0.5) 0.52%,
    rgba(96, 236, 255, 0.307) 51.04%,
    rgba(7, 225, 255, 0.12) 100%
  );
  clip-path: polygon(
    291px 0,
    308px 17px,
    100% 17px,
    100% 100%,
    0 100%,
    0 60%,
    0 0
  );
  display: flex;
  padding: 76px 0 0 30px;
  position: relative;
}

@media (max-width: 1200px) {
  .daily-cashback-step {
    clip-path: polygon(
      217px 0,
      234px 17px,
      100% 17px,
      100% 100%,
      0 100%,
      0 60%,
      0 0
    );
    padding: 72px 0 0 30px;
  }
}

@media (max-width: 960px) {
  .daily-cashback-step {
    clip-path: polygon(
      167px 0,
      180px 13px,
      100% 13px,
      100% 100%,
      0 100%,
      0 60%,
      0 0
    );
    min-width: 280px;
    padding: 57px 0 0 24px;
  }
}

@media (max-width: 480px) {
  .daily-cashback-step {
    margin-bottom: 16px;
    max-width: 280px;
  }

  .daily-cashback-step:last-child {
    margin-bottom: 0;
  }
}

.daily-cashback-step__header {
  align-items: center;
  background: linear-gradient(
    90.04deg,
    #ad1f00 21.16%,
    #291eb0 61.8%,
    rgba(111, 44, 255, 0) 99.97%
  );
  box-shadow: 0 4px 4px rgba(1, 20, 24, 0.25);
  color: #fff;
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-weight: 700;
  height: 60px;
  left: 0;
  letter-spacing: 0.04em;
  line-height: 120%;
  padding-left: 30px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%;
}

@media (max-width: 1200px) {
  .daily-cashback-step__header {
    font-size: 22px;
  }
}

@media (max-width: 960px) {
  .daily-cashback-step__header {
    font-size: 18px;
    height: 44px;
    padding-left: 24px;
  }
}

.daily-cashback-step__main {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.daily-cashback-step__description {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 120%;
  opacity: 0.9;
  padding-bottom: 16px;
}

@media (max-width: 1200px) {
  .daily-cashback-step__description {
    font-size: 18px;
  }
}

@media (max-width: 960px) {
  .daily-cashback-step__description {
    font-size: 14px;
  }
}

.daily-cashback-step__image {
  height: 150px;
  margin-top: -35px;
  width: 150px;
}

@media (max-width: 1200px) {
  .daily-cashback-step__image {
    height: 120px;
    margin-top: -2px;
    width: 120px;
  }
}

@media (max-width: 960px) {
  .daily-cashback-step__image {
    height: 90px;
    margin-top: 0;
    width: 90px;
  }
}

.daily-cashback-promo {
  background: url(/images/description-background.720b2848..png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 160px;
  margin-top: 20px;
  padding: 60px 64px;
  position: relative;
}

@media (max-width: 1440px) {
  .daily-cashback-promo {
    margin-bottom: 110px;
    padding: 60px 48px;
  }
}

@media (max-width: 1200px) {
  .daily-cashback-promo {
    margin-bottom: 70px;
  }
}

@media (max-width: 960px) {
  .daily-cashback-promo {
    margin-bottom: 60px;
    margin-top: 10px;
    padding: 40px 48px;
  }
}

@media (max-width: 768px) {
  .daily-cashback-promo {
    margin-bottom: 40px;
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  .daily-cashback-promo {
    padding: 40px 24px;
  }
}

@media (max-width: 320px) {
  .daily-cashback-promo {
    padding: 40px 16px;
  }
}

.daily-cashback-promo__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 120%;
  margin: 0 0 24px;
  text-transform: uppercase;
}

@media (max-width: 480px) {
  .daily-cashback-promo__title {
    text-align: center;
  }
}

.daily-cashback-promo__list {
  list-style: none;
  margin: 0;
  padding-left: 20px;
}

@media (max-width: 1440px) {
  .daily-cashback-promo__list {
    padding-left: 32px;
  }
}

.daily-cashback-promo__list--inner {
  padding: 0;
}

.daily-cashback-promo__item {
  color: hsla(0, 0%, 100%, 0.8);
  counter-increment: custom;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 12px;
  position: relative;
  text-align: left;
}

.daily-cashback-promo__item:before {
  align-items: center;
  color: #fff;
  content: counter(custom);
  display: flex;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  height: 26px;
  justify-content: center;
  left: -32px;
  line-height: 100%;
  position: absolute;
  text-shadow: 0 0 4px rgba(0, 224, 255, 0.3);
  top: 0;
  width: 26px;
}

@media (max-width: 960px) {
  .daily-cashback-promo__item:before {
    top: -2px;
  }
}

.daily-cashback-promo__item:first-child {
  counter-reset: custom;
}

@media (max-width: 960px) {
  .daily-cashback-promo__item {
    font-size: 16px;
  }
}

.daily-cashback-promo__item:last-child {
  margin-bottom: 0;
}

.daily-cashback-promo__image {
  left: -32px;
  position: absolute;
  top: 0;
}

@keyframes space {
  0% {
    transform: scale(1.05);
  }

  to {
    transform: scale(1);
  }
}

@keyframes dice {
  0% {
    transform: scale(1);
  }

  to {
    transform: scale(1.2);
  }
}

.lb-page__inner-container {
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .lb-page__inner-container {
    width: 1136px;
  }
}

@media (min-width: 1440px) {
  .lb-page__inner-container {
    width: 1144px;
  }
}

@media (min-width: 1680px) {
  .lb-page__inner-container {
    width: 1344px;
  }
}

.lb-page__top {
  height: 796px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .lb-page__top {
    height: 1110px;
  }
}

.lb-page__background {
  height: 531px;
  left: 50%;
  position: absolute;
  top: -14px;
  transform: translateX(-50%);
  z-index: -1;
}

@media (min-width: 768px) {
  .lb-page__background {
    height: unset;
    top: 0;
  }
}

.lb-page__logo {
  margin-top: 16px;
  max-width: 103px;
}

@media (min-width: 768px) {
  .lb-page__logo {
    margin-top: 48px;
    max-width: 120px;
  }
}

@media (min-width: 1200px) {
  .lb-page__logo {
    margin-top: 40px;
  }
}

.lb-page__content {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.lb-page__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 16px 0 28px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .lb-page__title {
    margin: 16px 0 20px;
  }
}

@media (min-width: 768px) {
  .lb-page__title {
    font-size: 26px;
    line-height: 32px;
    margin: 40px 0 56px;
    max-width: 720px;
  }
}

.lb-page__gates {
  left: 50%;
  max-width: 310px;
  min-width: 310px;
  position: absolute;
  top: 258px;
  transform: translateX(-50%);
  width: 100%;
}

@media (min-width: 375px) {
  .lb-page__gates {
    max-width: 360px;
    top: 236px;
  }
}

@media (min-width: 480px) {
  .lb-page__gates {
    max-width: 440px;
    top: 200px;
  }
}

@media (min-width: 768px) {
  .lb-page__gates {
    max-width: 720px;
    top: 312px;
  }
}

.lb-page__panel {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: absolute;
  top: 418px;
  transform: translate(-50%);
}

@media (min-width: 768px) {
  .lb-page__panel {
    top: 696px;
  }
}

.lb-page__launcher {
  margin-bottom: 62px;
}

@media (min-width: 768px) {
  .lb-page__launcher {
    margin-bottom: 56px;
  }
}

.lb-page-how-to {
  margin-bottom: 32px;
}

@media (min-width: 480px) {
  .lb-page-how-to {
    margin-bottom: 48px;
  }
}

@media (min-width: 768px) {
  .lb-page-how-to {
    margin-bottom: 56px;
  }
}

@media (min-width: 1200px) {
  .lb-page-how-to {
    margin-bottom: 80px;
  }
}

.lb-page-how-to__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 32px;
  text-align: center;
}

@media (min-width: 768px) {
  .lb-page-how-to__title {
    font-size: 32px;
    line-height: 40px;
  }
}

.lb-page-how-to__steps {
  align-items: center;
  background: radial-gradient(
      126.97% 126.97% at 49.47% -69.08%,
      rgba(192, 12, 255, 0.4) 0,
      transparent 82.71%
    ),
    linear-gradient(180deg, #0b1436, rgba(19, 18, 72, 0) 76.3%);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 32px 0;
  position: relative;
  row-gap: 24px;
  width: calc(100% - 4px);
}

.lb-page-how-to__steps:before {
  background: linear-gradient(188.88deg, #7e14ff -26.88%, #090f25 61.78%);
  border-radius: 22px;
  content: "";
  height: 100%;
  left: -2px;
  opacity: 0.6;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
  z-index: -1;
}

@media (min-width: 768px) {
  .lb-page-how-to__steps {
    align-items: flex-start;
    -moz-column-gap: 24px;
    column-gap: 24px;
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .lb-page-how-to__steps {
    -moz-column-gap: 40px;
    column-gap: 40px;
    justify-content: space-between;
    padding: 32px 40px;
  }
}

.lb-page-how-to-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 206px;
  row-gap: 16px;
}

@media (min-width: 1200px) {
  .lb-page-how-to-step {
    align-items: flex-start;
    -moz-column-gap: 16px;
    column-gap: 16px;
    flex-direction: row;
    max-width: unset;
  }
}

.lb-page-how-to-step__icon {
  width: 66px;
}

.lb-page-how-to-step__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  text-align: center;
}

@media (min-width: 1200px) {
  .lb-page-how-to-step__content {
    max-width: 208px;
    text-align: left;
  }
}

.lb-page-how-to-step__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.lb-page-how-to-step__text,
.lb-page-how-to-step__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  margin: 0;
}

.lb-page-how-to-step__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.lb-page__rules {
  margin-bottom: 48px;
}

@media (min-width: 480px) {
  .lb-page__rules {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .lb-page__rules {
    margin-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .lb-page__rules {
    margin-bottom: 120px;
  }
}

.lucky-box-page {
  background: var(--background-color);
  overflow: hidden;
  position: relative;
}

.lucky-box-page__section-title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 138%;
  text-align: center;
  text-transform: uppercase;
}

.lucky-box-page .top {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 0;
}

@media (min-width: 768px) {
  .lucky-box-page .top {
    min-height: 770px;
  }
}

.lucky-box-page .top__bg {
  height: 100%;
  left: 50%;
  max-height: 295px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  z-index: -1;
}

@media (min-width: 480px) {
  .lucky-box-page .top__bg {
    max-height: 370px;
  }
}

@media (min-width: 768px) {
  .lucky-box-page .top__bg {
    max-height: 100%;
  }
}

.lucky-box-page .top__bg-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%;
}

.lucky-box-page .top__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 526px;
  padding-top: 24px;
}

@media (min-width: 768px) {
  .lucky-box-page .top__content {
    padding-top: 40px;
  }
}

.lucky-box-page .top__logo {
  max-width: 170px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (min-width: 1200px) {
  .lucky-box-page .top__logo {
    max-width: 203px;
  }
}

.lucky-box-page .top__title {
  font-size: 20px;
  line-height: 26px;
  margin: 45px 0 42px;
  max-width: 526px;
  text-transform: none;
}

@media (min-width: 480px) {
  .lucky-box-page .top__title {
    font-size: 26px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .lucky-box-page .top__title {
    margin: 24px 0 64px;
  }
}

@media (min-width: 1200px) {
  .lucky-box-page .top__title {
    margin: 32px 0 56px;
  }
}

.lucky-box-page .top .top__text--secondary-color {
  color: #ffd336;
}

.lucky-box-page .how-it-work {
  margin-top: 47px;
}

@media (min-width: 768px) {
  .lucky-box-page .how-it-work {
    margin-top: 40px;
  }
}

.lucky-box-page .how-it-work__title {
  font-weight: 800;
  margin-bottom: 16px;
  margin-top: 0;
  text-transform: none;
}

@media (min-width: 768px) {
  .lucky-box-page .how-it-work__title {
    font-size: 32px;
    line-height: 39px;
  }
}

.lucky-box-page .how-it-work__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 20px;
  margin: 0 auto 32px;
  max-width: 527px;
  text-align: center;
}

@media (min-width: 768px) {
  .lucky-box-page .how-it-work__text {
    margin-bottom: 32px;
  }
}

@media (min-width: 1440px) {
  .lucky-box-page .how-it-work__text {
    margin-bottom: 40px;
  }
}

.lucky-box-page .how-it-work__steps {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0 auto;
  max-width: 992px;
  position: relative;
}

@media (min-width: 768px) {
  .lucky-box-page .how-it-work__steps {
    flex-direction: row;
    gap: 16px;
    justify-content: center;
  }
}

.lucky-box-page .how-it-work__step {
  align-items: flex-start;
  display: flex;
  font-family: Open Sans, sans-serif;
  gap: 8px;
  justify-content: center;
  max-width: 288px;
  width: 100%;
}

@media (min-width: 768px) {
  .lucky-box-page .how-it-work__step {
    align-items: center;
    flex-direction: column;
  }
}

.lucky-box-page .how-it-work__subtitle {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 4px;
}

@media (min-width: 768px) {
  .lucky-box-page .how-it-work__subtitle {
    text-align: center;
  }
}

.lucky-box-page .how-it-work__card-text {
  display: flex;
  flex-direction: column;
}

.lucky-box-page .how-it-work__dsc {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

@media (min-width: 768px) {
  .lucky-box-page .how-it-work__dsc {
    text-align: center;
  }
}

.lucky-box-page .how-it-work__icon {
  height: 66px;
  width: 64px;
}

.lucky-box-page .how-it-work__btn-wrapper {
  margin: 24px auto 0;
  width: -moz-max-content;
  width: max-content;
}

@media (min-width: 1200px) {
  .lucky-box-page .how-it-work__btn-wrapper {
    margin-bottom: 32px;
  }
}

.lucky-box-page .how-it-work__deposit-btn {
  margin: 0 auto;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 16px 24px;
}

.lucky-box-page .terms {
  margin-top: 64px;
}

.lucky-box-page .terms__inner {
  background: #1a1a22;
  border-radius: 20px;
  margin: 0 auto;
  max-width: 1248px;
  padding: 24px 20px;
}

@media (min-width: 768px) {
  .lucky-box-page .terms__inner {
    padding: 40px 48px;
  }
}

.lucky-box-page .terms__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
  margin-top: 0;
}

@media (min-width: 768px) {
  .lucky-box-page .terms__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
  }
}

.lucky-box-page .terms__collapse {
  font-weight: 700;
  justify-content: flex-start;
  text-align: left;
}

.lucky-box-page .terms__content {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 150%;
}

.lucky-box-page .terms__content p {
  margin-top: 0;
}

.lucky-box-page .terms__content p:not(:last-child) {
  margin-bottom: 32px;
}

.lucky-box-page .terms__content--white {
  color: #fff;
  font-weight: 500;
}

.lucky-box-page .terms__content--title {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
}

.lucky-box-page .welcome-lb {
  margin-top: 80px;
}

@media (min-width: 768px) {
  .lucky-box-page .welcome-lb {
    margin-top: 100px;
  }
}

@media (min-width: 1440px) {
  .lucky-box-page .welcome-lb {
    margin-top: 120px;
  }
}

.lucky-box-page .welcome-lb__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 768px) {
  .lucky-box-page .welcome-lb__content {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 48px;
    width: 100%;
  }
}

.lucky-box-page .welcome-lb__content div {
  max-width: calc(50% - 24px);
  width: 100%;
}

.lucky-box-page .welcome-lb__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 16px;
}

.summer-calendar-page__top {
  position: relative;
}

.summer-calendar-page__top .container {
  padding-bottom: 90px;
}

.summer-calendar-page__bg {
  height: 498px;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 1296px;
  z-index: -1;
}

@media (min-width: 1200px) {
  .summer-calendar-page__bg {
    height: 740px;
    width: 1680px;
  }
}

.summer-calendar-page__main--title {
  color: #fff;
  font: 700 26px/32px Open Sans, sans-serif;
  margin-bottom: 24px;
  margin-top: 0;
  text-align: center;
}

@media (min-width: 768px) {
  .summer-calendar-page__main--title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .summer-calendar-page__main--title {
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 80px;
  }
}

.summer-calendar-page__rules {
  margin-bottom: 80px;
  margin-top: 56px;
}

@media (min-width: 768px) {
  .summer-calendar-page__rules {
    margin-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .summer-calendar-page__rules {
    margin-bottom: 120px;
    margin-top: 80px;
  }
}

.hall-of-fame {
  overflow: hidden;
  position: relative;
}

@media (min-width: 1200px) {
  .hall-of-fame .container {
    max-width: 1680px;
  }
}

.hall-of-fame__title {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 32px;
  margin-top: 0;
}

.hall-of-fame .hall-of-fame-champions {
  margin-top: 32px;
}

@media (min-width: 768px) {
  .hall-of-fame .hall-of-fame-champions {
    margin-top: 40px;
  }
}

.hall-of-fame .hall-of-fame-champions__title {
  margin-bottom: 24px;
}

.hall-of-fame .hall-of-fame-wins {
  margin-top: 32px;
}

@media (min-width: 1200px) {
  .hall-of-fame .hall-of-fame-wins {
    margin-top: 40px;
  }
}

.hall-of-fame .hall-of-fame-wins__title {
  margin-bottom: 24px;
  margin-top: 0;
}

.hall-of-fame__welcome {
  margin-bottom: 8px;
  margin-top: 80px;
}

@media (min-width: 1200px) {
  .hall-of-fame__welcome {
    margin-bottom: 24px;
    margin-top: 120px;
  }
}

.p-vip-club {
  margin: 0 auto;
  max-width: 1440px;
  position: relative;
}

.p-vip-club .container {
  max-width: 1344px;
}

.p-vip-club__bg {
  height: 380px;
  position: relative;
}

.p-vip-club__bg:after {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 255, 240, 0.12) 0,
    rgba(17, 77, 148, 0) 100%
  );
  border-radius: 500px;
  content: "";
  height: 420px;
  left: -350px;
  position: absolute;
  top: -260px;
  width: 500px;
}

@media (min-width: 768px) {
  .p-vip-club__bg:after {
    border-radius: 694px;
    height: 583px;
    left: -360px;
    top: -390px;
    width: 694px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club__bg:after {
    border-radius: 1024px;
    height: 860px;
    left: -890px;
    top: -530px;
    width: 1024px;
  }
}

.p-vip-club__bg:before {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 10, 10, 0.14) 0,
    rgba(180, 0, 75, 0) 100%
  );
  border-radius: 500px;
  content: "";
  height: 420px;
  position: absolute;
  right: -350px;
  top: -250px;
  width: 500px;
}

@media (min-width: 768px) {
  .p-vip-club__bg:before {
    height: 583px;
    right: -160px;
    top: -290px;
    width: 694px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club__bg:before {
    border-radius: 1024px;
    height: 860px;
    right: -290px;
    top: -530px;
    width: 1024px;
  }
}

@media (min-width: 480px) {
  .p-vip-club__bg {
    height: 472px;
  }
}

@media (min-width: 768px) {
  .p-vip-club__bg {
    height: auto;
    left: unset;
    position: absolute;
    right: -275px;
    top: 0;
    width: 1013px;
    z-index: -1;
  }
}

@media (min-width: 1200px) {
  .p-vip-club__bg {
    right: -120px;
    width: 1156px;
  }
}

.p-vip-club__bg-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%;
}

.p-vip-club__main-title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .p-vip-club__main-title {
    font-size: 26px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .p-vip-club__main-title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club__main-title {
    font-size: 42px;
    line-height: 52px;
  }
}

.p-vip-club__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
  text-transform: capitalize;
}

@media (min-width: 480px) {
  .p-vip-club__title {
    font-size: 26px;
    line-height: 123%;
  }
}

@media (min-width: 768px) {
  .p-vip-club__title {
    font-size: 20px;
    line-height: 130%;
  }
}

@media (min-width: 1680px) {
  .p-vip-club__title {
    font-size: 26px;
    line-height: 123%;
  }
}

.p-vip-club .p-vip-club__text--yellow {
  color: #ffd336 !important;
}

.p-vip-club__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

.p-vip-club__list--single {
  list-style: none;
}

.p-vip-club__head,
.p-vip-club__instant,
.p-vip-club__passes,
.p-vip-club__table {
  margin-bottom: 64px;
}

@media (min-width: 768px) {
  .p-vip-club__head,
  .p-vip-club__instant,
  .p-vip-club__passes,
  .p-vip-club__table {
    margin-bottom: 80px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club__head,
  .p-vip-club__instant,
  .p-vip-club__passes,
  .p-vip-club__table {
    margin-bottom: 100px;
  }
}

.p-vip-club__rules {
  scroll-margin: 125px 0 0 0;
}

@media (min-width: 768px) {
  .p-vip-club__rules {
    scroll-margin: 65px 0 0 0;
  }
}

@media (min-width: 1200px) {
  .p-vip-club__rules {
    margin-bottom: 120px;
    scroll-margin: 74px 0 0 0;
  }
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-head {
    padding-top: 72px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-head {
    padding-top: 120px;
  }
}

.p-vip-club .p-vip-club-head__title {
  margin-bottom: 16px;
  text-align: center;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-head__title {
    margin-bottom: 20px;
    max-width: 446px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-head__title {
    max-width: 560px;
  }
}

.p-vip-club .p-vip-club-head__desc {
  color: #fff;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 32px;
  margin-top: 0;
  text-align: center;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-head__desc {
    max-width: 354px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-head__desc {
    margin-bottom: 48px;
    max-width: 664px;
  }
}

.p-vip-club .p-vip-club-head__btn {
  display: flex;
  margin: 0 auto 64px;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-head__btn {
    margin: 0 0 72px;
    padding: 16px 24px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-head__btn {
    margin: 0 0 180px;
    padding: 16px 24px;
  }
}

.p-vip-club .p-vip-club-benefits {
  align-items: center;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-benefits {
    align-items: flex-start;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-benefits {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

.p-vip-club .p-vip-club-benefits__sticker {
  align-items: center;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__sticker {
    flex-direction: row;
  }
}

.p-vip-club .p-vip-club-benefits__badge {
  height: 100%;
  margin-bottom: 24px;
  max-height: 120px;
  max-width: 120px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__badge {
    margin-bottom: 0;
    margin-right: 24px;
  }
}

@media (min-width: 1680px) {
  .p-vip-club .p-vip-club-benefits__badge {
    max-height: 142px;
    max-width: 142px;
  }
}

.p-vip-club .p-vip-club-benefits__badge-img {
  height: 100%;
  left: 50%;
  max-height: 74px;
  max-width: 74px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media (min-width: 1680px) {
  .p-vip-club .p-vip-club-benefits__badge-img {
    max-height: 88px;
    max-width: 88px;
  }
}

.p-vip-club .p-vip-club-benefits__badge-letters {
  animation: animate-vip-sticker 10s linear infinite;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__title {
    max-width: 122px;
  }
}

@media (min-width: 1680px) {
  .p-vip-club .p-vip-club-benefits__title {
    max-width: 160px;
  }
}

.p-vip-club .p-vip-club-benefits__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 8px;
  margin-top: 40px;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__cards {
    -moz-column-gap: 41px;
    column-gap: 41px;
    flex-wrap: nowrap;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-benefits__cards {
    justify-content: end;
    margin-top: 0;
    width: auto;
  }
}

.p-vip-club .p-vip-club-benefits__card {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(50% - 4px);
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__card:not(:last-child):after {
    background: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0),
      hsla(0, 0%, 100%, 0.12) 48.96%,
      hsla(0, 0%, 100%, 0)
    );
    content: "";
    height: 100%;
    position: absolute;
    right: -21px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }

  .p-vip-club .p-vip-club-benefits__card {
    flex-wrap: nowrap;
    max-width: 148px;
    width: calc(25% - 15px);
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-benefits__card {
    flex-wrap: nowrap;
    max-width: 100%;
    min-width: 170px;
  }
}

.p-vip-club .p-vip-club-benefits__icon {
  height: 100%;
  margin-bottom: 12px;
  max-height: 80px;
  max-width: 80px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.p-vip-club .p-vip-club-benefits__desc {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__desc {
    font-size: 20px;
  }
}

.p-vip-club .p-vip-club-passes__title {
  margin-bottom: 32px;
  text-align: center;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-passes__title {
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-passes__title {
    margin-bottom: 48px;
  }
}

.p-vip-club .p-vip-club-passes__cards {
  display: flex;
  flex-wrap: nowrap;
  margin-left: -16px;
  overflow: auto;
  padding: 0 16px;
  width: calc(100% + 32px);
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-passes__cards {
    margin-left: -24px;
    padding: 0 24px;
    width: calc(100% + 48px);
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-passes__cards {
    margin-left: unset;
    overflow: hidden;
    padding: 0;
    width: 100%;
  }
}

.p-vip-club .vip-club-passes-card {
  border-radius: 16px;
  min-height: 296px;
  min-width: 288px;
}

.p-vip-club .vip-club-passes-card:not(:last-child) {
  margin-right: 12px;
}

@media (min-width: 1200px) {
  .p-vip-club .vip-club-passes-card:not(:last-child) {
    margin-right: 16px;
  }
}

@media (min-width: 480px) {
  .p-vip-club .vip-club-passes-card {
    min-height: 318px;
    min-width: 324px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .vip-club-passes-card {
    min-height: 294px;
    min-width: unset;
    width: calc(25% - 12px);
  }
}

@media (min-width: 1440px) {
  .p-vip-club .vip-club-passes-card {
    min-height: 318px;
  }
}

.p-vip-club .vip-club-passes-card__front-wrap {
  display: flex;
  flex-direction: column;
}

.p-vip-club .vip-club-passes-card__view {
  display: flex;
  flex-direction: column;
  min-height: 178px;
  padding: 20px 20px 16px;
  position: relative;
  z-index: 1;
}

@media (min-width: 480px) {
  .p-vip-club .vip-club-passes-card__view {
    min-height: 200px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .vip-club-passes-card__view {
    min-height: 176px;
  }
}

@media (min-width: 1440px) {
  .p-vip-club .vip-club-passes-card__view {
    min-height: 200px;
  }
}

.p-vip-club .vip-club-passes-card__img {
  border-radius: 16px;
  z-index: -1;
}

.p-vip-club .vip-club-passes-card__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 143%;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.p-vip-club .vip-club-passes-card__type {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 123%;
  text-transform: uppercase;
}

.p-vip-club .vip-club-passes-card__holder {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-top: auto;
}

.p-vip-club .vip-club-passes-card__sticker {
  bottom: 16px;
  height: 56px;
  position: absolute;
  right: 16px;
  width: 56px;
  z-index: -1;
}

.p-vip-club .vip-club-passes-card__img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-vip-club .vip-club-passes-card__desc {
  padding: 20px;
  width: 100%;
}

.p-vip-club .vip-club-passes-card__subtitle {
  color: hsla(0, 0%, 100%, 0.4);
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 133%;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.p-vip-club .vip-club-passes-card__back-details,
.p-vip-club .vip-club-passes-card__ditails,
.p-vip-club .vip-club-passes-card__list-title,
.p-vip-club .vip-club-passes-card__message {
  color: #fff;
  font-size: 14px;
  line-height: 143%;
}

.p-vip-club .vip-club-passes-card__list-title {
  margin-bottom: 12px;
}

.p-vip-club .vip-club-passes-card__ditails {
  margin-bottom: 8px;
}

.p-vip-club .vip-club-passes-card__back-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px 20px 20px;
  width: 100%;
}

.p-vip-club .vip-club-passes-card__back-details {
  margin-bottom: 12px;
}

.p-vip-club .vip-club-passes-card__more-rules {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  margin-top: auto;
  text-decoration: none;
}

.p-vip-club .vip-club-passes-card__more-rules:hover {
  color: #fff;
}

.p-vip-club .p-vip-club-table__title {
  margin-bottom: 32px;
  text-align: center;
  text-transform: unset;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-table__title {
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-table__title {
    margin-bottom: 48px;
  }
}

.p-vip-club .p-vip-club-table__wrapper {
  margin-left: -16px;
  overflow: auto;
  padding: 0 16px;
  width: calc(100% + 32px);
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-table__wrapper {
    margin-left: unset;
    padding: unset;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-table__wrapper {
    display: flex;
    justify-content: center;
  }
}

.p-vip-club .vip-table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 800px;
  table-layout: fixed;
  text-align: center;
}

@media (min-width: 1200px) {
  .p-vip-club .vip-table {
    min-width: unset;
  }
}

.p-vip-club .vip-table tr {
  border-radius: 16px;
}

.p-vip-club .vip-table tr:nth-of-type(2) td:first-child {
  border-radius: 16px 0 0 0;
}

.p-vip-club .vip-table tr:nth-of-type(2) td:last-child {
  border-radius: 0 16px 0 0;
}

.p-vip-club .vip-table tr:last-child td {
  border-bottom: 1px solid var (--header-color);
}

.p-vip-club .vip-table tr:last-child td:first-child {
  border-radius: 0 0 0 16px;
}

.p-vip-club .vip-table tr:last-child td:last-child {
  border-radius: 0 0 16px 0;
}

.p-vip-club .vip-table tr th {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 16px 0;
}

.p-vip-club .vip-table tr th img {
  height: auto;
  margin-right: 12px;
  width: 32px;
}

.p-vip-club .vip-table tr td {
  border-right: 1px solid #445778;
  border-top: 1px solid #445778;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 16px;
  vertical-align: middle;
}

@media (min-width: 1200px) {
  .p-vip-club .vip-table tr td {
    font-size: 16px;
    line-height: 150%;
  }
}

.p-vip-club .vip-table tr td:first-child {
  background: rgba(80, 99, 133, 0.4);
  border-bottom: 1px solid #445778;
  border-left: 1px solid #445778;
  text-align: left;
  width: 200px;
}

@media (min-width: 1200px) {
  .p-vip-club .vip-table tr td:first-child {
    width: auto;
  }
}

.p-vip-club .vip-table .tooltip-info__info-btn {
  align-self: flex-end;
  color: hsla(0, 0%, 100%, 0.2);
  display: flex;
  height: 22px;
  margin-left: 4px;
}

.p-vip-club .vip-table .tooltip-info__info-btn .icon-info {
  color: #fff;
  font-size: 20px;
  opacity: 0.4;
}

.p-vip-club .vip-table .tooltip-info__info-icon {
  color: hsla(0, 0%, 100%, 0.2);
}

.p-vip-club .vip-table .tooltip-info {
  background: #445778;
}

.p-vip-club .vip-table__name {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.p-vip-club .vip-table__top-name {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center;
}

.p-vip-club .vip-table__star {
  margin-right: 4px;
  position: relative;
  top: 4px;
  width: 20px;
}

.p-vip-club .vip-table__circle-icon {
  color: #5c6f91;
  vertical-align: middle;
}

.p-vip-club .vip-table__check-circle-icon {
  color: #00dccd;
  vertical-align: middle;
}

.p-vip-club .vip-table__star {
  color: #00dccd;
}

.p-vip-club .p-vip-club-instant {
  display: none;
}

.p-vip-club .p-vip-club-instant__title {
  margin-bottom: 12px;
  text-align: center;
}

@media (min-width: 480px) {
  .p-vip-club .p-vip-club-instant__title {
    margin-bottom: 16px;
  }
}

.p-vip-club .p-vip-club-instant__subtitle {
  color: hsla(0, 0%, 100%, 0.65);
  margin-bottom: 32px;
  margin-top: 0;
  text-align: center;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-club-instant__subtitle {
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-instant__subtitle {
    margin-bottom: 48px;
  }
}

.p-vip-club .p-vip-club-instant__list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-instant__list {
    flex-direction: row;
  }
}

.p-vip-club .p-vip-club-instant__card {
  width: 100%;
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-instant__card {
    width: calc(33.33333% - 8px);
  }
}

.p-vip-club .p-vip-club-instant__card:not(:last-child) {
  margin-bottom: 12px;
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-club-instant__card:not(:last-child) {
    margin-bottom: 0;
    margin-right: 12px;
  }
}

.p-vip-club .p-vip-instant-card {
  background: radial-gradient(
      50% 50% at 50% 0,
      rgba(0, 220, 205, 0.08) 0,
      rgba(0, 220, 205, 0) 100%
    ),
    var(--header-color);
  border-radius: 16px;
  padding: 24px 24px 32px;
  position: relative;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-instant-card {
    display: flex;
    padding: 24px;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-instant-card {
    display: block;
    flex: 1 1 33.3333333333%;
    margin-bottom: 0;
    padding: 40px 32px;
  }
}

@media (min-width: 1680px) {
  .p-vip-club .p-vip-instant-card {
    padding: 40px 32px 64px;
  }
}

.p-vip-club .p-vip-instant-card__content {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-instant-card__content {
    margin-bottom: 0;
    margin-left: 24px;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-instant-card__content {
    margin-left: 0;
  }
}

.p-vip-club .p-vip-instant-card .yellow {
  color: #ffd336;
}

.p-vip-club .p-vip-instant-card__img {
  display: block;
  height: auto;
  margin: 0 auto 16px;
  width: 88px;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-instant-card__img {
    align-self: flex-start;
  }
}

.p-vip-club .p-vip-instant-card__title {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  margin-bottom: 16px;
  margin-top: 0;
  text-align: center;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-instant-card__title {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-instant-card__title {
    text-align: center;
  }
}

.p-vip-club .p-vip-instant-card li,
.p-vip-club .p-vip-instant-card p {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.p-vip-club .p-vip-instant-card li:first-child,
.p-vip-club .p-vip-instant-card li:first-of-type,
.p-vip-club .p-vip-instant-card p:first-child,
.p-vip-club .p-vip-instant-card p:first-of-type {
  margin-top: 0;
}

.p-vip-club .p-vip-instant-card li:last-child,
.p-vip-club .p-vip-instant-card li:last-of-type,
.p-vip-club .p-vip-instant-card p:last-child,
.p-vip-club .p-vip-instant-card p:last-of-type {
  margin-bottom: 0;
}

.p-vip-club .p-vip-instant-card p.small-text {
  font-size: 14px;
  line-height: 142.857%;
}

.p-vip-club .p-vip-instant-card__item {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}

.p-vip-club .p-vip-instant-card__item img {
  align-self: flex-start;
  height: auto;
  margin-right: 16px;
  min-width: 32px;
  width: 32px;
}

.p-vip-club .p-vip-instant-card__btn {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 24px auto 0;
  max-width: -moz-max-content;
  max-width: max-content;
}

@media (min-width: 768px) {
  .p-vip-club .p-vip-instant-card__btn {
    margin: 24px 0 0;
  }
}

@media (min-width: 1200px) {
  .p-vip-club .p-vip-instant-card__btn {
    margin: 32px auto 0;
  }
}

@keyframes animate-vip-sticker {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.p-game-info {
  padding-bottom: 24px;
  padding-top: 16px;
}

@media (min-width: 768px) {
  .p-game-info {
    padding-bottom: 36px;
  }
}

@media (min-width: 1200px) {
  .p-game-info {
    padding-bottom: 48px;
  }
}

@media (min-width: 1440px) {
  .p-game-info {
    padding-bottom: 63px;
  }
}

@media (min-width: 1200px) {
  .p-game-info .container {
    max-width: 1344px;
  }
}

.p-game-info__section {
  padding-bottom: 40px;
}

.p-game-info__section .home-game-slider {
  margin-bottom: 0;
}

.p-game-info__section--slider {
  padding-bottom: 24px;
}

@media (min-width: 768px) {
  .p-game-info__section--slider {
    padding-bottom: 32px;
  }
}

.p-game-info__banner {
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .p-game-info__banner {
    margin-bottom: 16px;
  }
}

.p-game-info__row {
  display: grid;
  gap: 8px;
}

@media (min-width: 768px) {
  .p-game-info__row {
    gap: 16px;
  }
}

@media (min-width: 1200px) {
  .p-game-info__row {
    grid-template-columns: 1fr 368px;
  }
}

@media (min-width: 1440px) {
  .p-game-info__row {
    grid-template-columns: 1fr 392px;
  }
}

.p-game-info__col--content li,
.p-game-info__col--content ul {
  margin: 0;
}

.p-game-info__col--content p + h2,
.p-game-info__col--content ul + h2 {
  margin-top: 32px;
}

.p-game-info__col--content ol + ol,
.p-game-info__col--content ol + ul,
.p-game-info__col--content ul + ol,
.p-game-info__col--content ul + ul {
  margin-top: 12px;
}

.p-game-info__col--content ul li:not(:last-child) {
  margin-bottom: 12px;
}

.p-game-info__col--content .p-game-info__game-links {
  margin-top: 32px;
}

@media (min-width: 1200px) {
  .p-game-info__col--content {
    grid-row: 1/2;
  }
}

.p-game-info__col--table {
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  .p-game-info__col--table {
    grid-column: -2/-1;
    margin-bottom: 0;
  }
}

.p-game-info__col--table .p-game-info__title {
  margin-bottom: 20px;
}

.p-game-info__title {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 16px;
}

.p-game-info__title--mb-24 {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .p-game-info__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}

.p-game-info__text {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 24px;
}

.p-game-info__slider {
  background: var(--header-color);
  border-radius: 20px;
  padding: 32px;
}

@media (max-width: 767px) {
  .p-game-info__game-links .btn {
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    padding: 10px 16px;
  }
}

.p-game-info__game-links .btn:not(:first-child):last-child {
  display: none;
}

.info-banner__content {
  background-color: var(--header-color);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 20px;
}

@media (min-width: 768px) {
  .info-banner__content {
    padding: 24px;
  }
}

@media (min-width: 1200px) {
  .info-banner__content {
    min-height: 400px;
  }
}

.info-banner__content p {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 16px;
}

.info-banner__content .p-game-info__game-links {
  margin-top: 8px;
}

@media (min-width: 1200px) {
  .info-banner__content .p-game-info__game-links {
    margin-top: auto;
  }
}

.info-banner__content .p-game-info__game-links .btn {
  width: 100%;
}

.info-banner__provider {
  color: hsla(0, 0%, 100%, 0.45);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 16px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.info-banner__title {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 8px;
}

.info-banner__image {
  height: 145px;
  position: relative;
}

@media (min-width: 480px) {
  .info-banner__image {
    height: 190px;
  }
}

@media (min-width: 768px) {
  .info-banner__image {
    height: 310px;
  }
}

@media (min-width: 1200px) {
  .info-banner__image {
    height: 100%;
    max-height: 400px;
  }
}

.info-banner__image img {
  border-radius: 20px;
  display: block;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.info-welcome-banner__link {
  align-items: flex-start;
  background: linear-gradient(271deg, #22b299, #53189e);
  border-radius: 12px;
  display: flex;
  padding: 16px;
}

@media (min-width: 768px) {
  .info-welcome-banner__link {
    padding: 18px 24px;
  }
}

.info-welcome-banner__img {
  flex-shrink: 0;
  height: 48px;
  margin-right: 12px;
  width: 48px;
}

@media (min-width: 768px) {
  .info-welcome-banner__img {
    height: 64px;
    margin-right: 24px;
    width: 64px;
  }
}

.info-welcome-banner__content {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  gap: 4px;
}

.info-welcome-banner__title {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .info-welcome-banner__title {
    font-size: 16px;
    line-height: 24px;
  }
}

.info-welcome-banner__text {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .info-welcome-banner__text {
    font-size: 20px;
    line-height: 26px;
  }
}

.info-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: -24px 0 0;
  padding: 0;
}

.info-breadcrumbs__item {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  line-height: 18px;
}

@media (min-width: 768px) {
  .info-breadcrumbs__item {
    font-size: 14px;
    line-height: 20px;
  }
}

.info-breadcrumbs__link {
  color: hsla(0, 0%, 100%, 0.65);
}

.info-breadcrumbs__icon {
  color: hsla(0, 0%, 100%, 0.4);
  margin-left: 2px;
  margin-right: 2px;
}

.info-features {
  background-color: var(--header-color);
  border-radius: 20px;
  padding: 24px;
}

.info-features__row {
  display: grid;
  gap: 8px 32px;
  grid-template-columns: repeat(2, 1fr);
}

.info-features__row:not(:last-child) {
  margin-bottom: 12px;
}

.info-features__col {
  font-size: 14px;
  line-height: 20px;
}

.info-features__col:last-child {
  color: #fff;
  font-weight: 700;
}

.info-about {
  gap: 24px;
}

@media (min-width: 1200px) {
  .info-about {
    grid-template-rows: repeat(2, auto);
  }
}

.info-about__banner {
  padding-bottom: 52.5%;
  position: relative;
}

@media (min-width: 480px) {
  .info-about__banner {
    padding-bottom: 49.12%;
  }
}

@media (min-width: 768px) {
  .info-about__banner {
    padding-bottom: 47.25%;
  }
}

@media (min-width: 1200px) {
  .info-about__banner {
    padding-bottom: 53.75%;
  }
}

.info-about__banner img {
  border-radius: 20px;
  bottom: 0;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.info-about__content p {
  margin: 0;
}

.info-about__content p:not(:last-child) {
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  .info-about .p-game-info__col--content + .p-game-info__col {
    grid-row: span 2;
  }
}

.info-about .p-game-info__game-links {
  margin-top: 8px;
}

.single-payment-section {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 40px 0 24px;
  position: relative;
}

.single-payment-section:before {
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 1680px;
  z-index: -1;
}

@media (min-width: 1440px) {
  .single-payment-section:before {
    left: 0;
    transform: none;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .single-payment-section {
    min-height: 600px;
    padding: 48px 0 56px;
  }
}

@media (min-width: 1440px) {
  .single-payment-section {
    padding: 50px 0;
  }
}

.single-payment-section + .container {
  padding-bottom: 8px;
  padding-top: 80px;
}

@media (min-width: 768px) {
  .single-payment-section + .container {
    padding-top: 100px;
  }
}

@media (min-width: 1200px) {
  .single-payment-section + .container {
    padding-bottom: 16px;
  }
}

@media (min-width: 1440px) {
  .single-payment-section + .container {
    padding-top: 120px;
  }
}

.single-payment-section .container {
  max-width: 1344px;
}

.single-payment-section__box {
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {
  .single-payment-section__box {
    background: radial-gradient(
        44.83% 58.64% at 11.27% 100%,
        rgba(45, 167, 255, 0.2) 0,
        rgba(45, 167, 255, 0) 100%
      ),
      radial-gradient(
        42.06% 61.01% at 87.69% 0,
        rgba(45, 167, 255, 0.2) 0,
        rgba(45, 167, 255, 0) 100%
      ),
      var(--header-color);
    border-radius: 20px;
    padding: 56px 32px;
  }
}

.single-payment-section__box-content {
  max-width: 805px;
}

.single-payment-section__box-content,
.single-payment-section__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .single-payment-section__inner {
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-left: -24px;
  }
}

@media (min-width: 1200px) {
  .single-payment-section__inner {
    margin-left: -32px;
  }
}

.single-payment-section__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 24px 0;
}

@media (min-width: 768px) {
  .single-payment-section__content {
    align-items: flex-start;
    max-width: 52.34375%;
    padding: 0 24px;
  }
}

@media (min-width: 1200px) {
  .single-payment-section__content {
    max-width: 744px;
    padding: 0 32px;
  }
}

.single-payment-section__box-content h2,
.single-payment-section__content h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 1440px) {
  .single-payment-section__box-content h2,
  .single-payment-section__content h2 {
    font-size: 32px;
    line-height: 40px;
  }
}

.single-payment-section__box-content p,
.single-payment-section__content p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
}

.single-payment-section__box-content p:not(:last-child),
.single-payment-section__content p:not(:last-child) {
  margin-bottom: 32px;
}

@media (min-width: 1440px) {
  .single-payment-section__box-content p,
  .single-payment-section__content p {
    font-size: 16px;
    line-height: 24px;
  }
}

.single-payment-section__content h2 {
  text-align: center;
}

@media (min-width: 768px) {
  .single-payment-section__content h2 {
    text-align: left;
  }
}

@media (min-width: 1440px) {
  .single-payment-section__content h2 {
    max-width: 576px;
  }
}

.single-payment-section__logo {
  margin-bottom: 16px;
}

@media (min-width: 480px) {
  .single-payment-section__picture {
    max-width: 380px;
  }
}

@media (min-width: 768px) {
  .single-payment-section__picture {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    max-width: 47.3958333333%;
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .single-payment-section__picture {
    margin-right: -35px;
    max-width: 625px;
  }
}

@media (min-width: 1440px) {
  .single-payment-section__picture {
    margin-right: 0;
    max-width: 680px;
  }
}

.single-payment-section__image {
  display: block;
  height: auto;
  max-width: 100%;
}

.single-payment-section--green:before {
  background: radial-gradient(
      40.14% 68.3% at 66.79% 100%,
      rgba(0, 87, 255, 0.59) 0,
      rgba(0, 87, 255, 0.58) 6.67%,
      rgba(0, 87, 255, 0.57) 13.33%,
      rgba(0, 87, 255, 0.54) 20%,
      rgba(0, 87, 255, 0.5) 26.67%,
      rgba(0, 87, 255, 0.45) 33.33%,
      rgba(0, 87, 255, 0.39) 40%,
      rgba(0, 87, 255, 0.33) 46.67%,
      rgba(0, 87, 255, 0.26) 53.33%,
      rgba(0, 87, 255, 0.2) 60%,
      rgba(0, 87, 255, 0.14) 66.67%,
      rgba(0, 87, 255, 0.09) 73.33%,
      rgba(0, 87, 255, 0.05) 80%,
      rgba(0, 87, 255, 0.02) 86.67%,
      rgba(0, 87, 255, 0.01) 93.33%,
      rgba(0, 87, 255, 0) 100%
    ),
    radial-gradient(
      75.69% 106% at 61.25% 43.67%,
      #00a59b 0,
      rgba(0, 165, 155, 0.99) 6.67%,
      rgba(0, 165, 155, 0.96) 13.33%,
      rgba(0, 165, 155, 0.92) 20%,
      rgba(0, 165, 155, 0.85) 26.67%,
      rgba(0, 165, 155, 0.77) 33.33%,
      rgba(0, 165, 155, 0.67) 40%,
      rgba(0, 165, 155, 0.56) 46.67%,
      rgba(0, 165, 155, 0.44) 53.33%,
      rgba(0, 165, 155, 0.33) 60%,
      rgba(0, 165, 155, 0.23) 66.67%,
      rgba(0, 165, 155, 0.15) 73.33%,
      rgba(0, 165, 155, 0.08) 80%,
      rgba(0, 165, 155, 0.04) 86.67%,
      rgba(0, 165, 155, 0.01) 93.33%,
      rgba(0, 165, 155, 0) 100%
    ),
    radial-gradient(
      80.51% 93.26% at 21.87% 100%,
      #00ed97 0,
      rgba(0, 237, 151, 0.99) 6.67%,
      rgba(0, 237, 151, 0.96) 13.33%,
      rgba(0, 237, 151, 0.92) 20%,
      rgba(0, 237, 151, 0.85) 26.67%,
      rgba(0, 237, 151, 0.77) 33.33%,
      rgba(0, 237, 151, 0.67) 40%,
      rgba(0, 237, 151, 0.56) 46.67%,
      rgba(0, 237, 151, 0.44) 53.33%,
      rgba(0, 237, 151, 0.33) 60%,
      rgba(0, 237, 151, 0.23) 66.67%,
      rgba(0, 237, 151, 0.15) 73.33%,
      rgba(0, 237, 151, 0.08) 80%,
      rgba(0, 237, 151, 0.04) 86.67%,
      rgba(0, 237, 151, 0.01) 93.33%,
      rgba(0, 237, 151, 0) 100%
    ),
    #001b33;
}

.single-payment-section--blue:before {
  background: radial-gradient(
      48.36% 80.78% at 66.16% 105.09%,
      rgba(0, 255, 224, 0.59) 0,
      rgba(0, 255, 224, 0.58) 6.67%,
      rgba(0, 255, 224, 0.57) 13.33%,
      rgba(0, 255, 224, 0.54) 20%,
      rgba(0, 255, 224, 0.5) 26.67%,
      rgba(0, 255, 224, 0.45) 33.33%,
      rgba(0, 255, 224, 0.39) 40%,
      rgba(0, 255, 224, 0.33) 46.67%,
      rgba(0, 255, 224, 0.26) 53.33%,
      rgba(0, 255, 224, 0.2) 60%,
      rgba(0, 255, 224, 0.14) 66.67%,
      rgba(0, 255, 224, 0.09) 73.33%,
      rgba(0, 255, 224, 0.05) 80%,
      rgba(0, 255, 224, 0.02) 86.67%,
      rgba(0, 255, 224, 0.01) 93.33%,
      rgba(0, 255, 224, 0) 100%
    ),
    radial-gradient(
      75.69% 106% at 61.25% 43.67%,
      #004cbe 0,
      rgba(0, 76, 190, 0.99) 6.67%,
      rgba(0, 76, 190, 0.96) 13.33%,
      rgba(0, 76, 190, 0.92) 20%,
      rgba(0, 76, 190, 0.85) 26.67%,
      rgba(0, 76, 190, 0.77) 33.33%,
      rgba(0, 76, 190, 0.67) 40%,
      rgba(0, 76, 190, 0.56) 46.67%,
      rgba(0, 76, 190, 0.44) 53.33%,
      rgba(0, 76, 190, 0.33) 60%,
      rgba(0, 76, 190, 0.23) 66.67%,
      rgba(0, 76, 190, 0.15) 73.33%,
      rgba(0, 76, 190, 0.08) 80%,
      rgba(0, 76, 190, 0.04) 86.67%,
      rgba(0, 76, 190, 0.01) 93.33%,
      rgba(0, 76, 190, 0) 100%
    ),
    radial-gradient(
      87.32% 93.26% at 21.87% 100%,
      #936dff 0,
      rgba(147, 109, 255, 0.99) 6.67%,
      rgba(147, 109, 255, 0.96) 13.33%,
      rgba(147, 109, 255, 0.92) 20%,
      rgba(147, 109, 255, 0.85) 26.67%,
      rgba(147, 109, 255, 0.77) 33.33%,
      rgba(147, 109, 255, 0.67) 40%,
      rgba(147, 109, 255, 0.56) 46.67%,
      rgba(147, 109, 255, 0.44) 53.33%,
      rgba(147, 109, 255, 0.33) 60%,
      rgba(147, 109, 255, 0.23) 66.67%,
      rgba(147, 109, 255, 0.15) 73.33%,
      rgba(147, 109, 255, 0.08) 80%,
      rgba(147, 109, 255, 0.04) 86.67%,
      rgba(147, 109, 255, 0.01) 93.33%,
      rgba(147, 109, 255, 0) 100%
    ),
    #001b33;
}

.single-payment-section--purple:before {
  background: radial-gradient(
      46.61% 79.28% at 66.79% 100%,
      rgba(56, 29, 223, 0.59) 0,
      rgba(56, 29, 223, 0.58) 6.67%,
      rgba(56, 29, 223, 0.57) 13.33%,
      rgba(56, 29, 223, 0.54) 20%,
      rgba(56, 29, 223, 0.5) 26.67%,
      rgba(56, 29, 223, 0.45) 33.33%,
      rgba(56, 29, 223, 0.39) 40%,
      rgba(56, 29, 223, 0.33) 46.67%,
      rgba(56, 29, 223, 0.26) 53.33%,
      rgba(56, 29, 223, 0.2) 60%,
      rgba(56, 29, 223, 0.14) 66.67%,
      rgba(56, 29, 223, 0.09) 73.33%,
      rgba(56, 29, 223, 0.05) 80%,
      rgba(56, 29, 223, 0.02) 86.67%,
      rgba(56, 29, 223, 0.01) 93.33%,
      rgba(56, 29, 223, 0) 100%
    ),
    radial-gradient(
      83.3% 106% at 61.25% 43.67%,
      #8d00be 0,
      rgba(141, 0, 190, 0.99) 6.67%,
      rgba(141, 0, 190, 0.96) 13.33%,
      rgba(141, 0, 190, 0.92) 20%,
      rgba(141, 0, 190, 0.85) 26.67%,
      rgba(141, 0, 190, 0.77) 33.33%,
      rgba(141, 0, 190, 0.67) 40%,
      rgba(141, 0, 190, 0.56) 46.67%,
      rgba(141, 0, 190, 0.44) 53.33%,
      rgba(141, 0, 190, 0.33) 60%,
      rgba(141, 0, 190, 0.23) 66.67%,
      rgba(141, 0, 190, 0.15) 73.33%,
      rgba(141, 0, 190, 0.08) 80%,
      rgba(141, 0, 190, 0.04) 86.67%,
      rgba(141, 0, 190, 0.01) 93.33%,
      rgba(141, 0, 190, 0) 100%
    ),
    radial-gradient(
      87.36% 113.49% at 21.87% 100%,
      #9f2b5c 0,
      rgba(159, 43, 92, 0.99) 6.67%,
      rgba(159, 43, 92, 0.96) 13.33%,
      rgba(159, 43, 92, 0.92) 20%,
      rgba(159, 43, 92, 0.85) 26.67%,
      rgba(159, 43, 92, 0.77) 33.33%,
      rgba(159, 43, 92, 0.67) 40%,
      rgba(159, 43, 92, 0.56) 46.67%,
      rgba(159, 43, 92, 0.44) 53.33%,
      rgba(159, 43, 92, 0.33) 60%,
      rgba(159, 43, 92, 0.23) 66.67%,
      rgba(159, 43, 92, 0.15) 73.33%,
      rgba(159, 43, 92, 0.08) 80%,
      rgba(159, 43, 92, 0.04) 86.67%,
      rgba(159, 43, 92, 0.01) 93.33%,
      rgba(159, 43, 92, 0) 100%
    ),
    #001b33;
}

.single-payment-section--white {
  background-color: #fff;
  color: #001b33;
}

.single-payment-section--box {
  background: radial-gradient(
      44.83% 58.64% at 11.27% 100%,
      rgba(45, 167, 255, 0.2) 0,
      rgba(45, 167, 255, 0) 100%
    ),
    radial-gradient(
      42.06% 61.01% at 87.69% 0,
      rgba(45, 167, 255, 0.2) 0,
      rgba(45, 167, 255, 0) 100%
    ),
    var(--header-color);
  padding: 40px 0 48px;
}

@media (min-width: 480px) {
  .single-payment-section--box {
    padding-bottom: 56px;
  }
}

@media (min-width: 768px) {
  .single-payment-section--box {
    background: none;
    padding: 58px 0 0;
  }

  .single-payment-section--reversed .single-payment-section__inner {
    flex-direction: row;
    margin-left: 0;
    margin-right: -24px;
  }
}

@media (min-width: 1200px) {
  .single-payment-section--reversed .single-payment-section__inner {
    margin-left: 0;
    margin-right: -32px;
  }
}

.single-payment-section--reversed .single-payment-section__picture {
  justify-content: flex-start;
}

@media (min-width: 768px) {
  .single-payment-section--reversed .single-payment-section__picture {
    margin-left: -35px;
    margin-right: 0;
  }
}

@media (min-width: 1440px) {
  .single-payment-section--reversed .single-payment-section__picture {
    margin-left: 0;
  }
}

.p-single-payment-seo {
  padding-top: 80px;
}

@media (min-width: 768px) {
  .p-single-payment-seo {
    padding-top: 100px;
  }
}

.p-single-payment-seo__title {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .p-single-payment-seo__content {
    display: grid;
    gap: 48px;
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-providers {
  padding: 32px 0 40px;
}

@media (min-width: 1200px) {
  .p-providers {
    padding: 40px 0 56px;
  }
}

.p-providers__title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 24px;
}

@media (min-width: 480px) {
  .p-providers__title {
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 32px;
  }
}

@media (min-width: 768px) {
  .p-providers__title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .p-providers__title {
    font-size: 42px;
    font-weight: 800;
    line-height: 52px;
    margin: 0 0 40px;
  }
}

.p-providers__list {
  margin: 0 0 80px;
}

@media (min-width: 768px) {
  .p-providers__list {
    margin: 0 0 100px;
  }
}

@media (min-width: 1200px) {
  .p-providers__list {
    margin: 0 0 120px;
  }
}

.promo-single-page {
  overflow: hidden;
  position: relative;
}

@media (min-width: 1200px) {
  .promo-single-page .promo-single-page__container--big {
    max-width: 1072px;
  }
}

.promo-single-page .promo-single-page__container--small {
  max-width: 800px;
}

.promo-single-page__title {
  margin: 0;
}

.promo-single-page__title--header {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  text-transform: uppercase;
}

.promo-single-page__title--content {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 16px;
}

@media (min-width: 768px) {
  .promo-single-page__title--content {
    font-size: 24px;
    line-height: 32px;
  }
}

.promo-single-page__title--block {
  margin: 0 0 12px;
}

.promo-single-page__title--block,
.promo-single-page__title--step {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.promo-single-page__title--how-it-works {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 16px;
}

.promo-single-page__title--jackpot {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
}

.promo-single-page__title--promotion {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
}

.promo-single-page__text {
  margin: 0;
}

.promo-single-page__text--header {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

@media (min-width: 768px) {
  .promo-single-page__text--header {
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .promo-single-page__text--header {
    font-size: 40px;
    line-height: 48px;
  }
}

.promo-single-page__text--days {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

@media (min-width: 768px) {
  .promo-single-page__text--days {
    font-size: 14px;
    line-height: 20px;
  }
}

.promo-single-page__text--timer {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.promo-single-page__text--block {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 12px;
}

.promo-single-page__text--block:last-child {
  margin: 0;
}

.promo-single-page__text--white {
  color: #fff;
}

.promo-single-page__text--step {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.promo-single-page__text--jackpot {
  color: #ffd336;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}

.promo-single-page__text--back-button {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
}

.promo-single-page__divider {
  background: hsla(0, 0%, 100%, 0.12);
  border: none;
  height: 1px;
  margin: 40px 0;
  width: 100%;
}

.promo-single-page-header {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 220px;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 16px 12px 20px;
  position: relative;
}

@media (min-width: 480px) {
  .promo-single-page-header {
    padding: 16px 16px 20px;
  }
}

@media (min-width: 768px) {
  .promo-single-page-header {
    height: 360px;
    margin-bottom: 40px;
    padding: 32px 40px 48px;
  }
}

@media (min-width: 1200px) {
  .promo-single-page-header {
    height: 440px;
  }
}

.promo-single-page-header__background {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

.promo-single-page-header__content {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  row-gap: 12px;
}

.promo-single-page-header__content:has(.promo-single-page-header__timer) {
  row-gap: 12px;
}

@media (min-width: 768px) {
  .promo-single-page-header__content {
    row-gap: 20px;
  }

  .promo-single-page-header__content:has(.promo-single-page-header__timer) {
    row-gap: 20px;
  }
}

.promo-single-page-header__days {
  align-self: flex-start;
  background: rgba(0, 27, 51, 0.4);
  border-radius: 16px;
  padding: 4px 12px;
}

.promo-single-page-header__days,
.promo-single-page-header__timer {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
}

.promo-single-page-header .promo-single-page-header__time {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.promo-single-page-content,
.promo-single-page__block {
  display: flex;
  flex-direction: column;
}

.promo-single-page-content {
  row-gap: 32px;
}

.promo-single-page-jackpot {
  align-items: center;
  background: var(--header-color);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  row-gap: 8px;
}

.promo-single-page-codes {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

@media (min-width: 1200px) {
  .promo-single-page-codes {
    row-gap: 16px;
  }
}

.promo-single-page-steps {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

@media (min-width: 768px) {
  .promo-single-page-steps {
    -moz-column-gap: 12px;
    column-gap: 12px;
    flex-direction: row;
  }
}

.promo-single-page-steps__step {
  align-items: flex-start;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: var(--header-color);
  border-radius: 12px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  padding: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .promo-single-page-steps__step {
    align-items: center;
    flex-direction: column;
    padding: 32px 24px;
    row-gap: 24px;
  }
}

.promo-single-page-steps__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

@media (min-width: 768px) {
  .promo-single-page-steps__content {
    text-align: center;
  }
}

.promo-single-page-steps__image {
  height: 64px;
}

@media (min-width: 768px) {
  .promo-single-page-steps__image {
    height: 80px;
    margin: 0 auto;
  }
}

.promo-single-page__home-promotions.home-promotions {
  margin: 40px 0 80px;
}

@media (min-width: 768px) {
  .promo-single-page__home-promotions.home-promotions {
    margin: 48px 0 100px;
  }
}

@media (min-width: 1200px) {
  .promo-single-page__home-promotions.home-promotions {
    margin: 80px 0 120px;
  }
}

.promo-single-page__button {
  display: flex;
}

.promo-single-page__button--left {
  align-self: flex-start;
}

.promo-single-page__button--center {
  align-self: center;
}

.promo-single-page ol,
.promo-single-page ul {
  margin-bottom: 12px;
  padding: 0 0 0 24px;
}

.promo-single-page ol:last-child,
.promo-single-page ul:last-child {
  margin: 0;
}

.promo-single-page li {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
}

.promo-single-page li:last-child {
  margin: 0;
}

.promo-single-page__terms {
  margin-top: 48px;
}

.promo-single-page__back-button {
  align-items: center;
  align-self: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  padding: 16px 0;
  text-transform: uppercase;
}

.promo-single-page__back-button i {
  color: hsla(0, 0%, 100%, 0.65);
  transition: color 0.3s ease;
}

.promo-single-page__back-button:hover i {
  color: #fff;
}

@media (min-width: 768px) {
  .promo-single-page__back-button {
    padding: 24px 0;
  }
}

.breadcrumbs {
  padding: 40px 0 14px;
}

@media (min-width: 480px) {
  .breadcrumbs {
    padding: 28px 0 12px;
  }
}

@media (min-width: 768px) {
  .breadcrumbs {
    padding-bottom: 16px;
  }
}

@media (min-width: 1200px) {
  .breadcrumbs {
    padding-bottom: 20px;
  }
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs__item {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}

.breadcrumbs__item:not(:last-child) {
  padding-right: 8px;
  position: relative;
}

.breadcrumbs__item:not(:last-child):after {
  content: "/";
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  right: 0;
  top: 0;
}

.breadcrumbs__link {
  color: #fff;
  text-decoration: none;
}

.breadcrumbs a.breadcrumbs__link {
  transition: color 0.3s ease;
}

.breadcrumbs a.breadcrumbs__link:hover {
  color: #00dccd;
  text-decoration: none;
}

.auth-page {
  position: relative;
}

.auth-page__gradient {
  height: 638px;
  position: absolute;
  width: 656px;
  z-index: -1;
}

@media (min-width: 768px) {
  .auth-page__gradient {
    height: 896px;
    width: 920px;
  }
}

.auth-page__gradient--blue {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 255, 240, 0.12) 0.01%,
    rgba(17, 77, 148, 0) 100%
  );
  left: -405px;
  top: -175px;
}

@media (min-width: 480px) {
  .auth-page__gradient--blue {
    top: -130px;
  }
}

@media (min-width: 768px) {
  .auth-page__gradient--blue {
    left: -534px;
    top: -357px;
  }
}

@media (min-width: 1200px) {
  .auth-page__gradient--blue {
    top: -327px;
  }
}

@media (min-width: 1680px) {
  .auth-page__gradient--blue {
    top: -400px;
  }
}

.auth-page__gradient--red {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 10, 10, 0.14) 0,
    rgba(180, 0, 75, 0) 100%
  );
  right: -456px;
  top: 110px;
}

@media (min-width: 480px) {
  .auth-page__gradient--red {
    top: 155px;
  }
}

@media (min-width: 768px) {
  .auth-page__gradient--red {
    right: -610px;
    top: -93px;
  }
}

@media (min-width: 1200px) {
  .auth-page__gradient--red {
    right: -554px;
    top: -108px;
  }
}

@media (min-width: 768px) {
  .auth-page {
    padding: 16px 0 0;
  }
}

@media (min-width: 1200px) {
  .auth-page {
    padding: 24px 0 0;
  }
}

.auth-page__top {
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  max-width: 100%;
  row-gap: 16px;
}

@media (min-width: 1200px) {
  .auth-page__top {
    display: grid;
    grid-template-areas: "slider form" "payments form";
    grid-template-columns: calc(100% - 368px) 368px;
    grid-template-rows: 502px auto;
  }
}

@media (min-width: 1440px) {
  .auth-page__top {
    grid-template-columns: calc(100% - 392px) 392px;
  }
}

.auth-page__slider {
  grid-area: slider;
  height: 320px;
  margin-left: -16px;
  overflow: hidden;
  position: relative;
  width: calc(100% + 32px);
}

@media (min-width: 768px) {
  .auth-page__slider {
    border-radius: 20px;
    height: 360px;
    margin-left: 0;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .auth-page__slider {
    height: 502px;
  }
}

.auth-page__slider .home-bonuses__pretitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}

@media (min-width: 1440px) {
  .auth-page__slider .home-bonuses__pretitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 133%;
  }
}

.auth-page__slider .home-bonuses__title {
  font-size: 26px;
  font-weight: 700;
  line-height: 123%;
}

@media (min-width: 768px) {
  .auth-page__slider .home-bonuses__title {
    font-size: 32px;
    line-height: 125%;
  }
}

@media (min-width: 1200px) {
  .auth-page__slider .home-bonuses__title {
    font-size: 42px;
    font-weight: 800;
    line-height: 123%;
  }
}

@media (min-width: 1440px) {
  .auth-page__slider .home-bonuses__title {
    font-size: 54px;
    line-height: 118%;
  }
}

.auth-page__slider .home-bonuses__background-image {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%;
}

.auth-page .auth-page__form {
  align-items: center;
  background: var(--header-color);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  grid-area: form;
  padding: 24px 16px;
}

@media (min-width: 480px) {
  .auth-page .auth-page__form {
    padding: 24px;
  }
}

@media (min-width: 768px) {
  .auth-page .auth-page__form {
    padding: 40px 80px;
  }
}

@media (min-width: 1200px) {
  .auth-page .auth-page__form {
    padding: 24px;
  }
}

.auth-page .auth-page__form .login-form__footer,
.auth-page .auth-page__form .registration-dynamic-form__footer,
.auth-page .auth-page__form .registration-form-head {
  display: none;
}

.auth-page .auth-page__form .registration-dynamic-form {
  align-items: center;
}

.auth-page .auth-page__form .login-form,
.auth-page .auth-page__form .registration-dynamic-form__form {
  margin-top: 20px;
}

.auth-page .auth-page__form .login-form__forgot-password-link-wrapper {
  margin-top: 0;
}

.auth-page .auth-page__form .login-form__form-element:nth-child(2) {
  margin-bottom: 20px;
}

.auth-page .sign-form-switcher {
  display: flex;
  position: static;
}

.auth-page-payments {
  left: 0;
  position: absolute;
  top: 260px;
  width: 100%;
  z-index: 10;
}

@media (min-width: 768px) {
  .auth-page-payments {
    background: var(--header-color);
    border-radius: 12px;
    display: flex;
    grid-area: payments;
    height: 72px;
    left: unset;
    padding: 0 24px;
    position: relative;
    top: unset;
    width: unset;
  }
}

@media (min-width: 1200px) {
  .auth-page-payments {
    height: 88px;
  }
}

@media (min-width: 1440px) {
  .auth-page-payments {
    -moz-column-gap: 56px;
    column-gap: 56px;
    padding: 40px;
  }
}

.auth-page-payments__logos {
  -ms-overflow-style: none;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex;
  overflow-x: auto;
  padding: 0 16px;
  scrollbar-width: none;
}

.auth-page-payments__logos::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .auth-page-payments {
    padding: 0;
  }
}

.auth-page-payments__image {
  height: 28px;
}

@media (min-width: 1200px) {
  .auth-page-payments__image {
    height: 36px;
  }
}

.auth-page-payments__link {
  display: flex;
}

.auth-page-features {
  margin: 64px 0 0;
  padding-bottom: 471px;
  position: relative;
}

@media (min-width: 480px) {
  .auth-page-features {
    margin: 64px 0 0;
    padding-bottom: 500px;
  }
}

@media (min-width: 768px) {
  .auth-page-features {
    margin: 80px 0 0;
    padding-bottom: 596px;
  }
}

@media (min-width: 1200px) {
  .auth-page-features {
    margin: 136px 0 0;
    padding-bottom: 136px;
  }

  .auth-page-features .container {
    padding: 0 32px;
    position: relative;
  }
}

@media (min-width: 1680px) {
  .auth-page-features .container {
    padding: 0 72px;
  }
}

.auth-page-features__star {
  display: none;
  left: 0;
  position: absolute;
  top: -75px;
}

@media (min-width: 1680px) {
  .auth-page-features__star {
    display: block;
  }
}

.auth-page-features__background {
  bottom: 34px;
  height: 465px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 528px;
  z-index: -3;
}

@media (min-width: 480px) {
  .auth-page-features__background {
    bottom: 0;
    height: 553px;
    width: 628px;
  }
}

@media (min-width: 768px) {
  .auth-page-features__background {
    bottom: 0;
    height: 676px;
    width: 768px;
  }
}

@media (min-width: 1200px) {
  .auth-page-features__background {
    bottom: unset;
    height: 703px;
    left: unset;
    right: -88px;
    top: -56px;
    transform: unset;
    width: 800px;
  }
}

@media (min-width: 1440px) {
  .auth-page-features__background {
    height: 900px;
    right: -145px;
    top: -156px;
    width: 1024px;
  }
}

@media (min-width: 1680px) {
  .auth-page-features__background {
    right: -29px;
  }
}

.auth-page-features__image {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.auth-page-features__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
}

@media (min-width: 1200px) {
  .auth-page-features__title {
    font-size: 42px;
    line-height: 52px;
  }
}

.auth-page-features__list {
  display: grid;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 32px 0;
  padding: 0;
  row-gap: 24px;
  width: 100%;
}

@media (min-width: 768px) {
  .auth-page-features__list {
    -moz-column-gap: 24px;
    column-gap: 24px;
    grid-template-columns: 1fr 1fr;
    margin: 40px 0;
    row-gap: 32px;
  }
}

@media (min-width: 1200px) {
  .auth-page-features__list {
    margin: 56px 0;
    max-width: 528px;
  }
}

@media (min-width: 1440px) {
  .auth-page-features__list {
    max-width: 680px;
  }
}

.auth-page-features .auth-page-features__button {
  padding: 16px 24px;
}

.auth-page-features-item {
  display: flex;
}

.auth-page-features-item__icon {
  height: 40px;
  margin-right: 16px;
  width: 40px;
}

.auth-page-features-item__title {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px;
}

.auth-page-features-item__description {
  color: hsla(0, 0%, 100%, 0.4);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.auth-page-mobile-links {
  align-items: center;
  bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  position: absolute;
  row-gap: 8px;
  transform: translateX(-50%);
}

@media (min-width: 480px) {
  .auth-page-mobile-links {
    bottom: 50px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .auth-page-mobile-links {
    bottom: 64px;
  }
}

@media (min-width: 1200px) {
  .auth-page-mobile-links {
    bottom: 290px;
    left: unset;
    right: 125px;
    transform: unset;
  }
}

@media (min-width: 1440px) {
  .auth-page-mobile-links {
    bottom: 110px;
    bottom: 100px;
    right: 180px;
  }
}

@media (min-width: 1680px) {
  .auth-page-mobile-links {
    right: 296px;
  }
}

.auth-page-mobile-links__link {
  align-items: center;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: hsla(0, 0%, 100%, 0.04);
  border-radius: 8px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  height: 64px;
  justify-content: center;
  text-decoration: none;
  width: 219px;
}

@media (min-width: 480px) {
  .auth-page-mobile-links__link {
    width: 179px;
  }
}

.auth-page-mobile-links__link div {
  display: flex;
  flex-direction: column;
}

.auth-page-mobile-links__link span {
  color: hsla(0, 0%, 100%, 0.65);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.auth-page-mobile-links__link p {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin: 0;
}

.auth-page .description {
  margin-top: 70px;
}

@media (min-width: 768px) {
  .auth-page .description {
    margin-top: 0;
  }
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes bounce-md-figure {
  0% {
    transform: translate(-50%);
  }

  25% {
    transform: translate(-50%, -20px);
  }

  75% {
    transform: translate(-50%, 20px);
  }

  to {
    transform: translate(-50%);
  }
}

.md-page .md-page__container {
  max-width: 1408px;
}

.md-page .md-page__container--sm {
  max-width: 768px;
}

@media (min-width: 960px) {
  .md-page .md-page__container--sm {
    max-width: 960px;
  }
}

@media (min-width: 1440px) {
  .md-page .md-page__container--sm {
    max-width: 1136px;
  }
}

.md-page__section {
  margin: 0 0 80px;
  position: relative;
}

@media (min-width: 1200px) {
  .md-page__section {
    margin: 0 0 100px;
  }
}

.md-page__section--banner {
  margin: 0;
}

.md-page__title {
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  line-height: 32px;
  margin: 0 0 32px;
  text-align: center;
}

@media (min-width: 1200px) {
  .md-page__title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 56px;
  }
}

@media (min-width: 1440px) {
  .md-page__title {
    font-size: 42px;
    line-height: 52px;
    margin: 0 0 64px;
  }
}

.md-page .md-banner {
  position: relative;
}

.md-page .md-banner__bg-wrapper {
  height: 580px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate(-50%);
}

@media (min-width: 480px) {
  .md-page .md-banner__bg-wrapper {
    width: auto;
  }
}

@media (min-width: 1200px) {
  .md-page .md-banner__bg-wrapper {
    height: 620px;
  }
}

.md-page .md-banner__bg-wrapper:after {
  background: linear-gradient(
    180deg,
    rgba(25, 44, 67, 0) 12.65%,
    rgba(25, 44, 67, 0.61) 39.34%,
    rgba(25, 44, 67, 0.73) 51.27%,
    var(--background-color) 72.13%
  );
  bottom: 0;
  content: "";
  height: 290px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}

@media (min-width: 480px) and (max-width: 767px) {
  .md-page .md-banner__bg {
    width: 800px;
  }
}

@media (min-width: 768px) {
  .md-page .md-banner__bg {
    width: auto;
  }
}

.md-page .md-banner__inner {
  padding: 32px 0 56px;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .md-page .md-banner__inner {
    padding: 64px 0 31px;
  }
}

@media (min-width: 1200px) {
  .md-page .md-banner__inner {
    padding: 64px 0 114px;
  }
}

.md-page .md-banner__logo {
  display: block;
  margin: 0 auto;
  max-width: 271px;
}

@media (min-width: 768px) {
  .md-page .md-banner__logo {
    max-width: 356px;
  }
}

@media (min-width: 1200px) {
  .md-page .md-banner__logo {
    max-width: 412px;
  }
}

.md-page .md-banner__content {
  display: none;
  text-align: center;
}

.md-page .md-banner__title {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.28px;
  line-height: 32px;
  margin: 0 0 4px;
  text-transform: uppercase;
}

.md-page .md-banner__total {
  color: #fff;
  font-size: 42px;
  font-style: normal;
  font-weight: 800;
  line-height: 52px;
  max-height: 52px;
  text-shadow: 0 0 6px #0bdede, 0 0 6px rgba(11, 222, 222, 0.5);
}

@media (min-width: 768px) {
  .md-page .md-banner__total {
    font-size: 64px;
    font-size: 72px;
    line-height: 74px;
    line-height: 82px;
    max-height: 74px;
    max-height: 82px;
  }
}

@media (min-width: 1680px) {
  .md-page .md-banner__total {
    font-size: 80px;
    line-height: 74px;
  }
}

.md-page .md-banner__total .jackpot-total__symbol {
  margin-top: -5px;
}

@media (min-width: 768px) {
  .md-page .md-banner__total .jackpot-total__symbol {
    margin-top: -8px;
  }
}

@media (min-width: 1200px) {
  .md-page .md-banner__total .jackpot-total__symbol {
    margin-top: -12px;
  }
}

.md-page .md-banner__total .odometer-digit,
.md-page .md-banner__total .odometer-value {
  width: 28px;
}

@media (min-width: 480px) {
  .md-page .md-banner__total .odometer-digit,
  .md-page .md-banner__total .odometer-value {
    width: 36px;
  }
}

@media (min-width: 768px) {
  .md-page .md-banner__total .odometer-digit,
  .md-page .md-banner__total .odometer-value {
    width: 46px;
  }
}

@media (min-width: 1200px) {
  .md-page .md-banner__total .odometer-digit,
  .md-page .md-banner__total .odometer-value {
    width: 58px;
  }
}

@media (min-width: 1680px) {
  .md-page .md-banner__total .odometer-digit,
  .md-page .md-banner__total .odometer-value {
    width: 70px;
  }
}

.md-page .md-offer {
  align-items: center;
  background: linear-gradient(
    270deg,
    rgba(188, 177, 255, 0),
    rgba(32, 97, 195, 0) 0.01%,
    rgba(119, 162, 196, 0.4) 52.6%,
    rgba(32, 97, 195, 0)
  );
  display: flex;
  min-height: 64px;
  padding: 10px 72px;
}

.md-page .md-offer__content {
  text-align: center;
  width: 100%;
}

.md-page .md-offer__text {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  position: relative;
}

@media (min-width: 768px) {
  .md-page .md-offer__text {
    font-size: 16px;
    line-height: 24px;
  }
}

.md-page .md-offer__text:after,
.md-page .md-offer__text:before {
  background-size: cover;
  content: "";
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.md-page .md-offer__text:before {
  background: url(/images/md-offer-star-left.d98edc48..svg) 50% no-repeat;
  left: -40px;
}

.md-page .md-offer__text:after {
  background: url(/images/md-offer-star-right.c5a77726..svg) 50% no-repeat;
  right: -40px;
}

.md-page .md-offer__text span {
  color: #0bdede;
}

.md-page .md-winners {
  display: flex;
  justify-content: center;
}

.md-page .md-winners__list {
  display: flex;
  flex: 1;
  gap: 12px;
  margin: -40px 0;
  overflow: auto;
  padding: 40px 0;
}

.md-page .md-winners__list-item {
  flex: 1 1 33.3333333333%;
  max-width: calc(33.33333% - 8px);
  min-width: 288px;
}

.md-page .md-winners__list-item:last-child {
  margin-right: 16px;
}

@media (min-width: 960px) {
  .md-page .md-winners__list-item:last-child {
    margin-right: 0;
  }
}

.md-page .md-winner-table {
  background: radial-gradient(
      49.34% 47.32% at 50% 0,
      rgba(142, 53, 255, 0.12) 0,
      rgba(107, 37, 255, 0) 100%
    ),
    rgba(223, 228, 255, 0.04);
  border-radius: 12px;
  padding: 0 16px 16px;
  position: relative;
}

.md-page .md-winner-table__head {
  margin: 0 0 24px;
  text-align: center;
}

.md-page .md-winner-table__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.md-page .md-winner-table__list-item {
  border-radius: 8px;
}

.md-page .md-winner-table__list-item:nth-child(odd) {
  background: rgba(176, 180, 255, 0.04);
}

.md-page .md-winner-table__icon {
  height: 80px;
  margin: -40px 0 8px;
  width: 80px;
}

.md-page .md-winner-table__title {
  color: #fff;
  font-family: Rubik, Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 24px;
  margin: 0;
  text-transform: uppercase;
}

.md-page .md-winner-table__info-btn {
  color: hsla(0, 0%, 100%, 0.4);
  height: 20px;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 20px;
}

.md-page .md-winner-table__info-btn img {
  width: 100%;
}

.md-page .md-winner {
  align-items: center;
  display: flex;
  gap: 12px;
  height: 56px;
  padding: 8px;
}

.md-page .md-winner__icon {
  flex: 1 1 40px;
  max-width: 40px;
}

.md-page .md-winner__icon img {
  display: block;
}

.md-page .md-winner__content {
  flex: 1 1 35%;
  max-width: 35%;
  overflow: hidden;
}

.md-page .md-winner__name {
  color: #fff;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-page .md-winner__time {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}

.md-page .md-winner__pool {
  color: #fff;
  display: flex;
  flex: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  gap: 6px;
  justify-content: flex-end;
  line-height: 20px;
}

.md-page .md-winner__pool-icon {
  display: block;
  flex: 0 0 20px;
  max-width: 20px;
}

.md-page .md-perks__title {
  text-align: center;
}

.md-page .md-perks__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0 auto;
  max-width: 600px;
}

@media (min-width: 768px) {
  .md-page .md-perks__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px 10px;
    justify-content: center;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .md-page .md-perks__list {
    flex-wrap: nowrap;
  }
}

@media (min-width: 768px) {
  .md-page .md-perks__list-item {
    flex: 1 1 33.3333333333%;
    max-width: calc(33.33333% - 6.66667px);
  }
}

@media (min-width: 1200px) {
  .md-page .md-perks__list-item {
    flex: 1 1 20%;
    max-width: calc(20% - 8px);
  }
}

.md-page .md-perk {
  align-items: center;
  display: flex;
  gap: 24px;
  min-height: 60px;
}

@media (min-width: 768px) {
  .md-page .md-perk {
    align-items: center;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
  }
}

.md-page .md-perk__icon {
  align-items: center;
  display: flex;
  flex: 1 1 60px;
  justify-content: center;
  max-height: 60px;
  max-width: 60px;
}

@media (min-width: 768px) {
  .md-page .md-perk__icon {
    flex: 1 1 80px;
    max-height: 80px;
    max-width: 80px;
  }
}

.md-page .md-perk__icon img {
  display: block;
  max-width: 100%;
}

.md-page .md-perk__content {
  flex: 1;
}

.md-page .md-perk__text {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
}

@media (min-width: 768px) {
  .md-page .md-perk__text {
    max-width: 150px;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .md-page .md-perk__text {
    max-width: 100%;
  }
}

.md-page .md-games {
  background: url(/images/md-games-section-bg.6ed6da7b..jpg) 50% no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 56px 0;
  position: relative;
}

@media (min-width: 768px) {
  .md-page .md-games {
    padding: 80px 0;
  }
}

.md-page .md-games:after,
.md-page .md-games:before {
  content: "";
  height: 865px;
  position: absolute;
  transform: translate(-50%);
  width: 284px;
}

@media (min-width: 768px) {
  .md-page .md-games:after,
  .md-page .md-games:before {
    height: 947px;
    transform: translate(-70%);
    width: 454px;
  }
}

@media (min-width: 1200px) {
  .md-page .md-games:after,
  .md-page .md-games:before {
    height: 982px;
    width: 567px;
  }
}

.md-page .md-games:before {
  background: radial-gradient(
    51.08% 51.08% at 46.88% 49.01%,
    rgba(11, 222, 222, 0.6) 0,
    rgba(11, 83, 222, 0) 100%
  );
  bottom: 10%;
  left: 0;
}

.md-page .md-games:after {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(245, 25, 105, 0.4) 0,
    rgba(245, 25, 105, 0) 100%
  );
  left: 100%;
  opacity: 0.2;
  top: 10%;
}

.md-page .md-games__title {
  margin: 0 0 48px;
  position: relative;
  text-align: center;
  z-index: 2;
}

.md-page .md-games__slider {
  margin: 0 0 48px;
}

.md-page .md-games__grid-slider {
  position: relative;
  z-index: 2;
}

@media (min-width: 1200px) {
  .md-page .md-games__grid-slider {
    margin: 0 -50px;
    max-width: unset;
    padding: 0 50px;
  }
}

.md-page
  .md-games__grid-slider
  .grid-game-slider.slick-slider:hover
  .slick-arrow {
  color: #fff;
  opacity: 1;
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-arrow {
  background: transparent;
  display: inline-flex;
  font-size: 24px;
  height: 48px;
  opacity: 0;
  top: 60%;
  width: 48px;
  z-index: 2;
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-prev {
  left: -40px;
}

@media (min-width: 1650px) {
  .md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-prev {
    left: -50px;
  }
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-next {
  right: -20px;
}

@media (min-width: 1200px) {
  .md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-next {
    right: -40px;
  }
}

@media (min-width: 1650px) {
  .md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-next {
    right: -50px;
  }
}

.md-page .md-games__actions {
  text-align: center;
}

.md-page .md-games__action {
  min-width: 200px;
}

.md-page .md-how-to {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 32px;
}

@media (min-width: 768px) {
  .md-page .md-how-to {
    row-gap: 24px;
  }
}

.md-page .md-how-to__title {
  margin: 0;
}

.md-page .md-how-to__steps {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

@media (min-width: 768px) {
  .md-page .md-how-to__steps {
    flex-direction: row;
  }
}

.md-page .md-how-to__step {
  flex: 1;
}

.md-page .md-step {
  background: var(--header-color);
  border-radius: 12px;
  display: flex;
  gap: 16px;
  padding: 20px;
}

@media (min-width: 768px) {
  .md-page .md-step {
    align-items: center;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
  }
}

@media (min-width: 1200px) {
  .md-page .md-step {
    align-items: center;
    flex-direction: row;
  }
}

.md-page .md-step__icon {
  flex: 0 0 64px;
}

@media (min-width: 768px) {
  .md-page .md-step__icon {
    flex: 0 0 80px;
  }
}

.md-page .md-step__image {
  max-width: 100%;
}

.md-page .md-step__content {
  flex: 1;
}

@media (min-width: 768px) {
  .md-page .md-step__content {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .md-page .md-step__content {
    text-align: start;
  }
}

.md-page .md-step__title {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 8px;
}

@media (min-width: 1200px) {
  .md-page .md-step__title {
    font-size: 20px;
    line-height: 30px;
  }
}

.md-page .md-step__text {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.body::-webkit-scrollbar {
  width: 4px;
}

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

.body::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px;
}

.body::-webkit-scrollbar-thumb:hover {
  background: #445778;
}

@-moz-document url-prefix() {
  .body {
    scrollbar-color: #445778;
    scrollbar-width: thin;
  }
}

.md-page .md-winners__list::-webkit-scrollbar,
.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar,
.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar,
.welcome-page .wp-payments::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.md-page .md-winners__list::-webkit-scrollbar-track,
.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-track,
.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-track,
.welcome-page .wp-payments::-webkit-scrollbar-track {
  background: transparent;
}

.md-page .md-winners__list::-webkit-scrollbar-thumb,
.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-thumb,
.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-thumb,
.welcome-page .wp-payments::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0;
}

.md-page .md-winners__list::-webkit-scrollbar-thumb:hover,
.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-thumb:hover,
.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-thumb:hover,
.welcome-page .wp-payments::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

@-moz-document url-prefix() {
  .md-page .md-winners__list,
  .p-vip-club .p-vip-club-passes__cards,
  .p-vip-club .p-vip-club-table__wrapper,
  .welcome-page .wp-payments {
    scrollbar-color: transparent;
    scrollbar-width: none;
  }
}

.md-page .md-winners__list:hover::-webkit-scrollbar-thumb,
.p-vip-club .p-vip-club-passes__cards:hover::-webkit-scrollbar-thumb,
.p-vip-club .p-vip-club-table__wrapper:hover::-webkit-scrollbar-thumb,
.welcome-page .wp-payments:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

@font-face {
  font-family: DrukCyr;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Druk-Wide-Cy-Web-Bold-Regular.646784fe..ttf)
    format("truetype");
}

.body--ar .bar {
  left: auto;
  right: 0;
}

.body--ar .bar__content {
  left: auto;
  right: 0;
  transform: translateX(300px);
}

.body--ar .bar__content--open {
  transform: translateX(0);
}

.body--ar .payment-amount-default__hint {
  display: block;
}

.body--ar .amount-hint {
  width: 100%;
}

.body--ar .sign-up-steps__icon {
  left: -12px;
  right: auto;
  transform: rotate(-180deg);
}

.body--ar .input__placeholder {
  left: auto;
  right: 16px;
}

.body--ar .game-section-games-block-favorite__game-icon,
.body--ar .game-section-games-block-played__game-icon,
.body--ar .game-section-games-block__game-icon {
  left: 12px;
  right: auto;
  transform: rotate(-180deg) translateY(50%);
}

.body--ar .help-center-menu__icon,
.body--ar .player-level-user-menu__progress {
  transform: rotate(-180deg);
}

.body--ar .payment-dynamic-form__credit-card-number .input__right-container {
  margin-left: 0;
}

.body--ar .card-tournament__content,
.body--ar .card-tournament__timer,
.body--ar .description__button,
.body--ar .home-bonuses__button,
.body--ar .home-vip-benifits__text,
.body--ar .install-app-hero-title,
.body--ar .rules__button,
.body--ar .tourn-block__title,
.body--ar .tourn-card-big__timer .blocks-timer,
.body--ar .tournament-status,
.body--ar .tournaments-page__description,
.body--ar .vip-level__divider,
.body--ar .vip-page-benefits__description {
  margin-left: auto;
}

.body--ar .input__left-container,
.body--ar .notification-center-card__image,
.body--ar .payment-banners .payments-js-lib__img-wrapper,
.body--ar .sign-out-menu-button__icon,
.body--ar .user-menu__icon {
  margin-left: 12px;
  margin-right: 0 !important;
}

.body--ar .fast-deposit-bonus-code-card__code--value,
.body--ar .live-chat-link,
.body--ar .login-form__sign-up-link,
.body--ar .registration-dynamic-form__link {
  margin-left: 0;
  margin-right: 4px;
}

.body--ar .game-category-select__icon,
.body--ar .promotions-sportsbook-switcher__icon,
.body--ar .sportsbook-switcher__icon {
  margin-left: 8px;
  margin-right: 0;
}

.body--ar .bar__icon,
.body--ar .sidebar-menu-main__icon {
  margin-left: 20px;
  margin-right: 0 !important;
}

.body--ar .games-filter-block__icon,
.body--ar .games-page-providers__image,
.body--ar .install-app-widget-close-icon,
.body--ar .install-app-widget-logo,
.body--ar .select-language-icons-with-name__icon {
  margin-left: 12px;
  margin-right: 0;
}

.body--ar .header__icon--search {
  margin-left: 0;
  margin-right: 24px;
}

@media (min-width: 768px) {
  .body--ar .ls-lootboxes__icon {
    margin-left: 24px;
    margin-right: 0;
  }
}

.body--ar .how-to-item__icon {
  margin-left: 24px;
  margin-right: 0;
}

.body--ar .game-section-games-block-favorite__image,
.body--ar .game-section-games-block-played__image,
.body--ar .game-section-games-block__image,
.body--ar .header__icon--menu,
.body--ar .player-level-user-menu__image,
.body--ar .switcher__block-text {
  margin-left: 16px;
  margin-right: 0;
}

.body--ar .inline-icon-timer__title {
  margin-left: 5px;
}

.body--ar .home-sportsbook-widget-slider__controls {
  justify-content: flex-start;
}

.body--ar .payment-list__table {
  direction: rtl;
}

.body--ar .base-slider__header,
.body--ar .bonus-store__tabs .tab-list,
.body--ar .checkbox,
.body--ar .footer__utils .footer__language-select,
.body--ar .full-tourn__about,
.body--ar .full-tourn__participate,
.body--ar .home-game-slider__title,
.body--ar .home-promotions__title,
.body--ar .home-vip-benifits__card-list,
.body--ar .home-winners__tabs,
.body--ar .install-app-hero-buttons,
.body--ar .jackpot-game-panel-info__tabs,
.body--ar .option-link,
.body--ar .payment-tables__tabs,
.body--ar .providers-preview-list__title,
.body--ar .tourn-tabs,
.body--ar .tournament-game-slider__title,
.body--ar .vip-level__header-value,
.body--ar .vip-page-benefits__list {
  justify-content: flex-end;
}

.body--ar .amount-hint,
.body--ar .balance-rcp__info .num,
.body--ar .balance-rcp__tooltip,
.body--ar .bonus-pop-up__text,
.body--ar .bonus-store__main--left,
.body--ar .c-jp-level__level-content,
.body--ar .card-bottom__description,
.body--ar .card-bottom__title,
.body--ar .card-tournament__content,
.body--ar .cms-page--jackpot .page-content p,
.body--ar .description,
.body--ar .dynamic-form__label,
.body--ar .fast-deposit-bonus-code__link,
.body--ar .form-element__error,
.body--ar .full-tourn__title,
.body--ar .game-section-games-block-favorite__content,
.body--ar .game-section-games-block-played__content,
.body--ar .game-section-games-block__content,
.body--ar .home-bonuses__content,
.body--ar .home-sportsbook-widget__text,
.body--ar .home-vip-benifits__card-description,
.body--ar .home-vip-benifits__card-title,
.body--ar .home-vip-benifits__text,
.body--ar .how-to-item__content,
.body--ar .jackpot-game-panel-info__section-title,
.body--ar .jackpot-game-panel-info__text,
.body--ar .jackpot-how-to__content,
.body--ar .jackpot-how-to__title,
.body--ar .jackpot-list__content,
.body--ar .notification-center-card__content,
.body--ar .p-payments__title,
.body--ar .payment-list__table td,
.body--ar .payment-list__table th,
.body--ar .payments-js-lib__description,
.body--ar .player-level-user-menu__content,
.body--ar .profile-modal__title,
.body--ar .promotions-modal-content,
.body--ar .promotions-modal__top,
.body--ar .sidebar-menu-info__item,
.body--ar .tab-content__title,
.body--ar .tourn-about-big__description,
.body--ar .tourn-block__title,
.body--ar .tourn-card-big__bottom,
.body--ar .tourn-card-big__top,
.body--ar .tournaments-page__description,
.body--ar .tournaments-page__title,
.body--ar .vip-level__description,
.body--ar .vip-level__descriptions-group,
.body--ar .vip-level__header-title,
.body--ar .vip-page-benefits__description,
.body--ar .vip-page-benefits__title,
.body--ar .vip-page__description {
  text-align: right !important;
}

@media (min-width: 1200px) {
  .body--ar .home-sportsbook-widget__title {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .body--ar .install-app-hero-text {
    text-align: right;
  }
}

.body--ar .payment-list .payment-list__table tbody tr td:last-child {
  text-align: left !important;
}

.body--ar .sign-up-page {
  flex-direction: inherit;
}

.body--ar .bar__link,
.body--ar .card-bottom__info,
.body--ar .checkbox__block,
.body--ar .deposit-bonus-settings-default,
.body--ar .description__button,
.body--ar .fast-deposit-bonus-code-card__code,
.body--ar .fast-deposit-modal__footer,
.body--ar .fast-deposit-modal__payment-method,
.body--ar .game-category-select__link,
.body--ar .game-jackpots,
.body--ar .game-section-games-block-favorite__link,
.body--ar .game-section-games-block-played__link,
.body--ar .game-section-games-block__link,
.body--ar .games-filter-block__providers-button,
.body--ar .games-filter-block__wrapper,
.body--ar .grand-prizes-main__text,
.body--ar .header__block--left,
.body--ar .header__buttons,
.body--ar .header__wrapper,
.body--ar .home-vip-benifits__card-item,
.body--ar .inline-icon-timer__inner,
.body--ar .install-app-widget,
.body--ar .install-app-widget-left,
.body--ar .jackpot-game-panel-info__level,
.body--ar .jackpot-game-panel-info__levels-list,
.body--ar .jackpot-how-to__list-item.how-to-item,
.body--ar .jackpot-list,
.body--ar .jackpot-list__item,
.body--ar .login-form__footer,
.body--ar .notification-center-card,
.body--ar .option-link__content,
.body--ar .payment-banners .payments-js-lib__wrapper,
.body--ar .promotions-categories__buttons,
.body--ar .promotions-sportsbook-switcher,
.body--ar .promotions-sportsbook-switcher__item,
.body--ar .registration-dynamic-form__footer,
.body--ar .rules__button,
.body--ar .select-header-currency__button,
.body--ar .select-language-icons-with-name__button,
.body--ar .select-language-icons-with-name__button-inner,
.body--ar .sign-out-menu-button,
.body--ar .sign-up-steps,
.body--ar .sportsbook-switcher,
.body--ar .sportsbook-switcher__item,
.body--ar .switcher__block,
.body--ar .tourn-about-big__item,
.body--ar .tourn-block__description-item,
.body--ar .tourn-participate-big__info,
.body--ar .user-menu__balance,
.body--ar .user-menu__link,
.body--ar .user-menu__player-level {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  .body--ar .bonus-store__main .container,
  .body--ar .fast-deposit-modal__wrap,
  .body--ar .install-app-steps,
  .body--ar .ls-lootboxes__content,
  .body--ar .ls-lootboxes__inner,
  .body--ar .ls-ticket,
  .body--ar .promotions-modal__bonus-code {
    flex-direction: row-reverse;
  }
}

@media (min-width: 1200px) {
  .body--ar .footer__menus,
  .body--ar .home-sportsbook-widget .container {
    flex-direction: row-reverse;
  }

  .body--ar .layout-help-center__inner {
    direction: rtl;
  }
}

.body--ar .games-filter-block__providers-button:after {
  left: auto !important;
  right: -48px;
  transform: rotate(-180deg);
}

.body--ar .base-slider.base-slider--with-see-more,
.body--ar .home-game-slider--with-see-more,
.body--ar .home-promotions--with-see-more,
.body--ar .tournament-game-slider--with-see-more {
  grid-template-areas: "see-more header header" "slider slider slider";
  grid-template-columns: minmax(86px, min-content) 1fr 1fr;
}

@media (min-width: 1200px) {
  .body--ar .base-slider.base-slider--with-see-more,
  .body--ar .home-game-slider--with-see-more,
  .body--ar .home-promotions--with-see-more,
  .body--ar .tournament-game-slider--with-see-more {
    grid-template-areas: "controls see-more header" "slider slider slider";
    grid-template-columns: 88px minmax(86px, min-content) 1fr;
  }
}

.body--ar .base-slider,
.body--ar .providers-preview-list {
  grid-template-areas: "controls header header" "slider slider slider";
  grid-template-columns: 88px 1fr 1fr;
}

.body--ar .home-winners {
  grid-template-areas: "controls tabs " "slider slider";
  grid-template-columns: 88px 1fr;
}

.body--ar .home-vip-benifits__background-image {
  left: -50px;
  right: auto;
  transform: scaleX(-1);
}

.body--ar .home-vip-benifits__card-image--title {
  left: 0;
  right: auto;
  transform: scaleX(-1);
}

.body--ar .home-vip-benifits__card:before {
  left: -8px;
  right: auto;
}

@media (min-width: 768px) {
  .body--ar .home-vip-benifits__card--one {
    left: 6px;
    right: auto;
  }
}

@media (min-width: 1200px) {
  .body--ar .home-vip-benifits__card--one {
    left: 110px;
    right: auto;
  }
}

@media (min-width: 1440px) {
  .body--ar .home-vip-benifits__card--one {
    left: 132px;
    right: auto;
  }
}

@media (min-width: 1680px) {
  .body--ar .home-vip-benifits__card--one {
    left: 237px;
    right: auto;
  }
}

@media (min-width: 768px) {
  .body--ar .home-vip-benifits__card--two {
    left: 6px;
    right: auto;
  }
}

@media (min-width: 1200px) {
  .body--ar .home-vip-benifits__card--two {
    left: 8px;
    right: auto;
  }
}

@media (min-width: 1440px) {
  .body--ar .home-vip-benifits__card--two {
    left: 30px;
    right: auto;
  }
}

@media (min-width: 1680px) {
  .body--ar .home-vip-benifits__card--two {
    left: 134px;
    right: auto;
  }
}

@media (min-width: 768px) {
  .body--ar .home-vip-benifits__card--three {
    left: 338px;
    right: auto;
  }
}

@media (min-width: 1200px) {
  .body--ar .home-vip-benifits__card--three {
    left: 340px;
    right: auto;
  }
}

@media (min-width: 1440px) {
  .body--ar .home-vip-benifits__card--three {
    left: 362px;
    right: auto;
  }
}

@media (min-width: 1680px) {
  .body--ar .home-vip-benifits__card--three {
    left: 466px;
    right: auto;
  }
}

@media (min-width: 480px) {
  .body--ar .home-vip-benifits__badge {
    left: auto;
    right: 130%;
  }
}

@media (min-width: 768px) {
  .body--ar .home-vip-benifits__badge {
    left: -74px;
    right: auto;
  }
}

@media (min-width: 1200px) {
  .body--ar .footer__navigation {
    flex-direction: row-reverse;
  }
}

.body--ar .footer__brand-links {
  flex-direction: row-reverse;
}

@media (min-width: 1200px) {
  .body--ar .footer__brand-links {
    align-items: flex-end;
    flex-direction: column;
  }

  .body--ar .footer__logo {
    text-align: right;
    width: 100%;
  }
}

.body--ar .promotions-modal__terms {
  padding: 0 40px 0 0;
}

.body--ar .promotions-modal__terms-item:before {
  left: auto;
  right: -40px;
}

.body--ar .search-modal-header .search-modal-header__input .input__native {
  padding: 0 12px 0 48px !important;
}

.body--ar
  .search-modal-header
  .search-modal-header__input
  .input__left-container {
  padding-left: 0;
  padding-right: 16px;
}

.body--ar .user-menu__select .select-header-currency__wrapper {
  left: auto;
  right: 0;
}

.body--ar .notification-center__container,
.body--ar .select-header-currency__wrapper,
.body--ar .select-user-menu__dropdown {
  left: 0;
  right: auto;
}

.body--ar .user-menu .user-menu__icon--right {
  left: 8px;
  right: auto;
}

.body--ar .bonus-code-form-default .bonus-code-form-default__button,
.body--ar .notification-center-card--new:after,
.body--ar .payment-amount-default__currency {
  left: 16px;
  right: auto;
}

.body--ar .content ul > li:before {
  left: auto;
  right: 12px;
}

.body--ar .notification-center-card {
  padding: 12px 16px 12px 32px;
}

.body--ar .payment-amount-default__input--amount .input {
  padding-left: 55px;
  padding-right: 16px;
}

.body--ar .bonus-code-form-default .bonus-code-form-default__input {
  padding: 0 16px 0 64px;
}

.body--ar .fast-deposit-bonus-code-card {
  padding: 12px 12px 12px 48px;
  text-align: right;
}

.body--ar .promotions-block__description,
.body--ar .vip-level__progress {
  display: block;
  width: 100%;
}

.body--ar .content ul:not([type]) > li {
  padding-left: 0;
  padding-right: 24px;
}

@media (min-width: 768px) {
  .body--ar .vip-page-benefits__image {
    left: 0;
    z-index: -1;
  }
}

.body--ar .ls-ticket__label {
  left: auto;
  right: -1px;
}

.body--ar .ls-ticket__text {
  display: flex;
  flex-direction: row-reverse;
}

.body--ar .ls-ticket__text span {
  margin-right: 4px;
}

@media (min-width: 768px) {
  .body--ar .install-app-hero-phones {
    left: -50px;
    right: auto;
  }
}

.body--ar .base-slider__scroll-wrapper,
.body--ar .content,
.body--ar .copyright,
.body--ar .footer-menu,
.body--ar .games-block-recommended,
.body--ar .header-menu,
.body--ar .help-center-menu__link,
.body--ar .home-bonuses__item,
.body--ar .input,
.body--ar .input__native,
.body--ar .layout-help-center__title,
.body--ar .md-jackpots__text,
.body--ar .md-step__content,
.body--ar .need-help-modal-content,
.body--ar .promotions-block,
.body--ar .promotions-card,
.body--ar .registration-form-head,
.body--ar .search-modal,
.body--ar .sidebar-menu-main__link,
.body--ar .sign-in-page__title,
.body--ar .welcome-bonus-sign-up__title,
.body--ar .welcome-page__section--intro,
.body--ar .wp-benefits,
.body--ar .wp-promotions__list {
  direction: rtl;
}

/* Game Cards */
.game-cards {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap; /* Allow items to wrap if there's not enough space */
}

.game-card {
  border-radius: 8px;
  padding: 20px;
  width: 30%; /* Default width for larger screens */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s;
  background-color: var(--header-color);
}

.game-card:hover {
  transform: scale(1.02);
}

.game-card ul ul {
  line-height: 20px;
}

.game-card h3 {
  margin-top: 50px;
  text-align: center;
  margin-bottom: 20px;
  color: var(--headings-color);
}

/* Media query for mobile devices */
@media screen and (max-width: 768px) {
  .game-cards {
    flex-direction: column; /* Stack the cards vertically */
  }

  .game-card {
    width: 100%; /* Full width on mobile */
    margin-bottom: 20px; /* Add space between stacked cards */
  }
}

.gaming-providers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  background-color: var(--header-color);
  margin-bottom: 50px;
}

.provider-logo {
  width: 100%;
  max-width: 100px;
  height: auto;
  justify-self: center;
}

.extra-rows {
  grid-column: span 4;
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.toggle-button {
  grid-column: span 4;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 30px;
  border-radius: 10px;
  background-color: var(--background-color);
  color: white;
  border: none;
  cursor: pointer;
  position: sticky;
  top: 0;
  z-index: 1;
}

.gaming-providers img {
  height: 80px;
  width: auto;
}

/* CSS for Scrollable Table */
.table-container {
  width: 100%;
  overflow-x: auto; /* Enables horizontal scrolling */
  margin: 20px 0;
  margin-bottom: 50px;
  -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}

.scrollable-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  text-align: left;
  min-width: 600px; /* Ensures the table has a minimum width */
}

.scrollable-table th,
.scrollable-table td {
  padding: 12px;
  border: 1px solid #ddd;
}

.scrollable-table th {
  font-weight: bold;
}

/* CSS */
.support-flags {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.support-flags img {
  margin-top: 10px;
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  border-radius: 50px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid var(--header-color);
}

.support-flags img:hover {
  transform: scale(1.1); /* Makes image grow */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Deepens shadow on hover */
}

.language-selector {
  position: relative;
  display: inline-block;
}

.language-selector-footer {
  position: relative;
  display: inline-block;
}

.language-button {
  background-color: var(--header-color);
  min-width: 250px;
  padding: 12px 12px 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  color: white;
}

.language-button img {
  border-radius: 5px;
}

.language-button-footer img {
  border-radius: 5px;
}

.dropdown-item img {
  border-radius: 5px;
}

.language-button-footer {
  background-color: var(--header-color);
  min-width: 265px;
  padding: 12px 12px 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  color: white;
}

.flag-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.dropdown-arrow {
  margin-left: auto;
}

.dropdown-menu {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  background-color: var(--background-color);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.2);
}

.dropdown-item {
  min-width: 265px;
  padding: 12px 12px 12px 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: none;
  background: none;
  color: white;
}

.container {
  max-width: 800px;
  margin: 30px a;
  padding: 10px;
}

.boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.box {
  background-color: #2a3b57;
  border: none; /* Removed the outer border */
  border-radius: 8px;
  width: 200px; /* Increased the width slightly */
  padding: 30px;
  text-align: center;
  box-shadow: 0 4px 6px rgba (0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s;
}

.box:hover {
  transform: translateY(-10px); /* Enhanced hover effect */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background-color: rgba(
    255,
    255,
    255,
    0.1
  ); /* Added a subtle background color change on hover */
}

.box .icon {
  font-size: 50px; /* Increased icon size */
  margin-bottom: 15px;
}
.icon {
  font-size: 32px;
  margin-bottom: 10px;
  color: #2c7c7c;
}

h3 {
  /* font-size: 40px; */
  margin-bottom: 8px;
  color: #66dcde;
}

.join-heading {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 40px;
}

.control-tools {
  color: black;
}

.stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Centers the stat items horizontally */
  align-items: center; /* Centers the items vertically (optional) */
  gap: 150px;
  margin-bottom: 30px;
  margin-left: 60px;
}

.stat {
  text-align: center; /* Centers text inside each stat box */
}

.stat h3 {
  font-size: 35px;
  font-weight: bold;
  margin: 0;
  text-align: center; /* Ensures the heading is centered */
}

.stat p {
  font-size: 16px;
  color: #fff;
  text-align: center; /* Centers the paragraph text */
}

.style {
  text-align: center;
  color: #fff;
}

hr {
  width: 80%;
  height: 2px;
  background-color: black;
}

.line-container {
  display: flex;
  justify-content: center;
}

.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 2rem;
  /* remove any scrolling here by default */
  overflow-x: visible;
}

.card {
  width: 300px;
  background-color: #f0f0f0;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  overflow: visible; /* allow overflow if needed */
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-right: 1rem; /* space between cards */
  flex: 0 0 auto; /* fixed width, no grow/shrink */
}

.card:hover {
  transform: scale(1.05);
}

.card-header {
  font-size: 25px;
  padding: 15px;
  background-color: #4bdede;
  color: #1d2c42;
  text-align: center;
  font-weight: bold;
}

.card-subheader {
  font-size: 15px;
  color: #333;
  text-align: Left;
  margin-bottom: 10px;
  margin-left: 10px; /* Margin left */
  margin-top: 25px;
  font-weight: bold; /* Bold text */
}

.card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin-bottom: 20px;
}

.card-description {
  padding: 15px;
  font-size: 1rem;
  color: #555;
  text-align: left; /* Align content to the left */
}

.card-description ul {
  list-style: symbols(1); /* Remove default bullets */
  padding: 0; /* Remove extra space from the list */
  margin: 0; /* Ensure no outer margin on the list */
}

.card-description ul li {
  display: flex; /* Align icons and text in a row */
  align-items: flex-start; /* Ensure icons are aligned to the top of the text */
  margin-bottom: 10px; /* Add spacing between each list item */
  font-size: 0.9rem; /* Match font size closely to the reference */
  line-height: 1.4; /* Adjust spacing between lines for readability */
}

.card-description ul li img {
  width: 24px; /* Make the icon slightly larger to match the example */
  height: 24px; /* Ensure consistent icon size */
  margin-right: 12px; /* Add space between the icon and the text */
}

.cta-btn {
  width: 100%;
  padding: 12px;
  background-color: #eb2e6b;
  color: white;
  border: none;
  text-align: center;
  font-size: 1rem;
  cursor: pointer;
  border-radius: 0 0 8px 8px;
  transition: background-color 0.3s ease;
  margin-top: auto; /* Ensures it is pushed to the bottom of the card */
}
.cta-btn:hover {
  background-color: #4da8af;
  display: inline-block; /* Ensures proper block-like appearance for links */
  text-decoration: none; /* Removes underline from links */
}

.highlight-color {
  color: #e02219; /* Set the last word color to #E02219 */
}

label {
  font-size: 1.2rem;
  font-weight: bold;
  margin-right: 10px;
}

select {
  font-size: 1rem;
  /* padding: 5px; */
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  background-color: #fff;
}

/* Table Styling */
table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

th,
td {
  border: 1px solid #ddd;
  text-align: center;
  padding: 12px;
}

th {
  color: #000;
  /* font-size: 30px; */
  text-decoration: underline;
  /* font-weight: 500; */
}

/* td {
  font-size: 1rem;
  color: black;
} */

tr:nth-child(even) {
  background-color: #f2f2f2;
}

tr:hover {
  background-color: #e9ecef;
}

/* Centering the Dropdown */
.selector-container {
  text-align: center;
  margin: 20px 0;
}

hr {
  width: 80%;
  height: 2px;
  background-color: #8a92a8;
}

.styled-table {
  width: 80%;
  margin: 2rem auto;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border: 2px solid #ffffff; /* white border around entire table */
  border-radius: 12px;
  overflow: hidden; /* ensure rounded corners on children */
}
.styled-table thead {
  background-color: #4bdede; /* header bg color */
}
.styled-table th,
.styled-table td {
  padding: 0.5rem 0.75rem; /* slightly smaller padding */
  border: 1px solid #ddd;
  text-align: center;
}
/* Make the "Game" column header and cells #f51869 */
.styled-table td:first-child {
  color: #fff;
}
.styled-table tbody tr {
  background-color: #263b57;
}
.styled-table a {
  color: #4bdede;
  text-decoration: underline;
}
.styled-table a:hover {
  text-decoration: underline;
}

.bonuses-table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1rem 0;
  text-align: center; /* center the table when it fits */
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .bonuses-table {
    min-width: unset !important;
    width: 100% !important;
    display: table !important; /* restore normal table layout */
  }
}
.bonuses-table {
  width: 80%;
  max-width: 800px;
  margin: 20px auto;
  border-collapse: separate; /* Use separate borders so we can round corners */
  border-spacing: 0; /* No spacing—cells touch at their borders */
  background-color: #2a3b57; /* Dark navy */
  color: #ffffff;
  font-size: 0.95em;
  border-radius: 12px; /* Round the overall table container */
  overflow: hidden; /* Hide any overflow so the rounded corners clip cells */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.support-table-link {
  color: #4ad9d9; /* Turquoise accent color */
  text-decoration: underline;
}

.bonuses-table thead th {
  background-color: #4bdede; /* Slightly lighter than the body rows */
  color: #1f1b33;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 14px 12px;
  border: 1px solid #fff;
}

.bonuses-table tbody td:nth-child(3) {
  background-color: #eb2f6a;
}

.bonuses-table tbody td {
  background-color: #2d3b57;
  padding: 12px;
  vertical-align: top;
  border: 1px solid #fff;
  line-height: 1.4;
  word-wrap: break-word;
}

.bonus-table {
  width: 60%;
  margin: 1.5rem auto;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  border: 2px solid #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.bonus-table thead {
  background-color: #4bdede;
}
.bonus-table th,
.bonus-table td {
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  text-align: center;
}
.bonus-table tbody tr {
  background-color: #2d3b57;
}
.bonus-table a {
  color: #0073e6;
  text-decoration: none;
}
.bonus-table a:hover {
  text-decoration: underline;
}

.review-section {
  width: 80%;
  margin: 2.5rem auto;
  font-family: Arial, sans-serif;
}

.review-section h3 {
  margin-bottom: 1rem;
}

.review-section p.subheader {
  margin-bottom: 2rem;
}

.reviews {
  display: flex;
  gap: 1rem;
}

.review-card {
  flex: 1;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 1.25rem;
  background-color: #313b57;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.review-card blockquote {
  margin: 0 0 1rem;
  font-style: italic;
  line-height: 1.4;
}

.review-card .source {
  font-weight: bold;
  margin-bottom: 0.75rem;
  color: #2d3b57; /* star color */
}

.review-card .rating {
  font-size: 1.1rem;
  color: #eb2f6a; /* star color */
}

/* Apply dark blue background to all body rows, leave the header row untouched */
#payment-table-body tr {
  background-color: #2d3b57;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
}
/* On phones, drop the min-width so it scales to viewport */
@media (max-width: 600px) {
  .bonuses-table {
    min-width: unset;
  }
}

@media (max-width: 600px) {
  .card {
    flex: 1 1 100%;
    max-width: none;
  }
}

.bonuses-section .bonuses-table-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center; /* centers the inline-block table */
  margin: 1rem 0;
  box-sizing: border-box;
}

/* 2) Make the table inline-block so it can overflow instead of squeezing */
.bonuses-section .bonuses-table {
  display: inline-block; /* shrink to content width */
  width: auto; /* don’t force full width */
  min-width: 600px; /* desktop baseline: keeps columns from squishing */
  border-collapse: collapse;
  border-radius: 8px;
  overflow: hidden;
  background-color: #29334d;
}

/* 3) If you really want the table to shrink on very small phones: */
@media (max-width: 400px) {
  .bonuses-section .bonuses-table {
    min-width: unset;
  }
}
@media (max-width: 768px) {
  .card-container {
    /* flex-wrap: nowrap;             single row */
    overflow-x: auto; /* enable horizontal scrolling */
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem; /* space for scrollbar */
    scroll-snap-type: x mandatory; /* optional snap */
  }
}

@media (max-width: 600px) {
  .payment-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* smooth on iOS */
  }
  .payment-table {
    min-width: 600px; /* forces horizontal scroll on narrow screens */
  }
}

.payment-table {
  min-width: 600px; /* forces horizontal scroll on narrow screens */
}

/* 2) Base table styling */
.payment-table-wrapper {
  margin-top: 1rem;
  margin-bottom: 2rem;
  width: 100%;
}


/* hide by default and animate height */
.collapse {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

/* when open, leave max-height unset (we set it via JS) */
.collapse-block.is-open .collapse {
  /* no override needed here since JS sets max-height */
}

/* caret rotation */
.collapse-block__caret {
  display: inline-block;
  transition: transform 0.3s ease;
}

.collapse-block__caret.is-open {
  transform: rotate(90deg);
}