/* ===== Icon glyph map (idn font) ===== */
.icon-popokgaming:before {
  content: "\e9de";
}
.icon-kagaming_slots:before {
  content: "\e9df";
}
.icon-jili:before {
  content: "\e9dd";
}
.icon-pp-pop:before {
  content: "\e9dc";
}
.icon-sboslots:before {
  content: "\e9db";
}
.icon-telegram:before {
  content: "\e9da";
}
.icon-android-alt:before {
  content: "\e9d9";
}
.icon-amigo:before {
  content: "\e9d7";
}
.icon-square-plus:before {
  content: "\e9d6";
}
.icon-oasis-pay-withdraw:before {
  content: "\e902";
}
.icon-oasis-pay:before {
  content: "\e902";
}
.icon-shadylady:before {
  content: "\e9d5";
}
.icon-ygr_slots:before {
  content: "\e9d3";
}
.icon-history-alt:before {
  content: "\e9d4";
}
.icon-comboslots:before {
  content: "\e9d2";
}
.icon-featured:before {
  content: '\e9d1';
}
.icon-vplus:before {
  content: '\e9d0';
}
.icon-sexygaming:before {
  content: '\e901';
}
.icon-bti:before {
  content: '\e9ce';
}
.icon-recent-search:before {
  content: '\e9cc';
}
.icon-trend:before {
  content: '\e9cd';
}
.icon-idnsns:before {
  content: '\e9cb';
}
.icon-filter:before {
  content: '\e9ca';
}
.icon-ky_slots:before {
  content: '\e9c9';
}
.icon-askmeslot_slot:before {
  content: '\e9c8';
}
.icon-ticket-alt:before {
  content: '\e9c7';
}
.icon-minigame:before {
  content: '\e9be';
}
.icon-ion:before {
  content: '\e9bf';
}
.icon-simpleplay:before {
  content: '\e9bd';
}
.icon-jdb_slot:before {
  content: '\e9bc';
}
.icon-live_22:before {
  content: '\e9bb';
}
.icon-penguin_king:before {
  content: '\e9ba';
}
.icon-bell:before {
  content: '\e9b9';
}
.icon-nsoftcasino:before {
  content: '\e9b7';
}
.icon-bigpot:before {
  content: '\e9b8';
}
.icon-panda:before {
  content: '\e9b6';
}
.icon-cq9:before {
  content: '\e9b5';
}
.icon-5g:before {
  content: '\e9b4';
}
.icon-spin-royal:before {
  content: '\e9b3';
}
.icon-idnarcade:before {
  content: '\e9b2';
}
.icon-oxagg_idn_arcade:before {
  content: '\e9b2';
}
.icon-free-spins:before {
  content: '\e9b1';
}
.icon-mahjongwins:before {
  content: '\e9b0';
}
.icon-apparat:before {
  content: '\e9af';
}
.icon-sagaming:before {
  content: '\e9ae';
}
.icon-cmd:before {
  content: '\e9ad';
}
.icon-nsoft:before {
  content: '\e9ac';
}
.icon-reevo:before {
  content: '\e9ab';
}
.icon-level-up:before {
  content: '\e9aa';
}
.icon-playngo:before {
  content: '\e9a9';
}
.icon-mg_live_grand:before {
  content: '\e9a8';
}
.icon-copy:before {
  content: '\e9a7';
}
.icon-g2fa:before {
  content: '\e9a6';
}
.icon-crypto:before {
  content: '\e9a5';
}
.icon-idnParlay:before {
  content: '\e9a3';
}
.icon-idnlive:before {
  content: '\e9a4';
}
.icon-raffle-ticket:before {
  content: '\e9a2';
}
.icon-swap:before {
  content: '\e9a1';
}
.icon-points:before {
  content: '\e9a0';
}
.icon-shield:before {
  content: '\e99f';
}
.icon-originals:before {
  content: '\e99e';
}
.icon-exclusive:before {
  content: '\e99d';
}
.icon-fastspin:before {
  content: '\e99c';
}
.icon-spadegaming_slot:before {
  content: '\e99b';
}
.icon-sport:before {
  content: '\e998';
}
.icon-esport:before {
  content: '\e999';
}
.icon-virtual:before {
  content: '\e99a';
}
.icon-reelkingdom:before {
  content: '\e997';
}
.icon-tfgaming:before {
  content: '\e996';
}
.icon-pragmaticplay98:before {
  content: '\e995';
}
.icon-playstar:before {
  content: '\e994';
}
.icon-promowin-history:before {
  content: '\e993';
}
.icon-upg:before {
  content: '\e991';
}
.icon-ttg:before {
  content: '\e990';
}
.icon-evolution-nlc:before {
  content: '\e900';
}
.icon-hand-click:before {
  content: '\e989';
}
.icon-leaderboard:before {
  content: '\e98a';
}
.icon-slot-machine:before {
  content: '\e98b';
}
.icon-search-file:before {
  content: '\e98c';
}
.icon-money-bag:before {
  content: '\e98d';
}
.icon-podium:before {
  content: '\e98e';
}
.icon-og:before {
  content: '\e988';
}
.icon-sbobet:before {
  content: '\e987';
}
.icon-slot-mania:before {
  content: '\e986';
}
.icon-slotmania:before {
  content: '\e986';
}
.icon-saba:before {
  content: '\e985';
}
.icon-sabasports:before {
  content: '\e985';
}
.icon-gear:before {
  content: '\e983';
}
.icon-last-amount:before {
  content: '\e984';
}
.icon-ebetlive:before {
  content: '\e982';
}
.icon-playtech:before {
  content: '\e981';
}
.icon-playtech_slot:before {
  content: '\e981';
}
.icon-evolution-btg:before {
  content: '\e980';
}
.icon-promo:before {
  content: '\e97f';
}
.icon-download:before {
  content: '\e97e';
}
.icon-gmw:before {
  content: '\e97d';
}
.icon-square-check:before {
  content: '\e97b';
}
.icon-square:before {
  content: '\e97c';
}
.icon-microgaming:before {
  content: '\e97a';
}
.icon-cellular-balance:before {
  content: '\e979';
}
.icon-complaint:before {
  content: '\e978';
}
.icon-check-alt:before {
  content: '\e977';
}
.icon-share:before {
  content: '\e976';
}
.icon-maintenance:before {
  content: '\e975';
}
.icon-table:before {
  content: '\e974';
}
.icon-ubo:before {
  content: '\e973';
}
.icon-reset:before {
  content: '\e972';
}
.icon-link:before {
  content: '\e970';
}
.icon-email:before {
  content: '\e971';
}
.icon-email-sent:before {
  content: '\e96e';
}
.icon-ask:before {
  content: '\e96f';
}
.icon-back-top:before {
  content: '\e96d';
}
.icon-betgames:before {
  content: '\e968';
}
.icon-livegames:before {
  content: '\e969';
}
.icon-luckystreak:before {
  content: '\e96a';
}
.icon-ezugi-gaming:before {
  content: '\e96b';
}
.icon-vivo-gaming:before {
  content: '\e96c';
}
.icon-evolution:before {
  content: '\e967';
}
.icon-facebook:before {
  content: '\e961';
}
.icon-instagram:before {
  content: '\e962';
}
.icon-skype:before {
  content: '\e963';
}
.icon-twitter:before {
  content: '\e964';
}
.icon-whatsapp:before {
  content: '\e965';
}
.icon-youtube:before {
  content: '\e966';
}
.icon-about-us:before {
  content: '\e95d';
}
.icon-privacy-policy:before {
  content: '\e95e';
}
.icon-responsible-gaming:before {
  content: '\e95f';
}
.icon-terms-and-conditions:before {
  content: '\e960';
}
.icon-referral-terms-and-conditions:before {
  content: '\e960';
}
.icon-bank:before {
  content: '\e920';
}
.icon-bank-transfer:before {
  content: '\e920';
}
.icon-e-money:before {
  content: '\e94f';
}
.icon-mail:before {
  content: '\e958';
}
.icon-qris:before {
  content: '\e959';
}
.icon-register:before {
  content: '\e95a';
}
.icon-username:before {
  content: '\e95b';
}
.icon-virtual-account:before {
  content: '\e95c';
}
.icon-ticket:before {
  content: '\e957';
}
.icon-mail-open:before {
  content: '\e956';
}
.icon-back:before {
  content: '\e955';
}
.icon-pen:before {
  content: '\e954';
}
.icon-times-outlined:before {
  content: '\e952';
}
.icon-check-outlined:before {
  content: '\e953';
}
.icon-apple:before {
  content: '\e93e';
}
.icon-android:before {
  content: '\e92c';
}
.icon-arrow-down:before {
  content: '\e92d';
}
.icon-arrow-up:before {
  content: '\e92e';
}
.icon-at:before {
  content: '\e92f';
}
.icon-building:before {
  content: '\e930';
}
.icon-calendar:before {
  content: '\e931';
}
.icon-caret-down:before {
  content: '\e932';
}
.icon-caret-up:before {
  content: '\e933';
}
.icon-check-circle:before {
  content: '\e934';
}
.icon-circle:before {
  content: '\e935';
}
.icon-clipboard-check:before {
  content: '\e936';
}
.icon-coins:before {
  content: '\e937';
}
.icon-comment:before {
  content: '\e938';
}
.icon-exclamation-triangle:before {
  content: '\e939';
}
.icon-expand:before {
  content: '\e93a';
}
.icon-eye-slash:before {
  content: '\e93b';
}
.icon-eye:before {
  content: '\e93c';
}
.icon-globe:before {
  content: '\e93d';
}
.icon-id-card:before {
  content: '\e93f';
}
.icon-key:before {
  content: '\e940';
}
.icon-location-arrow:before {
  content: '\e941';
}
.icon-lock:before {
  content: '\e942';
}
.icon-mobile:before {
  content: '\e943';
}
.icon-money-check:before {
  content: '\e944';
}
.icon-paper-plane:before {
  content: '\e945';
}
.icon-pause-circle:before {
  content: '\e946';
}
.icon-play-circle:before {
  content: '\e947';
}
.icon-play:before {
  content: '\e948';
}
.icon-search:before {
  content: '\e949';
}
.icon-sort-down:before {
  content: '\e94a';
}
.icon-sort-up:before {
  content: '\e94b';
}
.icon-star:before {
  content: '\e94c';
}
.icon-sync:before {
  content: '\e94d';
}
.icon-times-circle:before {
  content: '\e94e';
}
.icon-user-check:before {
  content: '\e950';
}
.icon-user-ninja:before {
  content: '\e951';
}
.icon-arrow-right:before {
  content: '\e92a';
}
.icon-arrow-left:before {
  content: '\e92b';
}
.icon-arrow-shape:before {
  content: '\e929';
}
.icon-volume:before {
  content: '\e928';
}
.icon-bars:before {
  content: '\e927';
}
.icon-betsoft:before {
  content: '\e9d8';
}
.icon-bgaming:before {
  content: '\e911';
}
.icon-booming_games:before {
  content: '\e903';
}
.icon-bng:before {
  content: '\e904';
}
.icon-buy-bonus:before {
  content: '\e905';
}
.icon-felix:before {
  content: '\e906';
}
.icon-gameart-ttg:before {
  content: '\e907';
}
.icon-habanero:before {
  content: '\e912';
}
.icon-hot:before {
  content: '\e908';
}
.icon-idnslot:before {
  content: '\e909';
}
.icon-idnslotdirect:before {
  content: '\e909';
}
.icon-oxagg_idn_slot:before {
  content: '\e909';
}
.icon-isoftbet:before {
  content: '\e90a';
}
.icon-megaways:before {
  content: '\e90b';
}
.icon-evolution-netent:before {
  content: '\e90c';
}
.icon-new:before {
  content: '\e90d';
}
.icon-pgsoft:before {
  content: '\e90e';
}
.icon-bng_playson:before {
  content: '\e90f';
}
.icon-pragmaticplay:before {
  content: '\e910';
}
.icon-redrakegaming:before {
  content: '\e913';
}
.icon-evolution-redtiger:before {
  content: '\e914';
}
.icon-spadegaming:before {
  content: '\e915';
}
.icon-spinomenal:before {
  content: '\e916';
}
.icon-table-games:before {
  content: '\e917';
}
.icon-wearecasino:before {
  content: '\e918';
}
.icon-yggdrasil:before {
  content: '\e919';
}
.icon-edit:before {
  content: '\e923';
}
.icon-history:before {
  content: '\e924';
}
.icon-deposit:before {
  content: '\e91a';
}
.icon-login:before {
  content: '\e91b';
}
.icon-gift:before {
  content: '\e91c';
}
.icon-account:before {
  content: '\e91d';
}
.icon-withdraw:before {
  content: '\e91e';
}
.icon-contact:before {
  content: '\e91f';
}
.icon-activity:before {
  content: '\e921';
}
.icon-home:before {
  content: '\e922';
}
.icon-logout:before {
  content: '\e925';
}
.icon-referral:before {
  content: '\e926';
}
.icon-info:before {
  content: '\e98f';
}
.icon-chat:before {
  content: '\e9cf';
}

