.base_content-8pMNn {
      justify-content: center;
      align-items: center;
      gap: var(--spacing-8);
      white-space: nowrap;
      height: 100%;
      display: flex
    }
.base_content-8pMNn:focus-visible {
      outline: none
    }
@supports not (width:1lh) {
.base_content-8pMNn:focus-visible {
        box-shadow: 0 0 0 unset unset
      }
}
@supports (width:1lh) {
.base_content-8pMNn:focus-visible {
        outline: unset solid unset;
        outline-offset: unset
      }
}
@supports not selector(:focus-visible) {
.base_content-8pMNn:focus {
        outline: none
      }
@supports not (width:1lh) {
.base_content-8pMNn:focus {
          box-shadow: 0 0 0 unset unset
        }
}
@supports (width:1lh) {
.base_content-8pMNn:focus {
          outline: unset solid unset;
          outline-offset: unset
        }
}
}
.base_root-8pMNn {
      --outline-color: var(--color-solid-brand-primary-alfa-68);
      border-radius: var(--button-radius);
      background-color: unset;
      color: var(--color-content-base-static-white);
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      will-change: transform;
      padding: 0;
      transition: opacity .1s;
      display: inline-block;
      position: relative
    }
.base_root-8pMNn.base_rounded-8pMNn {
      --button-radius: var(--rounding-max)
    }
.base_root-8pMNn:active {
      opacity: var(--opacity-item-active)
    }
.base_root-8pMNn[disabled]:not([disabled=false]) {
      opacity: var(--opacity-item-disabled);
      pointer-events: none
    }
.base_root-8pMNn.base_loading-8pMNn {
      pointer-events: none
    }
.base_root-8pMNn.base_loading-8pMNn .base_content-8pMNn {
      opacity: 0
    }
.base_root-8pMNn:focus-visible {
      outline: none
    }
@supports not (width:1lh) {
.base_root-8pMNn:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--focus-border)
      }
}
@supports (width:1lh) {
.base_root-8pMNn:focus-visible {
        outline: var(--spacing-2)solid var(--focus-border);
        outline-offset: var(--spacing-2)
      }
}
@supports not selector(:focus-visible) {
.base_root-8pMNn:focus {
        outline: none
      }
@supports not (width:1lh) {
.base_root-8pMNn:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--focus-border)
        }
}
@supports (width:1lh) {
.base_root-8pMNn:focus {
          outline: var(--spacing-2)solid var(--focus-border);
          outline-offset: var(--spacing-2)
        }
}
}
.base_root-8pMNn {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height)
    }
.base_view-8pMNn {
      width: var(--button-width);
      height: var(--button-height);
      padding: 0 var(--button-padding);
      border-radius: var(--button-radius);
      background: var(--background);
      transition: background .1s;
      position: relative
    }
@media (hover:hover) and (pointer:fine) {
.base_view-8pMNn:hover {
        background: var(--background-hover)
      }
}
.base_view-8pMNn:focus-visible {
      outline: none
    }
@supports not (width:1lh) {
.base_view-8pMNn:focus-visible {
        box-shadow: 0 0 0 unset unset
      }
}
@supports (width:1lh) {
.base_view-8pMNn:focus-visible {
        outline: unset solid unset;
        outline-offset: unset
      }
}
@supports not selector(:focus-visible) {
.base_view-8pMNn:focus {
        outline: none
      }
@supports not (width:1lh) {
.base_view-8pMNn:focus {
          box-shadow: 0 0 0 unset unset
        }
}
@supports (width:1lh) {
.base_view-8pMNn:focus {
          outline: unset solid unset;
          outline-offset: unset
        }
}
}
.base_view-8pMNn:after {
      border: 1px solid var(--border-color);
      border-radius: inherit;
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0
    }
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.base_view-8pMNn:after {
        background: var(--border-color-grad, var(--border-color));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
}
.base_loader-8pMNn {
      justify-content: center;
      align-items: center;
      display: flex;
      position: absolute;
      inset: 0
    }
.base_size-s-8pMNn {
      --button-height: var(--size-control-s);
      --button-padding: var(--spacing-12);
      --button-radius: var(--button-rounding-s)
    }
.base_size-s-8pMNn.base_isIcon-8pMNn {
      --button-width: var(--size-control-s);
      --button-padding: var(--spacing-0)
    }
.base_size-m-8pMNn {
      --button-height: var(--size-control-m);
      --button-padding: var(--spacing-16);
      --button-radius: var(--button-rounding-m)
    }
.base_size-m-8pMNn.base_isIcon-8pMNn {
      --button-width: var(--size-control-m);
      --button-padding: var(--spacing-0)
    }
.base_size-xl-8pMNn {
      --button-height: var(--size-control-xl);
      --button-padding: var(--spacing-20);
      --button-radius: var(--button-rounding-l)
    }
.base_size-xl-8pMNn.base_isIcon-8pMNn {
      --button-width: var(--size-control-xl);
      --button-padding: var(--spacing-0)
    }
.base_size-xxl-8pMNn {
      --button-height: var(--size-control-xxl);
      --button-padding: var(--spacing-24);
      --button-radius: var(--button-rounding-xl)
    }
.base_size-xxl-8pMNn.base_isIcon-8pMNn {
      --button-width: var(--size-control-xxl);
      --button-padding: var(--spacing-0)
    }
.base_variant-primary-8pMNn {
      --background: var(--button-color-primary-bg-default-grad, var(--button-color-primary-bg-default));
      --background-hover: var(--button-color-primary-bg-hover-grad, var(--button-color-primary-bg-hover));
      --border-color: var(--button-color-primary-bg-border);
      --border-color-grad: var(--button-color-primary-bg-border-grad);
      color: var(--button-color-primary-fg-default)
    }
.base_variant-primary-8pMNn .base_loader-8pMNn svg {
      color: var(--button-color-primary-fg-default)
    }
.base_variant-accent-8pMNn {
      --background: var(--button-color-accent-bg-default-grad, var(--button-color-accent-bg-default));
      --background-hover: var(--button-color-accent-bg-hover-grad, var(--button-color-accent-bg-hover));
      --border-color: var(--button-color-accent-bg-border);
      --border-color-grad: var(--button-color-accent-bg-border-grad);
      color: var(--button-color-accent-fg-default)
    }
.base_variant-accent-8pMNn .base_loader-8pMNn svg {
      color: var(--color-content-base-on-accent)
    }
.base_variant-neutral-8pMNn {
      --background: var(--color-background-base-alfa-neutral-12);
      --background-hover: var(--color-background-base-alfa-neutral-16);
      --border-color: var(--button-color-neutral-bg-border);
      --border-color-grad: var(--button-color-neutral-bg-border-grad);
      color: var(--color-content-base-primary)
    }
.base_variant-staticPrimary-8pMNn {
      --background: var(--color-background-base-static-white);
      --background-hover: var(--color-background-base-alfa-static-white-96);
      color: var(--color-content-base-static-black)
    }
.base_variant-staticPrimary-8pMNn .base_loader-8pMNn svg {
      color: var(--color-content-base-static-black)
    }
.base_variant-staticSecondary-8pMNn {
      --background: var(--color-background-base-alfa-static-white-20);
      --background-hover: var(--color-background-base-alfa-static-white-32);
      --border-color: var(--button-color-static-secondary-bg-border)
    }
.base_variant-negative-8pMNn {
      --background: var(--color-solid-sentiment-negative-alfa-12);
      --background-hover: var(--color-solid-sentiment-negative-alfa-16);
      color: var(--color-solid-sentiment-negative-default)
    }
.base_variant-negative-8pMNn .base_loader-8pMNn svg {
      color: var(--color-solid-sentiment-negative-default)
    }
.base_badge-8pMNn {
      position: absolute;
      inset-block-start: -2px;
      inset-inline-end: -2px
    }
.base_isWide-8pMNn {
      width: 100%
    }
.base_isWide-8pMNn.base_isIcon-8pMNn {
      --button-width: 100%
    }
.cdp-modal_root-BKb9U {
      padding: var(--modal-padding-modal-mobile)0;
      color: var(--color-content-base-primary);
      overflow-wrap: break-word;
      position: relative
    }
.badge_root-HzNE8 {
      border-radius: var(--rounding-component-badge);
      -webkit-user-select: none;
      user-select: none;
      min-width: 0;
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-semibold-font-size);
      font-weight: var(--font-caption-s-semibold-font-weight);
      letter-spacing: var(--font-caption-s-semibold-letter-spacing);
      line-height: var(--font-caption-s-semibold-line-height);
      align-items: center;
      display: inline-flex
    }
.tournament-card_card-BhLDd {
      border: 1px solid var(--color-border-base-alfa-divider);
      border-radius: var(--rounding-container-m);
      background: var(--neutral-dark-2);
      width: 100%;
      min-width: 328px;
      color: var(--color-content-base-static-white);
      display: block;
      position: relative;
      overflow: hidden
    }
.tournament-card_card-BhLDd.tournament-card_fixedWidth-BhLDd {
      width: 328px
    }
.tournament-card_badge-BhLDd {
      z-index: 2;
      position: absolute;
      inset-block-start: var(--spacing-16);
      inset-inline-start: var(--spacing-16)
    }
.tournament-card_container-BhLDd {
      z-index: 1;
      height: 172px;
      padding: var(--spacing-16);
      flex-direction: column;
      display: flex;
      position: relative
    }
.tournament-card_content-BhLDd {
      z-index: 1;
      gap: var(--spacing-4);
      flex-direction: column;
      margin-top: auto;
      display: flex;
      position: relative
    }
.tournament-card_content-BhLDd.tournament-card_contentWithoutDescription-BhLDd {
      padding-top: var(--spacing-16)
    }
.tournament-card_title-BhLDd {
      max-width: 55%
    }
.tournament-card_prize-BhLDd {
      letter-spacing: -1.8px;
      font-size: 30px;
      font-weight: 700;
      line-height: 36px
    }
.tournament-card_description-BhLDd {
      color: var(--color-content-base-secondary);
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-regular-font-size);
      font-weight: var(--font-caption-s-regular-font-weight);
      letter-spacing: var(--font-caption-s-regular-letter-spacing);
      line-height: var(--font-caption-s-regular-line-height)
    }
.tournament-card_img-BhLDd {
      z-index: 0;
      pointer-events: none;
      height: 100%;
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 0
    }
.tournament-card_cardBottom-BhLDd {
      z-index: 1;
      position: relative
    }
.balance-sum-skeleton_root-qg2Ip {
      width: 48px;
      height: var(--font-body-semibold-line-height);
      border-radius: var(--rounding-max)
    }
@media screen and (min-width:1024px) {
.balance-sum-skeleton_root-qg2Ip {
        width: 78px
      }
}
.header-balance-v3_root-qboqn {
      align-items: center;
      gap: var(--spacing-12);
      display: flex
    }
@media screen and (min-width:1024px) {
.header-balance-v3_root-qboqn {
        gap: var(--spacing-16)
      }
}
.header-balance-v3_balanceBlock-qboqn {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height);
      flex-direction: column;
      flex-grow: 1;
      align-items: flex-end;
      display: flex
    }
.header-balance-v3_wrapper-qboqn {
      cursor: pointer;
      text-align: end
    }
.header-balance-v3_sumContainer-qboqn {
      max-width: 100%;
      position: relative
    }
.header-balance-v3_sum-qboqn,
    .header-balance-v3_sumShort-qboqn {
      color: var(--color-content-base-primary);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }
.header-balance-v3_root-qboqn:not(.header-balance-v3_short-qboqn) .header-balance-v3_sumShort-qboqn,
    .header-balance-v3_short-qboqn .header-balance-v3_sum-qboqn {
      opacity: 0;
      pointer-events: none;
      position: absolute
    }
.rive-sectors_sectorsWrapper-m8MCp {
      justify-content: center;
      width: 44px;
      height: 44px;
      display: inline-flex;
      position: relative
    }
.rive-sectors_vipSectors-m8MCp {
      height: 50px
    }
.rive-sectors_sectorsCanvas-m8MCp {
      z-index: 0;
      pointer-events: none;
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0
    }
.rive-sectors_discountValue-m8MCp {
      z-index: 1;
      pointer-events: none;
      height: 44px;
      font-size: 12px;
      font-weight: 500;
      line-height: 44px;
      position: relative
    }
@media (min-width:1024px) {
.price-formation_root-CvNtE:before {
        z-index: 5;
        content: "";
        filter: blur(14px);
        pointer-events: none;
        background: url(/resources/v1/app/assets/glow-desktop-CzD6vd9a.png) top/100% no-repeat;
        height: 600px;
        position: absolute;
        inset-inline: -20px
      }
}
.advantages_root-eu5Nx {
      width: 100%;
      height: 640px;
      margin-block-end: 24px;
      position: relative
    }
@media (min-width:768px) {
.advantages_root-eu5Nx {
        height: 749px
      }
}
@media (min-width:1024px) {
.advantages_root-eu5Nx {
        padding-inline: 48px
      }
}
.advantages_cardsContainer-eu5Nx {
      backface-visibility: hidden;
      perspective: 1000px;
      will-change: transform;
      --transition-easing: cubic-bezier(.5, 0, 0, 1);
      width: 100%;
      max-width: 1344px;
      height: 100%;
      position: relative
    }
.advantages_card-eu5Nx {
      backface-visibility: hidden;
      opacity: 0;
      perspective: 1000px;
      transition: opacity var(--transition-duration)var(--transition-easing);
      will-change: transform;
      border-radius: 24px;
      flex-direction: column;
      align-items: center;
      display: flex;
      position: absolute;
      inset: 0;
      overflow: hidden
    }
.advantages_cardImage-eu5Nx {
      z-index: 0;
      filter: blur(20px);
      opacity: 0;
      height: auto;
      transform: translate3d(var(--image-offset-x), calc(var(--image-resting-y, 0%) + var(--card-position, 1)*100px), 0);
      transition: transform var(--transition-duration)var(--transition-easing), opacity var(--transition-duration)var(--transition-easing), filter var(--transition-duration)var(--transition-easing);
      --image-offset-x: -50%;
      position: absolute;
      inset-block-end: 0;
      inset-inline-start: 50%
    }
[dir=rtl] .advantages_cardImage-eu5Nx {
      --image-offset-x: 50%
    }
.advantages_cardImageActive-eu5Nx {
      filter: blur();
      opacity: 1;
      transform: translate3d(var(--image-offset-x), var(--image-resting-y, 0%), 0)
    }
.advantages_cardImageLeaving-eu5Nx {
      filter: blur(20px);
      opacity: 0;
      transform: translate3d(var(--image-offset-x), calc(var(--image-resting-y, 0%) + var(--direction, 1)*-100px), 0)
    }
