  <style
        data-vue-ssr-id="5f8fffe6:0 94c18876:0 5c346d62:0 737e6e7e:0 abacbb72:0 3d6af804:0 0f34a119:0 b07c7b88:0 516a95ee:0 811073a0:0 47092b7a:0 2f97eff2:0 0d5f88d1:0 5ec9e21a:0 507314ec:0 01423e96:0 7bff799e:0 48d2e31c: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)
        }

        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)
            }
        }

        .app-button i:first-child {
            margin-right: .5rem
        }

        .app-button i:last-child {
            margin-left: .5rem
        }

        .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
            }
        }

        .promotions {
            margin: .5rem 0
        }

        @media(min-width:1024px) {
            .promotions {
                margin-bottom: 1rem
            }
        }

        .promotions .promotions-nav {
            margin-bottom: 1rem
        }

        .promotions .promotions-nav ul {
            display: flex;
            overflow: auto;
            -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory
        }

        .promotions .promotions-nav ul::-webkit-scrollbar {
            display: none
        }

        .promotions .promotions-nav li {
            flex: 1 1 20%;
            padding: 0 .25rem;
            scroll-snap-align: center
        }

        .promotions .promotions-nav li:first-child {
            padding-left: 0
        }

        .promotions .promotions-nav li:last-child {
            padding-right: 0
        }

        .promotions .promotions-nav li .app-link--exact-active {
            background-color: #ff8f00
        }

        .promotions-list[data-v-48f0ae32] {
            display: grid;
            grid-gap: 1rem;
            grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr))
        }

        @media(min-width:1024px) {
            .promotions-list[data-v-48f0ae32] {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
        }

        .promotions-list .promotions__item[data-v-48f0ae32] {
            overflow: hidden;
            display: grid;
            grid-template-rows: auto 1fr;
            border-radius: 5px
        }

        .promotions-list .promotions__item.rows-3[data-v-48f0ae32] {
            grid-template-rows: auto auto 1fr
        }

        .promotions-list .promotions__item .promotion__end[data-v-48f0ae32] {
            padding: .375rem .5rem;
            font-size: .75rem;
            color: hsla(0, 0%, 100%, .6);
            background-color: #14233c;
            border-bottom: 1px solid #0b1525
        }

        .promotions-list .promotions__item .promotion__image[data-v-48f0ae32] {
            position: relative;
            display: block;
            height: 0;
            overflow: hidden;
            background-color: #1d3255;
            padding-bottom: 25.72614%
        }

        .promotions-list .promotions__item .promotion__image img[data-v-48f0ae32] {
            position: absolute;
            display: block;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%
        }

        .promotions-list .promotions__item .promotion__teaser[data-v-48f0ae32] {
            display: grid;
            padding: .5rem;
            grid-gap: .5rem;
            background-color: #14233c;
            grid-template-columns: 5fr 1fr 1fr
        }

        .promotions-list .promotions__item .promotion__teaser .promotion__title[data-v-48f0ae32] {
            text-transform: uppercase
        }

        .promotions-list .promotions__item .promotion__teaser .detail[data-v-48f0ae32] {
            grid-column: 3/4
        }

        .promotions-list .promotions__item .promotion__teaser p[data-v-48f0ae32] {
            font-size: .75rem;
            grid-column: 1/-1
        }

        .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
        }

        .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
        }

        .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))
        }

        i[data-v-1272be00] {
            margin-right: .5rem
        }

        .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>