#fuse-layout {
    background: url(https://777.works/zoom/raris/bg5.jpg)!important;
    background-size:cover!important;
}
#fuse-layout > div > div > div > div > div.flex.flex-col.flex-auto.items-center.justify-center.flex-shrink-0.p-16.md\:p-24 > div.flex.rounded-12.shadow-2xl.overflow-hidden > div > div > div.w-full.p-\[24px\].pb-0 > div > form > button {
    background: linear-gradient(52deg, rgba(255, 238, 198, 1) 0%, rgba(145, 127, 75, 1) 35%, rgba(255, 238, 198, 1) 74%, rgba(145, 127, 75, 1) 100%)!important;
    border-radius: 10px!important;
    color: black!important;
}
#fuse-layout > div > div > div > div > div.flex.flex-col.flex-auto.items-center.justify-center.flex-shrink-0.p-16.md\:p-24 > div.flex.rounded-12.shadow-2xl.overflow-hidden > div > div > div.w-full.p-\[24px\].pb-0 > div > form > div:nth-child(1) {
    background: linear-gradient(52deg, rgb(51 48 42) 0%, rgba(145, 127, 75, 1) 35%, rgba(255, 238, 198, 1) 74%, rgba(145, 127, 75, 1) 100%) !important;
    border-radius: 10px!important;
}
#fuse-layout > div > div > div > div > div.flex.flex-col.flex-auto.items-center.justify-center.flex-shrink-0.p-16.md\:p-24 > div.flex.rounded-12.shadow-2xl.overflow-hidden > div > div > div.w-full.p-\[24px\].pb-0 > div > form > div:nth-child(2) {
    background: linear-gradient(52deg, rgb(39 39 38) 0%, rgba(145, 127, 75, 1) 35%, rgba(255, 238, 198, 1) 74%, rgba(145, 127, 75, 1) 100%) !important;
    border-radius: 10px!important;
}
.MuiFormLabel-root {
    color: #ffffff !important;
    font-weight: bold !important;
}
.MuiButton-root.Mui-disabled {
    color: rgb(0 0 0) !important;
    !;!i;!im;!imp;!impo;!imp;!im;!i;!;
}
#fuse-layout > div > div > div > div > div.flex.flex-col.flex-auto.items-center.justify-center.flex-shrink-0.p-16.md\:p-24 > div.flex.rounded-12.shadow-2xl.overflow-hidden > div > div > div.flex.flex-col.items-center.justify-center.relative.bg-white.pb-0 > img {
    opacity: 0!important;
}
#fuse-layout > div > div > div > div > div.flex.flex-col.flex-auto.items-center.justify-center.flex-shrink-0.p-16.md\:p-24 > div.flex.rounded-12.shadow-2xl.overflow-hidden > div > div > div.flex.flex-col.items-center.justify-center.relative.bg-white.pb-0 {
    background: url(https://777.works/zoom/raris/login-modal.png)!important;
    background-size: contain!important;
    background-position: 50% 50%!important;
    padding-top: 150px!important;
    background-repeat: no-repeat!important;
}
.MuiPaper-root {
    background-color: transparent !important;
    backdrop-filter: blur(15px) !important;
}

@-webkit-keyframes snowflakes-fall {
        0% {
            top: -10%
        }
        100% {
            top: 100%
        }
    }
    
    @-webkit-keyframes snowflakes-shake {
        0%,
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        50% {
            -webkit-transform: translateX(80px);
            transform: translateX(80px)
        }
    }
    
    @keyframes snowflakes-fall {
        0% {
            top: -10%
        }
        100% {
            top: 100%
        }
    }
    
    @keyframes snowflakes-shake {
        0%,
        100% {
            transform: translateX(0)
        }
        50% {
            transform: translateX(80px)
        }
    }
    
    .snowflake {
        position: fixed;
        top: -10%;
        z-index: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-animation-name: snowflakes-fall, snowflakes-shake;
        -webkit-animation-duration: 10s, 3s;
        -webkit-animation-timing-function: linear, ease-in-out;
        -webkit-animation-iteration-count: infinite, infinite;
        -webkit-animation-play-state: running, running;
        animation-name: snowflakes-fall, snowflakes-shake;
        animation-duration: 10s, 3s;
        animation-timing-function: linear, ease-in-out;
        animation-iteration-count: infinite, infinite;
        animation-play-state: running, running
    }
    
    .snowflake:nth-of-type(0) {
        left: 1%;
        -webkit-animation-delay: 0s, 0s;
        animation-delay: 0s, 0s
    }
    
    .snowflake:nth-of-type(1) {
        left: 10%;
        -webkit-animation-delay: 1s, 1s;
        animation-delay: 1s, 1s
    }
    
    .snowflake:nth-of-type(2) {
        left: 20%;
        -webkit-animation-delay: 6s, .5s;
        animation-delay: 6s, .5s
    }
    
    .snowflake:nth-of-type(3) {
        left: 30%;
        -webkit-animation-delay: 4s, 2s;
        animation-delay: 4s, 2s
    }
    
    .snowflake:nth-of-type(4) {
        left: 40%;
        -webkit-animation-delay: 2s, 2s;
        animation-delay: 2s, 2s
    }
    
    .snowflake:nth-of-type(5) {
        left: 50%;
        -webkit-animation-delay: 8s, 3s;
        animation-delay: 8s, 3s
    }
    
    .snowflake:nth-of-type(6) {
        left: 60%;
        -webkit-animation-delay: 6s, 2s;
        animation-delay: 6s, 2s
    }
    
    .snowflake:nth-of-type(7) {
        left: 70%;
        -webkit-animation-delay: 2.5s, 1s;
        animation-delay: 2.5s, 1s
    }
    
    .snowflake:nth-of-type(8) {
        left: 80%;
        -webkit-animation-delay: 1s, 0s;
        animation-delay: 1s, 0s
    }
    
    .snowflake:nth-of-type(9) {
        left: 90%;
        -webkit-animation-delay: 3s, 1.5s;
        animation-delay: 3s, 1.5s
    }
    
    .snowflake:nth-of-type(10) {
        left: 25%;
        -webkit-animation-delay: 2s, 0s;
        animation-delay: 2s, 0s
    }
    
    .snowflake:nth-of-type(11) {
        left: 65%;
        -webkit-animation-delay: 4s, 2.5s;
        animation-delay: 4s, 2.5s
    }