.advantages_card-eu5Nx:first-child {
      background: radial-gradient(404.69% 322.5% at 7.2% -146.31%, #1e1e2a 0%, #2a2a56 33.33%, #4e4ea3 66.67%, #7c7cc7 100%)
    }
.advantages_card-eu5Nx:first-child .advantages_cardImage-eu5Nx {
      width: 100%;
      --image-resting-y: -50%;
      inset-block-start: 50%;
      inset-block-end: unset
    }
@media (min-width:768px) {
.advantages_card-eu5Nx:first-child .advantages_cardImage-eu5Nx {
        width: auto
      }
}
.advantages_card-eu5Nx:nth-child(2) {
      background: radial-gradient(275.74% 188.05% at 95.69% 122.42%, #fff 0%, #57718a 38.5%, #232937 65.9%, #000 100%)
    }
.advantages_card-eu5Nx:nth-child(2) .advantages_cardImage-eu5Nx {
      inset-block-end: -40px
    }
@media (min-width:1024px) {
.advantages_card-eu5Nx:nth-child(2) .advantages_cardImage-eu5Nx {
        inset-block-end: 0
      }
}
.advantages_card-eu5Nx:nth-child(3) {
      background: linear-gradient(349.81deg, #889fd8 -12.2%, #c0d9e8 25.42%, #132362 95.97%)
    }
.advantages_card-eu5Nx:nth-child(4) {
      background: linear-gradient(354.15deg, #ffe4c8 23.46%, #a48b6e 69%, #0c0600 109.42%)
    }
.advantages_card-eu5Nx:nth-child(4) .advantages_cardImage-eu5Nx {
      inset-block-end: -47px
    }
@media (min-width:768px) {
.advantages_card-eu5Nx:nth-child(4) .advantages_cardImage-eu5Nx {
        width: 100%
      }
}
@media (min-width:1024px) {
.advantages_card-eu5Nx:nth-child(4) .advantages_cardImage-eu5Nx {
        inset-block-end: 0
      }
}
@media (min-width:1440px) {
.advantages_card-eu5Nx:nth-child(4) .advantages_cardImage-eu5Nx {
        width: auto;
        height: 100%
      }
}
.advantages_card-eu5Nx:nth-child(5) {
      background: linear-gradient(354.15deg, #8c8cd2 23.46%, #5f5fb0 69%, #0c0600 109.42%)
    }
.advantages_card-eu5Nx:nth-child(5) .advantages_cardImage-eu5Nx {
      width: 100%;
      inset-block-start: calc(360px - 100vw);
      inset-block-end: unset
    }
@media (min-width:768px) {
.advantages_card-eu5Nx:nth-child(5) .advantages_cardImage-eu5Nx {
        width: auto;
        inset-block-start: unset
      }
}
.advantages_card-eu5Nx:nth-child(6) {
      background: linear-gradient(327.79deg, #ffe79f 3.56%, #a3b8c5 37.02%, #25536f 91.93%)
    }
.advantages_card-eu5Nx:nth-child(6) .advantages_cardImage-eu5Nx {
      width: 100%;
      inset-block-start: calc(360px - 95vw)
    }
@media (min-width:768px) {
.advantages_card-eu5Nx:nth-child(6) .advantages_cardImage-eu5Nx {
        width: auto;
        inset-block-start: unset
      }
}
@media (min-width:1024px) {
.advantages_card-eu5Nx:nth-child(6) .advantages_cardImage-eu5Nx {
        width: 100%
      }
}
.advantages_cardContentContainer-eu5Nx {
      justify-content: center;
      width: 100%;
      height: 100%;
      display: flex;
      position: relative
    }
.advantages_active-eu5Nx {
      opacity: 1
    }
.advantages_cardContent-eu5Nx {
      z-index: 1;
      filter: blur(20px);
      opacity: 0;
      max-width: 290px;
      transform: translate3d(0, calc(var(--card-position, 1)*100px), 0);
      transition: transform var(--transition-duration)var(--transition-easing), opacity var(--transition-duration)var(--transition-easing), filter var(--transition-duration)var(--transition-easing);
      flex-direction: column;
      align-items: center;
      margin-block-start: 42px;
      display: flex;
      position: relative
    }
@media (min-width:768px) {
.advantages_cardContent-eu5Nx {
        max-width: 650px
      }
}
.advantages_cardContentActive-eu5Nx {
      filter: blur();
      opacity: 1;
      transform: translate(0, 0)
    }
.advantages_cardContentLeaving-eu5Nx {
      filter: blur(20px);
      opacity: 0;
      transform: translate3d(0, calc(var(--direction, 1)*-100px), 0)
    }
.advantages_title-eu5Nx {
      text-transform: uppercase;
      margin-block-end: 24px;
      font-size: 14px;
      font-weight: 600
    }
.advantages_badge-eu5Nx {
      -webkit-backdrop-filter: blur(44px);
      backdrop-filter: blur(44px);
      text-transform: uppercase;
      background: #ffffff1a;
      height: 28px;
      margin-block-end: 24px;
      padding-block: 6px;
      padding-inline: 12px;
      position: relative
    }
.advantages_badge-eu5Nx:before {
      border-radius: var(--rounding-max);
      content: "";
      -webkit-mask-composite: source-out;
      opacity: .2;
      pointer-events: none;
      background: radial-gradient(50px at 0 0, #fff 0%, #fff0 70%), radial-gradient(50px at 100% 100%, #fff 0%, #fff0 70%);
      padding: 1px;
      position: absolute;
      inset: 0;
      -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
      mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
      -webkit-mask-position: 0 0, 0 0;
      mask-position: 0 0, 0 0;
      -webkit-mask-size: auto, auto;
      mask-size: auto, auto;
      -webkit-mask-repeat: repeat, repeat;
      mask-repeat: repeat, repeat;
      -webkit-mask-clip: content-box, border-box;
      mask-clip: content-box, border-box;
      -webkit-mask-origin: content-box, border-box;
      mask-origin: content-box, border-box;
      -webkit-mask-composite: source-out;
      mask-composite: subtract;
      -webkit-mask-source-type: auto, auto;
      mask-mode: match-source, match-source
    }
.advantages_cardTitle-eu5Nx {
      text-align: center;
      margin-block-end: 16px;
      font-size: 36px;
      font-weight: 600;
      line-height: 40px
    }
@media (min-width:1024px) {
.advantages_cardTitle-eu5Nx {
        font-size: 48px;
        line-height: 54px
      }
}
.advantages_cardDescription-eu5Nx {
      color: #fff;
      opacity: .8;
      text-align: center;
      font-size: 16px;
      font-weight: 400;
      line-height: 22px
    }
@media (min-width:1024px) {
.advantages_cardDescription-eu5Nx {
        max-width: 438px
      }
}
.advantages_sliderIndicator-eu5Nx {
      position: absolute;
      inset-block-start: 115px;
      inset-inline-end: -25px;
      rotate: 90deg
    }
@media (min-width:768px) {
.advantages_sliderIndicator-eu5Nx {
        inset-block-start: 50%;
        inset-inline-end: 0;
        transform: translateY(-50%)
      }
}
.burns_progressBarFillBurned-tZDY5 {
      width: var(--v08d7e428);
      border-radius: var(--spacing-24)var(--spacing-2)var(--spacing-2)var(--spacing-24);
      background-color: var(--color-content-base-secondary);
      height: 100%
    }
.burns_progressBarFillActive-tZDY5 {
      width: var(--v7b0d2393);
      border-radius: var(--spacing-2)var(--spacing-24)var(--spacing-24)var(--spacing-2);
      background-color: var(--color-solid-sentiment-positive-default);
      height: 100%
    }
.table-section_root-MqbxI {
      -ms-overflow-style: none;
      scrollbar-width: none
    }
.table-section_root-MqbxI::-webkit-scrollbar {
      display: none
    }
.table-section_root-MqbxI {
      border: 1px solid #ffffff0a;
      border-top-left-radius: 22px;
      border-top-right-radius: 22px;
      overflow: hidden
    }
@media (min-width:1024px) {
.table-section_root-MqbxI {
        max-height: 312px;
        overflow: auto
      }
}
.table-section_table-MqbxI {
      border-collapse: collapse;
      overflow-y: auto
    }
.table-section_table-MqbxI>* {
      border: none !important
    }
.table-section_rowEven-MqbxI {
      background-color: #14141573
    }
.table-section_rowOdd-MqbxI {
      background-color: #b3b6bd08
    }
.table-section_date-MqbxI {
      color: #787c83;
      letter-spacing: -.09px;
      padding-block: 18px;
      padding-inline-start: var(--spacing-16);
      font-size: 12px;
      font-weight: 400;
      line-height: 16px
    }
.table-section_percent-MqbxI {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-semibold-font-size);
      font-weight: var(--font-caption-s-semibold-font-weight);
      letter-spacing: var(--font-caption-s-semibold-letter-spacing);
      line-height: var(--font-caption-s-semibold-line-height);
      color: var(--color-content-base-primary);
      text-align: end
    }
.table-section_amount-MqbxI {
      width: 1%;
      white-space: nowrap;
      padding-inline-end: var(--spacing-16)
    }
.table-section_wrapper-MqbxI {
      color: var(--color-content-base-primary);
      justify-content: end;
      align-items: center;
      gap: var(--spacing-4);
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-semibold-font-size);
      font-weight: var(--font-caption-s-semibold-font-weight);
      letter-spacing: var(--font-caption-s-semibold-letter-spacing);
      line-height: var(--font-caption-s-semibold-line-height);
      padding-inline-start: var(--spacing-32);
      display: flex
    }
.table-section_icon-MqbxI {
      width: 14px;
      height: 14px
    }
.state-claim_container-K0P1x {
      padding: var(--spacing-24)var(--spacing-16);
      gap: var(--spacing-16);
      flex-direction: column;
      display: flex
    }
@media (min-width:1024px) {
.state-claim_container-K0P1x {
        padding: 0
      }
}
.state-claim_block-K0P1x {
      background: #1d1e20;
      border-radius: 24px;
      overflow: hidden;
      box-shadow: inset 0 0 0 1px #ffffff14
    }
@media (min-width:1024px) {
.state-claim_block-K0P1x {
        box-shadow: none;
        background: 0 0;
        border-radius: 0
      }
}
.state-claim_layer-K0P1x {
      padding: var(--spacing-16);
      gap: var(--spacing-16);
      border-radius: 24px;
      flex-direction: column;
      display: flex;
      overflow: hidden
    }
@media (min-width:1024px) {
.state-claim_layer-K0P1x {
        padding: 0 var(--spacing-16);
        border-radius: 0
      }
}
.state-claim_buttonWrapper-K0P1x {
      padding: var(--spacing-16)
    }
@media (min-width:1024px) {
.state-claim_buttonWrapper-K0P1x {
        display: none
      }
.state-claim_padding-K0P1x {
        padding-bottom: var(--spacing-16)
      }
}
.state-claim_icon-K0P1x {
      color: var(--color-content-base-secondary)
    }
.state-claim_nextClaim-K0P1x {
      background: repeating-linear-gradient(135deg, #222324, #222324 4px, #1d1e20 4px 6px);
      padding: 80px 10px
    }
.state-claim_nextClaim-K0P1x .state-claim_title-K0P1x {
      color: var(--color-content-base-primary);
      text-align: center;
      font-family: var(--font-headline-font-family);
      font-size: var(--font-headline-h4-mobile-font-size);
      font-weight: var(--font-headline-h4-mobile-font-weight);
      letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
      line-height: var(--font-headline-h4-mobile-line-height);
      text-transform: var(--font-headline-text-case);
      text-wrap: balance;
      white-space-collapse: preserve-breaks
    }
@media (min-width:1024px) {
.state-claim_nextClaim-K0P1x .state-claim_title-K0P1x {
        font-size: var(--font-headline-h4-desktop-font-size);
        font-weight: var(--font-headline-h4-desktop-font-weight);
        letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
        line-height: var(--font-headline-h4-desktop-line-height)
      }
}
.state-claim_nextClaim-K0P1x .state-claim_subtitle-K0P1x {
      color: #787c83;
      font-size: var(--font-body-semibold-font-size);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      font-weight: 400;
      line-height: var(--font-body-semibold-line-height);
      text-align: center
    }
.hero-block_root-0NixQ {
      width: 100%;
      height: var(--hero-block__height);
      position: relative
    }
@media (min-width:1024px) {
.hero-block_root-0NixQ {
        margin-block-start: -5px
      }
.hero-block_rootNotScrollable-0NixQ {
        position: absolute
      }
}
.hero-block_backButton-0NixQ {
      z-index: 8;
      color: #fff;
      transition: opacity .85s var(--default-easing);
      position: absolute;
      inset-block-start: 32px;
      inset-inline-start: 48px
    }
.hero-block_backButton-0NixQ>div {
      background-color: #b3b6bd29
    }
.hero-block_contentBox-0NixQ {
      z-index: 4;
      flex-direction: column;
      align-items: center;
      width: 100%;
      height: 100%;
      display: flex;
      position: relative
    }
.hero-block_title-0NixQ {
      color: #fff;
      letter-spacing: -1.25px;
      margin-block: 66px auto;
      font-size: 56px;
      font-weight: 600;
      line-height: 62px
    }
@media (min-width:1024px) {
.hero-block_title-0NixQ {
        display: none
      }
}
.hero-block_description-0NixQ {
      font-family: var(--font-display-body-font-family);
      font-size: var(--font-display-body-regular-font-size);
      font-weight: var(--font-display-body-regular-font-weight);
      letter-spacing: var(--font-display-body-regular-letter-spacing);
      line-height: var(--font-display-body-regular-line-height);
      background: linear-gradient(90deg, #b8b8b8cc, #fff 31% 52%, #fff 70%, #aeaeaecc);
      color: #f0f2f5;
      text-align: center;
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      margin-block-end: 34px
    }
@media (min-width:1024px) {
.hero-block_description-0NixQ {
        display: none
      }
}
.hero-block_marquee-0NixQ {
      z-index: 2;
      margin-block-end: 16px;
      position: relative
    }
.hero-block_marqueeItem-0NixQ {
      align-items: center;
      gap: 4px;
      display: flex
    }
.hero-block_icon-0NixQ {
      width: 16px;
      height: 16px
    }
.hero-block_marqueeItemName-0NixQ {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-regular-font-size);
      font-weight: var(--font-caption-s-regular-font-weight);
      letter-spacing: var(--font-caption-s-regular-letter-spacing);
      line-height: var(--font-caption-s-regular-line-height);
      color: #787c83;
      display: inline-block
    }
.hero-block_marqueeItemValue-0NixQ {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-semibold-font-size);
      font-weight: var(--font-caption-s-semibold-font-weight);
      letter-spacing: var(--font-caption-s-semibold-letter-spacing);
      line-height: var(--font-caption-s-semibold-line-height);
      color: #fff;
      align-items: center;
      column-gap: 4px;
      display: inline-flex
    }
.hero-block_marqueeItemValueOffset-0NixQ:not(:last-child) {
      margin-inline-end: 22px
    }
.hero-block_marqueeSeparator-0NixQ {
      background-color: #6c6f75;
      border-radius: 50%;
      width: 3px;
      height: 3px;
      margin-inline-start: 4px
    }
.hero-block_infoContainer-0NixQ {
      z-index: 4;
      min-width: 128px;
      transition: opacity .85s var(--default-easing);
      flex-direction: column;
      row-gap: 4px;
      display: flex;
      position: fixed;
      inset-block-end: 48px;
      inset-inline-end: 46px
    }
.hero-block_infoItem-0NixQ {
      background: linear-gradient(to bottom right, #2f333b, #242424);
      border-radius: 12px;
      padding-block: 8px;
      padding-inline: 12px
    }
.hero-block_infoItemValues-0NixQ {
      column-gap: 4px;
      display: flex
    }
.hero-block_infoItemName-0NixQ {
      color: #787c83;
      margin-block-end: 4px;
      font-size: 12px;
      line-height: 16px
    }
.hero-block_infoItemValue-0NixQ {
      align-items: center;
      column-gap: 4px;
      font-size: 12px;
      font-weight: 600;
      line-height: 16px;
      display: flex
    }
.hero-block_video-0NixQ {
      object-fit: cover;
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0
    }
.hero-block_hidden-0NixQ {
      opacity: 0;
      pointer-events: none;
      -webkit-user-select: none;
      user-select: none
    }
.hero-block_scrollDown-0NixQ {
      z-index: 8;
      color: #6c6f75;
      justify-content: center;
      align-items: center;
      gap: var(--spacing-12);
      transition: opacity .85s var(--default-easing);
      display: flex;
      position: fixed;
      inset-block-end: 48px;
      inset-inline-start: 48px
    }
.hero-block_scrollDownAsButton-0NixQ {
      cursor: pointer
    }
.round-completed_roundStatusBlock-0scia {
      color: #787c83;
      background-image: url(../../assets/blur-bg.png);
      background-size: cover;
      background-origin: border-box;
      background-clip: border-box;
      border: 1px solid #ffffff14;
      border-radius: 24px;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      width: 328px;
      height: 346px;
      padding-block-end: 28px;
      font-size: 14px;
      line-height: 20px;
      display: flex;
      position: relative
    }
.round-paused_roundStatusBlock-siujH {
      text-align: center;
      background-image: url(../../assets/hatch-bg.png);
      background-size: cover;
      background-origin: border-box;
      background-clip: border-box;
      border: 1px solid #ffffff14;
      border-radius: 24px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 328px;
      height: 320px;
      display: flex;
      position: relative
    }
.round-technical-works_roundStatusBlock-KrTUb {
      width: 328px;
      height: 320px;
      margin: var(--spacing-24)0;
      text-align: center;
      background-image: url(../../assets/hatch-bg.png);
      background-size: cover;
      background-origin: border-box;
      background-clip: border-box;
      border: 1px solid #ffffff14;
      border-radius: 24px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative
    }
.currency-converter-block_content-QKNvv {
      z-index: 7;
      width: 100%;
      max-height: 100%;
      padding-top: 24px;
      --bg-grid-cell-width: 27px;
      background: url(../../assets/glow-mobile.png) right bottom -80px no-repeat;
      border-top: 1px solid #ffffff14;
      border-radius: 28px;
      flex-direction: column;
      align-items: center;
      padding-block-start: var(--spacing-24);
      display: flex;
      position: relative;
      overflow-y: hidden
    }
.holders-table_waitingWrapper-ZEEt1 {
      background: url(../assets/hatch-empty.png) 50%;
      border-radius: 24px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 482px;
      display: flex
    }
.information-block_root-v1pvb {
      --text-icons-secondary: #787c83;
      background: url(../assets/glow-mobile.png) right bottom 10px no-repeat;
      margin-block-end: 32px;
      padding-inline: 16px;
      position: relative
    }
@media (min-width:1024px) {
.information-block_root-v1pvb {
        background: url(../assets/grid-bg-desktop.png) 50%/100% no-repeat;
        flex-direction: column;
        justify-content: center;
        align-self: center;
        width: 100%;
        margin-block-end: 100px;
        display: flex
      }
}
.information-block_card-v1pvb:first-child {
      background-image: url(../assets/card1-bg.png);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover
    }
.information-block_card-v1pvb:nth-child(2) {
      background-image: url(../assets/card2-bg.png);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover
    }
.information-block_card-v1pvb:nth-child(5) {
      background-image: url(../assets/card5-bg.png);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      flex-direction: column;
      grid-column: 1/-1;
      align-items: flex-end;
      gap: 8px;
      padding-block: 16px 12px;
      padding-inline: 15px;
      display: flex
    }
.round-bonuses_root-3RX6L {
      background: url(/resources/v1/app/assets/glow-mobile-Baq_-1bY.png) right bottom -90px no-repeat;
      flex-direction: column;
      align-items: center;
      gap: 24px;
      width: 100%;
      margin-block-end: 36px;
      display: flex
    }
@media (min-width:1024px) {
.round-bonuses_root-3RX6L {
        background: url(/resources/v1/app/assets/grid-bg-desktop-YE3-HE4Q.png) top/100% no-repeat;
        justify-content: center;
        gap: 36px;
        width: 100%;
        margin-block-end: 100px;
        display: flex
      }
}
@media (min-width:1024px) {
.landing-token-sale-external_bgContainer-53W3t:before {
        z-index: 5;
        content: "";
        filter: blur(14px);
        bottom: 220px;
        pointer-events: none;
        background: url(../views/assets/glow-desktop.png) top/100% no-repeat;
        height: 600px;
        position: absolute;
        inset-inline: -20px
      }
}
.lottery-ticket-editor-cell_ticketCellDashed-vdEFa {
      background-image: url(/resources/v1/app/assets/icon-circle-dashed-DIwSFCSO.svg)
    }
.lottery-ticket-editor-cell_ticketCellGrey-vdEFa {
      background-image: url(/resources/v1/app/assets/lottery-icon-ball-grey-61NgVNXa.png)
    }
.lottery-ticket-editor-cell_ticketCellGold-vdEFa {
      background-image: url(/resources/v1/app/assets/lottery-icon-ball-gold-ClpM5kRC.png)
    }
.footer-container_root-Xk572 {
      width: 100%;
      max-width: var(--size-container-width-max);
      margin-inline: auto;
      position: relative
    }
.button-like_animationWrapper-VELkS {
      width: 16px;
      height: 16px;
      margin-inline-end: 4px;
      position: relative
    }
[dir=rtl] .button-like_animationWrapper-VELkS .button-like_animationWrapper-VELkS {
      transform: scaleX(-1)
    }
.button-like_heartIcon-VELkS {
      top: 0;
      transform-origin: 50%;
      will-change: transform, color;
      position: absolute;
      inset-inline-start: 0
    }
.button-like_liked-VELkS {
      background-color: var(--color-background-base-inverted);
      color: var(--color-content-base-inverted)
    }
.button-like_liked-VELkS .button-like_heartIcon-VELkS {
      color: var(--color-solid-sentiment-negative-default)
    }
.button-like_circle-VELkS {
      opacity: 0;
      pointer-events: none;
      will-change: transform, opacity, width, height;
      border: 1px solid #0000;
      border-radius: 50%;
      width: 0;
      height: 0;
      position: absolute;
      top: 8px;
      left: 8px;
      transform: translate(-50%, -50%)
    }
.button-like_dotsContainer-VELkS {
      pointer-events: none;
      --distance: 14px;
      width: 0;
      height: 0;
      position: absolute;
      top: 8px;
      left: 8px;
      transform: translate(-50%, -50%)
    }
.button-like_dot-VELkS {
      background-color: var(--color-solid-sentiment-negative-default);
      top: 0;
      opacity: 0;
      will-change: transform, opacity, width, height;
      border-radius: 50%;
      width: 2px;
      height: 2px;
      position: absolute;
      inset-inline-start: 0;
      transform: translate(-50%, -50%)
    }
.button-like_dot1-VELkS {
      --angle: 35deg
    }
.button-like_dot2-VELkS {
      --angle: 55deg
    }
.button-like_dot3-VELkS {
      --angle: 125deg
    }
.button-like_dot4-VELkS {
      --angle: 145deg
    }
.button-like_dot5-VELkS {
      --angle: 215deg
    }
.button-like_dot6-VELkS {
      --angle: 235deg
    }
.button-like_dot7-VELkS {
      --angle: 305deg
    }
.button-like_dot8-VELkS {
      --angle: 325deg
    }
.button-like_animated-VELkS .button-like_heartIcon-VELkS {
      animation: button-like_heart-animation-VELkS calc(var(--v2e6a11c0)*1ms)forwards
    }
.button-like_animated-VELkS .button-like_circle-VELkS {
      animation: button-like_circle-animation-VELkS calc(var(--v2e6a11c0)*1ms)forwards
    }
.button-like_animated-VELkS .button-like_dot-VELkS {
      animation: button-like_dots-animation-VELkS calc(var(--v2e6a11c0)*1ms)forwards
    }
.button-like_root-VELkS:active .button-like_heartIcon-VELkS {
      top: 2px;
      width: 12px;
      height: 12px;
      inset-inline-start: 2px
    }
@keyframes button-like_heart-animation-VELkS {
0% {
        color: var(--color-solid-sentiment-negative-default);
        opacity: 1;
        animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        transform: scale(1)
      }
15% {
        color: var(--color-content-base-static-white);
        opacity: .9;
        animation-timing-function: cubic-bezier(.4, 0, 1, 1);
        transform: scale(.2)
      }
20% {
        color: var(--color-content-base-static-white);
        opacity: .7;
        animation-timing-function: cubic-bezier(.34, 1.56, .64, 1);
        transform: scale(.2)
      }
30% {
        color: var(--color-solid-sentiment-negative-default);
        opacity: .9;
        transform: scale(.4)
      }
35% {
        color: var(--color-solid-sentiment-negative-default);
        opacity: 1;
        transform: scale(.6)
      }
40% {
        color: var(--color-solid-sentiment-negative-default);
        opacity: 1;
        transform: scale(.8)
      }
45% {
        color: var(--color-solid-sentiment-negative-default);
        opacity: 1;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        transform: scale(1.1)
      }
50% {
        color: var(--color-solid-sentiment-negative-default);
        opacity: 1;
        transform: scale(1.4)
      }
55% {
        color: var(--color-solid-sentiment-negative-default);
        opacity: 1;
        transform: scale(1.6)
      }
60% {
        color: var(--color-solid-sentiment-negative-default);
        opacity: 1;
        transform: scale(1.3)
      }
65% {
        color: var(--color-solid-sentiment-negative-default);
        opacity: 1;
        transform: scale(1.1)
      }
70% {
        color: var(--color-solid-sentiment-negative-default);
        opacity: 1;
        transform: scale(1.05)
      }
80%,
      to {
        color: var(--color-solid-sentiment-negative-default);
        opacity: 1;
        transform: scale(1)
      }
}
@keyframes button-like_circle-animation-VELkS {
0%,
      12% {
        opacity: 0;
        border-color: #0000;
        width: 0;
        height: 0
      }
15% {
        border-color: var(--color-solid-sentiment-negative-default);
        opacity: .8;
        width: 20px;
        height: 20px;
        animation-timing-function: cubic-bezier(.4, 0, .2, 1)
      }
25% {
        opacity: .8;
        width: 32px;
        height: 32px
      }
40% {
        opacity: .7;
        width: 36px;
        height: 36px
      }
60%,
      to {
        opacity: .5;
        border-color: #0000;
        width: 40px;
        height: 40px
      }
}
@keyframes button-like_dots-animation-VELkS {
0%,
      18% {
        opacity: 0;
        width: 0;
        height: 0;
        transform: translate(-50%, -50%)scale(0)
      }
20% {
        opacity: .6;
        width: .5px;
        height: .5px;
        animation-timing-function: cubic-bezier(.1, .6, .3, 1);
        transform: translate(-50%, -50%)scale(1)
      }
25% {
        opacity: .8;
        width: 1px;
        height: 1px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*.05), calc(sin(var(--angle))*var(--distance)*.05))
      }
30% {
        opacity: 1;
        width: 1.2px;
        height: 1.2px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*.1), calc(sin(var(--angle))*var(--distance)*.1))
      }
35% {
        opacity: 1;
        width: 1.5px;
        height: 1.5px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*.2), calc(sin(var(--angle))*var(--distance)*.2))
      }
40% {
        opacity: .9;
        width: 1.8px;
        height: 1.8px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*.35), calc(sin(var(--angle))*var(--distance)*.35))
      }
