/* ===== 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-idnpoker: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(.fx-3ci1x):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
            }

            .fx-3ci1x {
                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
            }

            .fx-3ci1x:disabled,.fx-3ci1x: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)
            }

            .bx-iwe3 {
                font-size: .75rem;
                height: 24px
            }

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

            .gr-q0if {
                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
            }

            .ct-pw0p {
                color: #fff;
                background-color: var(--theme-color)
            }

            @media(hover: hover)and (min-width:1024px) {
                .ct-pw0p:hover {
                    background-color:#c61449
                }
            }

            .fx-izlpm {
                color: #fff;
                background-color: var(--theme-color)
            }

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

            .sc-apru {
                color: #fff;
                background-color: var(--theme-color)
            }

            @media(hover: hover)and (min-width:1024px) {
                .sc-apru: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,.ly-rxzfaf {
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%
            }

            .ly-rxzfaf {
                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
            }

            .ly-2xg4s9 {
                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)
            }

            .fx-2f3q8 {
                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)
                }
            }

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

            .bx-gw6w .sc-ah87 {
                position: absolute;
                width: 100%;
                top: 1500px;
                pointer-events: none;
                height: calc(100% - 1500px)
            }

            .bx-gw6w main>.gr-jd6g1 {
                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 .sc-ah87 {
                top: unset;
                bottom: 100px;
                height: 1px
            }

            .layout--d.layout--bg main>.gr-jd6g1 {
                padding: 1rem
            }

            .ly-hmo84e {
                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%)
            }

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

            .ct-2ixdam {
                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 .ly-frn5w {
                margin: 0 auto;
                max-width: 1200px
            }

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

            .ct-prddw {
                max-width: 40%
            }

            .ct-prddw a .el-xy394 {
                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
            }

            .ui-ktpz {
                width: 60%;
                justify-content: flex-end
            }

            .ui-ktpz,.ui-ktpz .el-8goqr,.ui-ktpz .app-header__user {
                display: flex;
                align-items: center
            }

            .ui-ktpz .el-8goqr .app-header__btn-inbox,.ui-ktpz .app-header__user .app-header__btn-inbox {
                margin-right: 1rem
            }

            .ui-ktpz .el-8goqr .sc-0ehr .icon_chip i,.ui-ktpz .app-header__user .sc-0ehr .icon_chip i {
                color: var(--theme-color)
            }

            .ui-ktpz .el-8goqr>*,.ui-ktpz .app-header__user>* {
                margin-right: .5rem
            }

            .ui-ktpz .el-8goqr>:last-child,.ui-ktpz .app-header__user>:last-child {
                margin-right: 0
            }

            @media(min-width: 1024px) {
                .ui-ktpz {
                    width:auto
                }

                .ui-ktpz .el-8goqr .fx-3ci1x {
                    width: 4.75rem
                }
            }

            .fx-ajph {
                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)
            }

            .ly-frn5w {
                width: 100vw;
                padding: 0 .5rem
            }

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

            .sc-dp8j {
                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-dp8j:after,.sc-dp8j:before {
                position: absolute;
                opacity: 0;
                top: 0;
                width: 50px;
                height: 100%;
                content: "";
                z-index: 2;
                pointer-events: none;
                transition: opacity .2s ease
            }

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

            .sc-dp8j: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-dp8j 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-dp8j ul::-webkit-scrollbar {
                display: none
            }

            .sc-dp8j .el-cvt7s {
                flex-shrink: 0;
                height: 100%;
                width: 1px
            }

            .sc-dp8j .el-i6uxu {
                height: 100%;
                transition: color .2s ease;
                scroll-snap-align: start
            }

            .sc-dp8j .el-i6uxu:hover {
                color: #fff
            }

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

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

            .sc-dp8j .el-i6uxu 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-dp8j .el-i6uxu a.ct-d3m58p[data-ref=bonus],.sc-dp8j .el-i6uxu a.ct-d3m58p[data-ref=leaderboard],.sc-dp8j .el-i6uxu a.ct-d3m58p[data-ref=promowins],.sc-dp8j .el-i6uxu a.ct-d3m58p[data-ref=referral],.sc-dp8j .el-i6uxu a.sc-0ehr: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)
            }

            .ui-idca i:first-child {
                margin-right: .5rem
            }

            .ui-idca 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)
                }
            }

            .gr-jd6g1 {
                padding: 0 .5rem;
                height: 100%;
                min-height: 100%
            }

            @media(min-height: 550px) {
                .gr-jd6g1 {
                    height:100%;
                    min-height: 100%
                }
            }

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

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

            .el-gyxyj .gr-wop9 {
                left: -.5rem;
                width: calc(100% + 1rem)
            }

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

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

            .el-gyxyj .ct-fcmzn {
                margin-top: -20px;
                padding-bottom: calc(1rem + 20px)
            }

            .el-gyxyj .ct-fcmzn:first-of-type {
                margin-top: 0
            }

            .el-gyxyj .ct-fcmzn:last-of-type {
                padding-bottom: 1rem
            }

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

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

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

            .home--d .fx-xsv0 {
                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-o73jzm {
                grid-column: 1/5
            }

            .home--d .ct-fcmzn {
                margin-top: 0;
                padding-bottom: 1rem;
                border-radius: 5px
            }

            .home--d .ct-fcmzn:first-of-type {
                margin-top: unset
            }

            .home--d .el-v31xg,.home--d .el-vthnty {
                padding: .25rem 1rem
            }

            .home--d .ct-fcmzn.el-v31xg {
                grid-row: 6/7
            }

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

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

            .fx-xsv0 .el-ghyz {
                position: absolute!important;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .fx-xsv0 .el-ghyz .sc-l97rn7 {
                bottom: 0;
                display: flex!important;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .fx-xsv0 .el-ghyz .sc-l97rn7 li {
                width: 1rem;
                height: .75rem;
                margin: 0 1px;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .fx-xsv0 .el-ghyz .sc-l97rn7 li button {
                width: 1rem;
                height: .75rem
            }

            .fx-xsv0 .el-ghyz .sc-l97rn7 li button:before {
                width: 1rem;
                height: .75rem;
                opacity: .5;
                font-size: .5rem;
                line-height: normal;
                color: #fff
            }

            .fx-xsv0 .el-ghyz .sc-l97rn7 li.gr-1c2lt0 button:before {
                opacity: 1
            }

            .fx-xsv0 .el-ghyz .bx-3ol51d {
                height: unset!important
            }

            .fx-xsv0 .el-ghyz .ui-nkaio {
                display: block;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                pointer-events: none
            }

            i {
                margin-right: .5rem
            }

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

            .gr-wop9 marquee {
                margin-left: .5rem
            }

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

            .gr-wop9:before {
                left: 2rem
            }

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

            .gr-i54n {
                background-color: var(--theme-color)
            }

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

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

            .pn-4rzl {
                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)
            }

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

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

            .pn-4rzl: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
            }

            .pn-4rzl 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
            }

            .pn-4rzl ul::-webkit-scrollbar {
                display: none
            }

            .pn-4rzl ul li {
                scroll-snap-align: start
            }

            .pn-4rzl ul .ct-8rbf {
                display: block;
                width: 1px;
                height: 1px;
                flex-shrink: 0
            }

            .pn-4rzl ul .md-lty72 {
                flex: 0 0 20%;
                padding: 0 .25rem
            }

            .pn-4rzl ul .md-lty72 a {
                position: relative;
                font-size: .75rem;
                font-weight: 700;
                padding: 1rem 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center
            }

            .pn-4rzl ul .md-lty72 a span {
                display: block;
                margin-top: .5rem
            }

            .pn-4rzl ul .md-lty72 a .fx-4mw14 {
                position: absolute;
                bottom: -1rem
            }

            .pn-4rzl ul .md-lty72 a.ct-d3m58p {
                color: var(--theme-color)
            }

            .pn-4rzl ul .md-lty72 a.ct-d3m58p .fx-4mw14 {
                bottom: 0
            }

            .pn-4rzl ul .app-menu__item--font-large a {
                font-size: .875rem
            }

            .pn-4rzl ul .app-menu__item--font-large a .fx-4mw14 {
                bottom: -1.25rem
            }

            @media(min-width: 640px) {
                .pn-4rzl ul {
                    justify-content:space-evenly
                }

                .pn-4rzl ul .md-lty72 {
                    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 .md-lty72 {
                margin: 0 1rem
            }

            .bx-5b69fj {
                display: block
            }

            .fx-pn4u {
                width: 1.5rem;
                height: 1.5rem
            }

            .md-94d4k {
                width: 2rem;
                height: 2rem
            }

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

            .ct-fcmzn {
                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) {
                .ct-fcmzn {
                    width:100%;
                    left: 0
                }
            }

            .fx-3nn6s {
                background-color: var(--surface-2, #0f0f0f)
            }

            .pn-39wpb {
                background-color: var(--theme-color)
            }

            .ct-fcmzn.pn-39wpb .ui-cp7no {
                background-color: var(--surface-2, #0f0f0f)
            }

            .ct-fcmzn .ui-cp7no {
                font-weight: 700;
                font-size: .75rem;
                padding: .2rem .75rem;
                background-color: var(--surface-1, #0b0b0b);
                border-radius: 10px
            }

            .md-o1ly3 a {
                display: flex;
                align-items: center;
                font-size: .875rem;
                font-weight: 700
            }

            .md-o1ly3 a img,.md-o1ly3 a object,.md-o1ly3 a svg {
                margin-right: .5rem
            }

            .bx-4dom {
                display: block;
                width: 100%;
                border-radius: 5px
            }

            .gr-2011 {
                max-width: 100%
            }

            .md-5tm8 {
                display: grid;
                align-items: center;
                grid-template-rows: auto 1fr auto
            }

            .md-5tm8 .md-66vj {
                padding: 1rem;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between
            }

            .md-5tm8 .md-o1ly3 {
                margin-bottom: 0
            }

            .md-5tm8 .ly-2e8hj7 {
                padding: .5rem 1rem 0
            }

            @media(min-width: 1024px) {
                .md-5tm8 .ly-2e8hj7 {
                    width:100%;
                    max-width: 20rem;
                    justify-self: center
                }

                .md-5tm8 .md-66vj {
                    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 .md-o1ly3 {
                justify-self: start;
                padding: 1rem 0
            }

            .card--inline .gr-2011 {
                grid-column: span 4
            }

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

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

            .md-61hf .md-o1ly3 {
                padding: 1rem 0
            }

            .md-61hf .ly-2e8hj7 {
                margin-top: .5rem
            }

            .card--d.md-5tm8 .md-66vj {
                padding: 1rem
            }

            .card--d.md-5tm8 .gr-2011 {
                padding: 0 1rem
            }

            .ly-wrlw {
                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))
            }

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

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

            .gr-qsk3b.sc-0ehr {
                color: var(--theme-color)
            }

            .gr-qsk3b.sc-0ehr .ui-nnroim {
                border: 1px solid var(--theme-color)
            }

            .ui-nnroim {
                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)
            }

            .ui-nnroim img {
                width: 100%
            }

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

            .ui-nnroim.sc-3fcg:before {
                content: "";
                filter: drop-shadow(.1rem .1rem .1rem var(--surface-1, #0b0b0b));
                background: 0 100%/contain no-repeat url("provider/provider-promo.svg")
            }

            .ui-nnroim.gr-o4h0e: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
            }

            .bx-bspbzg,.gr-ok469u {
                position: absolute;
                right: -22%;
                bottom: -5px;
                width: 2rem;
                height: 2rem
            }

            .bx-bspbzg img,.gr-ok469u 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 .ly-wrlw {
                grid-template-rows: unset;
                grid-template-columns: repeat(8,minmax(0,1fr))
            }

            .slot-carousel--d .ly-2wv0j .gr-qsk3b:nth-child(2n) {
                grid-row: unset
            }

            .fx-d0lvc {
                display: grid;
                overflow: hidden;
                grid-template-columns: auto 1fr auto
            }

            .fx-d0lvc,.ui-g2k4x {
                position: relative;
                align-items: center
            }

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

            .ui-g2k4x i {
                z-index: 2
            }

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

            .fx-619z {
                pointer-events: none;
                color: hsla(0,0%,100%,.38)
            }

            .gr-o1gci {
                padding-left: .25rem
            }

            .gr-o1gci:before {
                left: 0
            }

            .ly-yvdq {
                padding-right: .25rem;
                justify-content: flex-end
            }

            .ly-yvdq:before {
                right: 0;
                transform: rotate(180deg)
            }

            .ui-vwa2r2 {
                overflow: hidden
            }

            .ct-t5h7uq {
                display: flex
            }

            .ct-t5h7uq.el-grzuq9 {
                transition: transform .3s ease-out
            }

            .carousel--d .ui-g2k4x {
                width: auto;
                height: 2rem
            }

            .ui-4wtxp 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
            }

            .ui-4wtxp ul::-webkit-scrollbar {
                display: none
            }

            .fx-gwp1l {
                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)
            }

            .fx-gwp1l:nth-last-child(2) {
                margin-right: 0
            }

            .ui-5h8f {
                width: 1rem;
                height: 10px;
                flex-shrink: 0
            }

            .sc-rzfei {
                position: relative;
                overflow: hidden;
                border-radius: 5px
            }

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

            .sc-rzfei a {
                cursor: pointer;
                position: relative;
                width: 100%
            }

            .sc-rzfei a .ui-y3w750 {
                position: relative;
                height: 0;
                padding-bottom: 162.03209%;
                display: flex;
                align-items: flex-end;
                overflow: hidden;
                border-radius: 5px
            }

            .sc-rzfei a .ui-y3w750: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)
            }

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

            .sc-rzfei a .ui-y3w750>img {
                position: absolute;
                width: 100%;
                left: 0;
                bottom: 0;
                opacity: 1;
                will-change: opacity;
                transition: opacity .2s ease
            }

            .sc-rzfei a .ui-y3w750>img.placeholder {
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain
            }

            .sc-rzfei 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)
            }

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

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

            .ct-el4s a>.ui-y3w750:before {
                border-color: var(--surface-1, #0b0b0b)
            }

            .md-f8605 a>.ui-y3w750:before {
                border: 2px solid #139c44
            }

            .md-f8605: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")
            }

            .md-oovn a .ui-y3w750:before {
                border: 2px solid #ff4343
            }

            .md-oovn: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")
            }

            .ui-vrm7f1 a .ui-y3w750:before {
                border: 2px solid var(--theme-color)
            }

            .ui-vrm7f1: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")
            }

            .sc-rzfei.md-oovn.ui-vrm7f1 a .ui-y3w750:before {
                border-color: #f6004d
            }

            .sc-rzfei.md-oovn.ui-vrm7f1: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")
            }

            .pn-x35q {
                display: block;
                left: 0;
                bottom: 0;
                padding: .25rem .375rem
            }

            .casino-game__name,.pn-x35q {
                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
            }

            .ly-emhjv {
                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)
            }

            .ly-emhjv,.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-59f1vx {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                background-color: var(--theme-color)
            }

            .pn-59f1vx: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)
            }

            .sc-mymcjw {
                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
            }

            .sc-mymcjw img {
                display: block;
                width: 3.5rem;
                height: 3.5rem;
                -o-object-fit: contain;
                object-fit: contain
            }

            @media(min-width: 1024px) {
                .sc-mymcjw 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.md-oovn:after,.casino-game--d.md-f8605:after {
                bottom: -2px;
                min-width: 80px;
                font-size: .75rem;
                padding: .375rem .75rem
            }

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

            .casino-game--d .casino-game__name,.casino-game--d .pn-x35q {
                font-size: .675rem
            }

            .casino-game--d .ly-emhjv {
                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
            }

            .sc-rzfei.casino-game--d.ui-vrm7f1.md-oovn:after {
                top: -2px;
                font-size: .75rem;
                padding: .375rem .75rem
            }

            .ui-xekxm .ui-g2k4x.fx-ce1c8v:before {
                color: var(--surface-2, #0f0f0f)
            }

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

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

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

            .pn-12w0.sc-0ehr {
                color: var(--theme-color)
            }

            .pn-12w0.sc-0ehr .bx-w8yj {
                border: 1px solid var(--theme-color)
            }

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

            .bx-w8yj img {
                width: 100%
            }

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

            .bx-w8yj.sc-3fcg:before {
                content: "";
                filter: drop-shadow(.1rem .1rem .1rem var(--surface-1, #0b0b0b));
                background: 0 100%/contain no-repeat url("provider/provider-promo.svg")
            }

            .bx-w8yj.gr-o4h0e: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
            }

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

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

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

            .ui-xekxm .ui-g2k4x.fx-ce1c8v:before {
                color: var(--surface-2, #0f0f0f)
            }

            .ui-xekxm .bx-w8yj {
                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
            }

            .gr-kmon {
                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)
            }

            .gr-kmon article {
                position: relative;
                width: 100%;
                overflow: hidden
            }

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

            .gr-kmon 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-m5px {
                position: relative;
                padding: 1rem 0;
                color: #fff;
                background-color: var(--theme-color);
                margin-bottom: calc(60px + env(safe-area-inset-bottom))
            }

            .ly-6hz3j {
                margin: 0 auto;
                padding: 0 1rem;
                max-width: 1200px
            }

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

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

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

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

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

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

            .ui-c0vomj ul {
                display: flex
            }

            .ui-c0vomj ul li {
                margin-right: .75rem
            }

            .ui-c0vomj ul li:last-child {
                margin-right: 0
            }

            .bx-m5px section.ct-bwa9q {
                position: relative;
                display: flex;
                justify-content: center;
                padding-bottom: 2rem;
                box-sizing: content-box;
                transition: max-height .2s ease
            }

            .bx-m5px section.ct-bwa9q article {
                position: relative;
                overflow: hidden
            }

            .bx-m5px section.ct-bwa9q article p {
                margin: .5rem 0;
                font-size: .75rem;
                color: hsla(0,0%,100%,.6)
            }

            .bx-m5px section.ct-bwa9q article p:last-child {
                margin-bottom: 0
            }

            .bx-m5px section.ct-bwa9q article ol,.bx-m5px section.ct-bwa9q article ul {
                list-style-position: inside
            }

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

            .bx-m5px section.ct-bwa9q button {
                position: absolute;
                bottom: .5rem;
                color: var(--theme-color);
                font-size: .75rem
            }

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

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

            .ly-6tvm8 h5 {
                color: var(--theme-color);
                text-align: center;
                margin-bottom: 1rem
            }

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

            .ly-6tvm8 ul li {
                flex-grow: 1;
                min-width: 15%;
                align-items: center
            }

            .ly-6tvm8 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
            }

            .ly-6tvm8 ul li a i {
                color: var(--theme-color);
                margin-bottom: .25rem
            }

            .sc-5iit7a h5 {
                color: var(--theme-color);
                text-align: center;
                margin-bottom: 1rem
            }

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

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

            .sc-5iit7a ul li.gr-gph2 {
                grid-column: span 2
            }

            .sc-5iit7a 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
            }

            .gr-kf4cr3 {
                font-size: .75rem;
                text-align: center
            }

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

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

            .app-footer--d .ui-c0vomj {
                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 .ly-6tvm8 h5,.app-footer--d .sc-5iit7a h5 {
                text-align: left;
                margin-bottom: .5rem
            }

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

            .ct-10ua4 {
                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-10ua4 {
                    position:fixed
                }
            }

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

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

            .bx-fwigzm>ul .fx-3ci1x span {
                margin-top: .25rem
            }

            .bx-fwigzm>ul .fx-3ci1x.ct-d3m58p {
                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
            }

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

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

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

            .sc-3aychn {
                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
            }

            .sc-3aychn::-webkit-scrollbar {
                display: none
            }

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

            .app-drawer--open .sc-3aychn {
                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
            }

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

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

            .gr-hjiud li {
                flex: 0 0 25%;
                padding: .5rem
            }

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

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

            .gr-hjiud a.ct-d3m58p {
                color: var(--theme-color)
            }

            .bx-2dyte .badge {
                height: unset;
                padding: 0 .625rem
            }

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

            .bx-2dyte a.sc-0ehr,.bx-2dyte button.sc-0ehr {
                color: var(--theme-color);
                background-color: rgba(13,191,187,.1)
            }

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

            .bx-2dyte a i.dropdown-toggle,.bx-2dyte button i.dropdown-toggle {
                margin-left: auto
            }

            .bx-2dyte a span,.bx-2dyte button span {
                margin-left: 3rem
            }

            @media(hover: hover)and (min-width:1024px) {
                .bx-2dyte a:hover,.bx-2dyte 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
            }

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

            .ct-hhd2 .fx-3ci1x:nth-child(3) {
                grid-column: span 2
            }

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

            .sc-w5a4 span {
                margin-right: .5rem
            }

            .sc-w5a4 ul {
                display: flex
            }

            .sc-w5a4 ul li:first-child {
                margin-right: .5rem
            }

            .sc-w5a4 ul li:last-child {
                margin-right: 0
            }

            .sc-w5a4 ul li a {
                position: relative
            }

            .sc-w5a4 ul li a img {
                width: 100%;
                height: 100%
            }

            .sc-w5a4 ul li a.fx-i7fy6 {
                border: 2px solid var(--theme-color)
            }

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

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

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

            .app-drawer--d .sc-3aychn::-webkit-scrollbar {
                width: .25rem
            }

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

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

            .app-drawer--d.app-drawer--open .sc-3aychn {
                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
            }