<style
    data-vue-ssr-id="5f8fffe6:0 94c18876:0 5c346d62:0 737e6e7e:0 abacbb72:0 3d6af804:0 b07c7b88:0 0f34a119:0 516a95ee:0 2065e928:0 48d2e31c:0 1e6962f8:0 6328fecd:0 01423e96:0 d44b6368:0 43f5819e:0 0f1b1166:0 e6024e9a:0 63e9c044:0 4503b362:0 2f97eff2:0 0d5f88d1:0 5ec9e21a:0 507314ec:0 7bff799e:0 047c1842:0">
    @font-face {
      font-family: Avenir;
      src: url(/_nuxt/fonts/avenir-35.f136337.ttf) format("ttf");
      font-style: normal;
      font-weight: 300
    }

    @font-face {
      font-family: Avenir;
      src: url(/_nuxt/fonts/avenir-45.f630d8a.ttf) format("ttf");
      font-style: normal;
      font-weight: 400
    }

    @font-face {
      font-family: Avenir;
      src: url(/_nuxt/fonts/avenir-55.1ff38de.ttf) format("ttf");
      font-style: normal;
      font-weight: 500
    }

    @font-face {
      font-family: Avenir;
      src: url(/_nuxt/fonts/avenir-65.575ae43.ttf) format("ttf");
      font-style: normal;
      font-weight: 600
    }

    @font-face {
      font-family: Avenir;
      src: url(/_nuxt/fonts/avenir-85.af8024e.ttf) format("ttf");
      font-style: normal;
      font-weight: 700
    }

    @font-face {
      font-family: Avenir;
      src: url(/_nuxt/fonts/avenir-95.dbad8bb.ttf) format("ttf");
      font-style: normal;
      font-weight: 900
    }

    .text-link-bold {
      font-weight: 600
    }

    @font-face {
      font-family: "idn";
      src: url(/_nuxt/fonts/idn.3fa4960.ttf) format("truetype"), url(/_nuxt/fonts/idn.3f6619d.woff) format("woff"), url(/_nuxt/img/idn.2aa3961.svg#idn) format("svg");
      font-weight: 400;
      font-style: normal;
      font-display: block
    }

    [class*=" icon-"],
    [class^=icon-] {
      font-family: "idn" !important;
      speak: never;
      font-style: normal;
      font-weight: 400;
      font-feature-settings: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .icon-penguin_king:before {
      content: ""
    }

    .icon-nsoftcasino:before {
      content: ""
    }

    .icon-bigpot:before {
      content: ""
    }

    .icon-panda:before {
      content: ""
    }

    .icon-cq9:before {
      content: ""
    }

    .icon-5g:before {
      content: ""
    }

    .icon-spin-royal:before {
      content: ""
    }

    .icon-idnarcade:before {
      content: ""
    }

    .icon-free-spins:before {
      content: ""
    }

    .icon-mahjongwins:before {
      content: ""
    }

    .icon-apparat:before {
      content: ""
    }

    .icon-sagaming:before {
      content: ""
    }

    .icon-cmd:before {
      content: ""
    }

    .icon-nsoft:before {
      content: ""
    }

    .icon-reevo:before {
      content: ""
    }

    .icon-level-up:before {
      content: ""
    }

    .icon-playngo:before {
      content: ""
    }

    .icon-mg_live_grand:before {
      content: ""
    }

    .icon-copy:before {
      content: ""
    }

    .icon-g2fa:before {
      content: ""
    }

    .icon-crypto:before {
      content: ""
    }

    .icon-idnpoker:before {
      content: ""
    }

    .icon-idnlive:before {
      content: ""
    }

    .icon-raffle-ticket:before {
      content: ""
    }

    .icon-swap:before {
      content: ""
    }

    .icon-points:before {
      content: ""
    }

    .icon-shield:before {
      content: ""
    }

    .icon-originals:before {
      content: ""
    }

    .icon-exclusive:before {
      content: ""
    }

    .icon-fastspin:before {
      content: ""
    }

    .icon-spadegaming_slot:before {
      content: ""
    }

    .icon-sport:before {
      content: ""
    }

    .icon-esport:before {
      content: ""
    }

    .icon-virtual:before {
      content: ""
    }

    .icon-reelkingdom:before {
      content: ""
    }

    .icon-tfgaming:before {
      content: ""
    }

    .icon-pragmaticplay98:before {
      content: ""
    }

    .icon-playstar:before {
      content: ""
    }

    .icon-promowin-history:before {
      content: ""
    }

    .icon-upg:before {
      content: ""
    }

    .icon-ttg:before {
      content: ""
    }

    .icon-evolution-nlc:before {
      content: ""
    }

    .icon-hand-click:before {
      content: ""
    }

    .icon-leaderboard:before {
      content: ""
    }

    .icon-slot-machine:before {
      content: ""
    }

    .icon-search-file:before {
      content: ""
    }

    .icon-money-bag:before {
      content: ""
    }

    .icon-podium:before {
      content: ""
    }

    .icon-og:before {
      content: ""
    }

    .icon-sbobet:before {
      content: ""
    }

    .icon-slot-mania:before {
      content: ""
    }

    .icon-saba:before,
    .icon-sabasports:before {
      content: ""
    }

    .icon-gear:before {
      content: ""
    }

    .icon-last-amount:before {
      content: ""
    }

    .icon-ebetlive:before {
      content: ""
    }

    .icon-playtech:before,
    .icon-playtech_slot:before {
      content: ""
    }

    .icon-evolution-btg:before {
      content: ""
    }

    .icon-promo:before {
      content: ""
    }

    .icon-download:before {
      content: ""
    }

    .icon-gmw:before {
      content: ""
    }

    .icon-square-check:before {
      content: ""
    }

    .icon-square:before {
      content: ""
    }

    .icon-microgaming:before {
      content: ""
    }

    .icon-cellular-balance:before {
      content: ""
    }

    .icon-complaint:before {
      content: ""
    }

    .icon-check-alt:before {
      content: ""
    }

    .icon-share:before {
      content: ""
    }

    .icon-maintenance:before {
      content: ""
    }

    .icon-table:before {
      content: ""
    }

    .icon-ubo:before {
      content: ""
    }

    .icon-reset:before {
      content: ""
    }

    .icon-link:before {
      content: ""
    }

    .icon-email:before {
      content: ""
    }

    .icon-email-sent:before {
      content: ""
    }

    .icon-ask:before {
      content: ""
    }

    .icon-back-top:before {
      content: ""
    }

    .icon-betgames:before {
      content: ""
    }

    .icon-livegames:before {
      content: ""
    }

    .icon-luckystreak:before {
      content: ""
    }

    .icon-ezugi-gaming:before {
      content: ""
    }

    .icon-vivo-gaming:before {
      content: ""
    }

    .icon-evolution:before {
      content: ""
    }

    .icon-facebook:before {
      content: ""
    }

    .icon-instagram:before {
      content: ""
    }

    .icon-skype:before {
      content: ""
    }

    .icon-twitter:before {
      content: ""
    }

    .icon-whatsapp:before {
      content: ""
    }

    .icon-youtube:before {
      content: ""
    }

    .icon-about-us:before {
      content: ""
    }

    .icon-privacy-policy:before {
      content: ""
    }

    .icon-responsible-gaming:before {
      content: ""
    }

    .icon-referral-terms-and-conditions:before,
    .icon-terms-and-conditions:before {
      content: ""
    }

    .icon-bank-transfer:before,
    .icon-bank:before {
      content: ""
    }

    .icon-e-money:before {
      content: ""
    }

    .icon-mail:before {
      content: ""
    }

    .icon-qris:before {
      content: ""
    }

    .icon-register:before {
      content: ""
    }

    .icon-username:before {
      content: ""
    }

    .icon-virtual-account:before {
      content: ""
    }

    .icon-ticket:before {
      content: ""
    }

    .icon-mail-open:before {
      content: ""
    }

    .icon-back:before {
      content: ""
    }

    .icon-pen:before {
      content: ""
    }

    .icon-times-outlined:before {
      content: ""
    }

    .icon-check-outlined:before {
      content: ""
    }

    .icon-apple:before {
      content: ""
    }

    .icon-android:before {
      content: ""
    }

    .icon-arrow-down:before {
      content: ""
    }

    .icon-arrow-up:before {
      content: ""
    }

    .icon-at:before {
      content: ""
    }

    .icon-building:before {
      content: ""
    }

    .icon-calendar:before {
      content: ""
    }

    .icon-caret-down:before {
      content: ""
    }

    .icon-caret-up:before {
      content: ""
    }

    .icon-check-circle:before {
      content: ""
    }

    .icon-circle:before {
      content: ""
    }

    .icon-clipboard-check:before {
      content: ""
    }

    .icon-coins:before {
      content: ""
    }

    .icon-comment:before {
      content: ""
    }

    .icon-exclamation-triangle:before {
      content: ""
    }

    .icon-expand:before {
      content: ""
    }

    .icon-eye-slash:before {
      content: ""
    }

    .icon-eye:before {
      content: ""
    }

    .icon-globe:before {
      content: ""
    }

    .icon-id-card:before {
      content: ""
    }

    .icon-key:before {
      content: ""
    }

    .icon-location-arrow:before {
      content: ""
    }

    .icon-lock:before {
      content: ""
    }

    .icon-mobile:before {
      content: ""
    }

    .icon-money-check:before {
      content: ""
    }

    .icon-paper-plane:before {
      content: ""
    }

    .icon-pause-circle:before {
      content: ""
    }

    .icon-play-circle:before {
      content: ""
    }

    .icon-play:before {
      content: ""
    }

    .icon-search:before {
      content: ""
    }

    .icon-sort-down:before {
      content: ""
    }

    .icon-sort-up:before {
      content: ""
    }

    .icon-star:before {
      content: ""
    }

    .icon-sync:before {
      content: ""
    }

    .icon-times-circle:before {
      content: ""
    }

    .icon-user-check:before {
      content: ""
    }

    .icon-user-ninja:before {
      content: ""
    }

    .icon-arrow-right:before {
      content: ""
    }

    .icon-arrow-left:before {
      content: ""
    }

    .icon-arrow-shape:before {
      content: ""
    }

    .icon-volume:before {
      content: ""
    }

    .icon-bars:before {
      content: ""
    }

    .icon-betsoft:before {
      content: ""
    }

    .icon-bgaming:before {
      content: ""
    }

    .icon-booming_games:before {
      content: ""
    }

    .icon-bng:before {
      content: ""
    }

    .icon-buy-bonus:before {
      content: ""
    }

    .icon-felix:before {
      content: ""
    }

    .icon-gameart-ttg:before {
      content: ""
    }

    .icon-habanero:before {
      content: ""
    }

    .icon-hot:before {
      content: ""
    }

    .icon-idnslot:before {
      content: ""
    }

    .icon-isoftbet:before {
      content: ""
    }

    .icon-megaways:before {
      content: ""
    }

    .icon-evolution-netent:before {
      content: ""
    }

    .icon-new:before {
      content: ""
    }

    .icon-pgsoft:before {
      content: ""
    }

    .icon-bng_playson:before {
      content: ""
    }

    .icon-pragmaticplay:before {
      content: ""
    }

    .icon-redrakegaming:before {
      content: ""
    }

    .icon-evolution-redtiger:before {
      content: ""
    }

    .icon-spadegaming:before {
      content: ""
    }

    .icon-spinomenal:before {
      content: ""
    }

    .icon-table-games:before {
      content: ""
    }

    .icon-wearecasino:before {
      content: ""
    }

    .icon-yggdrasil:before {
      content: ""
    }

    .icon-edit:before {
      content: ""
    }

    .icon-history:before {
      content: ""
    }

    .icon-deposit:before {
      content: ""
    }

    .icon-login:before {
      content: ""
    }

    .icon-gift:before {
      content: ""
    }

    .icon-account:before {
      content: ""
    }

    .icon-withdraw:before {
      content: ""
    }

    .icon-contact:before {
      content: ""
    }

    .icon-activity:before {
      content: ""
    }

    .icon-home:before {
      content: ""
    }

    .icon-logout:before {
      content: ""
    }

    .icon-referral:before {
      content: ""
    }

    .icon-info:before {
      content: ""
    }

    .icon-chat:before {
      content: ""
    }

    input:disabled,
    select:disabled {
      opacity: 1
    }

    .input__container {
      width: 100%;
      position: relative;
      margin-bottom: 1rem
    }

    .input__container label {
      display: block;
      font-size: .875rem;
      margin-bottom: .25rem
    }

    .input__container.input--search {
      margin-bottom: 0
    }

    .input__root {
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      border-radius: 5px
    }

    .input__icon {
      position: absolute;
      left: .5rem;
      color: #ff8f00;
      z-index: 3
    }

    .input__validation-icon {
      position: absolute;
      right: .5rem
    }

    .input__validation-icon.valid {
      color: #139c44
    }

    .input__validation-icon.invalid {
      color: #ff4d4d
    }

    .select__container .input__validation-icon {
      right: 1.5rem
    }

    .input__error {
      color: #ff4d4d;
      font-size: .75rem;
      font-style: italic;
      margin-top: .25rem;
      font-family: Avenir, "Helvetica Neue", Arial, sans-serif;
      font-weight: 300
    }

    .input__icon--pv {
      right: .5rem;
      left: unset;
      cursor: pointer
    }

    .select__arrow {
      position: absolute;
      right: .5rem;
      pointer-events: none
    }

    .select__arrow--disabled {
      color: hsla(0, 0%, 100%, .38)
    }

    .input {
      width: 100%;
      outline: none;
      padding: .375rem 1.5rem;
      border-radius: 5px;
      color: #fff;
      border: 1px solid hsla(0, 0%, 100%, .6);
      background-color: #0b1525;
      font-size: .875rem;
      font-family: inherit;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      transition: color .2s ease, border-color .2s ease
    }

    .input.input--invalid,
    .input.input--invalid:focus,
    .input.input--invalid:hover {
      border-color: #ff4d4d
    }

    .input.input--valid,
    .input.input--valid:focus,
    .input.input--valid:hover {
      border-color: #139c44
    }

    .input.input__select {
      padding: .375rem 2.5rem .375rem 1.5rem
    }

    .input::-moz-placeholder {
      color: hsla(0, 0%, 100%, .6)
    }

    .input:-ms-input-placeholder {
      color: hsla(0, 0%, 100%, .6)
    }

    .input::placeholder {
      color: hsla(0, 0%, 100%, .6)
    }

    .input:focus,
    .input:hover {
      border-color: #ff8f00
    }

    .input:disabled {
      color: hsla(0, 0%, 100%, .38);
      border-color: hsla(0, 0%, 100%, .38)
    }

    .input--inverse {
      color: #000;
      background-color: #f0f0f0;
      border-color: transparent
    }

    .input--inverse::-moz-placeholder {
      color: rgba(0, 0, 0, .38)
    }

    .input--inverse:-ms-input-placeholder {
      color: rgba(0, 0, 0, .38)
    }

    .input--inverse::placeholder {
      color: rgba(0, 0, 0, .38)
    }

    .input--hidden {
      z-index: -1;
      position: absolute;
      color: transparent;
      background-color: transparent
    }

    .input--search .input__root {
      overflow: hidden
    }

    .input--search .input__icon--loading {
      position: absolute;
      right: .75rem;
      color: #ff8f00
    }

    .input-search--clear {
      position: absolute;
      right: 0;
      color: hsla(0, 0%, 100%, .6);
      transition: color .2s ease
    }

    .input-search--clear:hover {
      color: #fff
    }

    .input--search .input {
      padding-left: 2rem;
      padding-right: 2rem
    }

    .input--underlined .input {
      border-radius: 0;
      background-color: transparent;
      border: none;
      border-bottom: 1px solid hsla(0, 0%, 100%, .6)
    }

    .input--underlined .input__icon {
      color: #fff
    }

    .input__password .input {
      padding-right: 1.5rem
    }

    .input__textarea .input__root {
      overflow: hidden
    }

    .input__textarea .input__icon {
      top: .625rem
    }

    .wallet-form .alert,
    .wallet-form button[type=submit] {
      margin-bottom: 1rem
    }

    .wallet-form button[type=submit]:last-child {
      margin-bottom: 0
    }

    .wallet-form--d {
      position: relative;
      display: grid;
      grid-column-gap: 2rem;
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .wallet-form--d button[type=submit] {
      margin-bottom: 0
    }

    .wallet-form--d .alert,
    .wallet-form--d .bank-select,
    .wallet-form--d .bonus-select,
    .wallet-form--d .input__container,
    .wallet-form--d .preset-amounts,
    .wallet-form--d .wallet-detail__deposit-to,
    .wallet-form--d button[type=submit] {
      grid-column: 1/3
    }

    .wallet-form--d .wallet-detail:not(.wallet-detail__deposit-to) {
      position: absolute;
      grid-column: 3/4;
      grid-row: 1/2;
      width: 100%
    }

    .datepicker__wrapper {
      width: 100%
    }

    div.datepicker__calendar {
      border: none;
      margin-top: .5rem;
      border-radius: 5px;
      background-color: #1d3255
    }

    div.datepicker__calendar .prev:after {
      border-right-color: #fff
    }

    div.datepicker__calendar .next:after {
      border-left-color: #fff
    }

    div.datepicker__calendar .next:not(.disabled):hover,
    div.datepicker__calendar .prev:not(.disabled):hover,
    div.datepicker__calendar .up:not(.disabled):hover {
      background: unset
    }

    div.datepicker__calendar .cell {
      border: none;
      font-size: .875rem;
      height: 34px;
      line-height: 34px
    }

    div.datepicker__calendar .cell.selected {
      background: unset;
      color: #ff8f00
    }

    div.datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
    div.datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
    div.datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
      border: none;
      color: #ff8f00
    }

    a {
      color: inherit;
      font-size: .875rem;
      text-decoration: none;
      vertical-align: middle
    }

    @media(hover:hover)and (min-width:1024px) {
      a:not(.btn):hover {
        color: #ff8f00
      }
    }

    button {
      border: none;
      outline: none;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      font-family: inherit;
      background-color: unset
    }

    .btn {
      height: 34px;
      color: #fff;
      white-space: nowrap;
      padding: 0 1rem;
      font-weight: 700;
      font-size: .875rem;
      text-align: center;
      border-radius: 2px;
      background-color: transparent;
      transition: background-color .2s ease
    }

    .btn:disabled,
    .btn:hover:disabled {
      cursor: not-allowed;
      color: hsla(0, 0%, 100%, .38);
      background-color: #1d3255
    }

    .btn--loading {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .btn--loading:disabled,
    .btn--loading:disabled:hover {
      color: transparent;
      border: none;
      background-color: #1d3255
    }

    .btn--loading i {
      position: absolute;
      color: #ff8f00
    }

    .btn--sm {
      font-size: .75rem;
      height: 24px
    }

    .btn--block {
      display: block;
      width: 100%
    }

    .btn--flex {
      display: flex;
      align-items: center;
      justify-content: center
    }

    .btn--outlined {
      border-radius: 5px;
      border: 1px solid hsla(0, 0%, 100%, .6)
    }

    @media(hover:hover)and (min-width:1024px) {
      .btn--outlined:hover {
        border-color: #fff
      }
    }

    .btn--light {
      color: #fff;
      background-color: #1d3255
    }

    @media(hover:hover)and (min-width:1024px) {
      .btn--light:hover {
        background-color: #172742
      }
    }

    .btn--demo-play {
      color: #fff;
      border: 1px solid hsla(0, 0%, 100%, .6);
      background-color: rgba(29, 50, 85, .5)
    }

    @media(hover:hover)and (min-width:1024px) {
      .btn--demo-play:hover {
        background-color: #1d3255
      }
    }

    .btn--dark {
      color: #fff;
      background-color: #0b1525
    }

    .btn--dark:hover {
      background-color: #050a11
    }

    .btn--primary {
      color: #fff;
      background-color: #14233c
    }

    .btn--primary:hover {
      background-color: #0e1829
    }

    .btn--accent {
      color: #fff;
      background-color: #7cb342
    }

    @media(hover:hover)and (min-width:1024px) {
      .btn--accent:hover {
        background-color: #6fa03b
      }
    }

    .btn--accent-secondary {
      color: #fff;
      background-color: #8e24aa
    }

    @media(hover:hover)and (min-width:1024px) {
      .btn--accent-secondary:hover {
        background-color: #7c2095
      }
    }

    .btn--brand {
      color: #fff;
      background-color: #ff8f00
    }

    @media(hover:hover)and (min-width:1024px) {
      .btn--brand:hover {
        background-color: #e68100
      }
    }

    .btn--success {
      color: #fff;
      background-color: #139c44
    }

    @media(hover:hover)and (min-width:1024px) {
      .btn--success:hover {
        background-color: #10853a
      }
    }

    .btn--success:disabled,
    .btn--success:hover:disabled {
      cursor: not-allowed;
      color: hsla(0, 0%, 100%, .38);
      background-color: #0d6f30
    }

    .btn--danger {
      color: #fff;
      background-color: #ff4d4d
    }

    @media(hover:hover)and (min-width:1024px) {
      .btn--danger:hover {
        background-color: #ff3434
      }
    }

    .btn--round {
      width: 34px
    }

    .btn--round,
    .btn--sm-round {
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%
    }

    .btn--sm-round {
      font-size: .75rem;
      padding: .25rem;
      width: 24px;
      height: 24px;
      box-sizing: content-box
    }

    .btn--dropdown-toggle {
      padding-right: 1.5rem
    }

    @-webkit-keyframes grow {
      0% {
        opacity: 0
      }

      to {
        opacity: 1;
        transform: scale(1)
      }
    }

    @keyframes grow {
      0% {
        opacity: 0
      }

      to {
        opacity: 1;
        transform: scale(1)
      }
    }

    @-webkit-keyframes pointer {
      0% {
        touch-action: none;
        pointer-events: none
      }

      to {
        touch-action: auto;
        pointer-events: all
      }
    }

    @keyframes pointer {
      0% {
        touch-action: none;
        pointer-events: none
      }

      to {
        touch-action: auto;
        pointer-events: all
      }
    }

    @-webkit-keyframes trans {
      0% {
        pointer-events: none
      }

      to {
        pointer-events: all;
        transform: translateY(-.25rem)
      }
    }

    @keyframes trans {
      0% {
        pointer-events: none
      }

      to {
        pointer-events: all;
        transform: translateY(-.25rem)
      }
    }

    @-webkit-keyframes skeleton {
      0% {
        left: -100%
      }

      to {
        left: 100%
      }
    }

    @keyframes skeleton {
      0% {
        left: -100%
      }

      to {
        left: 100%
      }
    }

    @-webkit-keyframes countdown {
      0% {
        width: 100%
      }

      to {
        width: 0
      }
    }

    @keyframes countdown {
      0% {
        width: 100%
      }

      to {
        width: 0
      }
    }

    .toasted-container.app-toast.top-left {
      padding: 0 .5rem;
      left: unset;
      top: calc(90px + .5rem)
    }

    .toasted-container.app-toast.top-left.app-toast--d {
      top: calc(54px + .5rem)
    }

    .toasted-container.app-toast.top-left.app-toast--d .toasted.app-toast {
      max-width: 300px
    }

    .toasted-container.app-toast.top-left.app-toast--d .toasted.app-toast:first-child {
      margin-top: 0
    }

    .toasted-container.app-toast .toasted.app-toast {
      position: relative;
      display: grid;
      overflow: hidden;
      grid-column-gap: .5rem;
      min-height: 60px;
      max-width: calc(100vw - 50px);
      grid-template-columns: 4rem 1fr 2rem;
      padding: 0;
      font-weight: 400;
      line-height: normal;
      font-size: .875rem;
      color: #fff;
      border-radius: 5px;
      background-color: #1d3255;
      filter: drop-shadow(.1rem .1rem .1rem #0b1525)
    }

    .toasted-container.app-toast .toasted.app-toast:after {
      position: absolute;
      display: block;
      left: 0;
      bottom: 0;
      content: "";
      width: 100%;
      height: .25rem;
      background-color: rgba(255, 143, 0, .5);
      -webkit-animation: countdown 10s linear forwards;
      animation: countdown 10s linear forwards
    }

    .toasted-container.app-toast .toasted.app-toast>i {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      min-height: 4rem;
      padding: .5rem;
      font-size: 1.25rem;
      color: #fff;
      background-color: #1d3255
    }

    .toasted-container.app-toast .toasted.app-toast>i:before {
      filter: drop-shadow(.1rem .1rem .1rem #0b1525)
    }

    .toasted-container.app-toast .toasted.app-toast a.action {
      justify-self: center;
      display: block;
      margin: 0;
      padding: 0;
      font-size: 1rem;
      color: #fff
    }

    .toasted-container.app-toast .toasted.app-toast>span {
      display: block;
      padding: .5rem 0;
      font-size: .75rem;
      align-self: center
    }

    .toasted-container.app-toast .toasted.app-toast.toast--success {
      background-color: #14233c
    }

    .toasted-container.app-toast .toasted.app-toast.toast--success i {
      color: #139c44
    }

    .toasted-container.app-toast .toasted.app-toast.toast--error,
    .toasted-container.app-toast .toasted.app-toast.toast--info {
      background-color: #14233c
    }

    .toasted-container.app-toast .toasted.app-toast.toast--error i {
      color: #ff4d4d
    }

    .page-enter-active,
    .page-leave-active {
      transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
    }

    .page-enter,
    .page-leave-to {
      opacity: 0
    }

    html {
      font-family: Avenir, "Helvetica Neue", Arial, sans-serif;
      font-size: 16px;
      word-spacing: 1px;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      box-sizing: border-box
    }

    *,
    :after,
    :before {
      box-sizing: border-box;
      margin: 0;
      padding: 0
    }

    body {
      overflow: auto;
      overflow: overlay;
      font-weight: 400;
      color: #fff;
      background-color: #0b1525;
      padding-bottom: env(safe-area-inset-bottom)
    }

    @media(min-width:1024px) {
      body::-webkit-scrollbar {
        width: .25rem
      }

      body::-webkit-scrollbar-track {
        border-radius: 20px;
        background-color: #0b1525
      }

      body::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background-color: #fff
      }
    }

    #__app,
    #__layout,
    body,
    html {
      height: 100%;
      min-height: 100%
    }

    h1 {
      font-size: 1.75rem
    }

    h2 {
      font-size: 1.5rem
    }

    h3 {
      font-size: 1.25rem
    }

    h4 {
      font-size: 1rem
    }

    h5 {
      font-size: .875rem
    }

    h6 {
      font-size: .75rem
    }

    h3,
    h4,
    h5,
    h6 {
      font-weight: 700
    }

    ul {
      list-style-type: none
    }

    input::-webkit-inner-spin-button,
    input::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0
    }

    input[type=number] {
      -moz-appearance: textfield
    }

    .dropdown .dropdown__toggle .btn--dropdown-toggle~.dropdown__icon {
      right: .5rem
    }

    .surface {
      box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
    }

    .surface--inverse {
      box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, .2), 0 -3px 4px 0 rgba(0, 0, 0, .14), 0 -1px 8px 0 rgba(0, 0, 0, .12)
    }

    .page {
      min-height: 100%;
      flex-direction: column;
      justify-content: center;
      padding-bottom: 1rem
    }

    .page,
    .page-header {
      display: flex;
      align-items: center
    }

    .page-header {
      padding: .5rem 0;
      border-bottom: 1px solid #1d3255
    }

    .page-header i {
      margin-right: .5rem
    }

    .scroll--disabled {
      overflow: hidden
    }

    .error {
      color: #ff4d4d
    }

    .warning {
      color: #fdd835
    }

    .loading[data-v-38c8f3bc] {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 999;
      background-color: rgba(11, 21, 37, .9)
    }

    .loading .sk-cube-grid[data-v-38c8f3bc] {
      width: 40px;
      height: 40px;
      overflow: hidden;
      border-radius: 2px
    }

    .loading .sk-cube-grid .sk-cube[data-v-38c8f3bc] {
      width: 33%;
      height: 33%;
      float: left;
      background-color: #ff8f00;
      -webkit-animation: sk-cubeGridScaleDelay-data-v-38c8f3bc 1.3s ease-in-out infinite;
      animation: sk-cubeGridScaleDelay-data-v-38c8f3bc 1.3s ease-in-out infinite
    }

    .loading .sk-cube-grid .sk-cube1[data-v-38c8f3bc] {
      -webkit-animation-delay: .2s;
      animation-delay: .2s
    }

    .loading .sk-cube-grid .sk-cube2[data-v-38c8f3bc] {
      -webkit-animation-delay: .3s;
      animation-delay: .3s
    }

    .loading .sk-cube-grid .sk-cube3[data-v-38c8f3bc] {
      -webkit-animation-delay: .4s;
      animation-delay: .4s
    }

    .loading .sk-cube-grid .sk-cube4[data-v-38c8f3bc] {
      -webkit-animation-delay: .1s;
      animation-delay: .1s
    }

    .loading .sk-cube-grid .sk-cube5[data-v-38c8f3bc] {
      -webkit-animation-delay: .2s;
      animation-delay: .2s
    }

    .loading .sk-cube-grid .sk-cube6[data-v-38c8f3bc] {
      -webkit-animation-delay: .3s;
      animation-delay: .3s
    }

    .loading .sk-cube-grid .sk-cube7[data-v-38c8f3bc] {
      -webkit-animation-delay: 0s;
      animation-delay: 0s
    }

    .loading .sk-cube-grid .sk-cube8[data-v-38c8f3bc] {
      -webkit-animation-delay: .1s;
      animation-delay: .1s
    }

    .loading .sk-cube-grid .sk-cube9[data-v-38c8f3bc] {
      -webkit-animation-delay: .2s;
      animation-delay: .2s
    }

    @-webkit-keyframes sk-cubeGridScaleDelay-data-v-38c8f3bc {

      0%,
      70%,
      to {
        transform: scaleX(1)
      }

      35% {
        transform: scale3D(0, 0, 1)
      }
    }

    @keyframes sk-cubeGridScaleDelay-data-v-38c8f3bc {

      0%,
      70%,
      to {
        transform: scaleX(1)
      }

      35% {
        transform: scale3D(0, 0, 1)
      }
    }

    .layout--default {
      position: relative;
      display: grid;
      min-height: 100%;
      grid-template-columns: 100%;
      grid-template-rows: auto 1fr auto auto auto
    }

    .layout--default .top-observer {
      position: absolute;
      width: 100%;
      top: 1500px;
      pointer-events: none;
      height: calc(100% - 1500px)
    }

    .layout--default main>.container {
      background-color: #0b1525
    }

    .layout--android {
      grid-template-rows: auto auto 1fr auto auto auto
    }

    .layout--d {
      grid-row-gap: .5rem;
      grid-template-rows: auto auto 1fr auto auto
    }

    .layout--d .top-observer {
      top: unset;
      bottom: 100px;
      height: 1px
    }

    .layout--d.layout--bg main>.container {
      padding: 1rem
    }

    .app-header {
      position: sticky;
      top: 0;
      color: #fff;
      height: 90px;
      z-index: 99;
      background-color: #0b1525
    }

    .app-header__dewafortune {
      position: relative;
      margin-right: .5rem
    }

    .app-header__dewafortune img {
      position: absolute;
      top: 0;
      left: 0;
      width: 2rem;
      transform: translate(-60%, -20%)
    }

    .app-header__main {
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      height: 54px
    }

    .app-header__extra {
      display: flex;
      overflow: hidden;
      background-color: #14233c;
      height: 36px
    }

    .app-header__balance {
      padding: 0 1rem;
      font-weight: 700;
      font-size: .875rem
    }

    .app-header__balance,
    .app-header__username {
      display: flex;
      align-items: center;
      justify-content: center;
      border-left: 1px solid #1d3255;
      height: 54px
    }

    .app-header__username {
      padding-left: .5rem
    }

    .app-header__username i {
      margin-right: .25rem
    }

    .app-header__username span {
      font-size: .875rem
    }

    .app-header--d {
      height: 54px;
      display: flex;
      border-bottom: 1px solid #1d3255
    }

    .app-header--d .container--fluid {
      margin: 0 auto;
      max-width: 1200px
    }

    .app-header--d .app-brand {
      position: sticky;
      max-width: unset;
      left: 7rem
    }

    .app-brand {
      max-width: 40%
    }

    .app-brand a .app-logo {
      display: block;
      width: 100%;
      max-width: 160px;
      height: calc(54px - 1rem);
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: left center;
      object-position: left center
    }

    .app-header__widgets {
      width: 60%;
      justify-content: flex-end
    }

    .app-header__widgets,
    .app-header__widgets .app-header__auth,
    .app-header__widgets .app-header__user {
      display: flex;
      align-items: center
    }

    .app-header__widgets .app-header__auth .app-header__btn-inbox,
    .app-header__widgets .app-header__user .app-header__btn-inbox {
      margin-right: 1rem
    }

    .app-header__widgets .app-header__auth .app-link--exact-active .icon_chip i,
    .app-header__widgets .app-header__user .app-link--exact-active .icon_chip i {
      color: #ff8f00
    }

    .app-header__widgets .app-header__auth>*,
    .app-header__widgets .app-header__user>* {
      margin-right: .5rem
    }

    .app-header__widgets .app-header__auth>:last-child,
    .app-header__widgets .app-header__user>:last-child {
      margin-right: 0
    }

    @media(min-width:1024px) {
      .app-header__widgets {
        width: auto
      }

      .app-header__widgets .app-header__auth .btn {
        width: 4.75rem
      }
    }

    .drawer__toggle {
      flex: 1 1 25%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0;
      border-left: 1px solid #ff8f00
    }

    .drawer__toggle--d {
      position: absolute;
      left: 0;
      width: 6rem;
      flex: unset;
      z-index: 2;
      border-left: none;
      color: hsla(0, 0%, 100%, .6);
      border-right: 1px solid #1d3255
    }

    .drawer__toggle--d:hover,
    .drawer__toggle--d i {
      color: #ff8f00
    }

    .drawer__toggle--active {
      color: #ff8f00;
      background-color: #0b1525
    }

    .container--fluid[data-v-ced53b20] {
      width: 100vw;
      padding: 0 .5rem
    }

    @media(min-width:1024px) {
      .container--fluid[data-v-ced53b20] {
        padding: 0 1rem
      }
    }

    .app-breadcrumbs {
      position: relative;
      display: flex;
      flex: 1 1 75%;
      overflow: hidden;
      min-height: 24px
    }

    .app-breadcrumbs--light {
      background-color: #0b1525
    }

    .app-breadcrumbs--primary {
      background-color: #14233c
    }

    .app-breadcrumbs:after,
    .app-breadcrumbs:before {
      position: absolute;
      opacity: 0;
      top: 0;
      width: 50px;
      height: 100%;
      content: "";
      z-index: 2;
      pointer-events: none;
      transition: opacity .2s ease
    }

    .app-breadcrumbs:before {
      left: 0;
      background: linear-gradient(90deg, #14233c 0, rgba(20, 35, 60, 0))
    }

    .app-breadcrumbs:after {
      right: 0;
      background: linear-gradient(270deg, #14233c 0, rgba(20, 35, 60, 0))
    }

    .app-breadcrumbs--shadow-end:after,
    .app-breadcrumbs--shadow-start:before {
      opacity: 1
    }

    .app-breadcrumbs ul {
      height: 100%;
      display: flex;
      align-items: center;
      overflow: hidden;
      overflow-x: scroll;
      overflow-x: overlay;
      scroll-behavior: smooth;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -ms-overflow-style: none
    }

    .app-breadcrumbs ul::-webkit-scrollbar {
      display: none
    }

    .app-breadcrumbs .nav-observer {
      flex-shrink: 0;
      height: 100%;
      width: 1px
    }

    .app-breadcrumbs .nav-item {
      height: 100%;
      transition: color .2s ease;
      scroll-snap-align: start
    }

    .app-breadcrumbs .nav-item:hover {
      color: #fff
    }

    .app-breadcrumbs .nav-item--fill {
      font-size: .75rem;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .app-breadcrumbs .nav-item--fill i {
      color: #fff
    }

    .app-breadcrumbs .nav-item a {
      height: 100%;
      padding: 0 .5rem;
      font-size: .75rem;
      font-weight: 700;
      white-space: nowrap;
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: capitalize;
      color: #fff
    }

    .app-breadcrumbs .nav-item a.app-link--active[data-ref=bonus],
    .app-breadcrumbs .nav-item a.app-link--active[data-ref=leaderboard],
    .app-breadcrumbs .nav-item a.app-link--active[data-ref=promowins],
    .app-breadcrumbs .nav-item a.app-link--active[data-ref=referral],
    .app-breadcrumbs .nav-item a.app-link--exact-active:not([data-ref=promo]):not([data-ref=promosi]):not([data-ref=slots]) {
      color: #ff8f00
    }

    .app-breadcrumbs--d {
      flex: unset
    }

    .app-breadcrumbs--d ul {
      min-height: 24px
    }

    .app-breadcrumbs--d:before {
      background: linear-gradient(90deg, #0b1525 0, transparent)
    }

    .app-breadcrumbs--d:after {
      background: linear-gradient(270deg, #0b1525 0, transparent)
    }

    .app-button i:first-child {
      margin-right: .5rem
    }

    .app-button i:last-child {
      margin-left: .5rem
    }

    i[data-v-0e010622]:before {
      margin: 0;
      font-size: inherit
    }

    i.success[data-v-0e010622] {
      color: #139c44
    }

    i.error[data-v-0e010622] {
      color: #ff4d4d
    }

    i.spin[data-v-0e010622] {
      display: inline-block;
      -webkit-animation: spin-data-v-0e010622 2s linear infinite;
      animation: spin-data-v-0e010622 2s linear infinite
    }

    i.icon--xs[data-v-0e010622] {
      font-size: .75em
    }

    i.icon--sm[data-v-0e010622] {
      font-size: .875em
    }

    i.icon--md[data-v-0e010622] {
      font-size: inherit
    }

    i.icon--lg[data-v-0e010622] {
      font-size: 1.33333em
    }

    i.icon--2x[data-v-0e010622] {
      font-size: 2em
    }

    i.icon--2-5x[data-v-0e010622] {
      font-size: 2.5em
    }

    i.icon--3x[data-v-0e010622] {
      font-size: 3em
    }

    i.icon--4x[data-v-0e010622] {
      font-size: 4em
    }

    @-webkit-keyframes spin-data-v-0e010622 {
      0% {
        transform: rotate(0deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    @keyframes spin-data-v-0e010622 {
      0% {
        transform: rotate(0deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    .container {
      padding: 0 .5rem;
      height: 100%;
      min-height: 100%
    }

    @media(min-height:550px) {
      .container {
        height: 100%;
        min-height: 100%
      }
    }

    @media(min-width:1024px) {
      .container {
        padding: 0 1rem;
        margin: 0 auto;
        max-width: 1200px
      }
    }

    .home__teaser {
      display: grid;
      grid-gap: .5rem;
      padding: .5rem 0;
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .home__dewafortune {
      position: relative;
      grid-column: 1/-1;
      border-color: #fff
    }

    .home__dewafortune img {
      position: absolute;
      top: 0;
      left: 0;
      width: 2rem;
      transform: translateY(-15%)
    }

    .home .running-text {
      left: -.5rem;
      width: calc(100% + 1rem)
    }

    .home--columns-2 {
      grid-column: span 4
    }

    .home--columns-1 {
      grid-column: span 2
    }

    .home .card {
      margin-top: -20px;
      padding-bottom: calc(1rem + 20px)
    }

    .home .card:first-of-type {
      margin-top: 0
    }

    .home .card:last-of-type {
      padding-bottom: 1rem
    }

    .home--d {
      display: grid;
      grid-gap: .5rem;
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .home--d .home__teaser {
      padding: 0
    }

    .home--d .home--full-width {
      grid-column: 1/-1
    }

    .home--d .home-carousel {
      grid-column: 1/5;
      overflow: hidden;
      border-radius: 5px;
      width: 100%;
      transform: translateX(0);
      padding-bottom: 35%
    }

    .home--d .idn-carousel {
      grid-row: span 2
    }

    .home--d .home__teaser {
      grid-column: 1/5
    }

    .home--d .card {
      margin-top: 0;
      padding-bottom: 1rem;
      border-radius: 5px
    }

    .home--d .card:first-of-type {
      margin-top: unset
    }

    .home--d .card--arcade-carousel,
    .home--d .card--slot-carousel {
      padding: .25rem 1rem
    }

    .home--d .card.card--arcade-carousel {
      grid-row: 6/7
    }

    .home--d .arcade-showcase {
      grid-row: 7/8
    }

    .home-carousel {
      height: 0;
      overflow: hidden;
      background-color: #0b1525;
      width: calc(100% + 1rem);
      transform: translateX(-.5rem);
      padding-bottom: calc(35% + .35rem)
    }

    .home-carousel .slick-slider {
      position: absolute !important;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }

    .home-carousel .slick-slider .slick-dots {
      bottom: 0;
      display: flex !important;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .home-carousel .slick-slider .slick-dots li {
      width: 1rem;
      height: .75rem;
      margin: 0 1px;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .home-carousel .slick-slider .slick-dots li button {
      width: 1rem;
      height: .75rem
    }

    .home-carousel .slick-slider .slick-dots li button:before {
      width: 1rem;
      height: .75rem;
      opacity: .5;
      font-size: .5rem;
      line-height: normal;
      color: #fff
    }

    .home-carousel .slick-slider .slick-dots li.slick-active button:before {
      opacity: 1
    }

    .home-carousel .slick-slider .slick-slide {
      height: unset !important
    }

    .home-carousel .slick-slider .slide {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      pointer-events: none
    }

    i[data-v-1272be00] {
      margin-right: .5rem
    }

    .running-text {
      position: relative;
      display: flex;
      align-items: center;
      font-size: .875rem;
      padding: .5rem 0 .5rem 1rem
    }

    .running-text marquee {
      margin-left: .5rem
    }

    .running-text:after,
    .running-text:before {
      position: absolute;
      top: 0;
      width: 50px;
      height: 100%;
      content: "";
      z-index: 2;
      pointer-events: none
    }

    .running-text:before {
      left: 2rem
    }

    .running-text:after {
      right: 0
    }

    .running-text--light {
      background-color: #1d3255
    }

    .running-text--light:before {
      background: linear-gradient(90deg, #1d3255 0, rgba(29, 50, 85, 0))
    }

    .running-text--light:after {
      background: linear-gradient(270deg, #1d3255 0, rgba(29, 50, 85, 0))
    }

    .running-text--primary {
      background-color: #14233c
    }

    .running-text--primary:before {
      background: linear-gradient(90deg, #14233c 0, rgba(20, 35, 60, 0))
    }

    .running-text--primary:after {
      background: linear-gradient(270deg, #14233c 0, rgba(20, 35, 60, 0))
    }

    .running-text--d {
      overflow: hidden;
      margin-bottom: .5rem;
      border-radius: 5px
    }

    .app-menu[data-v-9cfb8622] {
      position: relative;
      left: -.5rem;
      z-index: 1;
      overflow: hidden;
      width: calc(100% + 1rem)
    }

    .app-menu--primary[data-v-9cfb8622] {
      background-color: #14233c
    }

    .app-menu--dark[data-v-9cfb8622] {
      background-color: #0b1525
    }

    .app-menu[data-v-9cfb8622]:after,
    .app-menu[data-v-9cfb8622]:before {
      position: absolute;
      top: 0;
      opacity: 0;
      z-index: 2;
      content: "";
      width: 50px;
      pointer-events: none;
      height: calc(100% + 20px);
      transition: opacity .2s ease
    }

    .app-menu[data-v-9cfb8622]:before {
      left: 0;
      background: linear-gradient(90deg, #0b1525 0, rgba(11, 21, 37, 0))
    }

    .app-menu[data-v-9cfb8622]:after {
      right: 0;
      background: linear-gradient(270deg, #0b1525 0, rgba(11, 21, 37, 0))
    }

    .app-menu--shadow-end[data-v-9cfb8622]:after,
    .app-menu--shadow-start[data-v-9cfb8622]:before {
      opacity: 1
    }

    .app-menu ul[data-v-9cfb8622] {
      display: flex;
      align-items: center;
      overflow: hidden;
      overflow-x: scroll;
      overflow-x: overlay;
      scroll-behavior: smooth;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -ms-overflow-style: none
    }

    .app-menu ul[data-v-9cfb8622]::-webkit-scrollbar {
      display: none
    }

    .app-menu ul li[data-v-9cfb8622] {
      scroll-snap-align: start
    }

    .app-menu ul .app-menu__observer[data-v-9cfb8622] {
      display: block;
      width: 1px;
      height: 1px;
      flex-shrink: 0
    }

    .app-menu ul .app-menu__item[data-v-9cfb8622] {
      flex: 0 0 20%;
      padding: 0 .25rem
    }

    .app-menu ul .app-menu__item a[data-v-9cfb8622] {
      position: relative;
      font-size: .75rem;
      font-weight: 700;
      padding: 1rem 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
    }

    .app-menu ul .app-menu__item a span[data-v-9cfb8622] {
      display: block;
      margin-top: .5rem
    }

    .app-menu ul .app-menu__item a .app-menu--active[data-v-9cfb8622] {
      position: absolute;
      bottom: -1rem
    }

    .app-menu ul .app-menu__item a.app-link--active[data-v-9cfb8622] {
      color: #ff8f00
    }

    .app-menu ul .app-menu__item a.app-link--active .app-menu--active[data-v-9cfb8622] {
      bottom: 0
    }

    .app-menu ul .app-menu__item--font-large a[data-v-9cfb8622] {
      font-size: .875rem
    }

    .app-menu ul .app-menu__item--font-large a .app-menu--active[data-v-9cfb8622] {
      bottom: -1.25rem
    }

    @media(min-width:640px) {
      .app-menu ul[data-v-9cfb8622] {
        justify-content: space-evenly
      }

      .app-menu ul .app-menu__item[data-v-9cfb8622] {
        flex: unset
      }
    }

    .app-menu--d[data-v-9cfb8622] {
      width: 100%;
      left: unset;
      margin-top: -.5rem
    }

    .app-menu--d ul[data-v-9cfb8622] {
      display: flex;
      align-items: center;
      justify-content: center
    }

    .app-menu--d ul .app-menu__item[data-v-9cfb8622] {
      margin: 0 1rem
    }

    .brand-icon {
      display: block
    }

    .brand-icon--xs {
      width: 1.5rem;
      height: 1.5rem
    }

    .brand-icon--sm {
      width: 2rem;
      height: 2rem
    }

    .brand-icon--md {
      width: 2.5rem;
      height: 2.5rem
    }

    .brand-icon--lg {
      width: 5rem;
      height: 5rem
    }

    .brand-icon--xl {
      width: 10rem;
      height: 10rem
    }

    .brand-icon--xxl {
      width: 15rem;
      height: 15rem
    }

    .brand-icon--responsive {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain
    }

    .card {
      position: relative;
      z-index: 2;
      left: -.5rem;
      overflow: hidden;
      padding-bottom: 1rem;
      width: calc(100% + 1rem);
      border-radius: 20px 20px 0 0
    }

    @media(min-width:1024px) {
      .card {
        width: 100%;
        left: 0
      }
    }

    .card--light {
      background-color: #1d3255
    }

    .card--primary {
      background-color: #14233c
    }

    .card.card--primary .card__see-all {
      background-color: #1d3255
    }

    .card .card__see-all {
      font-weight: 700;
      font-size: .75rem;
      padding: .2rem .75rem;
      background-color: #0b1525;
      border-radius: 10px
    }

    .card__title a {
      display: flex;
      align-items: center;
      font-size: .875rem;
      font-weight: 700
    }

    .card__title a img,
    .card__title a object,
    .card__title a svg {
      margin-right: .5rem
    }

    .card__image {
      display: block;
      width: 100%;
      border-radius: 5px
    }

    .card__body {
      max-width: 100%
    }

    .card--full {
      display: grid;
      align-items: center;
      grid-template-rows: auto 1fr auto
    }

    .card--full .card__header {
      padding: 1rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between
    }

    .card--full .card__title {
      margin-bottom: 0
    }

    .card--full .card__cta {
      padding: .5rem 1rem 0
    }

    @media(min-width:1024px) {
      .card--full .card__cta {
        width: 100%;
        max-width: 20rem;
        justify-self: center
      }

      .card--full .card__header {
        padding: 0
      }
    }

    .card--inline {
      display: grid;
      grid-gap: 1rem;
      padding: 0 1rem;
      border-radius: 0;
      align-items: center;
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .card--inline .card__title {
      justify-self: start;
      padding: 1rem 0
    }

    .card--inline .card__body {
      grid-column: span 4
    }

    .card--inline .card__see-all {
      grid-column: 6/7;
      justify-self: center
    }

    .card--split {
      display: grid;
      padding: 0 1rem;
      grid-gap: .75rem;
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .card--split .card__title {
      padding: 1rem 0
    }

    .card--split .card__cta {
      margin-top: .5rem
    }

    .card--d.card--full .card__header {
      padding: 1rem
    }

    .card--d.card--full .card__body {
      padding: 0 1rem
    }

    .slot-carousel__group[data-v-3e367a1c] {
      width: 100%;
      display: grid;
      flex-shrink: 0;
      align-content: start;
      grid-auto-flow: column;
      grid-template-rows: repeat(3, minmax(0, 1fr));
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .slot-carousel__item-container[data-v-3e367a1c] {
      display: grid;
      grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .slot-carousel__item[data-v-3e367a1c] {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
    }

    .slot-carousel__item span[data-v-3e367a1c] {
      width: 100%;
      font-weight: 500;
      text-align: center;
      font-size: .625rem;
      margin-top: .125rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }

    @media(min-width:1024px) {
      .slot-carousel__item span[data-v-3e367a1c] {
        font-size: .75rem
      }
    }

    .slot-carousel__item.app-link--exact-active[data-v-3e367a1c] {
      color: #ff8f00
    }

    .slot-carousel__item.app-link--exact-active .slot-carousel__img-container[data-v-3e367a1c] {
      border: 1px solid #ff8f00
    }

    .slot-carousel__img-container[data-v-3e367a1c] {
      position: relative;
      width: 3.5rem;
      height: 3.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #0b1525;
      border-radius: 50%;
      border: 1px solid #0b1525
    }

    .slot-carousel__img-container img[data-v-3e367a1c] {
      width: 100%
    }

    .slot-carousel__img-container[data-v-3e367a1c]:before {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30%
    }

    .slot-carousel__img-container.provider--promo[data-v-3e367a1c]:before {
      content: "";
      filter: drop-shadow(.1rem .1rem .1rem #0b1525);
      background: 0 100%/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/provider-promo.svg)
    }

    .slot-carousel__img-container.provider--new[data-v-3e367a1c]:before {
      content: "";
      filter: drop-shadow(.1rem .1rem .1rem #0b1525);
      background: 0 100%/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/provider-new.svg)
    }

    .slot-carousel__maintenance[data-v-3e367a1c] {
      position: absolute;
      top: 0;
      right: -20%;
      width: 1.5rem;
      height: 1.5rem;
      padding: .1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #14233c;
      border-radius: 50%
    }

    .slot-carousel__maintenance i[data-v-3e367a1c] {
      color: #fdd835
    }

    .slot-carousel__by-habanero[data-v-3e367a1c],
    .slot-carousel__by-pragmatic[data-v-3e367a1c] {
      position: absolute;
      right: -22%;
      bottom: -5px;
      width: 2rem;
      height: 2rem
    }

    .slot-carousel__by-habanero img[data-v-3e367a1c],
    .slot-carousel__by-pragmatic img[data-v-3e367a1c] {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      filter: drop-shadow(0 0 .2rem #0b1525)
    }

    .slot-carousel--d .slot-carousel__group[data-v-3e367a1c] {
      grid-template-rows: unset;
      grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .slot-carousel--d .slot-carousel__group--ud .slot-carousel__item[data-v-3e367a1c]:nth-child(2n) {
      grid-row: unset
    }

    .carousel[data-v-4f72f8a2] {
      display: grid;
      overflow: hidden;
      grid-template-columns: auto 1fr auto
    }

    .carousel[data-v-4f72f8a2],
    .carousel__control[data-v-4f72f8a2] {
      position: relative;
      align-items: center
    }

    .carousel__control[data-v-4f72f8a2] {
      display: flex;
      width: 1.5rem;
      height: 4rem;
      cursor: pointer;
      color: #ff8f00;
      z-index: 2
    }

    .carousel__control i[data-v-4f72f8a2] {
      z-index: 2
    }

    .carousel__control.highlight[data-v-4f72f8a2]:before {
      position: absolute;
      color: #0b1525;
      font-size: 3.5rem;
      content: "";
      font-family: "idn"
    }

    .carousel__control--disabled[data-v-4f72f8a2] {
      pointer-events: none;
      color: hsla(0, 0%, 100%, .38)
    }

    .carousel__prev[data-v-4f72f8a2] {
      padding-left: .25rem
    }

    .carousel__prev[data-v-4f72f8a2]:before {
      left: 0
    }

    .carousel__next[data-v-4f72f8a2] {
      padding-right: .25rem;
      justify-content: flex-end
    }

    .carousel__next[data-v-4f72f8a2]:before {
      right: 0;
      transform: rotate(180deg)
    }

    .carousel__inner[data-v-4f72f8a2] {
      overflow: hidden
    }

    .carousel__container[data-v-4f72f8a2] {
      display: flex
    }

    .carousel__container.transition[data-v-4f72f8a2] {
      transition: transform .3s ease-out
    }

    .carousel--d .carousel__control[data-v-4f72f8a2] {
      width: auto;
      height: 2rem
    }

    .casino-carousel ul[data-v-7073c910] {
      display: flex;
      overflow: hidden;
      overflow-x: scroll;
      overflow-x: overlay;
      scroll-behavior: smooth;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -ms-overflow-style: none
    }

    .casino-carousel ul[data-v-7073c910]::-webkit-scrollbar {
      display: none
    }

    .casino-carousel__item[data-v-7073c910] {
      position: relative;
      flex: 0 0 28%;
      display: flex;
      align-items: flex-end;
      overflow: hidden;
      margin-right: .5rem;
      scroll-snap-align: center;
      border-radius: 5px;
      background-color: #14233c
    }

    .casino-carousel__item--maintenance[data-v-7073c910] {
      pointer-events: none
    }

    .casino-carousel__item a[data-v-7073c910] {
      position: relative;
      width: 100%
    }

    .casino-carousel__item a>div[data-v-7073c910] {
      position: relative;
      height: 0;
      padding-bottom: 162.03209%;
      display: flex;
      align-items: flex-end;
      overflow: hidden;
      border-radius: 5px;
      border: 2px solid #0b1525
    }

    .casino-carousel__item a>div[data-v-7073c910]:after {
      height: 100%;
      content: "";
      background: linear-gradient(0deg, #0b1525, transparent 30%, transparent)
    }

    .casino-carousel__item a>div[data-v-7073c910]:after,
    .casino-carousel__item a>div img[data-v-7073c910] {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%
    }

    .casino-carousel__item a>div img.placeholder[data-v-7073c910] {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain
    }

    .casino-carousel__item a .casino-carousel__maintenance[data-v-7073c910] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      padding: .5rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: rgba(20, 35, 60, .8)
    }

    .casino-carousel__item a .casino-carousel__maintenance span[data-v-7073c910] {
      font-size: .755rem;
      text-align: center;
      font-weight: 500;
      margin-top: .25rem
    }

    .casino-carousel__item a .casino-carousel__maintenance img[data-v-7073c910] {
      position: relative
    }

    .casino-carousel__item[data-v-7073c910]:after {
      position: absolute;
      right: 0;
      bottom: -1px;
      font-weight: 700;
      font-style: italic;
      font-size: .5rem;
      z-index: 3;
      min-width: 3rem;
      text-align: center;
      padding: .25rem .5rem;
      text-transform: uppercase
    }

    .casino-carousel__item--promo a>div[data-v-7073c910] {
      border: 2px solid #139c44
    }

    .casino-carousel__item--promo[data-v-7073c910]:after {
      content: attr(data-flag);
      background: 50%/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/promo.svg)
    }

    .casino-carousel__item--new a>div[data-v-7073c910] {
      border: 2px solid #ff4343
    }

    .casino-carousel__item--new[data-v-7073c910]:after {
      content: attr(data-flag);
      background: 50%/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/new.svg)
    }

    .casino-carousel__item--special a>div[data-v-7073c910] {
      border: 2px solid #ff8f00
    }

    .casino-carousel__item--special[data-v-7073c910]:after {
      top: -1px;
      bottom: unset;
      color: #fff;
      content: attr(data-flag);
      background: 50%/contain no-repeat url(/_nuxt/img/special.39b9fbb.svg)
    }

    .casino-carousel__name[data-v-7073c910] {
      position: absolute;
      display: block;
      width: 100%;
      left: 0;
      bottom: 0;
      padding: .25rem;
      font-weight: 700;
      font-size: .5rem
    }

    .casino-carousel__fill[data-v-7073c910] {
      width: 1rem;
      height: 10px;
      flex-shrink: 0
    }

    .arcade-carousel--light .carousel__control.highlight:before {
      color: #1d3255
    }

    .arcade-carousel ul[data-v-d5c9b2f2] {
      display: grid;
      width: 100%;
      flex-shrink: 0;
      align-content: start;
      grid-auto-flow: column;
      grid-auto-columns: 20%
    }

    .arcade-carousel__item[data-v-d5c9b2f2] {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
    }

    .arcade-carousel__item span[data-v-d5c9b2f2] {
      width: 100%;
      font-weight: 500;
      text-align: center;
      font-size: .625rem;
      margin-top: .125rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }

    @media(min-width:1024px) {
      .arcade-carousel__item span[data-v-d5c9b2f2] {
        font-size: .75rem
      }
    }

    .arcade-carousel__item.app-link--exact-active[data-v-d5c9b2f2] {
      color: #ff8f00
    }

    .arcade-carousel__item.app-link--exact-active .arcade-carousel__img-container[data-v-d5c9b2f2] {
      border: 1px solid #ff8f00
    }

    .arcade-carousel__img-container[data-v-d5c9b2f2] {
      position: relative;
      width: 3.5rem;
      height: 3.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%
    }

    .arcade-carousel__img-container img[data-v-d5c9b2f2] {
      width: 100%
    }

    .arcade-carousel__img-container[data-v-d5c9b2f2]:before {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30%
    }

    .arcade-carousel__maintenance[data-v-d5c9b2f2] {
      position: absolute;
      top: 0;
      right: -20%;
      width: 1.5rem;
      height: 1.5rem;
      padding: .1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #14233c;
      border-radius: 50%
    }

    .arcade-carousel__maintenance i[data-v-d5c9b2f2] {
      color: #fdd835
    }

    .arcade-carousel__by-idn[data-v-d5c9b2f2] {
      position: absolute;
      right: -2px;
      bottom: -2px;
      width: 1.25rem;
      height: 1.25rem;
      background-color: #fff;
      border-radius: 50%
    }

    .arcade-carousel__by-idn img[data-v-d5c9b2f2] {
      position: relative;
      left: 1.5px;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain
    }

    .arcade-carousel--dark .arcade-carousel__img-container[data-v-d5c9b2f2] {
      background-color: #0b1525;
      border: 1px solid #0b1525
    }

    .arcade-carousel--light .carousel__control.highlight[data-v-d5c9b2f2]:before {
      color: #1d3255
    }

    .arcade-carousel--light .arcade-carousel__img-container[data-v-d5c9b2f2] {
      background-color: #1d3255;
      border: 1px solid #1d3255
    }

    .arcade-carousel--d ul[data-v-d5c9b2f2] {
      grid-auto-columns: 12.5%
    }

    .footer-banner {
      padding: .5rem;
      background-color: #14233c;
      border-top: 1px solid hsla(0, 0%, 100%, .1)
    }

    .footer-banner a {
      overflow: hidden;
      height: 100%;
      max-height: 8rem
    }

    .footer-banner img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain
    }

    .footer-banner--d {
      margin-bottom: -.5rem
    }

    .footer-text[data-v-bd310b88] {
      font-size: .75rem;
      background-color: #14233c;
      border-top: 1px solid hsla(0, 0%, 100%, .1)
    }

    .footer-text__container[data-v-bd310b88] {
      position: relative;
      display: flex;
      justify-content: center;
      margin: 0 auto;
      max-height: 8rem;
      padding: 1rem 1rem 2rem;
      max-width: 1200px;
      transition: max-height .2s ease;
      border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }

    .footer-text article[data-v-bd310b88] {
      position: relative;
      width: 100%;
      overflow: hidden
    }

    .footer-text article[data-v-bd310b88]:after {
      position: absolute;
      bottom: 0;
      content: "";
      width: 100%;
      height: 24px;
      background: linear-gradient(0deg, #14233c, rgba(20, 35, 60, 0))
    }

    .footer-text button[data-v-bd310b88] {
      position: absolute;
      bottom: .5rem;
      color: #ff8f00;
      font-size: .75rem
    }

    .footer-text--collapsed[data-v-bd310b88] {
      max-height: 1000px
    }

    .footer-text--collapsed article[data-v-bd310b88]:after {
      content: unset
    }

    .footer-text--d .footer-text__container[data-v-bd310b88] {
      max-height: 8rem
    }

    .footer-text--d .footer-text--collapsed[data-v-bd310b88] {
      max-height: 1000px
    }

    .app-footer {
      position: relative;
      padding: 1rem 0;
      color: #fff;
      background-color: #14233c;
      margin-bottom: calc(60px + env(safe-area-inset-bottom))
    }

    .app-footer__container {
      margin: 0 auto;
      padding: 0 1rem;
      max-width: 1200px
    }

    .app-footer section {
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }

    .app-footer section h5 {
      margin-bottom: .75rem
    }

    .app-footer__links {
      display: grid;
      grid-row-gap: 1rem;
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .app-footer__link-group a,
    .app-footer__link-group button {
      color: hsla(0, 0%, 100%, .6);
      font-size: .75rem
    }

    .app-footer__link-group[data-type=legal] li:last-child a:after {
      content: "";
      font-family: idn
    }

    .app-footer__link-group[data-type=brand] li:last-child a:after,
    .app-footer__link-group[data-type=brand] li:last-child button:after {
      content: "";
      font-family: idn;
      margin-left: .25rem
    }

    .app-footer__link-group--social ul {
      display: flex
    }

    .app-footer__link-group--social ul li {
      margin-right: .75rem
    }

    .app-footer__link-group--social ul li:last-child {
      margin-right: 0
    }

    .app-footer section.app-footer__text {
      position: relative;
      display: flex;
      justify-content: center;
      padding-bottom: 2rem;
      box-sizing: content-box;
      transition: max-height .2s ease
    }

    .app-footer section.app-footer__text article {
      position: relative;
      overflow: hidden
    }

    .app-footer section.app-footer__text article p {
      margin: .5rem 0;
      font-size: .75rem;
      color: hsla(0, 0%, 100%, .6)
    }

    .app-footer section.app-footer__text article p:last-child {
      margin-bottom: 0
    }

    .app-footer section.app-footer__text article ol,
    .app-footer section.app-footer__text article ul {
      list-style-position: inside
    }

    .app-footer section.app-footer__text article:after {
      position: absolute;
      bottom: 0;
      content: "";
      width: 100%;
      height: 24px;
      background: linear-gradient(0deg, #14233c, rgba(20, 35, 60, 0))
    }

    .app-footer section.app-footer__text button {
      position: absolute;
      bottom: .5rem;
      color: #ff8f00;
      font-size: .75rem
    }

    .app-footer section.app-footer__text--collapsed {
      padding-bottom: calc(.5rem + 24px)
    }

    .app-footer section.app-footer__text--collapsed article:after {
      content: unset
    }

    .app-footer__idn h5 {
      color: #ff8f00;
      text-align: center;
      margin-bottom: 1rem
    }

    .app-footer__idn ul,
    .app-footer__idn ul a {
      display: flex;
      align-items: center;
      justify-content: center
    }

    .app-footer__idn ul a {
      padding: .5rem
    }

    .app-footer__idn ul a img {
      height: 1rem
    }

    .app-footer__partners h5 {
      color: #ff8f00;
      text-align: center;
      margin-bottom: 1rem
    }

    .app-footer__partners ul {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr))
    }

    .app-footer__partners ul li {
      flex-grow: 1;
      min-width: 15%;
      align-items: center
    }

    .app-footer__partners ul li a {
      padding: .5rem;
      font-size: .75rem;
      white-space: nowrap;
      color: hsla(0, 0%, 100%, .6);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
    }

    .app-footer__partners ul li a i {
      color: #ff8f00;
      margin-bottom: .25rem
    }

    .app-footer__payment h5 {
      color: #ff8f00;
      text-align: center;
      margin-bottom: 1rem
    }

    .app-footer__payment ul {
      display: grid;
      grid-gap: .25rem;
      grid-auto-rows: 2.5rem;
      grid-auto-flow: dense;
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .app-footer__payment ul li {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: .5rem;
      overflow: hidden;
      border-radius: 5px;
      border: 1px solid #1d3255
    }

    .app-footer__payment ul li.bank-logo--h {
      grid-column: span 2
    }

    .app-footer__payment ul li img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain
    }

    .app-footer__licence img {
      width: 100%;
      max-height: 22px;
      -o-object-fit: contain;
      object-fit: contain
    }

    .app-footer__copyright {
      font-size: .75rem;
      text-align: center
    }

    .app-footer--d {
      margin-bottom: 0;
      margin-top: -.5rem
    }

    .app-footer--d .app-footer__links {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .app-footer--d .app-footer__link-group--social {
      justify-self: end
    }

    .app-footer--d .app-footer__idn h5 {
      text-align: left
    }

    .app-footer--d .app-footer__idn ul {
      justify-content: space-evenly
    }

    .app-footer--d .app-footer__idn ul img {
      width: auto;
      height: 2rem
    }

    .app-footer--d .app-footer__idn ul a:hover img {
      filter: grayscale(1)
    }

    .app-footer--d .app-footer__partners h5,
    .app-footer--d .app-footer__payment h5 {
      text-align: left;
      margin-bottom: .5rem
    }

    .app-footer--d .app-footer__payment ul {
      grid-template-columns: repeat(auto-fit, minmax(4rem, 1fr))
    }

    .sticky-footer {
      position: relative;
      width: 100%;
      bottom: 0;
      z-index: 99;
      background-color: #0b1525;
      border-top: 1px solid #1d3255;
      padding-bottom: env(safe-area-inset-bottom);
      height: calc(60px + env(safe-area-inset-bottom))
    }

    @media(min-height:550px) {
      .sticky-footer {
        position: fixed
      }
    }

    .sticky-footer__nav>ul {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .sticky-footer__nav>ul .btn {
      width: 100%;
      border-radius: 0;
      font-weight: 700;
      font-size: .75rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 60px
    }

    .sticky-footer__nav>ul .btn span {
      margin-top: .25rem
    }

    .sticky-footer__nav>ul .btn.app-link--active {
      color: #ff8f00
    }

    .sticky-footer__nav--user>ul {
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .sticky-footer__balance {
      overflow: hidden;
      font-weight: 500;
      font-size: .75rem;
      padding: 0 .25rem;
      color: #fff;
      grid-column: span 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #ff8f00
    }

    .sticky-footer__balance span {
      max-width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }

    .sticky-footer__balance .sticky-footer__username {
      width: 100%;
      font-weight: 700;
      margin-top: .25rem;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .sticky-footer__balance .sticky-footer__username i {
      margin-right: .25rem
    }

    .app-drawer__root[data-v-4845de7e] {
      position: fixed;
      pointer-events: none;
      z-index: 999;
      top: 90px;
      right: 0;
      bottom: 0;
      left: 0
    }

    .app-drawer__backdrop[data-v-4845de7e] {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0
    }

    .app-drawer__backdrop[data-v-4845de7e]:before {
      position: relative;
      top: 90px;
      display: block;
      content: "";
      width: 100%;
      height: calc(100% - 90px);
      background-color: rgba(0, 0, 0, .5);
      -webkit-tap-highlight-color: transparent
    }

    .app-drawer[data-v-4845de7e] {
      position: absolute;
      right: calc(-300px - 1rem);
      width: 300px;
      height: 100%;
      overflow-y: auto;
      overflow-y: overlay;
      background-color: #1d3255;
      transform: translateX(0);
      transition: transform 225ms cubic-bezier(.4, 0, .2, 1) 0ms;
      scrollbar-width: none;
      -ms-overflow-style: none;
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: auto 1fr auto
    }

    .app-drawer[data-v-4845de7e]::-webkit-scrollbar {
      display: none
    }

    .app-drawer--open[data-v-4845de7e] {
      pointer-events: all
    }

    .app-drawer--open .app-drawer[data-v-4845de7e] {
      transform: translateX(calc(-300px - 1rem))
    }

    .drawer-fade-enter-active[data-v-4845de7e],
    .drawer-fade-leave-active[data-v-4845de7e] {
      transition: opacity 225ms cubic-bezier(.4, 0, .2, 1) 0ms
    }

    .drawer-fade-enter[data-v-4845de7e],
    .drawer-fade-leave-to[data-v-4845de7e] {
      opacity: 0
    }

    .app-drawer__header[data-v-4845de7e] {
      background-color: #0b1525
    }

    .app-drawer__header ul[data-v-4845de7e] {
      display: grid;
      grid-gap: 1rem;
      padding: 1rem;
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .app-drawer__header li[data-v-4845de7e] {
      flex: 0 0 25%;
      padding: .5rem
    }

    .app-drawer__header a[data-v-4845de7e] {
      font-weight: 700;
      font-size: .75rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
    }

    .app-drawer__header a span[data-v-4845de7e] {
      display: block;
      margin-top: .5rem;
      white-space: nowrap
    }

    .app-drawer__header a.app-link--active[data-v-4845de7e] {
      color: #ff8f00
    }

    .app-drawer__nav__item .badge[data-v-4845de7e] {
      height: unset;
      padding: 0 .625rem
    }

    .app-drawer__nav__item a[data-v-4845de7e],
    .app-drawer__nav__item button[data-v-4845de7e] {
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      padding: 1rem 1rem 1rem .25rem;
      font-weight: 700;
      font-size: .875rem;
      color: #fff
    }

    .app-drawer__nav__item a.app-link--exact-active[data-v-4845de7e],
    .app-drawer__nav__item button.app-link--exact-active[data-v-4845de7e] {
      color: #ff8f00;
      background-color: rgba(255, 143, 0, .1)
    }

    .app-drawer__nav__item a>div[data-v-4845de7e],
    .app-drawer__nav__item button>div[data-v-4845de7e] {
      position: absolute;
      width: 3rem;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .app-drawer__nav__item a i.dropdown-toggle[data-v-4845de7e],
    .app-drawer__nav__item button i.dropdown-toggle[data-v-4845de7e] {
      margin-left: auto
    }

    .app-drawer__nav__item a span[data-v-4845de7e],
    .app-drawer__nav__item button span[data-v-4845de7e] {
      margin-left: 3rem
    }

    @media(hover:hover)and (min-width:1024px) {

      .app-drawer__nav__item a[data-v-4845de7e]:hover,
      .app-drawer__nav__item button[data-v-4845de7e]:hover {
        color: #ff8f00
      }
    }

    .app-drawer__nav__item__dropdown[data-v-4845de7e] {
      overflow: hidden
    }

    .app-drawer__nav__item__dropdown.dropdown-collapsed[data-v-4845de7e] {
      background-color: rgba(255, 143, 0, .1)
    }

    .app-drawer__nav__item__dropdown.dropdown-collapsed>button[data-v-4845de7e] {
      color: #ff8f00
    }

    @media(hover:hover)and (min-width:1024px) {
      .app-drawer__nav__item__dropdown:hover>button[data-v-4845de7e] {
        color: #ff8f00
      }
    }

    .app-drawer__nav__item__dropdown ul[data-v-4845de7e] {
      background-color: rgba(0, 0, 0, .1);
      transition: height .2s ease
    }

    .app-drawer__freespins ul[data-v-4845de7e] {
      display: grid;
      max-height: 0;
      grid-gap: 1px;
      overflow: hidden;
      background-color: #1d3255;
      transition: max-height .2s ease
    }

    .app-drawer__freespins ul.app-drawer__freespins--collapsed[data-v-4845de7e] {
      max-height: 600px
    }

    .app-drawer__freespins ul li[data-v-4845de7e] {
      display: grid;
      padding: .5rem 1rem;
      grid-column-gap: .25rem;
      grid-template-rows: auto auto;
      grid-template-columns: auto 3.5rem 3rem;
      background: linear-gradient(90deg, #1d3255 0, #0b1525)
    }

    .app-drawer__freespins ul li .game-name[data-v-4845de7e] {
      font-weight: 700;
      font-size: .875rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }

    .app-drawer__freespins ul li .no-spins[data-v-4845de7e] {
      font-weight: 700;
      font-size: .75rem;
      grid-column: span 3
    }

    .app-drawer__freespins ul li .fs-expiration[data-v-4845de7e] {
      font-size: .625rem
    }

    .app-drawer__freespins ul li em[data-v-4845de7e] {
      flex-direction: column;
      width: 100%;
      grid-column: 2/3;
      font-weight: 900;
      font-style: normal;
      padding: .25rem .375rem;
      border-radius: 5px;
      border: 1px solid #0b1525;
      background-color: #1d3255
    }

    .app-drawer__freespins ul li a[data-v-4845de7e],
    .app-drawer__freespins ul li em[data-v-4845de7e] {
      display: flex;
      align-items: center;
      justify-content: center;
      grid-row: 1/3;
      font-size: .75rem
    }

    .app-drawer__freespins ul li a[data-v-4845de7e] {
      grid-column: 3/4;
      padding: .25rem .5rem;
      font-weight: 700;
      border-radius: 5px;
      cursor: pointer
    }

    @media(hover:hover)and (min-width:1024px) {
      .app-drawer__freespins ul li a[data-v-4845de7e]:hover {
        color: #fff;
        background-color: #e68100
      }
    }

    .app-drawer__freespins ul li.feature em[data-v-4845de7e] {
      font-size: .5rem;
      text-transform: uppercase
    }

    .app-drawer__extra[data-v-4845de7e] {
      padding: 1rem;
      display: grid;
      grid-gap: 1rem;
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .app-drawer__extra .btn[data-v-4845de7e]:nth-child(3) {
      grid-column: span 2
    }

    .app-drawer__locale[data-v-4845de7e] {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 1rem;
      font-size: .75rem;
      font-weight: 500
    }

    .app-drawer__locale span[data-v-4845de7e] {
      margin-right: .5rem
    }

    .app-drawer__locale ul[data-v-4845de7e] {
      display: flex
    }

    .app-drawer__locale ul li[data-v-4845de7e]:first-child {
      margin-right: .5rem
    }

    .app-drawer__locale ul li[data-v-4845de7e]:last-child {
      margin-right: 0
    }

    .app-drawer__locale ul li a[data-v-4845de7e] {
      position: relative
    }

    .app-drawer__locale ul li a img[data-v-4845de7e] {
      width: 100%;
      height: 100%
    }

    .app-drawer__locale ul li a.app-drawer__locale--active[data-v-4845de7e] {
      border: 2px solid #ff8f00
    }

    .app-drawer--d.app-drawer__root[data-v-4845de7e] {
      top: 55px;
      right: 0;
      bottom: 0;
      left: 0
    }

    .app-drawer--d .app-drawer__backdrop[data-v-4845de7e]:before {
      top: 55px;
      height: calc(100% - 53px)
    }

    .app-drawer--d .app-drawer[data-v-4845de7e] {
      right: unset;
      left: calc(-300px - 1rem);
      transform: translateX(0)
    }

    .app-drawer--d .app-drawer[data-v-4845de7e]::-webkit-scrollbar {
      width: .25rem
    }

    .app-drawer--d .app-drawer[data-v-4845de7e]::-webkit-scrollbar-track {
      border-radius: 20px;
      background-color: #0b1525
    }

    .app-drawer--d .app-drawer[data-v-4845de7e]::-webkit-scrollbar-thumb {
      border-radius: 20px;
      background-color: #fff
    }

    .app-drawer--d.app-drawer--open .app-drawer[data-v-4845de7e] {
      transform: translateX(calc(300px + 1rem))
    }

    .modal[data-v-a03670f8] {
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 999
    }

    .modal[data-v-a03670f8],
    .modal__backdrop[data-v-a03670f8] {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0
    }

    .modal__backdrop[data-v-a03670f8] {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .8)
    }

    .modal--full .modal__backdrop[data-v-a03670f8] {
      display: none
    }

    .modal--full .modal__header[data-v-a03670f8] {
      height: 54px;
      padding: 0 1rem;
      background-color: #0b1525
    }

    .modal--full .modal__root[data-v-a03670f8] {
      width: 100%;
      height: 100%
    }

    .modal--full .modal__surface[data-v-a03670f8] {
      width: 100%;
      height: 100%;
      max-width: 100%;
      padding: 0;
      border-radius: 0
    }

    .modal--full .modal__body[data-v-a03670f8] {
      display: block;
      width: 100%;
      height: 100%;
      padding-bottom: env(safe-area-inset-bottom)
    }

    .modal__root[data-v-a03670f8] {
      position: relative;
      z-index: 2
    }

    .modal__surface[data-v-a03670f8] {
      position: relative;
      min-width: 300px;
      max-width: 90vw;
      overflow: hidden;
      padding: 2rem 1rem;
      border-radius: 20px;
      background-color: #1d3255
    }

    .modal__surface--inverse[data-v-a03670f8] {
      background-color: #fff
    }

    .modal__surface--inverse .modal__header[data-v-a03670f8] {
      color: #000
    }

    .modal__surface--reduced[data-v-a03670f8] {
      padding: .5rem;
      border-radius: 5px
    }

    .modal__surface--notification[data-v-a03670f8] {
      width: 90vw;
      max-width: 600px;
      padding: 2rem 0 1rem;
      border-radius: 5px;
      background-color: #14233c
    }

    .modal__surface--no-padding[data-v-a03670f8] {
      padding: 0
    }

    .modal__body[data-v-a03670f8] {
      display: flex;
      align-items: center
    }

    .modal__body[data-v-a03670f8]>:first-child {
      flex-grow: 1
    }

    .modal__close[data-v-a03670f8] {
      color: #fff;
      transition: color .2s ease
    }

    .modal__close[data-v-a03670f8]:hover {
      color: #c56000
    }

    .modal__close--inverse[data-v-a03670f8] {
      color: #000
    }

    .modal__close[data-v-a03670f8]:not(.modal__close--inline) {
      position: absolute;
      right: .75rem;
      top: .75rem
    }

    .modal__close--inline[data-v-a03670f8] {
      margin-left: .5rem
    }

    .modal__header[data-v-a03670f8] {
      color: #ff8f00;
      min-height: 36px;
      padding: 0 1rem 1rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
    }

    .modal__header h3[data-v-a03670f8] {
      text-align: center
    }

    .modal__header i[data-v-a03670f8] {
      margin-bottom: .5rem
    }

    .modal-fade-enter[data-v-a03670f8],
    .modal-fade-leave-to[data-v-a03670f8] {
      opacity: 0
    }

    .modal-fade-enter-active[data-v-a03670f8],
    .modal-fade-leave-active[data-v-a03670f8] {
      transition: opacity .5s ease
    }
  </style>