45% {
        opacity: .8;
        width: 2px;
        height: 2px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*.5), calc(sin(var(--angle))*var(--distance)*.5))
      }
50% {
        opacity: .7;
        width: 2px;
        height: 2px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*.65), calc(sin(var(--angle))*var(--distance)*.65))
      }
55% {
        opacity: .6;
        width: 2px;
        height: 2px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*.8), calc(sin(var(--angle))*var(--distance)*.8))
      }
60% {
        opacity: .5;
        width: 1.5px;
        height: 1.5px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)), calc(sin(var(--angle))*var(--distance)))
      }
65% {
        opacity: .4;
        width: 1px;
        height: 1px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*1.05), calc(sin(var(--angle))*var(--distance)*1.05))
      }
70% {
        opacity: .3;
        width: 1px;
        height: 1px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*1.1), calc(sin(var(--angle))*var(--distance)*1.1))
      }
75% {
        opacity: .2;
        width: 1px;
        height: 1px;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*1.15), calc(sin(var(--angle))*var(--distance)*1.15))
      }
80%,
      to {
        opacity: 0;
        width: 0;
        height: 0;
        transform: translate(-50%, -50%)translate(calc(cos(var(--angle))*var(--distance)*1.2), calc(sin(var(--angle))*var(--distance)*1.2))
      }
}
.promotion-card_root-BHqp0 {
      border-radius: var(--promo-card-rounding);
      color: var(--color-content-base-static-white);
      gap: var(--promo-card-gap);
      flex-direction: column;
      display: flex
    }
.promotion-card_picture-BHqp0 {
      border-radius: calc(max(var(--promo-card-rounding), var(--promo-card-image-rounding)))calc(max(var(--promo-card-rounding), var(--promo-card-image-rounding)))var(--promo-card-image-rounding)var(--promo-card-image-rounding);
      cursor: pointer;
      object-fit: cover;
      width: 100%
    }
.promotion-card_body-BHqp0 {
      padding: var(--promo-card-padding);
      border-radius: 0 0 var(--promo-card-rounding)var(--promo-card-rounding);
      background-color: var(--promo-card-color-bg);
      justify-content: space-between;
      gap: var(--spacing-16);
      flex-direction: column;
      flex-grow: 1;
      display: flex
    }
.promotion-card_titleBlock-BHqp0 {
      cursor: pointer;
      gap: var(--spacing-2);
      font-family: var(--font-headline-font-family);
      font-size: var(--font-headline-h4-mobile-font-size);
      font-weight: var(--font-headline-h4-mobile-font-weight);
      letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
      line-height: var(--font-headline-h4-mobile-line-height);
      text-transform: var(--font-headline-text-case);
      text-wrap: balance;
      white-space-collapse: preserve-breaks;
      grid-template-columns: 1fr max-content;
      display: grid
    }
@media (min-width:1024px) {
.promotion-card_titleBlock-BHqp0 {
        font-size: var(--font-headline-h4-desktop-font-size);
        font-weight: var(--font-headline-h4-desktop-font-weight);
        letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
        line-height: var(--font-headline-h4-desktop-line-height)
      }
}
.promotion-card_title-BHqp0 {
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden
    }
.promotion-card_actionRow-BHqp0 {
      justify-content: space-between;
      align-items: center;
      display: flex
    }
.promotion-card_icon-BHqp0 {
      margin-top: var(--spacing-4);
      color: var(--color-content-base-secondary)
    }
.promotion-card-placeholder_root-8dpQb {
      border-radius: var(--rounding-container-l);
      width: 100%
    }
.promotion-card-placeholder_footer-8dpQb {
      height: 72px
    }
@media (min-width:1920px) {
.promotion-card-placeholder_footer-8dpQb {
        height: 104px
      }
}
.promotion-card-placeholder_body-8dpQb {
      aspect-ratio: 2.3724
    }
.promotions-grid_root-CT9hn {
      gap: var(--spacing-16);
      grid-template-columns: repeat(1, 1fr);
      display: grid
    }
@media (min-width:768px) {
.promotions-grid_root-CT9hn {
        grid-template-columns: repeat(2, 1fr)
      }
}
@media (min-width:1440px) {
.promotions-grid_root-CT9hn {
        grid-template-columns: repeat(3, 1fr)
      }
}
@media (min-width:1920px) {
.promotions-grid_root-CT9hn {
        grid-template-columns: repeat(4, 1fr)
      }
}
.promotions_progress-QgNTq {
      margin-top: var(--spacing-24)
    }
@media (min-width:1024px) {
.promotions_progress-QgNTq {
        margin-top: var(--spacing-32)
      }
}
._root_8ni2t_2 {
      flex-direction: column;
      gap: 8px;
      padding-bottom: 8px;
      display: flex
    }
._header_8ni2t_9 {
      align-items: center;
      gap: 12px;
      margin-top: 4px;
      display: flex
    }
._icon_8ni2t_16 {
      margin: 0 8px
    }
._text_8ni2t_20 {
      text-align: start;
      margin: 8px 0;
      display: block
    }
._buttons_8ni2t_26 {
      flex-flow: column;
      gap: 8px;
      display: flex
    }
._button_8ni2t_26 {
      flex-grow: 1
    }
._spinner_1czhs_16 {
      height: var(--v478d25bc)
    }
._root_r4vt6_2 {
      z-index: 0;
      flex-direction: column;
      height: 100%;
      display: flex;
      position: relative
    }
._root_r4vt6_2._dark_r4vt6_10 {
      color: #fff;
      background-color: #0e1011
    }
._root_r4vt6_2._light_r4vt6_15 {
      color: #141415;
      background-color: #fff
    }
._main_r4vt6_21 {
      height: inherit;
      overflow: hidden
    }
._modalContainer_r4vt6_26 {
      pointer-events: none;
      position: absolute;
      inset: 0
    }
._backdrop_q0i6j_2 {
      z-index: 20;
      pointer-events: auto;
      background-color: var(--color-bg-overlay);
      position: absolute;
      inset: 0
    }
._modal_q0i6j_10 {
      z-index: 21;
      pointer-events: auto;
      background-color: var(--color-bg-secondary);
      border-radius: 16px 16px 0 0;
      max-height: 85%;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      overflow-y: auto
    }
._header_q0i6j_23 {
      background-color: inherit;
      align-items: center;
      gap: 8px;
      padding: 16px 16px 12px;
      display: flex;
      position: sticky;
      top: 0
    }
._headerContent_q0i6j_33 {
      flex: 1;
      min-width: 0
    }
._closeButton_q0i6j_38 {
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      background: 0 0;
      border: none;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      padding: 4px;
      display: inline-flex
    }
._closeButton_q0i6j_38:hover {
      opacity: .7
    }
._body_q0i6j_54 {
      padding: 0 16px 16px
    }
._newTokenSchema_q0i6j_59._backdrop_q0i6j_2 {
      background-color: var(--color-background-static-black-alpha-80)
    }
._newTokenSchema_q0i6j_59._modal_q0i6j_10 {
      background-color: var(--color-background-neutral-secondary)
    }
._root_idfm1_2 {
      flex-direction: column;
      align-items: center;
      gap: 8px;
      padding-top: 16px;
      display: flex
    }
._iconWrap_idfm1_10 {
      justify-content: center;
      display: flex
    }
._title_idfm1_15 {
      font-family: var(--text-title-font-family);
      font-weight: var(--text-title-m-font-weight);
      font-size: var(--text-title-m-font-size);
      line-height: var(--text-title-m-line-height);
      letter-spacing: var(--text-title-m-letter-spacing);
      text-transform: var(--text-title-m-text-transform);
      text-align: center;
      color: var(--color-fg-primary);
      margin: 0
    }
._description_idfm1_23 {
      font-family: var(--text-body-font-family);
      font-weight: var(--text-body-regular-font-weight);
      font-size: var(--text-body-regular-font-size);
      line-height: var(--text-body-regular-line-height);
      letter-spacing: var(--text-body-regular-letter-spacing);
      text-align: center;
      color: var(--color-fg-secondary);
      white-space: pre-wrap;
      margin: 0
    }
._actions_idfm1_32 {
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
      width: 100%;
      padding-top: 8px;
      display: flex
    }
._actions_idfm1_32 :deep(button) {
      width: 100%
    }
._container_a1vai_2 {
      flex-direction: column;
      gap: 16px;
      display: flex
    }
._spinner_a1vai_12 {
      height: var(--cc1d1950)
    }
._root_uuz9g_2 {
      flex-direction: column;
      flex: 1;
      gap: 16px;
      display: flex
    }
._skeletons_uuz9g_9 {
      flex-direction: column;
      gap: 16px;
      display: flex
    }
._skeleton_uuz9g_9 {
      border-radius: 12px;
      height: 72px
    }
._emptyState_uuz9g_20 {
      text-align: center;
      flex-direction: column;
      flex: 1;
      justify-content: center;
      align-items: center;
      padding: 32px 16px;
      display: flex
    }
._errorIcon_uuz9g_30 {
      margin-bottom: 16px
    }
._errorTitle_uuz9g_34 {
      font-family: var(--text-title-font-family);
      font-weight: var(--text-title-m-font-weight);
      font-size: var(--text-title-m-font-size);
      line-height: var(--text-title-m-line-height);
      letter-spacing: var(--text-title-m-letter-spacing);
      text-transform: var(--text-title-m-text-transform);
      letter-spacing: -.4px;
      margin-bottom: 4px;
      font-size: 22px;
      line-height: 26px
    }
._errorDescription_uuz9g_43 {
      font-family: var(--text-body-font-family);
      font-weight: var(--text-subhead-regular-font-weight);
      font-size: var(--text-subhead-regular-font-size);
      line-height: var(--text-subhead-regular-line-height);
      letter-spacing: var(--text-subhead-regular-letter-spacing);
      letter-spacing: 0;
      margin-bottom: 16px;
      font-size: 14px;
      line-height: 20px
    }
._emptyTitle_uuz9g_52 {
      font-family: var(--text-title-font-family);
      font-weight: var(--text-title-m-font-weight);
      font-size: var(--text-title-m-font-size);
      line-height: var(--text-title-m-line-height);
      letter-spacing: var(--text-title-m-letter-spacing);
      text-transform: var(--text-title-m-text-transform);
      margin-bottom: 8px
    }
._emptyDescription_uuz9g_58 {
      font-family: var(--text-body-font-family);
      font-weight: var(--text-subhead-regular-font-weight);
      font-size: var(--text-subhead-regular-font-size);
      line-height: var(--text-subhead-regular-line-height);
      letter-spacing: var(--text-subhead-regular-letter-spacing);
      margin-bottom: 24px
    }
._actionButton_uuz9g_64 {
      min-width: 160px
    }
._list_uuz9g_68 {
      flex-direction: column;
      display: flex
    }
._listItem_uuz9g_73:not(:first-child):before {
      content: "";
      border-top: 1px solid var(--color-border-neutral);
      margin-left: 52px;
      display: block
    }
._declineReason_uuz9g_82 {
      background: var(--color-bg-secondary);
      border-radius: 16px;
      align-items: center;
      gap: 8px;
      margin: 0 8px 8px;
      padding: 12px 16px;
      display: flex
    }
._footer_uuz9g_92 {
      flex-direction: column;
      align-items: center;
      gap: 12px;
      margin-top: auto;
      padding-top: 8px;
      padding-bottom: 16px;
      display: flex
    }