/* ===== Base template styles ===== */
             @font-face {
                font-family: Avenir;
                src: url("font/avenir-35.f136337.ttf") format("ttf");
                font-style: normal;
                font-weight: 300
            }

            @font-face {
                font-family: Avenir;
                src: url("font/avenir-45.f630d8a.ttf") format("ttf");
                font-style: normal;
                font-weight: 400
            }

            @font-face {
                font-family: Avenir;
                src: url("font/avenir-55.1ff38de.ttf") format("ttf");
                font-style: normal;
                font-weight: 500
            }

            @font-face {
                font-family: Avenir;
                src: url("font/avenir-65.575ae43.ttf") format("ttf");
                font-style: normal;
                font-weight: 600
            }

            @font-face {
                font-family: Avenir;
                src: url("font/avenir-85.af8024e.ttf") format("ttf");
                font-style: normal;
                font-weight: 700
            }

            @font-face {
                font-family: Avenir;
                src: url("font/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("font/idn.ttf") format("truetype");
                font-weight: 400;
                font-style: normal;
                font-display: block
            }

            [class*=" icon-"],[class^=icon-] {
                font-family: "idn"!important;
                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
            }

            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: var(--theme-color);
                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: var(--surface-1, #0b0b0b);
                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: var(--theme-color)
            }

            .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: var(--theme-color)
            }

            .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: var(--surface-2, #0f0f0f)
            }

            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: var(--theme-color)
            }

            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: var(--theme-color)
            }

            a {
                color: inherit;
                font-size: .875rem;
                text-decoration: none;
                vertical-align: middle
            }

            @media(hover: hover)and (min-width:1024px) {
                a:not(.bx-pof7z9):hover {
                    color:var(--theme-color)
                }
            }

            button {
                border: none;
                outline: none;
                cursor: pointer;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                font-family: inherit;
                background-color: unset
            }

            .bx-pof7z9 {
                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
            }

            .bx-pof7z9:disabled,.bx-pof7z9:hover:disabled {
                cursor: not-allowed;
                color: hsla(0,0%,100%,.38);
                background-color: var(--surface-2, #0f0f0f)
            }

            .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: var(--surface-2, #0f0f0f)
            }

            .btn--loading i {
                position: absolute;
                color: var(--theme-color)
            }

            .gr-28exq {
                font-size: .75rem;
                height: 24px
            }

            .btn--block {
                display: block;
                width: 100%
            }

            .ly-krqia3 {
                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: var(--surface-2, #0f0f0f)
            }

            @media(hover: hover)and (min-width:1024px) {
                .btn--light:hover {
                    background-color:#1f252d
                }
            }

            .btn--demo-play {
                color: #fff;
                border: 1px solid hsla(0,0%,100%,.6);
                background-color: rgba(41,50,60,.5)
            }

            @media(hover: hover)and (min-width:1024px) {
                .btn--demo-play:hover {
                    background-color:var(--surface-2, #0f0f0f)
                }
            }

            .btn--dark {
                color: #fff;
                background-color: var(--surface-1, #0b0b0b)
            }

            .btn--dark:hover {
                background-color: #060708
            }

            .btn--primary {
                color: #fff;
                background-color: var(--theme-color)
            }

            .btn--primary:hover {
                background-color: #0d1116
            }

            .pn-6t4d7 {
                color: #fff;
                background-color: var(--theme-color)
            }

            @media(hover: hover)and (min-width:1024px) {
                .pn-6t4d7:hover {
                    background-color:#c61449
                }
            }

            .gr-u03shl {
                color: #fff;
                background-color: var(--theme-color)
            }

            @media(hover: hover)and (min-width:1024px) {
                .gr-u03shl:hover {
                    background-color:#a817b5
                }
            }

            .ui-na3c {
                color: #fff;
                background-color: var(--theme-color)
            }

            @media(hover: hover)and (min-width:1024px) {
                .ui-na3c:hover {
                    background-color:#a70b59
                }
            }

            .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,.ui-p0a7f {
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%
            }

            .ui-p0a7f {
                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: var(--surface-2, #0f0f0f);
                filter: drop-shadow(.1rem .1rem .1rem var(--surface-1, #0b0b0b))
            }

            .toasted-container.app-toast .toasted.app-toast:after {
                position: absolute;
                display: block;
                left: 0;
                bottom: 0;
                content: "";
                width: 100%;
                height: .25rem;
                background-color: rgba(13,191,187,.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: var(--surface-2, #0f0f0f)
            }

            .toasted-container.app-toast .toasted.app-toast>i:before {
                filter: drop-shadow(.1rem .1rem .1rem var(--surface-1, #0b0b0b))
            }

            .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: var(--theme-color)
            }

            .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: var(--theme-color)
            }

            .toasted-container.app-toast .toasted.app-toast.toast--error i {
                color: #ff4d4d
            }

            .shadow-container {
                position: relative;
                overflow: hidden
            }

            .shadow-container:after,.shadow-container:before {
                position: absolute;
                top: 0;
                opacity: 0;
                z-index: 2;
                content: "";
                width: 50px;
                height: 100%;
                pointer-events: none;
                transition: opacity .2s ease
            }

            .shadow-container.shadow--primary:before {
                left: 0;
                background: linear-gradient(90deg,var(--theme-color) 0,rgba(23,30,38,0))
            }

            .shadow-container.shadow--primary:after {
                right: 0;
                background: linear-gradient(270deg,var(--theme-color) 0,rgba(23,30,38,0))
            }

            .shadow-container.shadow--dark:before {
                left: 0;
                background: linear-gradient(90deg,var(--surface-1, #0b0b0b) 0,rgba(16,19,23,0))
            }

            .shadow-container.shadow--dark:after {
                right: 0;
                background: linear-gradient(270deg,var(--surface-1, #0b0b0b) 0,rgba(16,19,23,0))
            }

            .shadow-container.shadow-end:after,.shadow-container.shadow-start:before {
                opacity: 1
            }

            .shadow-container .shadow-observer {
                display: block;
                width: 1px;
                height: 1px;
                flex-shrink: 0
            }

            .page-enter-active,.page-leave-active {
                transition: opacity .3s cubic-bezier(.4,0,.2,1)
            }

            .game-fade-enter,.game-fade-leave-to,.page-enter,.page-leave-to {
                opacity: 0
            }

            .game-fade-enter-active,.game-fade-leave-active {
                transition: opacity .5s ease
            }

            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: var(--surface-1, #0b0b0b);
                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: var(--surface-1, #0b0b0b)
                }

                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
            }



            .dropdown .dropdown__toggle .btn--dropdown-toggle~.dropdown__icon {
                right: .5rem
            }

            .pn-9vrbov {
                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)
            }

            .ly-797y {
                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 var(--surface-2, #0f0f0f)
            }

            .page-header h3 {
                font-size: 1rem
            }

            .page-header i {
                margin-right: .5rem
            }

            .scroll--disabled {
                overflow: hidden
            }

            .error {
                color: #ff4d4d
            }

            .warning {
                color: #fdd835
            }

            .loading {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 999;
                background-color: rgba(16,19,23,.9)
            }

            .loading--global {
                position: fixed;
                background-color: rgba(16,19,23,.7)
            }

            .loading .sk-cube-grid {
                width: 40px;
                height: 40px;
                overflow: hidden;
                border-radius: 2px
            }

            .loading .sk-cube-grid .sk-cube {
                width: 33%;
                height: 33%;
                float: left;
                background-color: var(--theme-color);
                -webkit-animation: sk-cubeGridScaleDelay 1.3s ease-in-out infinite;
                animation: sk-cubeGridScaleDelay 1.3s ease-in-out infinite
            }

            .loading .sk-cube-grid .sk-cube1 {
                -webkit-animation-delay: .2s;
                animation-delay: .2s
            }

            .loading .sk-cube-grid .sk-cube2 {
                -webkit-animation-delay: .3s;
                animation-delay: .3s
            }

            .loading .sk-cube-grid .sk-cube3 {
                -webkit-animation-delay: .4s;
                animation-delay: .4s
            }

            .loading .sk-cube-grid .sk-cube4 {
                -webkit-animation-delay: .1s;
                animation-delay: .1s
            }

            .loading .sk-cube-grid .sk-cube5 {
                -webkit-animation-delay: .2s;
                animation-delay: .2s
            }

            .loading .sk-cube-grid .sk-cube6 {
                -webkit-animation-delay: .3s;
                animation-delay: .3s
            }

            .loading .sk-cube-grid .sk-cube7 {
                -webkit-animation-delay: 0s;
                animation-delay: 0s
            }

            .loading .sk-cube-grid .sk-cube8 {
                -webkit-animation-delay: .1s;
                animation-delay: .1s
            }

            .loading .sk-cube-grid .sk-cube9 {
                -webkit-animation-delay: .2s;
                animation-delay: .2s
            }

            @-webkit-keyframes sk-cubeGridScaleDelay {
                0%,70%,to {
                    transform: scaleX(1)
                }

                35% {
                    transform: scale3D(0,0,1)
                }
            }

            @keyframes sk-cubeGridScaleDelay {
                0%,70%,to {
                    transform: scaleX(1)
                }

                35% {
                    transform: scale3D(0,0,1)
                }
            }

            .gr-qiwwr {
                position: relative;
                display: grid;
                min-height: 100%;
                grid-template-columns: 100%;
                grid-template-rows: auto 1fr auto auto auto
            }

            .gr-qiwwr .fx-ogp0 {
                position: absolute;
                width: 100%;
                top: 1500px;
                pointer-events: none;
                height: calc(100% - 1500px)
            }

            .gr-qiwwr main>.pn-2o21 {
                background-color: var(--surface-1, #0b0b0b)
            }

            .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 .fx-ogp0 {
                top: unset;
                bottom: 100px;
                height: 1px
            }

            .layout--d.layout--bg main>.pn-2o21 {
                padding: 1rem
            }

            .pn-51dy {
                position: sticky;
                top: 0;
                color: #fff;
                height: 90px;
                z-index: 99;
                background-color: var(--surface-1, #0b0b0b)
            }

            .app-header__dewafortune {
                position: relative;
                margin-right: .5rem
            }

            .app-header__dewafortune img {
                position: absolute;
                top: 0;
                left: 0;
                width: 2rem;
                transform: translate(-60%,-20%)
            }

            .sc-e29quo {
                position: relative;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                height: 54px
            }

            .fx-sfx9 {
                display: flex;
                overflow: hidden;
                background-color: var(--theme-color);
                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 var(--surface-2, #0f0f0f);
                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 var(--surface-2, #0f0f0f)
            }

            .app-header--d .el-bzez {
                margin: 0 auto;
                max-width: 1200px
            }

            .app-header--d .bx-dn25 {
                position: sticky;
                max-width: unset;
                left: 7rem
            }

            .bx-dn25 {
                max-width: 40%
            }

            .bx-dn25 a .bx-kyn0t {
                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
            }

            .pn-wm9l1o {
                width: 60%;
                justify-content: flex-end
            }

            .pn-wm9l1o,.pn-wm9l1o .sc-0355,.pn-wm9l1o .app-header__user {
                display: flex;
                align-items: center
            }

            .pn-wm9l1o .sc-0355 .app-header__btn-inbox,.pn-wm9l1o .app-header__user .app-header__btn-inbox {
                margin-right: 1rem
            }

            .pn-wm9l1o .sc-0355 .pn-p5t6ai .icon_chip i,.pn-wm9l1o .app-header__user .pn-p5t6ai .icon_chip i {
                color: var(--theme-color)
            }

            .pn-wm9l1o .sc-0355>*,.pn-wm9l1o .app-header__user>* {
                margin-right: .5rem
            }

            .pn-wm9l1o .sc-0355>:last-child,.pn-wm9l1o .app-header__user>:last-child {
                margin-right: 0
            }

            @media(min-width: 1024px) {
                .pn-wm9l1o {
                    width:auto
                }

                .pn-wm9l1o .sc-0355 .bx-pof7z9 {
                    width: 4.75rem
                }
            }

            .ui-nhxq {
                flex: 1 1 25%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 0;
                border-left: 1px solid var(--theme-color)
            }

            .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 var(--surface-2, #0f0f0f)
            }

            .drawer__toggle--d:hover,.drawer__toggle--d i {
                color: var(--theme-color)
            }

            .drawer__toggle--active {
                color: var(--theme-color);
                background-color: var(--surface-1, #0b0b0b)
            }

            .el-bzez {
                width: 100vw;
                padding: 0 .5rem
            }

            @media(min-width: 1024px) {
                .el-bzez {
                    padding:0 1rem
                }
            }

            .sc-lflee {
                position: relative;
                display: flex;
                flex: 1 1 75%;
                overflow: hidden;
                min-height: 24px
            }

            .app-breadcrumbs--light {
                background-color: var(--surface-1, #0b0b0b)
            }

            .app-breadcrumbs--primary {
                background-color: var(--theme-color)
            }

            .sc-lflee:after,.sc-lflee:before {
                position: absolute;
                opacity: 0;
                top: 0;
                width: 50px;
                height: 100%;
                content: "";
                z-index: 2;
                pointer-events: none;
                transition: opacity .2s ease
            }

            .sc-lflee:before {
                left: 0;
                background: linear-gradient(90deg,var(--theme-color) 0,rgba(23,30,38,0))
            }

            .sc-lflee:after {
                right: 0;
                background: linear-gradient(270deg,var(--theme-color) 0,rgba(23,30,38,0))
            }

            .app-breadcrumbs--shadow-end:after,.app-breadcrumbs--shadow-start:before {
                opacity: 1
            }

            .sc-lflee 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
            }

            .sc-lflee ul::-webkit-scrollbar {
                display: none
            }

            .sc-lflee .ui-jj6eyx {
                flex-shrink: 0;
                height: 100%;
                width: 1px
            }

            .sc-lflee .md-3ysn8 {
                height: 100%;
                transition: color .2s ease;
                scroll-snap-align: start
            }

            .sc-lflee .md-3ysn8:hover {
                color: #fff
            }

            .sc-lflee .nav-item--fill {
                font-size: .75rem;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .sc-lflee .nav-item--fill i {
                color: #fff
            }

            .sc-lflee .md-3ysn8 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
            }

            .sc-lflee .md-3ysn8 a.gr-dv1b[data-ref=bonus],.sc-lflee .md-3ysn8 a.gr-dv1b[data-ref=leaderboard],.sc-lflee .md-3ysn8 a.gr-dv1b[data-ref=promowins],.sc-lflee .md-3ysn8 a.gr-dv1b[data-ref=referral],.sc-lflee .md-3ysn8 a.pn-p5t6ai:not([data-ref=promo]):not([data-ref=promosi]):not([data-ref=slots]) {
                color: var(--theme-color)
            }

            .app-breadcrumbs--d {
                flex: unset
            }

            .app-breadcrumbs--d ul {
                min-height: 24px
            }

            .app-breadcrumbs--d:before {
                background: linear-gradient(90deg,var(--surface-1, #0b0b0b) 0,transparent)
            }

            .app-breadcrumbs--d:after {
                background: linear-gradient(270deg,var(--surface-1, #0b0b0b) 0,transparent)
            }

            .fx-cgij i:first-child {
                margin-right: .5rem
            }

            .fx-cgij i:last-child {
                margin-left: .5rem
            }

            i:before {
                margin: 0;
                font-size: inherit
            }

            i.success {
                color: #139c44
            }

            i.error {
                color: #ff4d4d
            }

            i.spin {
                display: inline-block;
                -webkit-animation: spin 2s linear infinite;
                animation: spin 2s linear infinite
            }

            i.icon--xs {
                font-size: .75em
            }

            i.icon--sm {
                font-size: .875em
            }

            i.icon--md {
                font-size: inherit
            }

            i.icon--lg {
                font-size: 1.33333em
            }

            i.icon--2x {
                font-size: 2em
            }

            i.icon--2-5x {
                font-size: 2.5em
            }

            i.icon--3x {
                font-size: 3em
            }

            i.icon--4x {
                font-size: 4em
            }

            @-webkit-keyframes spin {
                0% {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(1turn)
                }
            }

            @keyframes spin {
                0% {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(1turn)
                }
            }

            .pn-2o21 {
                padding: 0 .5rem;
                height: 100%;
                min-height: 100%
            }

            @media(min-height: 550px) {
                .pn-2o21 {
                    height:100%;
                    min-height: 100%
                }
            }

            @media(min-width: 1024px) {
                .pn-2o21 {
                    padding:0 1rem;
                    margin: 0 auto;
                    max-width: 1200px
                }
            }

            .sc-eof1nz {
                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%)
            }

            .gr-wpwq .ly-qbcjhc {
                left: -.5rem;
                width: calc(100% + 1rem)
            }

            .home--columns-2 {
                grid-column: span 4
            }

            .home--columns-1 {
                grid-column: span 2
            }

            .gr-wpwq .ly-6zvyai {
                margin-top: -20px;
                padding-bottom: calc(1rem + 20px)
            }

            .gr-wpwq .ly-6zvyai:first-of-type {
                margin-top: 0
            }

            .gr-wpwq .ly-6zvyai:last-of-type {
                padding-bottom: 1rem
            }

            .home--d {
                display: grid;
                grid-gap: .5rem;
                grid-template-columns: repeat(6,minmax(0,1fr))
            }

            .home--d .sc-eof1nz {
                padding: 0
            }

            .home--d .home--full-width {
                grid-column: 1/-1
            }

            .home--d .el-vjd2o {
                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 .sc-eof1nz {
                grid-column: 1/5
            }

            .home--d .ly-6zvyai {
                margin-top: 0;
                padding-bottom: 1rem;
                border-radius: 5px
            }

            .home--d .ly-6zvyai:first-of-type {
                margin-top: unset
            }

            .home--d .bx-i4hok,.home--d .ly-fvuyro {
                padding: .25rem 1rem
            }

            .home--d .ly-6zvyai.bx-i4hok {
                grid-row: 6/7
            }

            .home--d .arcade-showcase {
                grid-row: 7/8
            }

            .el-vjd2o {
                height: 0;
                overflow: hidden;
                background-color: var(--surface-1, #0b0b0b);
                width: calc(100% + 1rem);
                transform: translateX(-.5rem);
                padding-bottom: calc(35% + .35rem)
            }

            .el-vjd2o .ly-cudau {
                position: absolute!important;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .el-vjd2o .ly-cudau .sc-h6k2l {
                bottom: 0;
                display: flex!important;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .el-vjd2o .ly-cudau .sc-h6k2l li {
                width: 1rem;
                height: .75rem;
                margin: 0 1px;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .el-vjd2o .ly-cudau .sc-h6k2l li button {
                width: 1rem;
                height: .75rem
            }

            .el-vjd2o .ly-cudau .sc-h6k2l li button:before {
                width: 1rem;
                height: .75rem;
                opacity: .5;
                font-size: .5rem;
                line-height: normal;
                color: #fff
            }

            .el-vjd2o .ly-cudau .sc-h6k2l li.sc-nenri button:before {
                opacity: 1
            }

            .el-vjd2o .ly-cudau .fx-wkij {
                height: unset!important
            }

            .el-vjd2o .ly-cudau .el-uvoo2 {
                display: block;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                pointer-events: none
            }

            i {
                margin-right: .5rem
            }

            .ly-qbcjhc {
                position: relative;
                display: flex;
                align-items: center;
                font-size: .875rem;
                padding: .5rem 0 .5rem 1rem
            }

            .ly-qbcjhc marquee {
                margin-left: .5rem
            }

            .ly-qbcjhc:after,.ly-qbcjhc:before {
                position: absolute;
                top: 0;
                width: 50px;
                height: 100%;
                content: "";
                z-index: 2;
                pointer-events: none
            }

            .ly-qbcjhc:before {
                left: 2rem
            }

            .ly-qbcjhc:after {
                right: 0
            }

            .running-text--light {
                background-color: var(--surface-2, #0f0f0f)
            }

            .running-text--light:before {
                background: linear-gradient(90deg,var(--surface-2, #0f0f0f) 0,rgba(41,50,60,0))
            }

            .running-text--light:after {
                background: linear-gradient(270deg,var(--surface-2, #0f0f0f) 0,rgba(41,50,60,0))
            }

            .fx-ak2t8z {
                background-color: var(--theme-color)
            }

            .fx-ak2t8z:before {
                background: linear-gradient(90deg,var(--theme-color) 0,rgba(23,30,38,0))
            }

            .fx-ak2t8z:after {
                background: linear-gradient(270deg,var(--theme-color) 0,rgba(23,30,38,0))
            }

            .running-text--d {
                overflow: hidden;
                margin-bottom: .5rem;
                border-radius: 5px
            }

            .ct-snig4 {
                position: relative;
                left: -.5rem;
                z-index: 1;
                overflow: hidden;
                width: calc(100% + 1rem)
            }

            .app-menu--primary {
                background-color: var(--theme-color)
            }

            .app-menu--dark {
                background-color: var(--surface-1, #0b0b0b)
            }

            .ct-snig4:after,.ct-snig4:before {
                position: absolute;
                top: 0;
                opacity: 0;
                z-index: 2;
                content: "";
                width: 50px;
                pointer-events: none;
                height: calc(100% + 20px);
                transition: opacity .2s ease
            }

            .ct-snig4:before {
                left: 0;
                background: linear-gradient(90deg,var(--surface-1, #0b0b0b) 0,rgba(16,19,23,0))
            }

            .ct-snig4:after {
                right: 0;
                background: linear-gradient(270deg,var(--surface-1, #0b0b0b) 0,rgba(16,19,23,0))
            }

            .app-menu--shadow-end:after,.app-menu--shadow-start:before {
                opacity: 1
            }

            .ct-snig4 ul {
                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
            }

            .ct-snig4 ul::-webkit-scrollbar {
                display: none
            }

            .ct-snig4 ul li {
                scroll-snap-align: start
            }

            .ct-snig4 ul .gr-iwns {
                display: block;
                width: 1px;
                height: 1px;
                flex-shrink: 0
            }

            .ct-snig4 ul .el-h070 {
                flex: 0 0 20%;
                padding: 0 .25rem
            }

            .ct-snig4 ul .el-h070 a {
                position: relative;
                font-size: .75rem;
                font-weight: 700;
                padding: 1rem 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center
            }

            .ct-snig4 ul .el-h070 a span {
                display: block;
                margin-top: .5rem
            }

            .ct-snig4 ul .el-h070 a .pn-rvcu {
                position: absolute;
                bottom: -1rem
            }

            .ct-snig4 ul .el-h070 a.gr-dv1b {
                color: var(--theme-color)
            }

            .ct-snig4 ul .el-h070 a.gr-dv1b .pn-rvcu {
                bottom: 0
            }

            .ct-snig4 ul .app-menu__item--font-large a {
                font-size: .875rem
            }

            .ct-snig4 ul .app-menu__item--font-large a .pn-rvcu {
                bottom: -1.25rem
            }

            @media(min-width: 640px) {
                .ct-snig4 ul {
                    justify-content:space-evenly
                }

                .ct-snig4 ul .el-h070 {
                    flex: unset
                }
            }

            .app-menu--d {
                width: 100%;
                left: unset;
                margin-top: -.5rem
            }

            .app-menu--d ul {
                display: flex;
                align-items: center;
                justify-content: center
            }

            .app-menu--d ul .el-h070 {
                margin: 0 1rem
            }

            .sc-ar35 {
                display: block
            }

            .ly-crbqg {
                width: 1.5rem;
                height: 1.5rem
            }

            .md-3rhh {
                width: 2rem;
                height: 2rem
            }

            .md-d0ujm {
                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
            }

            .brand-icon--landscape {
                width: 100%;
                max-width: 10rem
            }

            .ly-6zvyai {
                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) {
                .ly-6zvyai {
                    width:100%;
                    left: 0
                }
            }

            .ui-ll1v {
                background-color: var(--surface-2, #0f0f0f)
            }

            .ct-erz7r {
                background-color: var(--theme-color)
            }

            .ly-6zvyai.ct-erz7r .pn-7vv3d7 {
                background-color: var(--surface-2, #0f0f0f)
            }

            .ly-6zvyai .pn-7vv3d7 {
                font-weight: 700;
                font-size: .75rem;
                padding: .2rem .75rem;
                background-color: var(--surface-1, #0b0b0b);
                border-radius: 10px
            }

            .pn-2uz9a a {
                display: flex;
                align-items: center;
                font-size: .875rem;
                font-weight: 700
            }

            .pn-2uz9a a img,.pn-2uz9a a object,.pn-2uz9a a svg {
                margin-right: .5rem
            }

            .pn-ymllhs {
                display: block;
                width: 100%;
                border-radius: 5px
            }

            .md-hk5z {
                max-width: 100%
            }

            .ct-05c86e {
                display: grid;
                align-items: center;
                grid-template-rows: auto 1fr auto
            }

            .ct-05c86e .gr-2re8sx {
                padding: 1rem;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between
            }

            .ct-05c86e .pn-2uz9a {
                margin-bottom: 0
            }

            .ct-05c86e .ly-t0d2xp {
                padding: .5rem 1rem 0
            }

            @media(min-width: 1024px) {
                .ct-05c86e .ly-t0d2xp {
                    width:100%;
                    max-width: 20rem;
                    justify-self: center
                }

                .ct-05c86e .gr-2re8sx {
                    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 .pn-2uz9a {
                justify-self: start;
                padding: 1rem 0
            }

            .card--inline .md-hk5z {
                grid-column: span 4
            }

            .card--inline .pn-7vv3d7 {
                grid-column: 6/7;
                justify-self: center
            }

            .bx-c2opm2 {
                display: grid;
                padding: 0 1rem;
                grid-gap: .75rem;
                grid-template-columns: repeat(2,minmax(0,1fr))
            }

            .bx-c2opm2 .pn-2uz9a {
                padding: 1rem 0
            }

            .bx-c2opm2 .ly-t0d2xp {
                margin-top: .5rem
            }

            .card--d.ct-05c86e .gr-2re8sx {
                padding: 1rem
            }

            .card--d.ct-05c86e .md-hk5z {
                padding: 0 1rem
            }

            .pn-1zep {
                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 {
                display: grid;
                grid-template-rows: repeat(2,minmax(0,1fr))
            }

            .bx-nx0zn3 {
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center
            }

            .bx-nx0zn3 span {
                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) {
                .bx-nx0zn3 span {
                    font-size:.75rem
                }
            }

            .bx-nx0zn3.pn-p5t6ai {
                color: var(--theme-color)
            }

            .bx-nx0zn3.pn-p5t6ai .pn-ymlchk {
                border: 1px solid var(--theme-color)
            }

            .pn-ymlchk {
                position: relative;
                width: 3.5rem;
                height: 3.5rem;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--surface-1, #0b0b0b);
                border-radius: 50%;
                border: 1px solid var(--surface-1, #0b0b0b)
            }

            .pn-ymlchk img {
                width: 100%
            }

            .pn-ymlchk:before {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 30%
            }

            .pn-ymlchk.ly-1u4b:before {
                content: "";
                filter: drop-shadow(.1rem .1rem .1rem var(--surface-1, #0b0b0b));
                background: 0 100%/contain no-repeat url("provider/provider-promo.svg")
            }

            .pn-ymlchk.bx-kkae:before {
                content: "";
                filter: drop-shadow(.1rem .1rem .1rem var(--surface-1, #0b0b0b));
                background: 0 100%/contain no-repeat url("provider/provider-new.svg")
            }

            .slot-carousel__maintenance {
                position: absolute;
                top: 0;
                right: -20%;
                width: 1.5rem;
                height: 1.5rem;
                padding: .1rem;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--theme-color);
                border-radius: 50%
            }

            .slot-carousel__maintenance i {
                color: #fdd835
            }

            .ui-d8lvh,.md-tre3t {
                position: absolute;
                right: -22%;
                bottom: -5px;
                width: 2rem;
                height: 2rem
            }

            .ui-d8lvh img,.md-tre3t img {
                display: block;
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain;
                filter: drop-shadow(0 0 .2rem var(--surface-1, #0b0b0b))
            }

            .slot-carousel--d .pn-1zep {
                grid-template-rows: unset;
                grid-template-columns: repeat(8,minmax(0,1fr))
            }

            .slot-carousel--d .el-67cs .bx-nx0zn3:nth-child(2n) {
                grid-row: unset
            }

            .md-nomfp {
                display: grid;
                overflow: hidden;
                grid-template-columns: auto 1fr auto
            }

            .md-nomfp,.bx-cql7i {
                position: relative;
                align-items: center
            }

            .bx-cql7i {
                display: flex;
                width: 1.5rem;
                height: 4rem;
                cursor: pointer;
                color: var(--theme-color);
                z-index: 2
            }

            .bx-cql7i i {
                z-index: 2
            }

            .bx-cql7i.fx-t5ai:before {
                position: absolute;
                color: var(--surface-1, #0b0b0b);
                font-size: 3.5rem;
                content: "";
                font-family: "idn"
            }

            .pn-eiijdt {
                pointer-events: none;
                color: hsla(0,0%,100%,.38)
            }

            .fx-6ck8nd {
                padding-left: .25rem
            }

            .fx-6ck8nd:before {
                left: 0
            }

            .md-7vx3w8 {
                padding-right: .25rem;
                justify-content: flex-end
            }

            .md-7vx3w8:before {
                right: 0;
                transform: rotate(180deg)
            }

            .sc-rplkzh {
                overflow: hidden
            }

            .bx-yyznu {
                display: flex
            }

            .bx-yyznu.ly-e24se {
                transition: transform .3s ease-out
            }

            .carousel--d .bx-cql7i {
                width: auto;
                height: 2rem
            }

            .ct-hlo3gn ul {
                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
            }

            .ct-hlo3gn ul::-webkit-scrollbar {
                display: none
            }

            .sc-5935t4 {
                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: var(--theme-color)
            }

            .sc-5935t4:nth-last-child(2) {
                margin-right: 0
            }

            .sc-a31u {
                width: 1rem;
                height: 10px;
                flex-shrink: 0
            }

            .ui-xk46x {
                position: relative;
                overflow: hidden;
                border-radius: 5px
            }

            .casino-game--maintenance {
                pointer-events: none
            }

            .ui-xk46x a {
                cursor: pointer;
                position: relative;
                width: 100%
            }

            .ui-xk46x a .el-121o {
                position: relative;
                height: 0;
                padding-bottom: 162.03209%;
                display: flex;
                align-items: flex-end;
                overflow: hidden;
                border-radius: 5px
            }

            .ui-xk46x a .el-121o:before {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
                content: "";
                width: 100%;
                height: 100%;
                pointer-events: none;
                border-radius: 5px;
                border: 2px solid var(--surface-2, #0f0f0f)
            }

            .ui-xk46x a .el-121o:after {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 50%;
                content: "";
                background: linear-gradient(0deg,var(--surface-1, #0b0b0b),transparent 30%,transparent)
            }

            .ui-xk46x a .el-121o>img {
                position: absolute;
                width: 100%;
                left: 0;
                bottom: 0;
                opacity: 1;
                will-change: opacity;
                transition: opacity .2s ease
            }

            .ui-xk46x a .el-121o>img.placeholder {
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain
            }

            .ui-xk46x a .casino-game__maintenance {
                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(23,30,38,.8)
            }

            .ui-xk46x a .casino-game__maintenance span {
                font-size: .75rem;
                text-align: center;
                font-weight: 500;
                margin-top: .25rem
            }

            .ui-xk46x a .casino-game__maintenance img {
                position: relative
            }

            .casino-game--history-view {
                display: grid;
                grid-gap: 1rem;
                align-items: center;
                grid-template-columns: 2fr 3fr
            }

            @media(min-width: 1024px) {
                .casino-game--history-view {
                    grid-template-columns:1fr 5fr
                }
            }

            .el-aql9 a>.el-121o:before {
                border-color: var(--surface-1, #0b0b0b)
            }

            .el-01yw a>.el-121o:before {
                border: 2px solid #139c44
            }

            .el-01yw:not(.casino-game--history-view):after {
                position: absolute;
                right: 0;
                bottom: -1px;
                z-index: 3;
                content: attr(data-flag);
                text-transform: uppercase;
                font-weight: 700;
                font-style: italic;
                font-size: .5rem;
                padding: .25rem .5rem;
                background: 50%/contain no-repeat url("icon/promo.svg")
            }

            .bx-rxt6k a .el-121o:before {
                border: 2px solid #ff4343
            }

            .bx-rxt6k:not(.casino-game--history-view):after {
                position: absolute;
                right: 0;
                bottom: -1px;
                z-index: 3;
                min-width: 3rem;
                content: attr(data-flag);
                text-transform: uppercase;
                font-weight: 700;
                font-style: italic;
                font-size: .5rem;
                text-align: center;
                padding: .25rem .5rem;
                background: 50%/contain no-repeat url("provider/new.svg")
            }

            .ly-ldwc6f a .el-121o:before {
                border: 2px solid var(--theme-color)
            }

            .ly-ldwc6f:not(.casino-game--history-view):after {
                position: absolute;
                right: 0;
                top: -1px;
                z-index: 3;
                content: attr(data-flag);
                text-transform: uppercase;
                font-weight: 700;
                font-style: italic;
                font-size: .5rem;
                padding: .25rem .5rem;
                background: 50%/contain no-repeat url("icon/special.b3be628.svg")
            }

            .ui-xk46x.bx-rxt6k.ly-ldwc6f a .el-121o:before {
                border-color: #f6004d
            }

            .ui-xk46x.bx-rxt6k.ly-ldwc6f:not(.casino-game--history-view):after {
                position: absolute;
                right: 0;
                top: -1px;
                bottom: unset;
                z-index: 3;
                color: #fff;
                content: attr(data-flag);
                text-transform: uppercase;
                font-weight: 700;
                font-style: italic;
                font-size: .5rem;
                padding: .25rem .5rem;
                background: 50%/contain no-repeat url("icon/special-alt.svg")
            }

            .el-5beml {
                display: block;
                left: 0;
                bottom: 0;
                padding: .25rem .375rem
            }

            .casino-game__name,.el-5beml {
                position: absolute;
                width: 100%;
                font-weight: 700;
                font-size: .5rem;
                color: #fff
            }

            .casino-game__name {
                display: none;
                top: 2rem;
                z-index: 2;
                padding: 0 .5rem;
                text-align: center
            }

            .gr-d4bvm {
                min-width: 1.5rem;
                font-weight: 700;
                font-size: .5rem;
                padding: 1px;
                text-align: center;
                color: #fff;
                border-radius: 5px;
                background-color: var(--surface-1, #0b0b0b);
                border: 2px solid var(--surface-2, #0f0f0f);
                border-top: 4px solid var(--surface-2, #0f0f0f)
            }

            .gr-d4bvm,.casino-game__language {
                position: absolute;
                z-index: 4;
                top: .25rem;
                left: .25rem
            }

            .casino-game__language {
                width: 1rem;
                height: 1rem;
                border-radius: 50%
            }

            .casino-game__language img {
                display: block;
                width: 100%;
                height: 100%
            }

            .pn-4p80 {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                background-color: var(--theme-color)
            }

            .pn-4p80:before {
                content: "";
                display: block;
                position: absolute;
                left: -150px;
                top: 0;
                height: 100%;
                width: 100%;
                -webkit-animation: skeleton 1s cubic-bezier(.4,0,.2,1) infinite;
                animation: skeleton 1s cubic-bezier(.4,0,.2,1) infinite;
                background: linear-gradient(90deg,transparent 0,var(--surface-2, #0f0f0f) 50%,transparent)
            }

            .fx-34sk {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                height: 100%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: .5rem;
                background-color: var(--theme-color);
                will-change: opacity;
                transition: opacity .2s ease
            }

            .fx-34sk img {
                display: block;
                width: 3.5rem;
                height: 3.5rem;
                -o-object-fit: contain;
                object-fit: contain
            }

            @media(min-width: 1024px) {
                .fx-34sk img {
                    width:4rem;
                    height: 4rem
                }
            }

            .casino-game__history {
                display: grid;
                grid-gap: .5rem;
                grid-template-columns: repeat(2,minmax(0,1fr))
            }

            .casino-game__history>a {
                cursor: pointer
            }

            .casino-game__history h5 {
                grid-row: 1/2;
                grid-column: 1/-1;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .casino-game__history p {
                grid-column: 1/2;
                font-size: .75rem
            }

            .casino-game__history a {
                grid-row: 2/5;
                grid-column: 2/3;
                align-self: end
            }

            @media(min-width: 1024px) {
                .casino-game__history h5 {
                    grid-column:1/2
                }

                .casino-game__history a {
                    grid-row: 1/5;
                    justify-self: end;
                    align-self: center
                }
            }

            .casino-game--d.bx-rxt6k:after,.casino-game--d.el-01yw:after {
                bottom: -2px;
                min-width: 80px;
                font-size: .75rem;
                padding: .375rem .75rem
            }

            .casino-game--d.ly-ldwc6f:after {
                top: -2px;
                min-width: 80px;
                font-size: .75rem;
                text-align: center;
                padding: .375rem .75rem
            }

            .casino-game--d .casino-game__name,.casino-game--d .el-5beml {
                font-size: .675rem
            }

            .casino-game--d .gr-d4bvm {
                top: .5rem;
                left: .5rem;
                min-width: 2rem;
                padding: .125rem;
                font-size: .75rem
            }

            .casino-game--d .casino-game__language {
                top: .5rem;
                left: .5rem;
                width: 1.5rem;
                height: 1.5rem
            }

            .ui-xk46x.casino-game--d.ly-ldwc6f.bx-rxt6k:after {
                top: -2px;
                font-size: .75rem;
                padding: .375rem .75rem
            }

            .pn-ennhi .bx-cql7i.fx-t5ai:before {
                color: var(--surface-2, #0f0f0f)
            }

            .ui-8ez4j6 ul {
                display: grid;
                width: 100%;
                flex-shrink: 0;
                align-content: start;
                grid-auto-flow: column;
                grid-auto-columns: 20%
            }

            .pn-s79msw {
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center
            }

            .pn-s79msw span {
                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) {
                .pn-s79msw span {
                    font-size:.75rem
                }
            }

            .pn-s79msw.pn-p5t6ai {
                color: var(--theme-color)
            }

            .pn-s79msw.pn-p5t6ai .fx-acvti {
                border: 1px solid var(--theme-color)
            }

            .fx-acvti {
                position: relative;
                width: 3.5rem;
                height: 3.5rem;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%
            }

            .fx-acvti img {
                width: 100%
            }

            .fx-acvti:before {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 30%
            }

            .fx-acvti.ly-1u4b:before {
                content: "";
                filter: drop-shadow(.1rem .1rem .1rem var(--surface-1, #0b0b0b));
                background: 0 100%/contain no-repeat url("provider/provider-promo.svg")
            }

            .fx-acvti.bx-kkae:before {
                content: "";
                filter: drop-shadow(.1rem .1rem .1rem var(--surface-1, #0b0b0b));
                background: 0 100%/contain no-repeat url("provider/provider-new.svg")
            }

            .arcade-carousel__maintenance {
                position: absolute;
                top: 0;
                right: -20%;
                width: 1.5rem;
                height: 1.5rem;
                padding: .1rem;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--theme-color);
                border-radius: 50%
            }

            .arcade-carousel__maintenance i {
                color: #fdd835
            }

            .pn-ec3ma {
                position: absolute;
                right: -2px;
                bottom: -2px;
                width: 1.25rem;
                height: 1.25rem;
                background-color: #fff;
                border-radius: 50%
            }

            .pn-ec3ma img {
                position: relative;
                left: 1.5px;
                display: block;
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain
            }

            .arcade-carousel--dark .fx-acvti {
                background-color: var(--surface-1, #0b0b0b);
                border: 1px solid var(--surface-1, #0b0b0b)
            }

            .pn-ennhi .bx-cql7i.fx-t5ai:before {
                color: var(--surface-2, #0f0f0f)
            }

            .pn-ennhi .fx-acvti {
                background-color: var(--surface-2, #0f0f0f);
                border: 1px solid var(--surface-2, #0f0f0f)
            }

            .arcade-carousel--d ul {
                grid-auto-columns: 12.5%
            }

            .footer-banner {
                padding: .5rem;
                background-color: var(--theme-color);
                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
            }

            .ly-gz0h13 {
                font-size: .75rem;
                background-color: var(--theme-color);
                border-top: 1px solid hsla(0,0%,100%,.1)
            }

            .footer-text__container {
                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)
            }

            .ly-gz0h13 article {
                position: relative;
                width: 100%;
                overflow: hidden
            }

            .ly-gz0h13 article:after {
                position: absolute;
                bottom: 0;
                content: "";
                width: 100%;
                height: 24px;
                background: linear-gradient(0deg,var(--theme-color),rgba(23,30,38,0))
            }

            .ly-gz0h13 button {
                position: absolute;
                bottom: .5rem;
                color: var(--theme-color);
                font-size: .75rem
            }

            .footer-text--collapsed {
                max-height: 1000px
            }

            .footer-text--collapsed article:after {
                content: unset
            }

            .footer-text--d .footer-text__container {
                max-height: 8rem
            }

            .footer-text--d .footer-text--collapsed {
                max-height: 1000px
            }

            .bx-9hvgw {
                position: relative;
                padding: 1rem 0;
                color: #fff;
                background-color: var(--theme-color);
                margin-bottom: calc(60px + env(safe-area-inset-bottom))
            }

            .fx-txhz {
                margin: 0 auto;
                padding: 0 1rem;
                max-width: 1200px
            }

            .bx-9hvgw section {
                margin-bottom: 1rem;
                padding-bottom: 1rem;
                border-bottom: 1px solid hsla(0,0%,100%,.1)
            }

            .bx-9hvgw section h5 {
                margin-bottom: .75rem
            }

            .bx-gexci {
                display: grid;
                grid-row-gap: 1rem;
                grid-template-columns: repeat(2,minmax(0,1fr))
            }

            .el-n3nox7 a,.el-n3nox7 button {
                color: hsla(0,0%,100%,.6);
                font-size: .75rem
            }

            .el-n3nox7[data-type=legal] li:last-child a:after {
                content: "";
                font-family: idn
            }

            .el-n3nox7[data-type=brand] li:last-child a:after,.el-n3nox7[data-type=brand] li:last-child button:after {
                content: "";
                font-family: idn;
                margin-left: .25rem
            }

            .pn-yneg ul {
                display: flex
            }

            .pn-yneg ul li {
                margin-right: .75rem
            }

            .pn-yneg ul li:last-child {
                margin-right: 0
            }

            .bx-9hvgw section.fx-7owdl {
                position: relative;
                display: flex;
                justify-content: center;
                padding-bottom: 2rem;
                box-sizing: content-box;
                transition: max-height .2s ease
            }

            .bx-9hvgw section.fx-7owdl article {
                position: relative;
                overflow: hidden
            }

            .bx-9hvgw section.fx-7owdl article p {
                margin: .5rem 0;
                font-size: .75rem;
                color: hsla(0,0%,100%,.6)
            }

            .bx-9hvgw section.fx-7owdl article p:last-child {
                margin-bottom: 0
            }

            .bx-9hvgw section.fx-7owdl article ol,.bx-9hvgw section.fx-7owdl article ul {
                list-style-position: inside
            }

            .bx-9hvgw section.fx-7owdl article:after {
                position: absolute;
                bottom: 0;
                content: "";
                width: 100%;
                height: 24px;
                background: linear-gradient(0deg,var(--theme-color),rgba(23,30,38,0))
            }

            .bx-9hvgw section.fx-7owdl button {
                position: absolute;
                bottom: .5rem;
                color: var(--theme-color);
                font-size: .75rem
            }

            .bx-9hvgw section.app-footer__text--collapsed {
                padding-bottom: calc(.5rem + 24px)
            }

            .bx-9hvgw section.app-footer__text--collapsed article:after {
                content: unset
            }

            .app-footer__idn h5 {
                color: var(--theme-color);
                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
            }

            .ui-hsy738 h5 {
                color: var(--theme-color);
                text-align: center;
                margin-bottom: 1rem
            }

            .ui-hsy738 ul {
                display: grid;
                grid-template-columns: repeat(auto-fit,minmax(5rem,1fr))
            }

            .ui-hsy738 ul li {
                flex-grow: 1;
                min-width: 15%;
                align-items: center
            }

            .ui-hsy738 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
            }

            .ui-hsy738 ul li a i {
                color: var(--theme-color);
                margin-bottom: .25rem
            }

            .ct-z1opjr h5 {
                color: var(--theme-color);
                text-align: center;
                margin-bottom: 1rem
            }

            .ct-z1opjr ul {
                display: grid;
                grid-gap: .25rem;
                grid-auto-rows: 2.5rem;
                grid-auto-flow: dense;
                grid-template-columns: repeat(6,minmax(0,1fr))
            }

            .ct-z1opjr ul li {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: .5rem;
                overflow: hidden;
                border-radius: 5px;
                border: 1px solid var(--surface-2, #0f0f0f)
            }

            .ct-z1opjr ul li.fx-fwhz {
                grid-column: span 2
            }

            .ct-z1opjr 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
            }

            .pn-ophfg {
                font-size: .75rem;
                text-align: center
            }

            .app-footer--d {
                margin-bottom: 0;
                margin-top: -.5rem
            }

            .app-footer--d .bx-gexci {
                grid-template-columns: repeat(4,minmax(0,1fr))
            }

            .app-footer--d .pn-yneg {
                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 .ui-hsy738 h5,.app-footer--d .ct-z1opjr h5 {
                text-align: left;
                margin-bottom: .5rem
            }

            .app-footer--d .ct-z1opjr ul {
                grid-template-columns: repeat(auto-fit,minmax(4rem,1fr))
            }

            .ct-r7b4 {
                position: relative;
                width: 100%;
                bottom: 0;
                z-index: 99;
                background-color: var(--surface-1, #0b0b0b);
                border-top: 1px solid var(--surface-2, #0f0f0f);
                padding-bottom: env(safe-area-inset-bottom);
                height: calc(60px + env(safe-area-inset-bottom))
            }

            @media(min-height: 550px) {
                .ct-r7b4 {
                    position:fixed
                }
            }

            .ly-qwhbs9>ul {
                display: grid;
                grid-template-columns: repeat(5,minmax(0,1fr))
            }

            .ly-qwhbs9>ul .bx-pof7z9 {
                width: 100%;
                border-radius: 0;
                font-weight: 700;
                font-size: .75rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                height: 60px
            }

            .ly-qwhbs9>ul .bx-pof7z9 span {
                margin-top: .25rem
            }

            .ly-qwhbs9>ul .bx-pof7z9.gr-dv1b {
                color: var(--theme-color)
            }

            .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: var(--theme-color)
            }

            .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
            }

            .ct-ao05x {
                position: fixed;
                pointer-events: none;
                z-index: 999;
                top: 90px;
                right: 0;
                bottom: 0;
                left: 0
            }

            .gr-twvxk {
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }

            .gr-twvxk: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
            }

            .gr-rnp6 {
                position: absolute;
                right: calc(-300px - 1rem);
                width: 300px;
                height: 100%;
                overflow-y: auto;
                overflow-y: overlay;
                background-color: var(--surface-2, #0f0f0f);
                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
            }

            .gr-rnp6::-webkit-scrollbar {
                display: none
            }

            .app-drawer--open {
                pointer-events: all
            }

            .app-drawer--open .gr-rnp6 {
                transform: translateX(calc(-300px - 1rem))
            }

            .drawer-fade-enter-active,.drawer-fade-leave-active {
                transition: opacity 225ms cubic-bezier(.4,0,.2,1) 0ms
            }

            .drawer-fade-enter,.drawer-fade-leave-to {
                opacity: 0
            }

            .ly-w47xk {
                background-color: var(--surface-1, #0b0b0b)
            }

            .ly-w47xk ul {
                display: grid;
                grid-gap: 1rem;
                padding: 1rem;
                grid-template-columns: repeat(4,minmax(0,1fr))
            }

            .ly-w47xk li {
                flex: 0 0 25%;
                padding: .5rem
            }

            .ly-w47xk a {
                font-weight: 700;
                font-size: .75rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center
            }

            .ly-w47xk a span {
                display: block;
                margin-top: .5rem;
                white-space: nowrap
            }

            .ly-w47xk a.gr-dv1b {
                color: var(--theme-color)
            }

            .ly-tmd767 .badge {
                height: unset;
                padding: 0 .625rem
            }

            .ly-tmd767 a,.ly-tmd767 button {
                position: relative;
                width: 100%;
                display: flex;
                align-items: center;
                padding: 1rem 1rem 1rem .25rem;
                font-weight: 700;
                font-size: .875rem;
                color: #fff
            }

            .ly-tmd767 a.pn-p5t6ai,.ly-tmd767 button.pn-p5t6ai {
                color: var(--theme-color);
                background-color: rgba(13,191,187,.1)
            }

            .ly-tmd767 a>div,.ly-tmd767 button>div {
                position: absolute;
                width: 3rem;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .ly-tmd767 a i.dropdown-toggle,.ly-tmd767 button i.dropdown-toggle {
                margin-left: auto
            }

            .ly-tmd767 a span,.ly-tmd767 button span {
                margin-left: 3rem
            }

            @media(hover: hover)and (min-width:1024px) {
                .ly-tmd767 a:hover,.ly-tmd767 button:hover {
                    color:var(--theme-color)
                }
            }

            .app-drawer__nav__item__dropdown {
                overflow: hidden
            }

            .app-drawer__nav__item__dropdown.dropdown-collapsed {
                background-color: rgba(13,191,187,.1)
            }

            .app-drawer__nav__item__dropdown.dropdown-collapsed>button {
                color: var(--theme-color)
            }

            @media(hover: hover)and (min-width:1024px) {
                .app-drawer__nav__item__dropdown:hover>button {
                    color:var(--theme-color)
                }
            }

            .app-drawer__nav__item__dropdown ul {
                background-color: rgba(0,0,0,.1);
                transition: height .2s ease
            }

            .app-drawer__freespins ul {
                display: grid;
                max-height: 0;
                grid-gap: 1px;
                overflow: hidden;
                background-color: var(--surface-2, #0f0f0f);
                transition: max-height .2s ease
            }

            .app-drawer__freespins ul.app-drawer__freespins--collapsed {
                max-height: 600px
            }

            .app-drawer__freespins ul li {
                display: grid;
                padding: .5rem 1rem;
                align-items: center;
                grid-column-gap: .25rem;
                grid-template-rows: auto auto;
                grid-template-columns: auto 3.5rem 3rem;
                background: linear-gradient(90deg,var(--surface-2, #0f0f0f) 0,var(--surface-1, #0b0b0b))
            }

            .app-drawer__freespins ul li .game-name {
                font-weight: 700;
                font-size: .875rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .app-drawer__freespins ul li .no-spins {
                font-weight: 700;
                font-size: .75rem;
                grid-column: span 3
            }

            .app-drawer__freespins ul li .fs-detail {
                display: grid;
                font-size: .625rem
            }

            .app-drawer__freespins ul li .fs-detail span:first-child {
                font-weight: 600
            }

            .app-drawer__freespins ul li em {
                width: 100%;
                grid-row: 1/3;
                grid-column: 2/3;
                font-weight: 900;
                font-size: .75rem;
                font-style: normal;
                border-radius: 5px;
                padding: .25rem .375rem
            }

            .app-drawer__freespins ul li a {
                display: flex;
                align-items: center;
                justify-content: center;
                grid-row: 1/3;
                grid-column: 3/4;
                padding: .25rem .5rem;
                font-size: .75rem;
                font-weight: 700;
                border-radius: 5px;
                cursor: pointer
            }

            @media(hover: hover)and (min-width:1024px) {
                .app-drawer__freespins ul li a:hover {
                    color:#fff;
                    background-color: #a70b59
                }
            }

            .app-drawer__freespins ul li.feature em {
                font-size: .5rem;
                text-transform: uppercase
            }

            .el-iipz {
                padding: 1rem;
                display: grid;
                grid-gap: 1rem;
                grid-template-columns: repeat(2,minmax(0,1fr))
            }

            .el-iipz .bx-pof7z9:nth-child(3) {
                grid-column: span 2
            }

            .ly-k5nwk {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                padding: 1rem;
                font-size: .75rem;
                font-weight: 500
            }

            .ly-k5nwk span {
                margin-right: .5rem
            }

            .ly-k5nwk ul {
                display: flex
            }

            .ly-k5nwk ul li:first-child {
                margin-right: .5rem
            }

            .ly-k5nwk ul li:last-child {
                margin-right: 0
            }

            .ly-k5nwk ul li a {
                position: relative
            }

            .ly-k5nwk ul li a img {
                width: 100%;
                height: 100%
            }

            .ly-k5nwk ul li a.fx-ug03 {
                border: 2px solid var(--theme-color)
            }

            .app-drawer--d.ct-ao05x {
                top: 55px;
                right: 0;
                bottom: 0;
                left: 0
            }

            .app-drawer--d .gr-twvxk:before {
                top: 55px;
                height: calc(100% - 53px)
            }

            .app-drawer--d .gr-rnp6 {
                right: unset;
                left: calc(-300px - 1rem);
                transform: translateX(0)
            }

            .app-drawer--d .gr-rnp6::-webkit-scrollbar {
                width: .25rem
            }

            .app-drawer--d .gr-rnp6::-webkit-scrollbar-track {
                border-radius: 20px;
                background-color: var(--surface-1, #0b0b0b)
            }

            .app-drawer--d .gr-rnp6::-webkit-scrollbar-thumb {
                border-radius: 20px;
                background-color: #fff
            }

            .app-drawer--d.app-drawer--open .gr-rnp6 {
                transform: translateX(calc(300px + 1rem))
            }

            .modal {
                position: fixed;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 999
            }

            .modal,.modal__backdrop {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }

            .modal__backdrop {
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,.8)
            }

            .modal--full .modal__backdrop {
                display: none
            }

            .modal--full .modal__header {
                height: 54px;
                padding: 0 1rem;
                background-color: var(--surface-1, #0b0b0b)
            }

            .modal--full .modal__root {
                width: 100%;
                height: 100%
            }

            .modal--full .modal__surface {
                width: 100%;
                height: 100%;
                max-width: 100%;
                padding: 0;
                border-radius: 0
            }

            .modal--full .modal__body {
                display: block;
                width: 100%;
                height: 100%;
                padding-bottom: env(safe-area-inset-bottom)
            }

            .modal__root {
                position: relative;
                z-index: 2
            }

            .modal__surface {
                position: relative;
                min-width: 300px;
                max-width: 90vw;
                overflow: hidden;
                padding: 2rem 1rem;
                border-radius: 20px;
                background-color: var(--surface-2, #0f0f0f)
            }

            .modal__surface--inverse {
                background-color: #fff
            }

            .modal__surface--inverse .modal__header {
                color: #000
            }

            .modal__surface--reduced {
                padding: .5rem;
                border-radius: 5px
            }

            .modal__surface--notification {
                width: 90vw;
                max-width: 600px;
                padding: 2rem 0 1rem;
                border-radius: 5px;
                background-color: var(--theme-color)
            }

            .modal__surface--no-padding {
                padding: 0
            }

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

            .modal__body>:first-child {
                flex-grow: 1
            }

            .modal__close {
                color: #fff;
                transition: color .2s ease
            }

            .modal__close:hover {
                color: #0e7f7b
            }

            .modal__close--inverse {
                color: #000
            }

            .modal__close:not(.modal__close--inline) {
                position: absolute;
                right: .75rem;
                top: .75rem
            }

            .modal__close--inline {
                margin-left: .5rem
            }

            .modal__header {
                color: var(--theme-color);
                min-height: 36px;
                padding: 0 1rem 1rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center
            }

            .modal__header h3 {
                text-align: center
            }

            .modal__header i {
                margin-bottom: .5rem
            }

            .modal-fade-enter,.modal-fade-leave-to {
                opacity: 0
            }

            .modal-fade-enter-active,.modal-fade-leave-active {
                transition: opacity .5s ease
            }

            .floating {
                position: fixed;
                display: grid;
                left: .5rem;
                width: calc(100% - 1rem);
                z-index: 99;
                pointer-events: none;
                align-items: end;
                grid-template-columns: repeat(2,minmax(0,1fr));
                bottom: calc(60px + env(safe-area-inset-bottom) + 3rem)
            }

            .floating ul {
                position: relative;
                display: grid;
                grid-gap: .5rem
            }

            .floating--left {
                grid-column: 1/2;
                justify-self: start
            }

            .floating--right {
                grid-column: 2/3;
                justify-self: end
            }


            .floating a {
                display: block;
                width: 4rem;
                height: 4rem;
                pointer-events: all
            }

            .floating a img {
                display: block;
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain
            }