#comm100-float-button-c1a89e1c-8533-472c-bb19-bd72a6cb2581-2 > div {
    z-index: 1!important;
}
@media (min-width: 992px) {
    #comm100-float-button-c1a89e1c-8533-472c-bb19-bd72a6cb2581-2 > div {
    width: 10%!important;
    }
}
#fuse-footer {
    display:none!important;
}
.quick-contact-container {
    bottom: 20px !important;
}

.jss399 {
    color: white !important;
    box-shadow: inset 0px 0px 24px 0px rgba(230, 221, 171, 1) !important;
}
.bet-info-div, .machine-card-play-status.machine-offline {
    background: linear-gradient(49deg, rgb(112 13 13) 0%, rgb(105 14 14) 23%, rgb(137 51 51) 50%, rgb(144 30 29) 73%, rgb(255 0 0) 100%) !important;
    color: white !important;
    border-radius: 10px !important;
    font-size: 13px !important;
}
#fuse-toolbar {
    background: linear-gradient(269deg, rgb(112 13 13) 0%, rgb(56 0 0) 23%, rgb(48 7 13) 50%, rgb(0 0 0) 73%, rgb(0 0 0) 100%) !important;
    backdrop-filter: blur(5px)!important;
}

.get-bonus-btn {
    filter: none !important;
    background: linear-gradient(49deg, rgb(112 13 13) 0%, rgb(105 14 14) 23%, rgb(137 51 51) 50%, rgb(144 30 29) 73%, rgb(255 0 0) 100%) !important;
    color: white !important;
    font-weight: bold !important;
}
.get-discount-btn {
    filter: none !important;
    background: linear-gradient(49deg, rgb(112 13 13) 0%, rgb(105 14 14) 23%, rgb(137 51 51) 50%, rgb(144 30 29) 73%, rgb(255 0 0) 100%) !important;
    font-weight: bold !important;
    color: white!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    box-shadow: 0px 0px 24px 0px rgb(0 0 0) !important;
}
.balance>span {
    /* font-size: 1vw !important; */
    color: #ffffff !important;
    font-weight: 900 !important;
}
.userInfo {
    background: none;
    border: none !important;
    border-radius: 0px 10px 0px 10px!important;
}
.jss260 {
    color: #fafafa !important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(2) > a > div > div.center.flex.items-center.justify-center > img {
    opacity: 0!important;
}
@media (min-width: 992px) {
    #comm100-float-button-c1a89e1c-8533-472c-bb19-bd72a6cb2581-2 > div {
    width: 200px!important;
    }
}
#fuse-navbar > div {
    background: linear-gradient(0deg, rgb(112 13 13) 0%, rgb(56 0 0) 23%, rgb(13 13 13) 50%, rgb(23 23 23) 73%, rgb(23 23 23) 100%) !important;
}
.MuiAppBar-colorPrimary-587 {
    color: #efddb8 !important;
    background-color: transparent !important;
}
#fuse-navbar > div > div > div > ul {
    background: linear-gradient(49deg, rgb(112 13 13) 0%, rgb(105 14 14) 23%, rgb(137 51 51) 50%, rgb(144 30 29) 73%, rgb(255 0 0) 100%) !important;
    border-radius: 20px!important;
    /* color: black!important; */
}
#fuse-navbar > div > div > div > div.px-12.py-12.user-info-layer > h5 {
    font-weight: bold!important;
    color: #c30d10 !important;
    text-shadow: 0px 0px 20px rgb(255 68 77) !important;
}
.MuiTab-root {
    background: linear-gradient(52deg, rgba(255, 238, 198, 1) 0%, rgba(145, 127, 75, 1) 35%, rgba(255, 238, 198, 1) 74%, rgba(145, 127, 75, 1) 100%) !important;
    margin-right: 5px !important;
}
.jss704 {
    background: linear-gradient(30deg, rgb(0 0 0) 0%, rgba(27, 27, 27, 1) 23%, rgb(13 13 13) 50%, rgb(23 23 23) 73%, rgb(23 23 23) 100%) !important;
}
.MuiTab-textColorInherit {
    color: #292929 !important;
    font-weight: bold !important;
}
.jss774 {
    color: #efddb8 !important;
}
.jss775 {
    color: #efddb8 !important;
}
.jss796 {
    color: #efddb8 !important;
}
.jss797 {
    color: #03ffa4 !important;
    font-size: 14px;
}
.MuiTableCell-root {
    color: #efddb8 !important;
}
.jss322 .logo-icon {
    width: 100px !important;
    padding: 0px !important;
    background: #131313;
}
@media (min-width: 1530px) {
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(1) {
   background: url(https://777.works/zoom/raris/egt-vip.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - 10px)!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(2) {
   background: url(https://777.works/zoom/raris/jackpot-vip.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - 10px)!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(3) {
   background: url(https://777.works/zoom/raris/bell-link.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - 10px)!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(4) {
   background: url(https://777.works/zoom/raris/xtreme1.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - 10px)!important;
}
}
@media screen and (min-device-width: 1366px) and (max-device-width: 1529px) {
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(1) {
   background: url(https://777.works/zoom/raris/egt-vip.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - -20px)!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(2) {
   background: url(https://777.works/zoom/raris/jackpot-vip.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - -20px)!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(3) {
   background: url(https://777.works/zoom/raris/bell-link.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - -20px)!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(4) {
   background: url(https://777.works/zoom/raris/xtreme.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - -20px)!important;
}
}
@media (max-width: 750px) {
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(1) {
   background: url(https://777.works/zoom/raris/egt-vip.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - -60px)!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(2) {
   background: url(https://777.works/zoom/raris/jackpot-vip.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - -60px)!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(3) {
   background: url(https://777.works/zoom/raris/bell-link.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - -60px)!important;
   padding-bottom: 40px!important;
}

#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.lobbyFlex.grid.grid-cols-2.md\:grid-cols-4.gap-2.md\:gap-4 > div:nth-child(4) {
   background: url(https://777.works/zoom/raris/xtreme.png)!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   background-position: calc(50% + 0px) calc(50% - -60px)!important;
}
}
#fuse-layout > div > div > div > div > div.flex.flex-col.flex-auto.items-center.justify-center.flex-shrink-0.p-16.md\:p-24 > div.flex.rounded-12.shadow-2xl.overflow-hidden {
    box-shadow: inset 6px 7px 16px 0px rgb(161 0 0 / 55%);
}
.jss170 .logo-icon {
    width: 200px !important;
    background: transparent !important;
    padding: 0px!important;
}
#fuse-navbar > div > div > header > div:nth-child(2) {
    display:none!important;
} 
.MuiSnackbarContent-root {
    color: white !important;
}
/* #fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.mt-auto > div.bg-\[\#212121\].px-\[24px\].py-\[16px\].md\:px-\[40px\].md\:py-\[64px\].lg\:px-\[64px\].lg\:py-\[96px\] > div > div.flex.flex-col.items-start.mt-\[16px\] > div {
    position: fixed!important;
    right: 0px!important;
    bottom: 0rem!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.mt-auto > div.bg-\[\#212121\].px-\[24px\].py-\[16px\].md\:px-\[40px\].md\:py-\[64px\].lg\:px-\[64px\].lg\:py-\[96px\] > div > div.flex.flex-col.items-start.mt-\[16px\] > div > span {
    display: none!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.mt-auto > div.bg-\[\#212121\].px-\[24px\].py-\[16px\].md\:px-\[40px\].md\:py-\[64px\].lg\:px-\[64px\].lg\:py-\[96px\] > div > div.flex.flex-col.items-start.mt-\[16px\] > div {
    margin: 0px!important;
}
#fuse-layout > div > div > div.jss26 > div > div.lobbyContainer > div.mt-auto > div.bg-\[\#212121\].px-\[24px\].py-\[16px\].md\:px-\[40px\].md\:py-\[64px\].lg\:px-\[64px\].lg\:py-\[96px\] > div > div.flex.flex-col.items-start.mt-\[16px\] > div > a > img {
    height: 60px!important;
} */
.jss261 {
    background: #260300 !important;
}