._counter_uuz9g_102 {
      text-align: center
    }
._progress_uuz9g_106 {
      width: 100%;
      max-width: 200px
    }
._loadMoreButton_uuz9g_111 {
      min-width: 160px
    }
._newTokenSchema_uuz9g_115 ._listItem_uuz9g_73:not(:first-child):before {
      border-color: var(--color-border-neutral-alpha-16)
    }
._newTokenSchema_uuz9g_115 ._declineReason_uuz9g_82 {
      background: var(--color-background-neutral-secondary)
    }
.segment-chips-tab_root-bDLbK {
      isolation: isolate;
      grid-auto-columns: minmax(0, max-content);
      grid-auto-flow: column;
      width: max-content;
      display: grid;
      position: relative
    }
.segment-chips-tab_track-bDLbK {
      --inset: 2px;
      z-index: -2;
      border-radius: calc(var(--rounding-component-chipstab) - var(--inset));
      background-color: var(--color-background-base-alfa-neutral-12);
      inset: var(--inset);
      grid-area: 1/1;
      position: absolute
    }
@supports not (left:anchor(-- left)) {
.segment-chips-tab_thumb-bDLbK {
        display: none
      }
}
.segment-chips-tab_thumb-bDLbK {
      z-index: -1;
      top: 0;
      right: anchor(--segment-chips-tab-selected right);
      bottom: 0;
      left: anchor(--segment-chips-tab-selected left);
      border-radius: var(--rounding-component-chipstab);
      background-color: var(--color-solid-brand-primary-default);
      transition: left .15s, right .15s;
      position: absolute
    }
.segment-chips-tab_separator-bDLbK {
      background-color: red;
      background-color: var(--color-border-base-alfa-divider);
      width: 1px;
      height: 60%;
      margin: auto 1px
    }
@supports not selector(:has(a)) {
.segment-chips-tab_separator-bDLbK {
        display: none
      }
}
.segment-chips-tab_segment-bDLbK.segment-chips-tab_selected-bDLbK {
      anchor-name: --segment-chips-tab-selected
    }
@supports not (left:anchor(-- left)) {
.segment-chips-tab_segment-bDLbK.segment-chips-tab_selected-bDLbK {
        border-radius: var(--rounding-component-chipstab);
        background-color: var(--color-solid-brand-primary-default)
      }
}
.segment-chips-tab_segment-bDLbK:is(.segment-chips-tab_selected-bDLbK, :hover)+.segment-chips-tab_separator-bDLbK {
      opacity: 0
    }
.segment-chips-tab_separator-bDLbK:has(+.segment-chips-tab_segment-bDLbK:is(.segment-chips-tab_selected-bDLbK, :hover)) {
      opacity: 0
    }
.casino-preset-navigation_root-c5ez9 {
      justify-content: center;
      display: flex
    }
@media (min-width:1024px) {
.casino-preset-navigation_root-c5ez9 {
        justify-content: flex-start
      }
}
.banner_root-LlS3l {
      border-radius: var(--banner-main-rounding-mobile-left-top)var(--banner-main-rounding-mobile-right-top)var(--banner-main-rounding-mobile-right-bottom)var(--banner-main-rounding-mobile-left-bottom);
      position: relative;
      overflow: hidden
    }
@media (min-width:768px) {
.banner_root-LlS3l {
        border-radius: var(--banner-main-rounding-tablet-left-top)var(--banner-main-rounding-tablet-right-top)var(--banner-main-rounding-tablet-right-bottom)var(--banner-main-rounding-tablet-left-bottom)
      }
}
@media (min-width:1024px) {
.banner_root-LlS3l {
        border-radius: var(--banner-main-rounding-desktop-left-top)var(--banner-main-rounding-desktop-right-top)var(--banner-main-rounding-desktop-right-bottom)var(--banner-main-rounding-desktop-left-bottom)
      }
}
.banner_content-LlS3l {
      padding: var(--banner-main-padding-mobile-top)var(--banner-main-padding-mobile-right)var(--banner-main-padding-mobile-bottom)var(--banner-main-padding-mobile-left);
      flex-direction: column;
      align-items: start;
      display: flex;
      position: absolute;
      inset: 0
    }
@media (min-width:1024px) {
.banner_content-LlS3l {
        padding: var(--banner-main-padding-desktop-top)var(--banner-main-padding-desktop-right)var(--banner-main-padding-desktop-bottom)var(--banner-main-padding-desktop-left)
      }
}
.banner_buttons-LlS3l {
      justify-content: space-between;
      align-self: stretch;
      align-items: end;
      margin-top: auto;
      display: flex
    }
.banner_additionalText-LlS3l {
      margin-top: -50px;
      margin-bottom: calc(-38px - var(--banner-main-padding-mobile-right));
      font-family: var(--font-caption-font-family);
      letter-spacing: .1px;
      margin-inline: auto calc(-58px - var(--banner-main-padding-mobile-right));
      padding-top: 50px;
      padding-bottom: 50px;
      text-align: end;
      background: radial-gradient(45% 45%, #00000080 0%, #0000 100%);
      padding-inline: 70px;
      font-size: 10px;
      line-height: 1.4;
      display: block
    }
@media (min-width:1024px) {
.banner_additionalText-LlS3l {
        margin-bottom: -50px;
        margin-inline-end: 45px;
        font-size: 8px
      }
}
.banner_additionalText-LlS3l a {
      font-weight: var(--font-caption-xs-semibold-font-weight)
    }
.banner_image-LlS3l {
      object-fit: cover
    }
.banner_variant-2-LlS3l.banner_root-LlS3l {
      background: var(--v901ad5d8);
      height: 100%
    }
.banner_variant-2-LlS3l.banner_root-LlS3l:after {
      border: 1px solid var(--banner-main-border);
      border-radius: inherit;
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0
    }
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.banner_variant-2-LlS3l.banner_root-LlS3l:after {
        background: var(--banner-main-border-grad, var(--banner-main-border));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
}
.banner_variant-2-LlS3l .banner_content-LlS3l {
      z-index: 1;
      height: 100%;
      padding: var(--spacing-24);
      justify-content: space-between;
      position: relative
    }
.banner_variant-2-LlS3l .banner_image-LlS3l {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0
    }
.banner_variant-2-LlS3l .banner_heading-LlS3l {
      max-width: var(--banner-main-content-mobile-max-width)
    }
@media (min-width:768px) {
.banner_variant-2-LlS3l .banner_heading-LlS3l {
        max-width: var(--banner-main-content-tablet-max-width)
      }
}
@media (min-width:1024px) {
.banner_variant-2-LlS3l .banner_heading-LlS3l {
        max-width: var(--banner-main-content-desktop-max-width)
      }
}
.provider-stub_stub-blue-BR9yI {
      --provider-stub-color: #0075ff
    }
.provider-stub_stub-green-BR9yI {
      --provider-stub-color: #12b857
    }
.provider-stub_stub-orange-BR9yI {
      --provider-stub-color: #fc5415
    }
.provider-stub_stub-purple-BR9yI {
      --provider-stub-color: #9327ff
    }
.provider-stub_stub-magenta-BR9yI {
      --provider-stub-color: #ee45f1
    }
.provider-icon_root-CR4cT {
      box-sizing: content-box;
      width: auto;
      display: inline-block
    }
.provider-icon_root-CR4cT path {
      color: var(--color-content-base-static-white)
    }
.provider-icon_root-CR4cT img,
    .provider-icon_root-CR4cT svg {
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: 100%
    }
.provider-icon_size-xs-CR4cT {
      height: 12px
    }
.provider-icon_size-xs-CR4cT:has(.provider-icon_skeleton-CR4cT) {
      width: 12px
    }
.provider-icon_size-xs-CR4cT.provider-icon_type-full-CR4cT {
      width: auto
    }
.provider-icon_size-s-CR4cT {
      height: 16px
    }
.provider-icon_size-s-CR4cT:has(.provider-icon_skeleton-CR4cT) {
      width: 16px
    }
.provider-icon_size-s-CR4cT.provider-icon_type-full-CR4cT {
      width: auto
    }
.provider-icon_size-m-CR4cT {
      height: 20px;
      padding: 2px
    }
.provider-icon_size-m-CR4cT:has(.provider-icon_skeleton-CR4cT) {
      width: 20px
    }
.provider-icon_size-m-CR4cT.provider-icon_type-full-CR4cT {
      width: auto
    }
.provider-icon_size-l-CR4cT {
      height: 24px
    }
.provider-icon_size-l-CR4cT:has(.provider-icon_skeleton-CR4cT) {
      width: 24px
    }
.provider-icon_size-l-CR4cT.provider-icon_type-full-CR4cT {
      width: auto
    }
.provider-icon_size-xl-CR4cT {
      height: 32px
    }
.provider-icon_size-xl-CR4cT:has(.provider-icon_skeleton-CR4cT) {
      width: 32px
    }
.provider-icon_size-xl-CR4cT.provider-icon_type-full-CR4cT {
      width: auto
    }
.provider-icon_white-CR4cT {
      filter: brightness(0)invert()
    }
.provider-icon_skeleton-CR4cT {
      border-radius: var(--rounding-container-m);
      width: 100%;
      height: 100%
    }
.graphics_background-Y2MGz {
      position: absolute;
      inset-block-end: -5%;
      inset-inline-end: -120px;
      transform: scale(.93)
    }
[dir=rtl] .graphics_background-Y2MGz {
      inset-inline-end: -160px
    }
@media (min-width:768px) {
.graphics_background-Y2MGz {
        transform: unset;
        inset-block-end: 0;
        inset-inline-end: 0
      }
[dir=rtl] .graphics_background-Y2MGz {
        inset-inline-end: -43px
      }
}
@media (min-width:1024px) {
.graphics_background-Y2MGz {
        width: 100%
      }
[dir=rtl] .graphics_background-Y2MGz {
        inset-inline-end: 0;
        transform: scaleX(-1)
      }
}
@media (min-width:1440px) {
.graphics_background-Y2MGz {
        width: auto;
        inset-block: 0;
        inset-inline-end: -17%
      }
[dir=rtl] .graphics_background-Y2MGz {
        inset-inline-end: -17%
      }
}
@media (min-width:1920px) {
.graphics_background-Y2MGz,
      [dir=rtl] .graphics_background-Y2MGz {
        inset-inline-end: -15.5%
      }
}
.graphics_img-Y2MGz {
      object-fit: cover
    }
@media (min-width:1024px) {
.graphics_img-Y2MGz {
        width: 100%
      }
}
@media (min-width:1440px) {
.graphics_img-Y2MGz {
        width: auto;
        height: 100%
      }
}
.variant-1_root-K5LRK {
      border-radius: var(--rounding-container-l);
      background: var(--banner-game-of-the-week-color-bg-grad, var(--banner-game-of-the-week-color-bg));
      gap: var(--spacing-4);
      width: 100%;
      min-height: 164px;
      padding-block: var(--spacing-16)0;
      padding-inline: var(--spacing-16)var(--spacing-32);
      display: flex;
      position: relative;
      overflow: hidden
    }
@media (min-width:1024px) {
.variant-1_root-K5LRK {
        border-radius: var(--rounding-container-xl);
        gap: 0;
        padding-inline-end: 0
      }
}
@media (min-width:1440px) {
.variant-1_root-K5LRK {
        gap: var(--spacing-16);
        padding-block: var(--spacing-16);
        padding-inline: var(--spacing-20);
        flex-direction: column
      }
}
@media (min-width:1920px) {
.variant-1_root-K5LRK {
        gap: var(--spacing-32)
      }
}
.variant-1_content-K5LRK {
      z-index: 1;
      flex-direction: column;
      flex: 0 0 50%;
      justify-content: space-between;
      align-items: flex-start;
      padding-block-end: var(--spacing-16);
      display: flex
    }
@media (min-width:1024px) {
.variant-1_content-K5LRK {
        max-width: 44%
      }
}
@media (min-width:1440px) {
.variant-1_content-K5LRK {
        max-width: unset;
        flex: none;
        justify-content: center;
        align-items: center;
        padding-block-end: 0
      }
}
.variant-1_title-K5LRK {
      max-width: 180px;
      color: var(--color-content-base-static-white);
      font-family: var(--widget-font-font-family);
      font-size: var(--widget-font-mobile-font-size);
      font-weight: var(--widget-font-mobile-font-weight);
      letter-spacing: var(--widget-font-mobile-letter-spacing);
      line-height: var(--widget-font-mobile-line-height);
      margin-block-end: var(--spacing-12)
    }
@media (min-width:1024px) {
.variant-1_title-K5LRK {
        width: 160px;
        font-size: var(--widget-font-desktop-font-size);
        font-weight: var(--widget-font-desktop-font-weight);
        letter-spacing: var(--widget-font-desktop-letter-spacing);
        line-height: var(--widget-font-desktop-line-height)
      }
}
@media (min-width:1440px) {
.variant-1_title-K5LRK {
        width: auto;
        max-width: 100%;
        text-align: center;
        margin-block-end: var(--spacing-8)
      }
}
.variant-1_controls-K5LRK {
      gap: var(--spacing-12);
      flex-direction: column;
      display: flex
    }
.variant-1_provider-K5LRK {
      z-index: 1;
      cursor: pointer;
      align-items: center;
      gap: var(--spacing-4);
      display: flex
    }
.variant-1_icon-K5LRK {
      display: flex
    }
.variant-1_arrow-K5LRK {
      color: var(--color-content-base-static-white)
    }
.variant-1_game-K5LRK {
      flex: auto;
      align-items: flex-end;
      display: flex;
      position: relative
    }
@media (min-width:1024px) {
.variant-1_game-K5LRK {
        justify-content: center
      }
}
.variant-1_cardWrapper-K5LRK {
      aspect-ratio: .75;
      height: 100%;
      max-height: 155px;
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 6px
    }
@media (min-width:768px) {
.variant-1_cardWrapper-K5LRK {
        inset-inline-end: 125px
      }
}
@media (min-width:1024px) {
.variant-1_cardWrapper-K5LRK {
        max-height: unset;
        position: static;
        inset-inline-end: -2px;
        transform: translateY(2px)
      }
}
@media (min-width:1440px) {
.variant-1_cardWrapper-K5LRK {
        height: 90%;
        position: absolute;
        inset-inline-end: 50%;
        transform: translate(50%)translateY(0)
      }
[dir=rtl] .variant-1_cardWrapper-K5LRK {
        transform: translate(-50%)
      }
}
@media (min-width:1920px) {
.variant-1_cardWrapper-K5LRK {
        height: 92%
      }
}
.variant-1_cardInner-K5LRK {
      border: var(--border-m)solid var(--color-border-base-alfa-static-white-64);
      border-radius: var(--game-card-rounding-mobile);
      width: 100%;
      position: absolute;
      inset-block-start: var(--spacing-16);
      overflow: hidden
    }
@media (min-width:1024px) {
.variant-1_cardInner-K5LRK {
        border-radius: var(--game-card-rounding-desktop)
      }
}
@media (min-width:1440px) {
.variant-1_cardInner-K5LRK {
        inset-block-start: 0
      }
}
.variant-1_card-K5LRK {
      --game-card__border-radius: var(--banner-game-of-the-week-game-card-rounding-360, var(--game-card-rounding-mobile))
    }
@media (min-width:768px) {
.variant-1_card-K5LRK {
        --game-card__border-radius: var(--banner-game-of-the-week-game-card-rounding-768, var(--game-card-rounding-desktop))
      }
}
@media (min-width:1024px) {
.variant-1_card-K5LRK {
        --game-card__border-radius: var(--banner-game-of-the-week-game-card-rounding-desktop, var(--game-card-rounding-desktop))
      }
}
.variant-1_buttonDesktop-K5LRK {
      display: none
    }
@media (min-width:1440px) {
.variant-1_buttonDesktop-K5LRK {
        display: block
      }
}
.variant-1_buttonMobile-K5LRK {
      width: fit-content;
      display: block
    }
@media (min-width:1440px) {
.variant-1_buttonMobile-K5LRK {
        display: none
      }
}
.variant-1_providerName-K5LRK {
      color: var(--color-content-base-static-white);
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-regular-font-size);
      font-weight: var(--font-body-regular-font-weight);
      letter-spacing: var(--font-body-regular-letter-spacing);
      line-height: var(--font-body-regular-line-height)
    }
.graphics-v2_cardBg-azGRR {
      z-index: 4;
      bottom: 30px;
      width: 114px;
      position: absolute;
      inset-inline-end: 19px
    }
@media (min-width:768px) {
.graphics-v2_cardBg-azGRR {
        bottom: 34px;
        width: 175px;
        height: 100%;
        max-height: 229px;
        inset-inline-end: 67px
      }
}
@media (min-width:1024px) {
.graphics-v2_cardBg-azGRR {
        bottom: 31px;
        inset-inline-end: 169px
      }
}
@media (min-width:1920px) {
.graphics-v2_cardBg-azGRR {
        bottom: 33px;
        inset-inline-end: 171px
      }
}
.graphics-v2_podium-azGRR {
      z-index: 3;
      bottom: 0;
      width: 170px;
      position: absolute;
      inset-inline-end: -10px
    }
@media (min-width:768px) {
.graphics-v2_podium-azGRR {
        width: 248px;
        inset-inline-end: 31px
      }
}
@media (min-width:1024px) {
.graphics-v2_podium-azGRR {
        inset-inline-end: 133px
      }
}
.graphics-v2_background-azGRR {
      z-index: 1;
      bottom: 0;
      object-fit: cover;
      height: 100%;
      position: absolute;
      inset-inline-end: 0
    }
@media (min-width:768px) {
.graphics-v2_background-azGRR {
        max-width: 904px;
        clip-path: inset(0 0 0 0 round var(--banner-game-of-the-week-rounding-tablet))
      }
}
[dir=rtl] .graphics-v2_background-azGRR {
      transform: scaleX(-1)
    }
