.menu-aduayam>a::before,
    .menu-bandar-baccarat>a::before,
    .menu-bonus>a::before,
    .menu-casino>a::before,
    .menu-hadiah>a::before,
    .menu-home>a::before,
    .menu-poker>a::before,
    .menu-slot>a::before,
    .menu-sportsbook>a::before,
    .menu-tembakikan>a::before,
    .menu-togel>a::before {
        background-color: var(--color-light)
    }

    .position-static {
        overflow: auto;
        position: static
    }

    .position-sticky .mobile-nav-bg {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 100
    }

    .cbp-spmenu-left {
        left: -50%
    }

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0
    }

    .animate-to-left,
    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0
    }

    .menu-mobile-wrap {
        overflow: hidden;
        right: -50%;
        top: 0;
        z-index: 99
    }

    #cbp-spmenu-s2 .m-title>span {
        font-size: 1.5rem;
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%)
    }

    .cbp-spmenu h3 {
        color: #fff;
        background: #414956;
        border-bottom: 1px solid #635c55;
        font-size: 1.2rem;
        padding: 1.5rem 0;
        position: relative
    }

    .m-item-wrap li>a {
        border-bottom: none;
        padding: .5rem 22px;
        white-space: nowrap;
        text-transform: uppercase;
        font-size: .7rem;
        margin-left: 1.5rem
    }

    .m-item-wrap li {
        border-top: 1px solid #635c55
    }

    .m-item-wrap li a i {
        width: 30px;
        line-height: 18px;
        font-size: 16px;
        text-align: left
    }

    .m-item-item li:hover a {
        color: #fff;
        background: #3b424d
    }

    .m-profile-wrap>a i {
        transition: transform .1s linear;
        -webkit-transition: transform .2s linear;
        -moz-transition: transform .2s linear;
        -o-transition: transform .2s linear;
        -ms-transition: transform .2s linear
    }

    .m-profile-wrap>a[aria-expanded=true] .fa-angle-right {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -mz-transform: rotate(90deg)
    }

    .mobile-nav-bg.show {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        z-index: 100
    }

    .menu-home>a::before {
        -webkit-mask-image: var(--home-svg);
        mask-image: var(--home-svg);
        height: 15px !important;
        width: 17px !important;
        left: 17px !important
    }

    .menu-lock-bonus>a::before {
        background-image: url(https://latte.cdnsimple.top/img/svg/bonus.svg?v1.00);
        height: 15px !important;
        width: 17px !important;
        left: 17px !important
    }

    .menu-sportsbook>a::before {
        -webkit-mask-image: var(--sport-svg);
        mask-image: var(--sport-svg)
    }

    .menu-togel>a::before {
        -webkit-mask-image: var(--togel-svg);
        mask-image: var(--togel-svg)
    }

    .menu-casino>a::before {
        -webkit-mask-image: var(--casino-svg);
        mask-image: var(--casino-svg)
    }

    .menu-slot>a::before {
        -webkit-mask-image: var(--slot-svg);
        mask-image: var(--slot-svg)
    }

    .menu-idn>a::before {
        background-image: url(/img/asset/menu/idn-live.png)
    }

    .menu-poker>a::before {
        -webkit-mask-image: var(--poker-svg);
        mask-image: var(--poker-svg)
    }

    .menu-tembakikan>a::before {
        -webkit-mask-image: var(--arcade-svg);
        mask-image: var(--arcade-svg)
    }

    .menu-aduayam>a::before {
        -webkit-mask-image: var(--cockfight-svg);
        mask-image: var(--cockfight-svg)
    }

    .menu-bonus>a::before {
        -webkit-mask-image: var(--bonus-svg);
        mask-image: var(--bonus-svg)
    }

    .menu-promo>a::before {
        -webkit-mask-image: var(--promotion-svg);
        mask-image: var(--promotion-svg);
        background-color: var(--color-light)
    }

    .menu-hadiah>a::before {
        -webkit-mask-image: var(--hadiah-svg);
        mask-image: var(--hadiah-svg)
    }

    .menu-bandar-baccarat>a::before {
        -webkit-mask-image: var(--hot-game-svg);
        mask-image: var(--hot-game-svg)
    }

    .m-item-wrap li>a::before {
        content: "";
        height: 22px;
        width: 22px;
        position: absolute;
        background-repeat: no-repeat;
        left: 14px;
        -webkit-mask-size: contain;
        mask-size: contain;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
    }

    .reload-balance {
        font-size: .8rem !important
    }

    .cbp-spmenu {
        width: 50%;
        z-index: 9999999999;
        color: #fff;
        background: #414956;
        overflow-y: auto
    }

    .animate-to-right {
        right: -50%
    }

    .navbar-m {
        z-index: 999999;
        position: absolute;
        top: 50%;
        right: 1px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        font-size: 2rem
    }

    @media screen and (max-width:767px) {
        .m-profile-wrap>a i {
            float: none !important;
            margin-left: .5rem;
            width: inherit !important
        }

        header nav.navbar {
            display: none
        }

        .menu-mobile-wrap,
        .navbar-m {
            display: block !important
        }
    }

    @media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
        .cbp-spmenu {
            overflow-x: scroll;
            width: 40%
        }

        .m-item-wrap {
            padding-bottom: 2rem
        }

        .navbar-m {
            display: block !important
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .m-profile-wrap>a i {
            float: none !important;
            margin-left: .5rem;
            width: inherit !important
        }

        header nav.navbar {
            display: none
        }

        .cbp-spmenu {
            overflow-y: scroll;
            overflow-x: scroll;
            width: 35%
        }

        .m-item-wrap {
            padding-bottom: 2rem
        }

        .menu-mobile-wrap,
        .navbar-m {
            display: block !important
        }
    }

    @media screen and (min-width:992px) {
        .cbp-spmenu {
            display: none
        }
    }

    @keyframes animate-to-left {
        from {
            right: -50%
        }

        to {
            right: 0
        }
    }

    @-webkit-keyframes animate-to-left {
        from {
            right: -50%
        }

        to {
            right: 0
        }
    }

    @keyframes animate-to-right {
        from {
            right: 0
        }

        to {
            right: -50%
        }
    }

    @-webkit-keyframes animate-to-right {
        from {
            right: 0
        }

        to {
            right: -50%
        }
    }

    @media only screen and (max-width:767px) and (orientation:portrait) {
        .info-board>div>div {
            line-height: 1.2rem;
            font-size: .5rem
        }
    }

    .arrowed {
        position: relative;
        top: -5px
    }

    .arrowed div {
        position: absolute;
        top: -2;
        bottom: 0;
        left: 5;
        right: 0;
        margin: auto
    }

    .arrow-1 {
        height: 7px;
        width: 7px;
        border: 1px solid #ffc107;
        border-width: 2px 2px 0 0;
        transform: rotate(45deg)
    }

    @-webkit-keyframes rotating {
        from {
            -webkit-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes rotating {
        from {
            -ms-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -ms-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    .spin-refresh {
        -webkit-animation: 2s linear infinite rotating;
        -moz-animation: 2s linear infinite rotating;
        -ms-animation: rotating 2s linear infinite;
        -o-animation: 2s linear infinite rotating;
        animation: 2s linear infinite rotating
    }