.graphics-v2_imgContent-azGRR {
      z-index: 2;
      width: 100%;
      height: calc(100% + var(--spacing-32));
      bottom: 0;
      object-fit: cover;
      position: absolute;
      inset-inline-end: 0
    }
@media (min-width:768px) {
.graphics-v2_imgContent-azGRR {
        max-width: 620px
      }
}
@media (min-width:1024px) {
.graphics-v2_imgContent-azGRR {
        max-width: 904px
      }
}
[dir=rtl] .graphics-v2_imgContent-azGRR {
      transform: scaleX(-1)
    }
.variant-2_root-VgG2E {
      border-radius: var(--banner-game-of-the-week-rounding-mobile);
      background: var(--banner-game-of-the-week-color-bg-grad, var(--banner-game-of-the-week-color-bg));
      gap: var(--spacing-8);
      width: 100%;
      min-height: 216px;
      padding-block: var(--spacing-24);
      padding-inline: var(--spacing-24);
      display: flex;
      position: relative;
      overflow: hidden
    }
.variant-2_root-VgG2E:after {
      border: 1px solid var(--banner-game-of-the-week-color-border);
      border-radius: inherit;
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0
    }
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.variant-2_root-VgG2E:after {
        background: var(--banner-game-of-the-week-color-border-grad, var(--banner-game-of-the-week-color-border));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
}
@media (min-width:768px) {
.variant-2_root-VgG2E {
        border-radius: var(--banner-game-of-the-week-rounding-tablet);
        min-height: 240px;
        margin-top: var(--spacing-32);
        padding-block: var(--spacing-32);
        padding-inline: var(--spacing-32);
        overflow: visible
      }
}
@media (min-width:1024px) {
.variant-2_root-VgG2E {
        border-radius: var(--banner-game-of-the-week-rounding-desktop)
      }
}
.variant-2_content-VgG2E {
      z-index: 5;
      flex-direction: column;
      align-items: flex-start;
      display: flex;
      position: relative
    }
@media (min-width:768px) {
.variant-2_content-VgG2E {
        gap: var(--spacing-8)
      }
}
@media (min-width:1440px) {
.variant-2_content-VgG2E {
        padding-block-end: 0
      }
}
.variant-2_content-VgG2E.variant-2_button-VgG2E {
      align-self: flex-end
    }
.variant-2_titleContent-VgG2E {
      gap: var(--spacing-8);
      flex-direction: column;
      flex-grow: 1;
      display: flex
    }
@media (min-width:1024px) {
.variant-2_titleContent-VgG2E {
        gap: var(--spacing-12)
      }
}
.variant-2_title-VgG2E {
      max-width: 186px;
      color: var(--color-content-base-static-white);
      font-family: var(--widget-font-font-family);
      font-size: var(--widget-font-mobile-font-size);
      font-weight: var(--widget-font-mobile-font-weight);
      letter-spacing: var(--widget-font-mobile-letter-spacing);
      line-height: var(--widget-font-mobile-line-height);
      text-wrap: balance
    }
@media (min-width:768px) {
.variant-2_title-VgG2E {
        max-width: 204px;
        font-size: var(--widget-font-tablet-font-size);
        font-weight: var(--widget-font-tablet-font-weight);
        letter-spacing: var(--widget-font-tablet-letter-spacing);
        line-height: var(--widget-font-tablet-line-height)
      }
}
@media (min-width:1024px) {
.variant-2_title-VgG2E {
        max-width: 266px;
        font-size: var(--widget-font-desktop-font-size);
        font-weight: var(--widget-font-desktop-font-weight);
        letter-spacing: var(--widget-font-desktop-letter-spacing);
        line-height: var(--widget-font-desktop-line-height)
      }
}
.variant-2_provider-VgG2E {
      color: var(--color-content-base-static-white);
      cursor: pointer;
      align-items: center;
      gap: var(--spacing-4);
      display: inline-flex
    }
.variant-2_provider-VgG2E .variant-2_providerName-VgG2E {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height)
    }
.variant-2_card-VgG2E {
      z-index: 4;
      bottom: 34px;
      --game-card__border-radius: var(--banner-game-of-the-week-game-card-rounding-360, var(--game-card-rounding-mobile));
      width: 100%;
      max-width: 104px;
      position: absolute;
      inset-inline-end: 24px
    }
@media (min-width:768px) {
.variant-2_card-VgG2E {
        bottom: 42px;
        --game-card__border-radius: var(--banner-game-of-the-week-game-card-rounding-768, var(--game-card-rounding-desktop));
        max-width: 160px;
        inset-inline-end: 75px
      }
}
@media (min-width:1024px) {
.variant-2_card-VgG2E {
        bottom: 38px;
        --game-card__border-radius: var(--banner-game-of-the-week-game-card-rounding-desktop, var(--game-card-rounding-desktop));
        inset-inline-end: 176px
      }
}
@media (min-width:1920px) {
.variant-2_card-VgG2E {
        bottom: 40px;
        inset-inline-end: 178px
      }
}
.game-of-the-week-lobby_root-mpvW8 {
      min-height: 164px;
      display: grid
    }
.game-of-the-week-lobby_skeleton-mpvW8 {
      border-radius: var(--rounding-container-l)
    }
@media (min-width:1024px) {
.game-of-the-week-lobby_skeleton-mpvW8 {
        border-radius: var(--rounding-container-xl)
      }
}
.sticky_root-DzenR {
      z-index: var(--z-index-main);
      padding: var(--casino-search-bar-layout-paddings-top)var(--casino-search-bar-layout-paddings-right)var(--casino-search-bar-layout-paddings-bottom)var(--casino-search-bar-layout-paddings-left);
      border-radius: var(--casino-search-bar-layout-rounding-top-left)var(--casino-search-bar-layout-rounding-top-right)var(--casino-search-bar-layout-rounding-bottom-right)var(--casino-search-bar-layout-rounding-bottom-left);
      margin: calc(var(--spacing-16)*-1);
      gap: var(--casino-search-bar-layout-gap);
      flex-direction: column;
      display: flex;
      position: relative;
      overflow-x: visible
    }
.sticky_root-DzenR.sticky_sticky-DzenR {
      --search-sticky-offset-top: var(--spacing-16);
      padding-top: calc(var(--search-sticky-offset-top) + var(--safe-area-inset-top));
      margin-top: calc((var(--spacing-16) + var(--safe-area-inset-top))*-1);
      background: var(--casino-search-bar-color-bg-sticky);
      border-radius: 0;
      position: sticky;
      top: 0;
      transform: translateY(0)
    }
.sticky_root-DzenR.sticky_transitioned-DzenR {
      transition: opacity .3s, transform .3s
    }
.sticky_root-DzenR.sticky_hidden-DzenR {
      opacity: 0;
      pointer-events: none;
      transform: translateY(-100%)
    }
.sticky_observer-DzenR {
      width: 100%;
      height: 1px;
      margin-top: calc(var(--spacing-24)*-1);
      position: relative
    }
.sticky-search_searchSection-Kiwm1 {
      gap: var(--spacing-16);
      flex-direction: column;
      display: flex
    }
.progress-placeholder_root-ElYpL {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      display: flex
    }
.progress-placeholder_text-ElYpL {
      border-radius: var(--rounding-max);
      width: 160px;
      height: 20px;
      margin-bottom: var(--spacing-8)
    }
.progress-placeholder_progress-ElYpL {
      border-radius: var(--rounding-max);
      max-width: 130px;
      height: 4px;
      margin-bottom: var(--spacing-16)
    }
.game-list_root-Wt2KL {
      position: relative
    }
.game-list_list-Wt2KL {
      margin-bottom: var(--spacing-16);
      gap: var(--spacing-8)
    }
@media screen and (min-width:1024px) {
.game-list_list-Wt2KL {
        margin-bottom: var(--spacing-20);
        gap: var(--spacing-16)
      }
}
.game-list-placeholder_list-HN3T3 {
      margin-bottom: var(--spacing-12);
      gap: var(--spacing-8)
    }
@media screen and (min-width:1024px) {
.game-list-placeholder_list-HN3T3 {
        margin-bottom: var(--spacing-16);
        gap: var(--spacing-12)
      }
}
.variant-1_root-jEzgj {
      flex: 0 0 50%;
      position: relative
    }
@media (min-width:768px) {
.variant-1_root-jEzgj {
        flex: 0 0 329px
      }
}
.variant-1_selected-jEzgj,
    .variant-1_unselected-jEzgj {
      --button-radius: var(--providers-button-rouding);
      border-radius: var(--providers-button-rouding)
    }
.variant-1_selected-jEzgj {
      width: 100%;
      height: var(--size-control-xl);
      padding: var(--spacing-12)var(--spacing-20);
      background: var(--color-background-base-alfa-neutral-12);
      color: var(--color-content-base-primary);
      cursor: pointer;
      justify-content: space-between;
      align-items: center;
      gap: var(--spacing-8);
      grid-template-columns: 1fr auto;
      display: grid
    }
.variant-1_selected-jEzgj:active,
    .variant-1_selected-jEzgj:hover {
      background: var(--color-background-base-alfa-neutral-16)
    }
.variant-1_selected-jEzgj:active {
      opacity: var(--opacity-item-active)
    }
.variant-1_selected-jEzgj:has(>.variant-1_circle-jEzgj:active) {
      opacity: 1
    }
.variant-1_selected-jEzgj:focus-visible {
      outline: none
    }
@supports not (width:1lh) {
.variant-1_selected-jEzgj:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
}
@supports (width:1lh) {
.variant-1_selected-jEzgj:focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
      }
}
@supports not selector(:focus-visible) {
.variant-1_selected-jEzgj:focus {
        outline: none
      }
@supports not (width:1lh) {
.variant-1_selected-jEzgj:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
}
@supports (width:1lh) {
.variant-1_selected-jEzgj:focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: var(--spacing-2)
        }
}
}
.variant-1_selected-jEzgj {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height)
    }
.variant-1_content-jEzgj {
      align-items: center;
      gap: var(--spacing-8);
      display: flex
    }
.variant-1_text-jEzgj {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }
.variant-1_circle-jEzgj {
      height: 16px;
      color: var(--color-content-base-secondary);
      border-radius: 50%
    }
.variant-1_circle-jEzgj:hover {
      color: var(--color-content-base-primary)
    }
.variant-1_circle-jEzgj:active {
      opacity: var(--opacity-item-active)
    }
.variant-1_circle-jEzgj:focus-visible {
      outline: none
    }
@supports not (width:1lh) {
.variant-1_circle-jEzgj:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
}
@supports (width:1lh) {
.variant-1_circle-jEzgj:focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
      }
}
@supports not selector(:focus-visible) {
.variant-1_circle-jEzgj:focus {
        outline: none
      }
@supports not (width:1lh) {
.variant-1_circle-jEzgj:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
}
@supports (width:1lh) {
.variant-1_circle-jEzgj:focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: var(--spacing-2)
        }
}
}
.variant-1_icon-jEzgj {
      filter: brightness(0)invert();
      width: auto;
      height: 16px
    }
.variant-2_root-LkFoT {
      flex: 0 0 50%;
      position: relative
    }
@media (min-width:768px) {
.variant-2_root-LkFoT {
        flex: 0 0 162px
      }
}
.variant-2_selected-LkFoT {
      padding: var(--spacing-12)var(--spacing-20);
      justify-content: space-between;
      align-items: center;
      gap: var(--spacing-8);
      grid-template-columns: 1fr auto;
      display: grid
    }
.variant-2_selected-LkFoT .variant-2_content-LkFoT {
      align-items: center;
      gap: var(--spacing-8);
      display: flex
    }
.variant-2_unselected-LkFoT {
      padding-block: var(--spacing-12);
      padding-inline: var(--spacing-16)56px;
      text-align: start;
      position: relative
    }
.variant-2_unselectedOverflow-LkFoT {
      overflow: hidden
    }
.variant-2_selected-LkFoT,
    .variant-2_unselected-LkFoT {
      width: 100%;
      height: var(--size-control-xl);
      border-radius: var(--providers-button-rouding);
      background: var(--color-background-base-alfa-neutral-12);
      color: var(--color-content-base-primary);
      cursor: pointer
    }
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):after {
      border: 1px solid var(--providers-button-color-border);
      border-radius: inherit;
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0
    }
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):after {
        background: var(--providers-button-color-border-grad, var(--providers-button-color-border));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
}
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):active,
    :is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):hover {
      background: var(--color-background-base-alfa-neutral-16)
    }
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):active {
      opacity: var(--opacity-item-active)
    }
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):has(>.variant-2_circle-LkFoT:active) {
      opacity: 1
    }
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):focus-visible {
      outline: none
    }
@supports not (width:1lh) {
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
}
@supports (width:1lh) {
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
      }
}
@supports not selector(:focus-visible) {
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):focus {
        outline: none
      }
@supports not (width:1lh) {
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
}
@supports (width:1lh) {
:is(.variant-2_selected-LkFoT, .variant-2_unselected-LkFoT):focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: var(--spacing-2)
        }
}
}
.variant-2_selected-LkFoT,
    .variant-2_unselected-LkFoT {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height)
    }
.variant-2_text-LkFoT {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }
.variant-2_circle-LkFoT {
      height: 16px;
      color: var(--color-content-base-secondary);
      border-radius: 50%
    }
.variant-2_circle-LkFoT:hover {
      color: var(--color-content-base-primary)
    }
.variant-2_circle-LkFoT:active {
      opacity: var(--opacity-item-active)
    }
.variant-2_circle-LkFoT:focus-visible {
      outline: none
    }
@supports not (width:1lh) {
.variant-2_circle-LkFoT:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
}
@supports (width:1lh) {
.variant-2_circle-LkFoT:focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
      }
}
@supports not selector(:focus-visible) {
.variant-2_circle-LkFoT:focus {
        outline: none
      }
@supports not (width:1lh) {
.variant-2_circle-LkFoT:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
}
@supports (width:1lh) {
.variant-2_circle-LkFoT:focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: var(--spacing-2)
        }
}
}
.variant-2_gameProviders-LkFoT {
      z-index: 1;
      border-end-end-radius: var(--rounding-control-xl);
      width: 60px;
      height: 60px;
      position: absolute;
      inset-block: -16px 0;
      inset-inline-end: 0
    }
.variant-2_gameProvidersTop-LkFoT {
      inset-block-start: -9px
    }
.search-input-button_root-QJTBu {
      width: 100%;
      height: var(--size-control-xl);
      padding: 0 var(--spacing-16);
      border-radius: var(--input-rounding);
      background: var(--color-background-base-alfa-neutral-12);
      color: var(--color-content-base-secondary);
      cursor: pointer;
      align-items: center;
      gap: var(--spacing-12);
      display: flex;
      position: relative
    }
.search-input-button_root-QJTBu:after {
      border: 1px solid var(--input-color-bg-border);
      border-radius: inherit;
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0
    }
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.search-input-button_root-QJTBu:after {
        background: var(--input-color-bg-border-grad, var(--input-color-bg-border));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
}
.search-input-button_root-QJTBu:active,
    .search-input-button_root-QJTBu:hover {
      background: var(--color-background-base-alfa-neutral-16)
    }
.search-input-button_root-QJTBu:active {
      opacity: var(--opacity-item-active)
    }
.search-input-button_root-QJTBu:focus-visible {
      outline: none
    }
@supports not (width:1lh) {
.search-input-button_root-QJTBu:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
}
@supports (width:1lh) {
.search-input-button_root-QJTBu:focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
      }
}
@supports not selector(:focus-visible) {
.search-input-button_root-QJTBu:focus {
        outline: none
      }
@supports not (width:1lh) {
.search-input-button_root-QJTBu:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
}
@supports (width:1lh) {
.search-input-button_root-QJTBu:focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: var(--spacing-2)
        }
}
}
.search-input-button_root-QJTBu {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-regular-font-size);
      font-weight: var(--font-body-regular-font-weight);
      letter-spacing: var(--font-body-regular-letter-spacing);
      line-height: var(--font-body-regular-line-height)
    }
.variant-1_root-Yfzji {
      gap: var(--spacing-8);
      display: flex
    }
.variant-1_input-Yfzji {
      flex: 50%
    }
@media (min-width:768px) {
.variant-1_input-Yfzji {
        flex: auto
      }
}
.variant-2_root-0WVK2 {
      border-radius: var(--rounding-control-xl);
      background: var(--input-color-bg-default);
      cursor: pointer;
      align-items: center;
      gap: var(--spacing-20);
      padding-block: 10px;
      padding-inline: var(--spacing-16);
      grid-template-columns: 1fr max-content max-content;
      display: grid
    }
.variant-2_root-0WVK2:focus-visible {
      outline: none
    }
@supports not (width:1lh) {
.variant-2_root-0WVK2:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
}
@supports (width:1lh) {
.variant-2_root-0WVK2:focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: 0
      }
}
@supports not selector(:focus-visible) {
.variant-2_root-0WVK2:focus {
        outline: none
      }
@supports not (width:1lh) {
.variant-2_root-0WVK2:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
}
@supports (width:1lh) {
.variant-2_root-0WVK2:focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: 0
        }
}
}
.variant-2_root-0WVK2:active,
    .variant-2_root-0WVK2:hover {
      background: var(--input-color-bg-hover)
    }
.variant-2_root-0WVK2:active {
      opacity: var(--opacity-item-active)
    }
.variant-2_searchInput-0WVK2 {
      border-radius: var(--rounding-control-xl);
      height: auto;
      color: var(--color-content-base-secondary);
      align-items: center;
      gap: var(--spacing-12);
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-regular-font-size);
      font-weight: var(--font-body-regular-font-weight);
      letter-spacing: var(--font-body-regular-letter-spacing);
      line-height: var(--font-body-regular-line-height);
      background: 0 0;
      display: flex
    }
.variant-2_divider-0WVK2 {
      width: 1px;
      height: var(--spacing-20);
      background-color: var(--color-border-base-alfa-divider);
      display: block
    }
.variant-2_contentButton-0WVK2 {
      gap: var(--spacing-8)
    }
.variant-2_providerIcon-0WVK2 {
      width: auto;
      height: var(--spacing-24);
      filter: brightness(0)invert()
    }
.search-popover_root-yZrhT {
      --local-safe-area: env(safe-area-inset-top, 0px);
      width: 100%;
      position: relative
    }
.search-popover_anchorWrapper-yZrhT {
      width: 100%;
      position: relative
    }
.search-popover_anchorActive-yZrhT {
      --input-color-bg-default: var(--color-background-base-secondary);
      --input-color-bg-hover: var(--color-background-base-secondary)
    }
.search-popover_inputContent-yZrhT {
      z-index: 2;
      position: relative
    }
.search-popover_overlay-yZrhT {
      z-index: -1;
      background-color: var(--color-background-base-alfa-scrim);
      cursor: default;
      width: 100vw;
      height: 120vh;
      position: fixed;
      top: 0;
      left: 0
    }
.search-popover_popover-yZrhT {
      z-index: calc(var(--z-index-sidebar) + 1);
      box-sizing: border-box;
      background: var(--color-background-base-secondary);
      border-radius: 16px;
      max-height: 60vh;
      position: fixed;
      overflow: hidden
    }
.search-popover_popoverScroll-yZrhT {
      --scrollbar-width: 11px;
      max-height: inherit;
      box-sizing: border-box;
      padding: var(--spacing-16);
      background: var(--color-background-base-secondary);
      gap: var(--spacing-16);
      border-radius: 16px;
      flex-direction: column;
      display: flex;
      overflow: hidden auto
    }
@media (min-width:1024px) {
.search-popover_popoverScroll-yZrhT {
        padding: var(--spacing-20);
        gap: var(--spacing-12)
      }
}
.search-popover_popoverScroll-yZrhT::-webkit-scrollbar {
      width: var(--scrollbar-width)
    }
.search-popover_popoverScroll-yZrhT::-webkit-scrollbar-track {
      margin-top: 16px;
      margin-bottom: 16px
    }
@supports (scrollbar-gutter:stable) and (not ((-webkit-hyphens:none))) and (not ((-moz-appearance:none))) {
.search-popover_popoverScroll-yZrhT {
        padding-block: var(--spacing-16);
        padding-inline: var(--spacing-16)calc(var(--spacing-16) - var(--scrollbar-width));
        scrollbar-gutter: stable
      }
@media (min-width:1024px) {
.search-popover_popoverScroll-yZrhT {
          padding-block: var(--spacing-20);
          padding-inline: var(--spacing-20)calc(var(--spacing-20) - var(--scrollbar-width))
        }
}
[dir=rtl] .search-popover_popoverScroll-yZrhT {
        scrollbar-gutter: stable both-edges;
        padding-inline-end: var(--spacing-16)
      }
@media (min-width:1024px) {
[dir=rtl] .search-popover_popoverScroll-yZrhT {
          padding-inline-end: var(--spacing-20)
        }
}
}
.search-popover_hint-yZrhT {
      color: var(--color-content-base-secondary);
      font-size: var(--font-caption-s-label-font-size)
    }
.search-section_header-hJsQG {
      justify-content: space-between;
      align-items: center;
      gap: var(--spacing-8);
      min-width: 0;
      max-width: 100%;
      display: flex
    }
.search-section_title-hJsQG {
      font-family: var(--font-headline-font-family);
      font-size: var(--font-headline-h4-mobile-font-size);
      font-weight: var(--font-headline-h4-mobile-font-weight);
      letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
      line-height: var(--font-headline-h4-mobile-line-height);
      text-transform: var(--font-headline-text-case);
      text-wrap: balance;
      white-space-collapse: preserve-breaks
    }
@media (min-width:1024px) {
.search-section_title-hJsQG {
        font-size: var(--font-headline-h4-desktop-font-size);
        font-weight: var(--font-headline-h4-desktop-font-weight);
        letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
        line-height: var(--font-headline-h4-desktop-line-height)
      }
}
.search-section_title-hJsQG {
      color: var(--color-content-base-primary)
    }
.search-section_action-hJsQG {
      color: var(--brand-primary-dark-9);
      cursor: pointer;
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height);
      background: 0 0
    }
@media (min-width:1024px) {
.search-section_action-hJsQG {
        font-size: var(--font-caption-s-semibold-font-size);
        line-height: var(--font-caption-s-semibold-line-height)
      }
}
.search-tag_tag-ujUMf {
      padding: var(--spacing-6)var(--spacing-12);
      border-radius: var(--rounding-8);
      background: var(--neutral-dark-alfa-tonal-2);
      justify-content: center;
      align-items: center;
      display: flex
    }
.search-tag_label-ujUMf {
      color: var(--color-gray-50);
      cursor: pointer;
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      background: 0 0
    }
.search-tag_remover-ujUMf {
      color: var(--neutral-dark-12);
      cursor: pointer;
      background: 0 0;
      justify-content: center;
      align-items: center;
      padding: 0;
      display: flex
    }
.search-tags-section_section-YEtpe {
      gap: var(--spacing-12);
      flex-direction: column;
      min-width: 0;
      max-width: 100%;
      display: flex
    }
.search-tags-section_list-YEtpe {
      gap: var(--spacing-8);
      display: flex
    }
.search-tags-section_listWrap-YEtpe {
      flex-wrap: wrap
    }
.search-tags-section_listScroll-YEtpe {
      -ms-overflow-style: none;
      scrollbar-width: none
    }
.search-tags-section_listScroll-YEtpe::-webkit-scrollbar {
      display: none
    }
.search-tags-section_listScroll-YEtpe {
      width: calc(100% + var(--spacing-20));
      min-width: 0;
      -webkit-overflow-scrolling: touch;
      flex-wrap: nowrap;
      margin-inline-end: calc(var(--spacing-20)*-1);
      padding-inline-end: var(--spacing-20);
      overflow-x: auto
    }
@media (--tablet-small) {
.search-tags-section_listScroll-YEtpe {
        flex-wrap: wrap;
        width: 100%;
        margin-inline-end: 0;
        padding-inline: 0;
        overflow-x: visible
      }
}
[dir=rtl] .search-tags-section_listScroll-YEtpe {
      transform: translateX(var(--spacing-4))
    }
@media (pointer:coarse) {
.search-tags-section_listScroll-YEtpe {
        scroll-padding-inline: var(--container__padding, 8px);
        scroll-snap-type: x mandatory
      }
.search-tags-section_listScroll-YEtpe>* {
        scroll-snap-align: start;
        flex-shrink: 0
      }
}
.variant-3_titleRow-ts45t {
      justify-content: space-between;
      align-items: center;
      gap: var(--spacing-12);
      display: flex
    }
.variant-3_title-ts45t {
      font-family: var(--font-headline-font-family);
      font-size: var(--font-headline-h4-mobile-font-size);
      font-weight: var(--font-headline-h4-mobile-font-weight);
      letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
      line-height: var(--font-headline-h4-mobile-line-height);
      text-transform: var(--font-headline-text-case);
      text-wrap: balance;
      white-space-collapse: preserve-breaks
    }
@media (min-width:1024px) {
.variant-3_title-ts45t {
        font-size: var(--font-headline-h4-desktop-font-size);
        font-weight: var(--font-headline-h4-desktop-font-weight);
        letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
        line-height: var(--font-headline-h4-desktop-line-height)
      }
}
.variant-3_title-ts45t {
      color: var(--color-content-base-primary)
    }
.variant-3_empty-ts45t {
      padding-top: calc(var(--spacing-40) - var(--spacing-16))
    }
.casino-search_skeletonSearch-W6gBj {
      width: 100%;
      height: var(--size-control-xl);
      border-radius: var(--rounding-control-xl)
    }
.base-tab-section_root-SryNQ {
      padding: var(--spacing-4);
      margin: calc(var(--spacing-4)*-1);
      position: relative;
      overflow: hidden
    }
@media (pointer:coarse) {
.base-tab-section_root-SryNQ {
        overflow: visible
      }
}
.base-tab-section_items-SryNQ {
      -ms-overflow-style: none;
      scrollbar-width: none
    }
.base-tab-section_items-SryNQ::-webkit-scrollbar {
      display: none
    }
.base-tab-section_items-SryNQ {
      padding: var(--spacing-4)var(--spacing-4)8px;
      margin: calc(var(--spacing-4)*-1);
      scroll-padding: 50px;
      display: flex;
      overflow-x: auto
    }
.base-tab-section_items-SryNQ.base-tab-section_hasGap-SryNQ {
      gap: var(--spacing-8)
    }
@media (pointer:coarse) {
.base-tab-section_items-SryNQ {
        width: calc(100% + var(--container__padding)*2);
        margin-inline: calc(var(--container__padding)*-1);
        padding-inline: var(--container__padding)
      }
@media (min-width:1024px) {
.base-tab-section_items-SryNQ {
          margin-inline: initial
        }
}
}
@media (min-width:1024px) {
.base-tab-section_items-SryNQ {
        width: calc(100% + var(--spacing-4)*2);
        margin: unset;
        padding-block: var(--spacing-4);
        padding-inline: var(--spacing-4);
        transform: translateX(calc(var(--spacing-4)*-1))
      }
[dir=rtl] .base-tab-section_items-SryNQ {
        transform: translateX(var(--spacing-4))
      }
}
.base-tab-section_slide-SryNQ {
      position: relative
    }
@media (pointer:coarse) {
.base-tab-section_items-SryNQ {
        scroll-snap-type: x mandatory
      }
.base-tab-section_items-SryNQ>* {
        scroll-snap-align: start
      }
}
.tab-image_size-s-gI4v4 {
      width: 16px;
      height: 16px
    }
.tab-image_size-m-gI4v4 {
      width: 24px;
      height: 24px;
      padding: var(--spacing-2)
    }
.tab-image_content-gI4v4 {
      width: 100%;
      height: 100%
    }
.tab-image_maskedContent-gI4v4 {
      position: relative
    }
.tab-image_image-gI4v4,
    .tab-image_mask-gI4v4 {
      opacity: 0;
      width: 100%;
      height: 100%;
      transition: opacity .15s ease-in-out;
      position: absolute;
      top: 0;
      left: 0
    }
.tab-image_visible-gI4v4 {
      opacity: 1
    }
.tab-image_mask-gI4v4 {
      background-color: var(--tab-color-icon-accent-selected, var(--tab-color-fg-accent-selected));
      -webkit-mask-composite: xor;
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      -webkit-mask-image: var(--v05db818a);
      -webkit-mask-image: var(--v05db818a);
      mask-image: var(--v05db818a);
      -webkit-mask-position: 50%;
      mask-position: 50%;
      -webkit-mask-size: 100%;
      mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }
.tab-section_skeleton-KnbNI {
      width: 100px
    }
.arrow_root-D3PE8 {
      height: 30px;
      display: flex;
      position: relative;
      overflow: hidden
    }
.arrow_gradient-D3PE8 {
      background: radial-gradient(50% 50%, #fff3 0%, #ffffff1a 44%, #fff0 88%), radial-gradient(50% 50%, #fff3 0%, #ffffff1a 44%, #fff0 88%);
      width: 200%;
      height: 100%;
      position: absolute;
      top: 0;
      transform: translate(-50%)
    }
.graphics_start-W9DrU {
      z-index: 2;
      pointer-events: none;
      position: absolute;
      inset: 0
    }
.graphics_start-W9DrU img {
      width: 100%;
      height: 100%
    }
.graphics_end-W9DrU {
      z-index: 2;
      pointer-events: none;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0
    }
.graphics_end-W9DrU img {
      width: 94px;
      height: 100%
    }
.slider_arrowScrollView-4hTRI {
      --scroll-view-background: transparent;
      --scroll-view-arrow-z-index: 2;
      margin: 0 calc(var(--padding-mobile-inline)*-1)
    }
@media (min-width:768px) {
.slider_arrowScrollView-4hTRI {
        margin: 0
      }
}
.slider_root-4hTRI {
      -webkit-mask-image: none;
      mask-image: none
    }
@media (min-width:768px) {
.slider_root-4hTRI {
        -webkit-mask-image: linear-gradient(90deg, #0000 8%, #000 28% 72%, #0000 92%);
        mask-image: linear-gradient(90deg, #0000 8%, #000 28% 72%, #0000 92%);
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
      }
}
@media (min-width:1440px) {
.slider_root-4hTRI {
        -webkit-mask-image: linear-gradient(90deg, #0000 5%, #000 25% 75%, #0000 95%);
        mask-image: linear-gradient(90deg, #0000 5%, #000 25% 75%, #0000 95%)
      }
}
.slider_root-4hTRI {
      -ms-overflow-style: none;
      scrollbar-width: none
    }
.slider_root-4hTRI::-webkit-scrollbar {
      display: none
    }
.slider_root-4hTRI {
      gap: 0 var(--spacing-8)
    }
@media (min-width:768px) {
.slider_root-4hTRI {
        gap: 0 var(--spacing-4)
      }
}
@media (min-width:1440px) {
.slider_root-4hTRI {
        gap: 0 var(--spacing-12)
      }
}
.slider_root-4hTRI .slider_game-4hTRI {
      border-radius: calc(var(--game-card-rounding-mobile) + 2px);
      width: calc(33.3333% - var(--padding-mobile-inline)*4/3);
      flex-shrink: 0
    }
@media (min-width:768px) {
.slider_root-4hTRI .slider_game-4hTRI {
        width: 79px
      }
}
@media (min-width:1024px) {
.slider_root-4hTRI .slider_game-4hTRI {
        width: 108px
      }
}
@media (min-width:1440px) {
.slider_root-4hTRI .slider_game-4hTRI {
        width: 142px
      }
}
@media (min-width:1024px) {
.slider_root-4hTRI .slider_game-4hTRI {
        border-radius: calc(var(--game-card-rounding-desktop) + 2px)
      }
}
.slider_border-4hTRI {
      border: var(--border-m)solid var(--color-border-base-alfa-static-white-64)
    }
.value_root-ow8Mg {
      white-space: nowrap
    }
.jackpot_root-8SLfV {
      --padding-mobile-inline: var(--total-jackpot-layout-padding-mobile-horizontal);
      --padding-tablet-inline: var(--total-jackpot-layout-padding-tablet-horizontal);
      --padding-desktop-inline: var(--total-jackpot-layout-padding-desktop-horizontal);
      display: contents
    }
.jackpot_container-8SLfV {
      border-radius: var(--total-jackpot-rounding-mobile);
      background: var(--total-jackpot-color-bg-grad, var(--total-jackpot-color-bg));
      justify-content: space-between;
      align-items: flex-start;
      gap: var(--spacing-12);
      height: 100%;
      min-height: 263px;
      padding-block: var(--total-jackpot-layout-padding-mobile-vertical);
      padding-inline: var(--padding-mobile-inline);
      flex-direction: column;
      display: flex;
      position: relative;
      overflow: hidden
    }
.jackpot_container-8SLfV:after {
      border: 1px solid var(--total-jackpot-color-border);
      border-radius: inherit;
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0
    }
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.jackpot_container-8SLfV:after {
        background: var(--total-jackpot-color-border-grad, var(--total-jackpot-color-border));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
}
@media (min-width:768px) {
.jackpot_container-8SLfV {
        border-radius: var(--total-jackpot-rounding-tablet);
        align-items: center;
        gap: var(--spacing-20);
        min-height: 157px;
        padding-block: var(--total-jackpot-layout-padding-tablet-vertical);
        padding-inline: var(--padding-tablet-inline)0;
        flex-direction: row
      }
}
@media (min-width:1024px) {
.jackpot_container-8SLfV {
        border-radius: var(--total-jackpot-rounding-desktop);
        min-height: 244px;
        padding-block: var(--total-jackpot-layout-padding-desktop-vertical);
        padding-inline: var(--padding-desktop-inline)0
      }
}
.jackpot_content-8SLfV {
      z-index: 2;
      flex-direction: column;
      justify-content: space-between;
      align-self: stretch;
      align-items: flex-start;
      width: 100%;
      display: flex
    }
@media (min-width:768px) {
.jackpot_content-8SLfV {
        gap: var(--spacing-16);
        width: auto
      }
}
.jackpot_slider-8SLfV {
      width: 100%;
      position: relative
    }
@media (min-width:768px) {
.jackpot_slider-8SLfV {
        flex: 1 0 60%;
        max-width: 495px;
        inset-inline-start: -20px
      }
}
@media (min-width:1024px) {
.jackpot_slider-8SLfV {
        flex: 1 0 50%;
        max-width: 488px
      }
}
@media (min-width:1440px) {
.jackpot_slider-8SLfV {
        flex: 1 0 70%;
        max-width: 730px
      }
}
@media (min-width:1920px) {
.jackpot_slider-8SLfV {
        flex: 1 0 70%;
        max-width: 962px
      }
}
.jackpot_info-8SLfV {
      justify-content: flex-start;
      align-items: center;
      gap: var(--spacing-8);
      flex-direction: column;
      width: 100%;
      display: flex;
      position: relative
    }
@media (min-width:768px) {
.jackpot_info-8SLfV {
        align-items: flex-start;
        width: auto
      }
}
.jackpot_title-8SLfV {
      color: var(--color-content-base-static-white);
      font-family: var(--font-headline-font-family);
      font-size: var(--font-headline-h2-mobile-font-size);
      font-weight: var(--font-headline-h2-mobile-font-weight);
      letter-spacing: var(--font-headline-h2-mobile-letter-spacing);
      line-height: var(--font-headline-h2-mobile-line-height);
      text-transform: var(--font-headline-text-case);
      text-wrap: balance;
      white-space-collapse: preserve-breaks
    }
@media (min-width:1024px) {
.jackpot_title-8SLfV {
        font-size: var(--font-headline-h2-desktop-font-size);
        font-weight: var(--font-headline-h2-desktop-font-weight);
        letter-spacing: var(--font-headline-h2-desktop-letter-spacing);
        line-height: var(--font-headline-h2-desktop-line-height);
        font-family: var(--font-headline-font-family);
        font-size: var(--font-headline-h3-mobile-font-size);
        font-weight: var(--font-headline-h3-mobile-font-weight);
        letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
        line-height: var(--font-headline-h3-mobile-line-height);
        text-transform: var(--font-headline-text-case);
        text-wrap: balance;
        white-space-collapse: preserve-breaks
      }
@media (min-width:1024px) {
.jackpot_title-8SLfV {
          font-size: var(--font-headline-h3-desktop-font-size);
          font-weight: var(--font-headline-h3-desktop-font-weight);
          letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
          line-height: var(--font-headline-h3-desktop-line-height)
        }
}
}
@media (min-width:1440px) {
.jackpot_title-8SLfV {
        font-family: var(--font-headline-font-family);
        font-size: var(--font-headline-h2-mobile-font-size);
        font-weight: var(--font-headline-h2-mobile-font-weight);
        letter-spacing: var(--font-headline-h2-mobile-letter-spacing);
        line-height: var(--font-headline-h2-mobile-line-height);
        text-transform: var(--font-headline-text-case);
        text-wrap: balance;
        white-space-collapse: preserve-breaks
      }
@media (min-width:1024px) {
.jackpot_title-8SLfV {
          font-size: var(--font-headline-h2-desktop-font-size);
          font-weight: var(--font-headline-h2-desktop-font-weight);
          letter-spacing: var(--font-headline-h2-desktop-letter-spacing);
          line-height: var(--font-headline-h2-desktop-line-height)
        }
}
}
.jackpot_jackpot-8SLfV {
      color: var(--color-content-base-static-white);
      font-family: var(--total-jackpot-font-number-font-family);
      font-size: var(--total-jackpot-font-number-font-size);
      font-weight: var(--total-jackpot-font-number-font-weight);
      letter-spacing: var(--total-jackpot-font-number-letter-spacing);
      line-height: var(--total-jackpot-font-number-line-height);
      text-transform: var(--total-jackpot-font-number-text-case);
      align-items: center;
      display: flex
    }
.jackpot_arrow-8SLfV {
      height: 30px;
      position: absolute;
      inset-inline-start: calc(var(--padding-mobile-inline)*-1)
    }
[dir=rtl] .jackpot_arrow-8SLfV {
      transform: rotateY(180deg)
    }
@media (min-width:768px) {
.jackpot_arrow-8SLfV {
        inset-inline-start: calc(var(--padding-tablet-inline)*-1)
      }
}
@media (min-width:1024px) {
.jackpot_arrow-8SLfV {
        inset-inline-start: calc(var(--padding-desktop-inline)*-1)
      }
}
.jackpot_arrowSecondary-8SLfV {
      inset-inline-start: unset;
      inset-inline-end: calc(var(--padding-mobile-inline)*-1);
      transform: rotateY(180deg)
    }
[dir=rtl] .jackpot_arrowSecondary-8SLfV {
      transform: rotateY(0)
    }
@media (min-width:768px) {
.jackpot_arrowSecondary-8SLfV {
        display: none
      }
}
.jackpot_infoButton-8SLfV {
      display: none
    }
@media (min-width:768px) {
.jackpot_infoButton-8SLfV {
        display: flex
      }
.jackpot_infoButtonInner-8SLfV {
        min-width: 200px
      }
}
.jackpot_button-8SLfV {
      width: 100%;
      display: flex
    }
@media (min-width:768px) {
.jackpot_button-8SLfV {
        display: none
      }
}
.jackpot-lobby_skeleton-sYnW8 {
      border-radius: var(--rounding-container-l)
    }
@media (min-width:1024px) {
.jackpot-lobby_skeleton-sYnW8 {
        border-radius: var(--rounding-container-xl)
      }
}
.online_root-bsKaL {
      align-items: flex-end;
      gap: var(--spacing-2);
      flex-direction: column;
      display: flex
    }
@media (min-width:1024px) {
.online_root-bsKaL {
        justify-content: flex-end;
        align-items: center;
        gap: var(--spacing-8);
        flex-direction: row
      }
}
.online_content-bsKaL {
      align-items: center;
      gap: var(--spacing-8);
      display: flex
    }
.online_online-bsKaL {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height);
      color: var(--color-content-base-static-white);
      text-align: end
    }
.online_description-bsKaL {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-regular-font-size);
      font-weight: var(--font-caption-s-regular-font-weight);
      letter-spacing: var(--font-caption-s-regular-letter-spacing);
      line-height: var(--font-caption-s-regular-line-height);
      color: var(--color-content-base-secondary);
      text-align: end;
      text-wrap: balance
    }
@media (min-width:1024px) {
.online_description-bsKaL {
        font-family: var(--font-body-font-family);
        font-size: var(--font-body-regular-font-size);
        font-weight: var(--font-body-regular-font-weight);
        letter-spacing: var(--font-body-regular-letter-spacing);
        line-height: var(--font-body-regular-line-height)
      }
}
.online_onlinePlaceholder-bsKaL {
      border-radius: 8px;
      width: 110px;
      height: 38px
    }
@media (min-width:1024px) {
.online_onlinePlaceholder-bsKaL {
        height: 20px
      }
}
.prize-card_root-5sLgU {
      --prize-card__width: 65px;
      --prize-card__content-background: var(--prize-card-color-bg-default);
      --prize-card__content-background-hover: var(--prize-card-color-bg-hover);
      --prize-card__content-rounding: var(--prize-card-rounding-default);
      flex-direction: column;
      justify-content: flex-end;
      width: auto;
      height: 99px;
      display: flex;
      position: relative
    }
.prize-card_root-5sLgU:focus-visible {
      outline: none
    }
@supports not (width:1lh) {
.prize-card_root-5sLgU:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
}
@supports (width:1lh) {
.prize-card_root-5sLgU:focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
      }
}
@supports not selector(:focus-visible) {
.prize-card_root-5sLgU:focus {
        outline: none
      }
@supports not (width:1lh) {
.prize-card_root-5sLgU:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
}
@supports (width:1lh) {
.prize-card_root-5sLgU:focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: var(--spacing-2)
        }
}
}
.prize-card_content-5sLgU {
      width: fit-content;
      height: 88px;
      padding: var(--spacing-12);
      border-radius: var(--prize-card__content-rounding);
      background: var(--prize-card__content-background);
      align-items: stretch;
      gap: var(--spacing-12);
      transition: background-color .1s;
      display: flex;
      position: relative
    }
.prize-card_content-5sLgU:hover {
      background-color: var(--prize-card__content-background-hover)
    }
.prize-card_content-5sLgU:after {
      border: 1px solid var(--prize-card-color-bg-border);
      border-radius: inherit;
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0
    }
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.prize-card_content-5sLgU:after {
        background: var(--prize-card-color-bg-border-grad, var(--prize-card-color-bg-border));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
}
.prize-card_card-5sLgU {
      width: var(--prize-card__width);
      flex-direction: column;
      justify-content: flex-end;
      max-height: 100%;
      display: flex;
      position: relative
    }
.prize-card_cardInner-5sLgU {
      z-index: 1;
      width: var(--prize-card__width);
      border-radius: var(--rounding-container-xs);
      box-shadow: 0 0 0 1px var(--color-border-base-alfa-container);
      --game-card__border-radius: var(--rounding-container-xs)
    }
.prize-card_info-5sLgU {
      gap: var(--spacing-8);
      flex-direction: column;
      width: fit-content;
      min-width: 119px;
      position: relative
    }
.prize-card_description-5sLgU {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-regular-font-size);
      font-weight: var(--font-caption-s-regular-font-weight);
      letter-spacing: var(--font-caption-s-regular-letter-spacing);
      line-height: var(--font-caption-s-regular-line-height);
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0
    }
.prize-card_badge-5sLgU {
      width: fit-content;
      transition: background-color .1s
    }
.prize-card_badgePlaceholder-5sLgU {
      border-radius: 8px;
      width: 100px;
      height: 24px
    }
.prize-card_title-5sLgU {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-semibold-font-size);
      font-weight: var(--font-caption-s-semibold-font-weight);
      letter-spacing: var(--font-caption-s-semibold-letter-spacing);
      line-height: var(--font-caption-s-semibold-line-height);
      color: var(--color-content-base-static-white);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }
.prize-card_titlePlaceholder-5sLgU {
      border-radius: 8px;
      width: 70px;
      height: 14px;
      margin-bottom: 4px
    }
.prize-card_userId-5sLgU {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-regular-font-size);
      font-weight: var(--font-caption-s-regular-font-weight);
      letter-spacing: var(--font-caption-s-regular-letter-spacing);
      line-height: var(--font-caption-s-regular-line-height);
      color: var(--color-content-base-secondary);
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: color .1s;
      overflow: hidden
    }
.prize-card_userIdPlaceholder-5sLgU {
      border-radius: 8px;
      width: 30px;
      height: 14px
    }
.prize-card_cardPlaceholder-5sLgU {
      border-radius: var(--rounding-container-xs);
      background: var(--prize-card__content-background);
      --game-card-placeholder__border-radius: var(--rounding-container-xs)
    }
.prize-card_secondary-5sLgU {
      --prize-card__content-background: var(--prize-card-color-bg-superprize-grad, var(--prize-card-color-bg-superprize));
      --prize-card__content-background-hover: var(--prize-card-color-bg-superprize-grad, var(--prize-card-color-bg-superprize));
      --prize-card__content-rounding: var(--prize-card-rounding-superprize)
    }
.prize-card_secondary-5sLgU .prize-card_userId-5sLgU {
      color: var(--color-content-base-static-white)
    }
.prize-card_secondary-5sLgU .prize-card_cardInner-5sLgU {
      box-shadow: 0 0 0 1px #ffcc2640
    }
.prize-card_background-5sLgU {
      bottom: 0;
      pointer-events: none;
      width: 120px;
      height: 88px;
      position: absolute;
      inset-inline-end: 0
    }
.prize-card_img-5sLgU {
      border-radius: 0 var(--prize-card__content-rounding)var(--prize-card__content-rounding)0;
      width: 100%;
      height: 100%
    }
.last-wins-placeholder_root-Y4GCV {
      border-radius: var(--rounding-container-l);
      height: 149px
    }
@media (min-width:1024px) {
.last-wins-placeholder_root-Y4GCV {
        border-radius: var(--rounding-container-xl)
      }
}
.last-wins_slideMove-FSQYJ,
    .last-wins_slideEnterActive-FSQYJ,
    .last-wins_slideLeaveActive-FSQYJ {
      transition: transform 1s
    }
.last-wins_slideEnterFrom-FSQYJ {
      transform: translate(-100%)
    }
[dir=rtl] .last-wins_slideEnterFrom-FSQYJ {
      transform: translate(100%)
    }
.last-wins_slideEnterTo-FSQYJ {
      transform: translate(0)
    }
.last-wins_list-FSQYJ {
      padding-top: var(--spacing-4);
      margin-top: calc(var(--spacing-4)*-1);
      margin-right: calc(var(--container__padding)*-1);
      gap: var(--spacing-8);
      --offset-position: -10px;
      --shadow-size: 40px;
      --shadow-gradient-direction: 270deg;
      flex-wrap: nowrap;
      display: flex;
      position: relative;
      overflow: hidden
    }
.last-wins_list-FSQYJ:after {
      z-index: 1;
      width: var(--shadow-size);
      background: linear-gradient(var(--shadow-gradient-direction), var(--color-background-base-primary)0%, var(--color-background-base-primary)20%, #fff0 100%);
      content: "";
      height: 100%;
      pointer-events: none;
      align-items: center;
      display: none;
      position: absolute;
      inset-inline-end: var(--offset-position)
    }
[dir=rtl] .last-wins_list-FSQYJ:after {
      --shadow-gradient-direction: 90deg
    }
@media (min-width:768px) {
.last-wins_list-FSQYJ {
        max-width: calc(100% + var(--spacing-8));
        padding: var(--spacing-8);
        margin: calc(var(--spacing-8)*-1)
      }
.last-wins_list-FSQYJ:after {
        display: flex
      }
}
.last-wins_online-FSQYJ {
      max-width: 40%
    }
@media (min-width:768px) {
.last-wins_online-FSQYJ {
        max-width: none
      }
}
@keyframes button_dice-ibWo9 {
0% {
        animation-timing-function: cubic-bezier(.3, 0, .3, 1);
        top: 0;
        transform: rotate(0)
      }
55%,
      65% {
        animation-timing-function: cubic-bezier(.6, 0, .5, 1);
        top: -20px;
        transform: rotate(90deg)
      }
to {
        animation-timing-function: cubic-bezier(.3, 0, .9, 1.2);
        top: 0;
        transform: rotate(180deg)
      }
}
.button_fadeEnterActive-ibWo9,
    .button_fadeLeaveActive-ibWo9 {
      transition: opacity .14s ease-in-out
    }
.button_fadeEnterFrom-ibWo9,
    .button_fadeLeaveTo-ibWo9 {
      opacity: 0
    }
.button_progress-ibWo9 {
      padding: var(--spacing-6)0;
      align-items: center;
      gap: var(--spacing-6);
      display: flex;
      position: relative
    }
.button_diceWrapper-ibWo9 {
      width: 24px;
      height: 24px;
      position: relative
    }
.button_dice-ibWo9 {
      color: var(--color-content-base-static-white);
      animation: 1s infinite button_dice-ibWo9;
      position: absolute;
      top: 0;
      left: 0
    }
.button_progressInfo-ibWo9 {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height);
      color: var(--color-content-base-static-white)
    }
.graphics_backgroundPictureLeft-Tga6z,
    .graphics_backgroundPictureRightDesktop-Tga6z {
      z-index: 2;
      pointer-events: none;
      position: absolute;
      inset-block: 0
    }
.graphics_backgroundImg-Tga6z {
      object-fit: contain;
      width: 100%;
      height: 100%
    }
.graphics_backgroundPictureRightMobile-Tga6z {
      position: absolute;
      inset-block-start: 22px;
      inset-inline-end: 0
    }
.graphics_backgroundPictureRightMobile-Tga6z .graphics_backgroundImg-Tga6z {
      width: 178px
    }
[dir=rtl] .graphics_backgroundPictureRightMobile-Tga6z {
      transform: scaleX(-1)
    }
.graphics_backgroundPictureLeft-Tga6z .graphics_backgroundImg-Tga6z {
      object-position: left;
      border-start-start-radius: var(--rounding-container-l);
      border-end-start-radius: var(--rounding-container-l)
    }
.graphics_backgroundPictureRightDesktop-Tga6z {
      border-radius: 0 var(--rounding-container-l)var(--rounding-container-l)0;
      inset-inline-end: 0;
      overflow: hidden
    }
.graphics_backgroundPictureRightDesktop-Tga6z .graphics_backgroundImg-Tga6z {
      object-position: right
    }
[dir=rtl] .graphics_backgroundPictureRightDesktop-Tga6z {
      transform: scaleX(-1)
    }
.list_root-QI8Bv {
      --card-width: 104px;
      --card-height: 139px;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      display: flex;
      position: relative;
      -webkit-mask-image: linear-gradient(#0000 0, #fff 30% 81%, #0000 100%);
      mask-image: linear-gradient(#0000 0, #fff 30% 81%, #0000 100%)
    }
@media (min-width:768px) {
.list_root-QI8Bv {
        -webkit-mask-image: linear-gradient(90deg, #0000 0, #fff 30% 75%, #0000 100%);
        mask-image: linear-gradient(90deg, #0000 0, #fff 30% 75%, #0000 100%)
      }
[dir=rtl] .list_root-QI8Bv {
        -webkit-mask-image: linear-gradient(270deg, #0000 0, #fff 30% 75%, #0000 100%);
        mask-image: linear-gradient(270deg, #0000 0, #fff 30% 75%, #0000 100%)
      }
}
@media (min-width:1024px) {
.list_root-QI8Bv {
        --card-width: 138px;
        --card-height: 184px
      }
}
.list_selection-QI8Bv {
      --selection-gap: var(--spacing-4);
      --selection-border: var(--border-m);
      z-index: 1;
      width: calc(var(--card-width) + (var(--selection-border) + var(--selection-gap))*2);
      height: calc(var(--card-height) + (var(--selection-border) + var(--selection-gap))*2);
      border: var(--selection-border)solid var(--color-content-base-static-white);
      border-radius: var(--rounding-container-m);
      pointer-events: none;
      position: absolute
    }
@media (min-width:1024px) {
.list_selection-QI8Bv {
        border-radius: var(--rounding-container-l)
      }
}
.list_content-QI8Bv {
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      display: flex;
      position: relative
    }
@media (min-width:768px) {
.list_content-QI8Bv {
        overflow: hidden
      }
}
.list_list-QI8Bv {
      margin-block: 0;
      margin-inline: calc(var(--spacing-16)*-1);
      will-change: transform;
      flex-direction: column;
      align-items: center;
      display: flex;
      position: absolute;
      transform: translate(0)
    }
@media (min-width:768px) {
.list_list-QI8Bv {
        flex-direction: row
      }
[dir=rtl] .list_list-QI8Bv {
        flex-direction: row-reverse
      }
}
.list_list-QI8Bv {
      -ms-overflow-style: none;
      scrollbar-width: none
    }
.list_list-QI8Bv::-webkit-scrollbar {
      display: none
    }
.list_list-QI8Bv {
      gap: var(--spacing-16)0
    }
@media (min-width:768px) {
.list_list-QI8Bv {
        gap: 0 var(--spacing-12)
      }
}
@media (min-width:1024px) {
.list_list-QI8Bv {
        gap: 0 var(--spacing-20)
      }
}
.list_game-QI8Bv {
      width: var(--card-width);
      pointer-events: none;
      transition: opacity .1s
    }
.list_game-QI8Bv:not(.list_gameActive-QI8Bv) {
      opacity: .7
    }
.list_gameActive-QI8Bv {
      pointer-events: auto
    }
.list_selectionContent-QI8Bv {
      justify-content: center;
      height: 100%;
      display: flex;
      position: relative
    }
.list_selectionArrowTop-QI8Bv {
      position: absolute;
      inset-block-start: -1px
    }
@media (min-width:768px) {
.list_selectionArrowTop-QI8Bv {
        display: none
      }
}
.list_selectionArrowBottom-QI8Bv {
      position: absolute;
      inset-block-end: -7px
    }
[dir=rtl] .list_selectionArrowBottom-QI8Bv {
      transform: scaleX(-1)
    }
@keyframes target-button_fade-in-bottom-E4bgI {
0% {
        opacity: 0;
        transform: translate(-50%, 10px)
      }
to {
        opacity: 1;
        transform: translate(-50%)
      }
}
.target-button_bottomEnterActive-E4bgI {
      animation: .5s ease-in-out target-button_fade-in-bottom-E4bgI
    }
.target-button_bottomLeaveActive-E4bgI {
      animation: .5s ease-in-out reverse target-button_fade-in-bottom-E4bgI
    }
.target-button_root-E4bgI {
      opacity: 1;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%)
    }
.random-game_imagesContainer-P9vLD {
      position: relative
    }
.random-game_root-P9vLD {
      height: 100%;
      min-height: var(--banner-min-height);
      justify-content: space-between;
      gap: var(--spacing-20);
      --skeleton-content: var(--random-game-color-card-bg-skeleton);
      --banner-min-height: var(--random-game-layout-height-mobile);
      --list-max-width: 116px;
      display: flex;
      overflow: hidden
    }
@media (min-width:768px) {
.random-game_root-P9vLD {
        --banner-min-height: var(--random-game-layout-height-tablet);
        gap: var(--spacing-20)
      }
}
@media (min-width:1024px) {
.random-game_root-P9vLD {
        --banner-min-height: var(--random-game-layout-height-desktop)
      }
}
.random-game_root-P9vLD,
    .random-game_bannerGradient-P9vLD {
      border-radius: var(--random-game-rounding-mobile)
    }
@media (min-width:768px) {
.random-game_root-P9vLD,
      .random-game_bannerGradient-P9vLD {
        border-radius: var(--random-game-rounding-tablet)
      }
}
@media (min-width:1024px) {
.random-game_root-P9vLD,
      .random-game_bannerGradient-P9vLD {
        border-radius: var(--random-game-rounding-desktop)
      }
}
.random-game_bannerGradient-P9vLD {
      background: var(--random-game-color-bg-grad, var(--random-game-color-bg));
      position: absolute;
      inset: 0
    }
.random-game_bannerGradient-P9vLD:after {
      border-radius: inherit;
      content: "";
      pointer-events: none;
      border: 1px solid #0000;
      position: absolute;
      inset: 0
    }
@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
.random-game_bannerGradient-P9vLD:after {
        background: var(--random-game-color-border-grad, var(--random-game-color-border))var(--random-game-color-border);
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
}
[dir=rtl] .random-game_bannerGradient-P9vLD {
      transform: scaleX(-1)
    }
.random-game_content-P9vLD {
      z-index: 2;
      width: 178px;
      padding-block: var(--random-game-layout-padding-mobile-vertical);
      padding-inline: var(--random-game-layout-padding-mobile-horizontal)0;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      display: flex;
      position: relative
    }
@media (min-width:768px) {
.random-game_content-P9vLD {
        width: 292px;
        padding-block: var(--random-game-layout-padding-tablet-vertical);
        padding-inline: var(--random-game-layout-padding-tablet-horizontal)
      }
}
@media (min-width:1024px) {
.random-game_content-P9vLD {
        width: 384px;
        padding-block: var(--random-game-layout-padding-desktop-vertical);
        padding-inline: var(--random-game-layout-padding-desktop-horizontal)
      }
}
.random-game_listWrapper-P9vLD {
      z-index: auto;
      width: 100%;
      max-width: var(--list-max-width);
      justify-content: center;
      align-items: center;
      margin-left: auto;
      display: flex;
      position: absolute;
      inset-block: 0;
      inset-inline-end: var(--spacing-24)
    }
@media (min-width:768px) {
.random-game_listWrapper-P9vLD {
        max-width: 505px;
        inset-inline-end: 0
      }
}
@media (min-width:1024px) {
.random-game_listWrapper-P9vLD {
        max-width: 528px
      }
}
@media (min-width:1440px) {
.random-game_listWrapper-P9vLD {
        max-width: 645px
      }
}
@media (min-width:1920px) {
.random-game_listWrapper-P9vLD {
        max-width: 765px
      }
}
.random-game_list-P9vLD {
      max-width: 336px
    }
@media (min-width:1024px) {
.random-game_list-P9vLD {
        max-width: 400px
      }
}
@media (min-width:1440px) {
.random-game_list-P9vLD {
        max-width: 517px
      }
}
@media (min-width:1920px) {
.random-game_list-P9vLD {
        max-width: 637px
      }
}
.random-game_info-P9vLD {
      justify-content: flex-start;
      align-items: flex-start;
      gap: var(--spacing-8);
      flex-direction: column;
      width: 100%;
      display: flex
    }
@media (min-width:768px) {
.random-game_info-P9vLD {
        max-width: 260px
      }
}
@media (min-width:1024px) {
.random-game_info-P9vLD {
        gap: var(--spacing-12);
        max-width: 324px
      }
}
.random-game_title-P9vLD {
      color: var(--color-content-base-static-white);
      font-family: var(--widget-font-font-family);
      font-size: var(--widget-font-mobile-font-size);
      font-weight: var(--widget-font-mobile-font-weight);
      letter-spacing: var(--widget-font-mobile-letter-spacing);
      line-height: var(--widget-font-mobile-line-height);
      text-wrap: balance;
      white-space: pre-line
    }
@media (min-width:768px) {
.random-game_title-P9vLD {
        font-size: var(--widget-font-tablet-font-size);
        font-weight: var(--widget-font-tablet-font-weight);
        letter-spacing: var(--widget-font-tablet-letter-spacing);
        line-height: var(--widget-font-tablet-line-height)
      }
}
@media (min-width:1024px) {
.random-game_title-P9vLD {
        font-size: var(--widget-font-desktop-font-size);
        font-weight: var(--widget-font-desktop-font-weight);
        letter-spacing: var(--widget-font-desktop-letter-spacing);
        line-height: var(--widget-font-desktop-line-height)
      }
}
.random-game_subtitle-P9vLD {
      color: var(--color-content-base-static-white);
      text-wrap: balance;
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-regular-font-size);
      font-weight: var(--font-body-regular-font-weight);
      letter-spacing: var(--font-body-regular-letter-spacing);
      line-height: var(--font-body-regular-line-height)
    }
.random-game_targetButton-P9vLD {
      z-index: 3;
      position: absolute;
      inset-block-end: 14px
    }
@media (min-width:768px) {
.random-game_targetButton-P9vLD {
        inset-block-end: 8px
      }
}
@media (min-width:1024px) {
.random-game_targetButton-P9vLD {
        inset-block-end: 12px
      }
}
.random-game-placeholder_root-3F07e {
      border-radius: var(--rounding-container-l);
      height: 240px
    }
@media (min-width:768px) {
.random-game-placeholder_root-3F07e {
        height: 192px
      }
}
@media (min-width:1024px) {
.random-game-placeholder_root-3F07e {
        border-radius: var(--rounding-container-xl);
        height: 244px
      }
}
.providers-item_root-ag1Zy {
      --badge-size: 20px;
      --offset-badge: -2px;
      --badge-mask-offset-x: calc(2px - var(--offset-badge));
      --badge-mask-offset-y: calc(1px - var(--offset-badge));
      cursor: pointer;
      background: 0 0;
      padding: 0;
      position: relative
    }
.providers-item_root-ag1Zy:focus-visible {
      border-radius: var(--rounding-container-m);
      outline: none
    }
@supports not (width:1lh) {
.providers-item_root-ag1Zy:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
}
@supports (width:1lh) {
.providers-item_root-ag1Zy:focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
      }
}
@supports not selector(:focus-visible) {
.providers-item_root-ag1Zy:focus {
        border-radius: var(--rounding-container-m);
        outline: none
      }
@supports not (width:1lh) {
.providers-item_root-ag1Zy:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
}
@supports (width:1lh) {
.providers-item_root-ag1Zy:focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: var(--spacing-2)
        }
}
}
.providers-item_content-ag1Zy {
      padding: var(--spacing-16);
      border-radius: var(--rounding-container-m);
      background-color: var(--color-background-base-alfa-neutral-12);
      justify-content: center;
      align-items: center;
      gap: var(--spacing-8);
      flex-direction: column;
      display: flex
    }
.providers-item_image-ag1Zy {
      height: 32px
    }
.providers-item_selected-ag1Zy .providers-item_content-ag1Zy {
      -webkit-mask-composite: xor;
      -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAwIiBoZWlnaHQ9IjMwMDAiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImdyZWVuIi8+PC9zdmc+Cg==), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9InJlZCIvPjwvc3ZnPg0K);
      mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAwIiBoZWlnaHQ9IjMwMDAiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImdyZWVuIi8+PC9zdmc+Cg==), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9InJlZCIvPjwvc3ZnPg0K);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      -webkit-mask-position: calc(100% + var(--badge-mask-offset-x))calc(var(--badge-mask-offset-y)*-1);
      -webkit-mask-position: calc(100% + var(--badge-mask-offset-x))calc(var(--badge-mask-offset-y)*-1);
      mask-position: calc(100% + var(--badge-mask-offset-x))calc(var(--badge-mask-offset-y)*-1);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }
.providers-item_badge-ag1Zy {
      width: var(--badge-size);
      height: var(--badge-size);
      border-radius: var(--rounding-component-badge);
      color: var(--color-content-base-static-white);
      background-color: #0075ff;
      justify-content: center;
      align-items: center;
      display: flex;
      position: absolute;
      top: -1px;
      right: -2px
    }
.providers-item_name-ag1Zy {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-semibold-font-size);
      font-weight: var(--font-caption-s-semibold-font-weight);
      letter-spacing: var(--font-caption-s-semibold-letter-spacing);
      line-height: var(--font-caption-s-semibold-line-height);
      max-width: 100%;
      color: var(--color-content-base-primary);
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }
.providers_list-83ie5 {
      gap: var(--spacing-8);
      grid-template-columns: repeat(2, 1fr);
      display: grid
    }
@media (min-width:768px) {
.providers_list-83ie5 {
        grid-template-columns: repeat(4, 1fr)
      }
}
@media (min-width:1024px) {
.providers_list-83ie5 {
        grid-template-columns: repeat(3, 1fr)
      }
.providers_wide-83ie5 {
        grid-template-columns: repeat(5, 1fr)
      }
}
@media (min-width:1920px) {
.providers_wide-83ie5 {
        grid-template-columns: repeat(6, 1fr)
      }
}
.providers_root-83ie5 {
      gap: var(--spacing-24);
      display: grid
    }
.providers_badge-83ie5 {
      margin-bottom: var(--spacing-8)
    }
.casino-lobby-view_container-9E7yR {
      padding: var(--spacing-12)var(--container__padding);
      margin: calc(var(--spacing-12)*-1)calc(var(--container__padding)*-1)
    }
.casino-lobby-view_container-9E7yR>* {
      scroll-margin: var(--container__padding)
    }
@media (min-width:1024px) {
.casino-lobby-view_container-9E7yR {
        padding: var(--spacing-12)var(--spacing-8);
        margin: calc(var(--spacing-12)*-1)calc(var(--spacing-8)*-1)
      }
.casino-lobby-view_container-9E7yR>* {
        scroll-margin: var(--spacing-8)
      }
}
.casino-provider-view_root-hqWgx {
      justify-content: flex-start;
      align-items: stretch;
      gap: var(--spacing-16);
      flex-direction: column;
      width: 100%;
      display: flex
    }
.casino-provider-view_title-hqWgx {
      align-items: center;
      gap: var(--spacing-12);
      font-family: var(--font-headline-font-family);
      font-size: var(--font-headline-h4-mobile-font-size);
      font-weight: var(--font-headline-h4-mobile-font-weight);
      letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
      line-height: var(--font-headline-h4-mobile-line-height);
      text-transform: var(--font-headline-text-case);
      text-wrap: balance;
      white-space-collapse: preserve-breaks;
      display: flex
    }
@media (min-width:1024px) {
.casino-provider-view_title-hqWgx {
        font-size: var(--font-headline-h4-desktop-font-size);
        font-weight: var(--font-headline-h4-desktop-font-weight);
        letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
        line-height: var(--font-headline-h4-desktop-line-height)
      }
}
.catalog_scrollTopTrigger-ZFQFl {
      clip: rect(0 0 0 0);
      clip-path: inset(100%);
      white-space: nowrap;
      border: 0;
      width: 1px;
      height: 1px;
      padding: 0;
      position: absolute;
      top: 120vh;
      overflow: hidden
    }
.games-search_searchTitle-JRiny {
      font-family: var(--font-headline-font-family);
      font-size: var(--font-headline-h4-mobile-font-size);
      font-weight: var(--font-headline-h4-mobile-font-weight);
      letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
      line-height: var(--font-headline-h4-mobile-line-height);
      text-transform: var(--font-headline-text-case);
      text-wrap: balance;
      white-space-collapse: preserve-breaks
    }
@media (min-width:1024px) {
.games-search_searchTitle-JRiny {
        font-size: var(--font-headline-h4-desktop-font-size);
        font-weight: var(--font-headline-h4-desktop-font-weight);
        letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
        line-height: var(--font-headline-h4-desktop-line-height)
      }
}
.games-search_searchTitle-JRiny {
      margin-bottom: var(--spacing-12);
      color: var(--color-content-base-primary)
    }
.games_container-hDCwd {
      padding: var(--spacing-12)var(--casino-search-modal__padding);
      margin: calc(var(--spacing-12)*-1)calc(var(--casino-search-modal__padding)*-1)
    }
.games_container-hDCwd>* {
      scroll-margin: var(--casino-search-modal__padding)
    }
@media (min-width:1024px) {
.games_container-hDCwd {
        padding: var(--spacing-8);
        margin: calc(var(--spacing-8)*-1)
      }
.games_container-hDCwd>* {
        scroll-margin: var(--spacing-8)
      }
}
.games_root-hDCwd {
      gap: var(--spacing-24);
      flex-direction: column;
      display: flex
    }
.providers-placeholder_root-cpcm1 {
      gap: var(--spacing-24);
      display: grid
    }
.providers-placeholder_badge-cpcm1 {
      border-radius: var(--rounding-component-badge);
      width: 50px;
      height: 24px;
      margin-bottom: var(--spacing-8)
    }
.providers-placeholder_item-cpcm1 {
      border-radius: var(--rounding-container-m);
      height: 88px
    }
.providers-placeholder_list-cpcm1 {
      gap: var(--spacing-8);
      grid-template-columns: repeat(2, 1fr);
      display: grid
    }
@media (min-width:768px) {
.providers-placeholder_list-cpcm1 {
        grid-template-columns: repeat(4, 1fr)
      }
}
@media (min-width:1024px) {
.providers-placeholder_list-cpcm1 {
        grid-template-columns: repeat(3, 1fr)
      }
}
.providers-search_searchTitle-m39KK {
      font-family: var(--font-headline-font-family);
      font-size: var(--font-headline-h4-mobile-font-size);
      font-weight: var(--font-headline-h4-mobile-font-weight);
      letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
      line-height: var(--font-headline-h4-mobile-line-height);
      text-transform: var(--font-headline-text-case);
      text-wrap: balance;
      white-space-collapse: preserve-breaks
    }
@media (min-width:1024px) {
.providers-search_searchTitle-m39KK {
        font-size: var(--font-headline-h4-desktop-font-size);
        font-weight: var(--font-headline-h4-desktop-font-weight);
        letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
        line-height: var(--font-headline-h4-desktop-line-height)
      }
}
.providers-search_searchTitle-m39KK {
      margin-bottom: var(--spacing-12);
      color: var(--color-content-base-primary)
    }
.providers-search_list-m39KK {
      gap: var(--spacing-8);
      grid-template-columns: repeat(2, 1fr);
      display: grid
    }
@media (min-width:768px) {
.providers-search_list-m39KK {
        grid-template-columns: repeat(4, 1fr)
      }
}
@media (min-width:1024px) {
.providers-search_list-m39KK {
        grid-template-columns: repeat(3, 1fr)
      }
}
.providers-search_empty-m39KK {
      flex-grow: 1
    }
.search_content-2Cs6o {
      --casino-search-modal__padding: var(--modal-padding-modal-mobile);
      padding: 0 var(--casino-search-modal__padding)var(--casino-search-modal__padding);
      flex-direction: column;
      flex-grow: 1;
      display: flex
    }
@media (min-width:1024px) {
.search_content-2Cs6o {
        --casino-search-modal__padding: var(--modal-padding-modal-desktop)
      }
}
.search_controls-2Cs6o {
      margin-bottom: var(--spacing-16);
      gap: var(--spacing-12);
      display: grid
    }
.full_licenseSeal-AcxZX {
      width: var(--v8c0196dc)
    }
@media (min-width:1024px) {
.full_licenseSeal-AcxZX {
        width: var(--cca12ba8)
      }
}