.banner[data-v-f3346957] {
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr 200px;
    height: 170px;
    overflow: hidden;
    background-size: cover;
    padding: 25px 45px;
    background-repeat: no-repeat;
    background-position: center;
    align-items: center;
    position: relative
}

@media (min-width:1050px) {
    .banner[data-v-f3346957]:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        -webkit-user-select: none;
        user-select: none;
        width: 200px;
        z-index: -1;
        background-image: linear-gradient(to right, #528e04, transparent)
    }

    .banner[data-v-f3346957]:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-user-select: none;
        user-select: none;
        width: 200px;
        z-index: 0;
        background-image: linear-gradient(to left, #528e04, transparent)
    }

    .banner.dark[data-v-f3346957]:after {
        background-image: linear-gradient(to right, rgb(33, 39, 59), transparent)
    }

    .banner.dark[data-v-f3346957]:before {
        background-image: linear-gradient(to left, rgb(33, 39, 59), transparent)
    }
}

.banner img[data-v-f3346957] {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    object-fit: cover
}

.banner .timer a[data-v-f3346957] {
    background: linear-gradient(180deg, #5bacff, #218cf9);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 40px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    position: relative
}

.banner .timer .time[data-v-f3346957] {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    display: flex;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 10px;
    margin-bottom: -5px
}

.banner .timer .time .section[data-v-f3346957] {
    width: 25%;
    display: flex;
    padding: 5px 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffffb3;
    font-size: 11px;
    border-right: 1px solid rgba(255, 255, 255, .2);
    border-radius: 15px
}

.banner .timer .time .section[data-v-f3346957]:last-child {
    border-right: none
}

.banner .timer .time .section span[data-v-f3346957] {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: -7px;
    color: #fff;
    text-shadow: 0px 3px 0 rgba(0, 0, 0, .36)
}

.banner .info[data-v-f3346957] {
    color: #fff;
    font-size: 17px;
    text-shadow: 3px 3px 15px black
}

.banner .info .title[data-v-f3346957] {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 25px
}

.banner .info .description[data-v-f3346957] {
    line-height: 18px;
    color: #fff;
    text-shadow: 3px 3px 15px black
}

@media (max-width:1050px) {
    .banner[data-v-f3346957] {
        height: unset;
        background-color: #21273b;
        grid-template-columns: repeat(2, 1fr);
        padding-top: 120px
    }

    .banner img[data-v-f3346957] {
        position: absolute;
        bottom: unset;
        height: 100px;
        z-index: 1
    }

    .banner .timer[data-v-f3346957],
    .banner .info[data-v-f3346957] {
        z-index: 1
    }

    .banner .timer a[data-v-f3346957]:after {
        content: unset
    }
}

@media (max-width:1050px) and (max-width:600px) {
    .banner[data-v-f3346957] {
        grid-template-columns: 1fr
    }

    .banner .info[data-v-f3346957] {
        margin-bottom: 15px
    }
}

@media (max-width:750px) {}

.head[data-v-82900915] {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    background-color: rgba(var(--background), 1);
    padding: 10px
}

.head .categories[data-v-82900915] {
    width: calc(100% - 425px);
    display: flex;
    overflow-x: auto;
    overflow-y: hidden
}
.head .categories a,
.head .categories span[data-v-82900915] {
    border-radius: 8px;
    height: 40px;
    padding: 0 15px;
    display: flex;
    flex-shrink: 0;
    font-weight: 700;
    font-size: 15px;
    margin-right: 10px;
    color: rgba(var(--text-main), 1);
    align-items: center
}

.head .categories a:hover,
.head .categories span[data-v-82900915]:hover {
    opacity: .7;
    cursor: pointer
}

.head .categories a.active,
.head .categories span.active[data-v-82900915] {
    background: #218cf9;
    box-shadow: 0 4px 15px #218cf933;
    color: #fff;
    pointer-events: none
}

.head .search[data-v-82900915] {
    display: flex;
    align-items: center;
    width: 220px;
    justify-content: space-between;
    height: 40px;
    border-radius: 10px;
    padding: 0 20px;
    background-color: rgba(var(--bg-main), 1)
}

.head .search svg[data-v-82900915] {
    color: #218cf9
}

.head .search svg[data-v-82900915]:hover {
    cursor: pointer
}

.head .search input[data-v-82900915] {
    height: 50px;
    width: calc(100% - 35px);
    font-size: 15px;
    background-color: transparent;
    color: rgba(var(--text-secondary), 1)
}

.head .search input[data-v-82900915]::placeholder {
    color: rgba(var(--text-logout), 1)
}

.head button[data-v-82900915] {
    height: 40px;
    border-radius: 10px;
    padding: 0 20px;
    background-color: rgba(var(--bg-main), 1);
    width: 180px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--text-main), 1);
    transition: .25s ease
}

.head button svg[data-v-82900915] {
    height: 20px;
    margin-left: 5px
}

.head button[data-v-82900915]:hover {
    cursor: pointer
}

@media (max-width:750px) {
    .head[data-v-82900915] {
        flex-wrap: wrap;
        padding: 0
    }

    .head .categories[data-v-82900915] {
        order: 2;
        width: 100%;
        background-color: rgba(var(--bg-light), 1);
        border-radius: 10px;
        padding: 10px
    }

    .head .search[data-v-82900915],
    .head button[data-v-82900915] {
        width: calc(50% - 5px);
        height: 50px;
        margin-bottom: 10px
    }
}

.livefeed[data-v-a4e22af4] {
    background-color: rgba(var(--bg-main), 1);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px;
    position: relative;
    height: 100px;
    overflow: hidden;
    box-shadow: var(--shadow-main)
}

.livefeed[data-v-a4e22af4]:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background-image: linear-gradient(to left, rgba(var(--bg-main), 1), transparent);
    content: ""
}

.livefeed .wins[data-v-a4e22af4] {
    display: flex;
    margin-left: 20px
}

.livefeed .wins .win[data-v-a4e22af4] {
    width: 260px;
    padding: 0 15px;
    min-width: 260px;
    border-right: 1px solid rgba(0, 0, 0, .05);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.livefeed .wins .win img[data-v-a4e22af4] {
    width: 58px;
    height: 60px;
    border-radius: 8px;
    display: block;
    object-fit: cover
}

.livefeed .wins .win .info[data-v-a4e22af4] {
    width: calc(100% - 70px)
}

.livefeed .wins .win .info .flex[data-v-a4e22af4] {
    display: flex;
    justify-content: space-between
}

.livefeed .wins .win .info .flex .player[data-v-a4e22af4],
.livefeed .wins .win .info .flex .amount[data-v-a4e22af4] {
    width: 50%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.livefeed .wins .win .info .flex .player[data-v-a4e22af4] {
    color: rgba(var(--text-main), .6);
    font-size: 12px
}

.livefeed .wins .win .info .flex .player[data-v-a4e22af4]:hover {
    opacity: .7
}

.livefeed .wins .win .info .flex .amount[data-v-a4e22af4] {
    font-weight: 700;
    font-size: 12px;
    justify-content: end;
    color: #ff8600
}

.livefeed .wins .win .info .flex .amount svg[data-v-a4e22af4] {
    height: 11px;
    margin-right: 3px
}

.livefeed .wins .win .info .name[data-v-a4e22af4] {
    font-weight: 600;
    color: rgba(var(--text-main), 1);
    font-size: 17px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.livefeed .wins .win .info .name[data-v-a4e22af4]:hover {
    opacity: .7
}

.livefeed .badge[data-v-a4e22af4] {
    transform: rotate(-90deg);
    font-weight: 600;
    position: absolute;
    left: 25px;
    top: 0;
    font-size: 15px;
    bottom: 0
}

.livefeed .badge img[data-v-a4e22af4] {
    margin-right: 4px
}

.splide[data-v-3ae5806d] {
    margin-bottom: 15px
}

.slots[data-v-3ae5806d] {
    box-shadow: var(--shadow-main);
    background-color: rgba(var(--bg-main), 1);
    border-radius: 10px;
    padding: 25px
}

@media (max-width:750px) {
    .slots[data-v-3ae5806d] {
        padding: 0;
        box-shadow: unset;
        background-color: unset
    }
}

.slots .title[data-v-3ae5806d] {
    font-weight: 700;
    font-size: 16px;
    color: rgba(var(--text-main), 1);
    display: flex;
    align-items: center;
    margin: 30px 0
}

.slots .title img[data-v-3ae5806d] {
    margin-right: 10px;
    height: 23px
}

.slots .games[data-v-3ae5806d] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-bottom: 15px
}

@media (max-width:1600px) {
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width:1600px) and (max-width:1400px) {
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width:1600px) and (max-width:1400px) and (max-width:1000px) {
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:1600px) and (max-width:1400px) and (max-width:1000px) and (max-width:750px) {
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:1600px) and (max-width:1400px) and (max-width:1000px) and (max-width:750px) and (max-width:350px) {
    .slots .games[data-v-3ae5806d] {
        grid-template-columns: repeat(1, 1fr)
    }
}

.slots .games a[data-v-3ae5806d] {
    overflow: hidden;
    position: relative;
    background-color: rgba(var(--bg-main), 1);
    box-shadow: 0 .25rem 2rem #00000017;
    border-radius: 10px;
    transition: .25s ease
}

.slots .games a img[data-v-3ae5806d] {
    width: 100%;
    object-fit: cover;
    height: 100%;
    display: block;
    min-height: 100px;
    max-height: 160px
}

.slots .games a img.background[data-v-3ae5806d] {
    z-index: 1;
    position: relative
}

.slots .games a .info[data-v-3ae5806d] {
    opacity: 0;
    transition: .25s ease;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #0000001a;
    z-index: 1
}

.slots .games a .info[data-v-3ae5806d]:hover {
    opacity: 1
}

.slots .games a .info .provider[data-v-3ae5806d] {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 15px;
    top: 15px
}

.slots .games a .info .name[data-v-3ae5806d] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    color: #fff;
    padding: 0 15px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 20px;
    text-align: center
}

.slots .games a .info button[data-v-3ae5806d] {
    background: #ffab03;
    box-shadow: 0 8px 15px #1e1e1e80;
    border-radius: 8px;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    width: 100px;
    height: 40px;
    font-size: 16px;
    top: 0;
    margin: auto;
    font-weight: 600;
    color: #fff
}

.slots .games a[data-v-3ae5806d]:hover {
    transform: scale(1.05)
}

a.moregames[data-v-3ae5806d],
button.moregames[data-v-3ae5806d] {
    margin: 0 auto;
    display: flex;
    width: 150px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    background-image: linear-gradient(0deg, #6ca1f0, #65cffb);
    box-shadow: 0 7px 13px #778cf640;
    color: #fff;
    transition: .25s ease
}

a.moregames svg[data-v-3ae5806d],
button.moregames svg[data-v-3ae5806d] {
    margin-right: 5px
}

a.moregames[data-v-3ae5806d]:hover,
button.moregames[data-v-3ae5806d]:hover {
    cursor: pointer;
    opacity: .7;
    transform: scale(1.1)
}

@media (max-width:750px) {
    a.moregames[data-v-3ae5806d],
    button.moregames[data-v-3ae5806d] {
        width: 100%;
        border-radius: 10px
    }

    a.moregames[data-v-3ae5806d]:hover,
    button.moregames[data-v-3ae5806d]:hover {
        transform: unset
    }
}

@media (max-width:1150px) {}

@media (max-width:1150px) and (max-width:450px) {}

@media (max-width:1150px) {}

@media (max-width:900px) {}

@media (max-width:900px) {}

@media (min-width:1601px) {}

@media (max-width:1600px) {}

@media (max-width:900px) {}

@media (max-width:900px) {}

@media (max-width:500px) {}

@media (max-width:500px) {}

@media (max-width:600px) {}

@keyframes loaderAnimate-b65aaab4 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (max-width:1800px) {}

@media (max-width:1800px) and (max-width:1475px) {}

@media (max-width:1800px) and (max-width:1475px) and (max-width:1100px) {}

@media (max-width:1800px) and (max-width:1475px) and (max-width:1100px) and (max-width:450px) {}

@media (max-width:1500px) {}

@media (max-width:1500px) and (max-width:1450px) {}

@media (max-width:1150px) {}

@media (max-width:1150px) and (max-width:400px) {}

@media (max-width:1700px) {}

@media (max-width:1700px) and (max-width:1650px) {}

@media (max-width:1700px) and (max-width:1650px) and (max-width:1600px) {}

@media (max-width:1700px) and (max-width:1650px) and (max-width:1600px) and (max-width:1500px) {}

@media (max-width:1700px) and (max-width:1450px) {}

@media (max-width:1700px) and (max-width:1450px) and (max-width:1100px) {}

.auth[data-v-21646828] {
    display: flex;
    align-items: center;
    justify-content: end
}

.auth a[data-v-21646828],
.auth button[data-v-21646828] {
    width: 115px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    background-color: #178be3
}

.auth a.login[data-v-21646828],
.auth button.login[data-v-21646828] {
    margin-right: 15px
}

.auth a.register[data-v-21646828],
.auth button.register[data-v-21646828] {
    width: 160px;
    background-color: #8522c1
}

.auth a svg[data-v-21646828],
.auth button svg[data-v-21646828] {
    height: 20px;
    width: 25px;
    margin-right: 10px
}

.auth a[data-v-21646828]:hover,
.auth button[data-v-21646828]:hover {
    opacity: .8;
    cursor: pointer
}

@media (max-width:400px) {
    .auth a.login[data-v-21646828],
    .auth button.login[data-v-21646828] {
        margin-right: 5px
    }
    
    .auth a.register[data-v-21646828],
    .auth button.register[data-v-21646828] {
        width: 60px
    }

    .auth a.register svg[data-v-21646828],
    .auth button.register svg[data-v-21646828] {
        margin-right: 0
    }

    .auth a.register span[data-v-21646828],
    .auth button.register span[data-v-21646828] {
        display: none
    }
}

.badges[data-v-34c7ab4c] {
    display: flex
}

.badges span[data-v-34c7ab4c] {
    border: 1px solid rgba(var(--border-main, 1))
}

.badges span[data-v-34c7ab4c]:hover {
    cursor: pointer;
    background-color: rgba(var(--border-main, 1))
}

.badges span svg[data-v-34c7ab4c] {
    color: #b7c2d0
}

.badges a[data-v-34c7ab4c],
.badges span[data-v-34c7ab4c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px
}

.badges a[data-v-34c7ab4c]:last-child,
.badges span[data-v-34c7ab4c]:last-child {
    margin-right: 0
}

.badges a.tg[data-v-34c7ab4c] {
    background-color: #218cf9
}

.badges span.lang svg[data-v-34c7ab4c] {
    display: block;
    width: 20px;
    height: 15px;
    overflow: hidden;
    border-radius: 500px
}

.badges a img[data-v-34c7ab4c] {
    width: 100%;
    height: 100%;
}

.badges a svg[data-v-34c7ab4c],
.badges span svg[data-v-34c7ab4c] {
    height: 15px
}

.badges a:hover svg[data-v-34c7ab4c],
.badges span:hover svg[data-v-34c7ab4c] {
    opacity: .6
}

.nav a[data-v-d646e4fa] {
    margin-right: 35px;
    font-size: 16px;
    font-weight: 700;
    color: rgba(var(--text-main), 1)
}

.nav a[data-v-d646e4fa]:hover {
    color: rgba(var(--text-main), .6);
    cursor: pointer
}

.games[data-v-f9207f78] {
    background-color: rgba(var(--bg-main), 1);
    border-radius: 10px;
    height: 90px;
    display: flex;
    box-shadow: var(--shadow-main)
}

@media (max-width:900px) {
    .games[data-v-f9207f78] {
        flex-wrap: wrap;
        height: unset;
        justify-content: center
    }
}

.games .game[data-v-f9207f78] {
    width: 12.5%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 42px;
    color: rgba(var(--text-secondary), 1);
    font-size: 14px;
    font-weight: 700
}

.games .game[data-v-f9207f78]:hover {
    cursor: pointer
}

@media (max-width:900px) {
    .games .game[data-v-f9207f78] {
        margin: 10px 0;
        width: calc(25% - 5px)
    }
}

@media (max-width:900px) and (max-width:350px) {
    .games .game[data-v-f9207f78] {
        width: calc(50% - 5px)
    }
}

.games .game.router-link-active[data-v-f9207f78] {
    background-color: rgba(var(--bg-secondary), 1);
    border-radius: 6px
}

.games .game .badge img[data-v-f9207f78],
.games .game .badge svg[data-v-f9207f78] {
    transition: .3s ease
}

.games .game .badge img[data-v-f9207f78] {
    max-width: 25px;
    max-height: 25px
}

.games .game:hover .badge[data-v-f9207f78] {
    top: -15px
}

.games .game:hover .badge img[data-v-f9207f78] {
    transform: rotateY(180deg)
}

.games .game:hover .badge svg[data-v-f9207f78] {
    transform: rotate(360deg)
}

.games .game .amount[data-v-f9207f78] {
    color: #ed8e1f
}

.games .game span[data-v-f9207f78] {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 15px;
    text-align: center
}

.games .game .description[data-v-f9207f78] {
    color: rgba(var(--text-logout), 1)
}

.games .game .badge[data-v-f9207f78] {
    width: 48px;
    height: 48px;
    position: absolute;
    top: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-image: linear-gradient(0deg, #8e6cf0, #6582fb);
    transition: .25s ease;
    color: #fff;
    font-size: 20px
}

.games .game.blue .badge[data-v-f9207f78] {
    background-image: linear-gradient(0deg, #6ca1f0, #65cffb)
}

.games .game.yellow .badge[data-v-f9207f78] {
    background-image: linear-gradient(0deg, #f0cc6c, #e5a643)
}

.games .game.red .badge[data-v-f9207f78] {
    background-image: linear-gradient(0deg, #f0856c, #e55a43)
}

.games .game.purple .badge[data-v-f9207f78] {
    background-image: linear-gradient(0deg, #e26cf0, #ae43e5)
}

.games .game.gray .badge[data-v-f9207f78] {
    background-image: linear-gradient(0deg, #9da3b1, #767a8f)
}

.games.no-shadow .game .badge[data-v-f9207f78] {
    box-shadow: unset
}

.wallet[data-v-a261d2a5] {
    background-color: rgba(var(--bg-main), 1);
    box-shadow: var(--shadow-main);
    border-radius: 10px;
    padding: 15px 20px;
    height: 90px;
    position: relative;
    overflow: hidden
}

.wallet .no-items[data-v-a261d2a5] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--bg-main), .6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media (max-width:450px) {
    .wallet[data-v-a261d2a5] {
        height: unset;
        min-height: 90px
    }
}

@media (max-width:1600px) {}

.header[data-v-fed5196b] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.header .leftbar[data-v-fed5196b] {
    width: 450px
}

@media (max-width:1350px) {}

.header .showMenu svg[data-v-fed5196b] {
    height: 19px
}

.header a.logotype[data-v-fed5196b] {
    height: 45px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header a.logotype img[data-v-fed5196b] {
    width: 59px;
    object-fit: contain;
    margin-right: 15px
}

@media (max-width:400px) {
    .header a.logotype img[data-v-fed5196b] {
        margin-right: 0
    }
}

.header a.logotype span[data-v-fed5196b] {
    font-family: SHARKBOY-and-lavagirl;
    font-size: 35px;
    color: rgba(var(--text-primary), 1);
    text-align: center;
    position: relative
}

@media (max-width:400px) {
    .header a.logotype span[data-v-fed5196b] {
        display: none
    }
}

.header a.logotype .icon[data-v-fed5196b] {
    position: relative
}

.header .main[data-v-fed5196b] {
    width: calc(100% - 465px)
}

.header .main .flex[data-v-fed5196b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    margin-bottom: 15px
}

@media (max-width:900px) {}

@media (max-width:1350px) {
    .header .main .flex .desktop[data-v-fed5196b] {
        display: none
    }
}

@media (max-width:1600px) {
    .header .leftbar[data-v-fed5196b] {
        width: 350px
    }

    .header .main[data-v-fed5196b] {
        width: calc(100% - 365px)
    }
}

@media (max-width:900px) {
    .header[data-v-fed5196b] {
        flex-wrap: wrap
    }

    .header .leftbar[data-v-fed5196b],
    .header .main[data-v-fed5196b] {
        width: 100%
    }

    .header .main .flex[data-v-fed5196b] {
        height: unset
    }
}

.banners[data-v-d13028d4] {
    margin: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.banners .big-giveaway[data-v-d13028d4] {
    width: 100%;
    background-color: #1f6aed;
    /* background-image: url(../images/0.jpg); */
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    height: 90px;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px
}

.banners .big-giveaway .info[data-v-d13028d4] {
    width: calc(100% - 100px)
}

.banners .big-giveaway .info .title[data-v-d13028d4] {
    color: #fffc;
    text-shadow: -1px 5px 6px rgb(0, 0, 0);
    font-size: 15px
}

.banners .big-giveaway .info .amount[data-v-d13028d4] {
    font-size: 23px;
    font-weight: 700;
    text-shadow: -1px 5px 6px rgb(0, 0, 0)
}

.banners .big-giveaway .badge[data-v-d13028d4] {
    width: 100px;
    height: 50px;
    background-color: rgba(var(--bg-white-primary), 1);
    border-radius: 10px;
    color: #45433f;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    white-space: nowrap
}

.banners .big-giveaway .badge .description[data-v-d13028d4] {
    font-size: 10px;
    font-weight: 700;
    margin-bottom: -5px
}

.banners .big-giveaway .badge .date[data-v-d13028d4] {
    font-size: 20px;
    font-weight: 700
}

@keyframes bossAnimate-b283de70 {
    0% {
        background-color: #f09
    }

    50% {
        background-color: #493240
    }

    to {
        background-color: #f09
    }
}

@keyframes magnatAnimate-b283de70 {
    0% {
        background-color: #ffef4e
    }

    50% {
        background-color: #f7c43b
    }

    to {
        background-color: #ffef4e
    }
}

@keyframes lordAnimate-b283de70 {
    0% {
        background-position: 10% 0%
    }

    50% {
        background-position: 91% 100%
    }

    to {
        background-position: 10% 0%
    }
}

svg[data-v-b938d906] {
    height: 18px;
    margin-right: 5px
}

.chat[data-v-13a12521] {
    background-color: rgba(var(--bg-main), 1);
    border-radius: 10px;
    padding: 20px;
    box-shadow: var(--shadow-main);
    transition: height .25s ease;
    overflow: hidden
}

.chat.hidden[data-v-13a12521] {
    height: 52px
}

.chat.hidden .header[data-v-13a12521] {
    border-color: transparent
}

.chat .header[data-v-13a12521] {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(var(--border-light, 1))
}

.chat .header .title[data-v-13a12521] {
    width: 100px;
    font-weight: bolder;
    font-size: 14px;
    text-transform: uppercase
}

.chat .header .online[data-v-13a12521] {
    display: flex;
    align-items: center;
    justify-content: end;
    font-weight: 600;
    color: #4ec03d;
    width: 100px;
    opacity: 1;
    transition: .25s ease
}

.chat .header .hide[data-v-13a12521] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(var(--border-secondary-hover, 1));
    border-radius: 50%;
    justify-content: center
}

.chat .header .hide svg[data-v-13a12521] {
    height: 15px;
    color: #b7c2d0
}

.chat .header .hide[data-v-13a12521]:hover {
    opacity: .7;
    cursor: pointer
}

@media (max-width:1350px) {
    .chat[data-v-13a12521] {
        position: fixed;
        z-index: 2
    }

    .chat .header .title[data-v-13a12521] {
        display: none
    }

    .chat.hidden[data-v-13a12521] {
        width: 70px;
        top: unset;
        right: 20px;
        bottom: 20px;
        height: 80px;
        padding: 10px
    }

    .chat.hidden .header[data-v-13a12521] {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    .chat.hidden .header .online[data-v-13a12521] {
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-top: 10px
    }
}

@media (max-width:1350px) and (max-width:900px) {
    .chat[data-v-13a12521] {
        right: 0;
        top: 60px;
        bottom: 0;
        z-index: 10
    }

    .chat.hidden[data-v-13a12521] {
        left: unset
    }
}

@media (max-width:600px) {}

@media (max-width:600px) and (max-width:400px) {}

@media (max-width:600px) and (max-width:360px) {}

@media (max-width:600px) and (max-width:340px) {}

.footer[data-v-0d9af663] {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: rgba(var(--bg-main), .5);
    border-radius: 10px;
    padding: 20px;
    box-shadow: var(--shadow-main);
    overflow: hidden
}

.footer #anj-04061d08-38ff-4389-bde4-4e8f844024ba[data-v-0d9af663] {
    margin-left: 15px
}

.footer .anjouan-icon img[data-v-0d9af663] {
    width: 48px;
    height: 48px
}

.footer .anjouan-icon img[data-v-0d9af663] {
    object-fit: cover
}

.footer .icons[data-v-0d9af663] {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer .icons a[data-v-0d9af663] {
    margin-left: 15px
}

.footer .links[data-v-0d9af663] {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.footer .links a[data-v-0d9af663] {
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
    color: rgba(var(--text-main), 1);
    white-space: nowrap
}

.footer .links a[data-v-0d9af663]:hover {
    cursor: pointer;
    color: #b1b7cd
}

.footer .company span[data-v-0d9af663] {
    color: #b1b7cd;
    font-size: 12px;
    line-height: 8px
}

.footer .company span a[data-v-0d9af663] {
    color: rgba(var(--text-main))
}

@media (max-width:1350px) {
    .hide-mobile[data-v-705ef439] {
        display: none
    }
}

@keyframes animateLogo-bfcec1ff {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@font-face {
    font-family: Circe;
    src: local("Circe"), local("Circe-Regular"),
        /* original URL: https://ezcash54.casino/assets/Circe-Regular-LwZ11hqR.woff */
        url(../fonts/3.woff)format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Circe;
    src: local("Circe Bold"), local("Circe-Bold"),
        /* original URL: https://ezcash54.casino/assets/Circe-Bold-CFeGCd4k.woff */
        url(../fonts/7.woff)format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: SHARKBOY-and-lavagirl;
    src:
        /* original URL: https://ezcash54.casino/assets/SHARKBOY-and-lavagirl.ttf-w6VwmBgZ.woff */
        url(../fonts/9.woff)format("woff");
    font-weight: 400;
    font-style: normal
}

.Vue-Toastification__container {
    z-index: 9999;
    position: fixed;
    padding: 4px;
    width: 600px;
    box-sizing: border-box;
    display: flex;
    min-height: 100%;
    color: #fff;
    flex-direction: column;
    pointer-events: none
}

@media only screen and (min-width:600px) {

    .Vue-Toastification__container.top-left,
    .Vue-Toastification__container.top-right,
    .Vue-Toastification__container.top-center {
        top: 1em
    }

    .Vue-Toastification__container.bottom-left,
    .Vue-Toastification__container.bottom-right,
    .Vue-Toastification__container.bottom-center {
        bottom: 1em;
        flex-direction: column-reverse
    }

    .Vue-Toastification__container.top-left,
    .Vue-Toastification__container.bottom-left {
        left: 1em
    }

    @supports not (-moz-appearance:none) {

        .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,
        .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl {
            margin-right: unset;
            margin-left: auto
        }
    }

    .Vue-Toastification__container.top-right,
    .Vue-Toastification__container.bottom-right {
        right: 1em
    }

    @supports not (-moz-appearance:none) {

        .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,
        .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
            margin-left: unset;
            margin-right: auto
        }
    }

    .Vue-Toastification__container.top-center,
    .Vue-Toastification__container.bottom-center {
        left: 50%;
        margin-left: -300px
    }
}

@media only screen and (max-width:600px) {
    .Vue-Toastification__container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Vue-Toastification__container.top-left,
    .Vue-Toastification__container.top-right,
    .Vue-Toastification__container.top-center {
        top: 0
    }

    .Vue-Toastification__container.bottom-left,
    .Vue-Toastification__container.bottom-right,
    .Vue-Toastification__container.bottom-center {
        bottom: 0;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:600px) {}

@keyframes scale-x-frames {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutRight {
    40% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(1000px, 0, 0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutTop {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-50px);
        opacity: 0
    }
}

@keyframes fadeOutLeft {
    0% {
        transform: translate(0);
        opacity: 1
    }

    to {
        transform: translate(-50px);
        opacity: 0
    }
}

@keyframes fadeOutBottom {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(50px);
        opacity: 0
    }
}

@keyframes fadeOutRight {
    0% {
        transform: translate(0);
        opacity: 1
    }

    to {
        transform: translate(50px);
        opacity: 0
    }
}

@keyframes fadeInLeft {
    0% {
        transform: translate(-50px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        transform: translate(50px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeInTop {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        transform: translateY(50px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideInBlurredLeft {
    0% {
        transform: translate(-1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }

    to {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredTop {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 0%;
        filter: blur(240px);
        opacity: 0
    }

    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredRight {
    0% {
        transform: translate(1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0
    }

    to {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredBottom {
    0% {
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }

    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideOutBlurredTop {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 0%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translateY(-1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 0%;
        filter: blur(240px);
        opacity: 0
    }
}

@keyframes slideOutBlurredBottom {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translateY(1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }
}

@keyframes slideOutBlurredLeft {
    0% {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translate(-1000px) scaleX(2) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes slideOutBlurredRight {
    0% {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translate(1000px) scaleX(2) scaleY(.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0
    }
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

@media print,
(prefers-reduced-motion:reduce) {}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes tada {
    0% {
        transform: scaleZ(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        transform: scaleZ(1)
    }
}

:root {
    --background: 246, 247, 251;
    --bg-main: 255, 255, 255;
    --bg-white-primary: 255, 255, 255;
    --bg-secondary: 247, 248, 252;
    --bg-secondary-hover: 230, 232, 240;
    --bg-light: 235, 238, 248;
    --bg-light-hover: 222, 226, 240;
    --bg-badge: 244, 247, 252;
    --bg-classic-fire: 244, 246, 251;
    --bg-classic-fire-badge: 215, 221, 236;
    --bg-classic-fire-text: 59, 64, 70;
    --bg-logout: 220, 225, 241;
    --text-main: 43, 43, 43;
    --text-primary: 31, 106, 237;
    --text-secondary: 85, 89, 100;
    --text-secondary-light: 86, 90, 101;
    --text-logout: 185, 195, 210;
    --shadow-main: 0px 7px 29px 0px rgb(222 226 241/33%);
    --border-main: 221, 227, 233;
    --border-secondary: 217, 222, 240;
    --border-light: 231, 236, 241;
    --border-secondary-hover: 219, 225, 231;
    --border-wheel: 233, 240, 250;
    --border-avatar: 244, 245, 249
}

html.dark:root {
    --background: 28, 33, 51;
    --bg-main: 33, 39, 59;
    --bg-secondary: 39, 46, 69;
    --bg-secondary-hover: var(--bg-secondary);
    --bg-light: 26, 31, 49;
    --bg-light-hover: 40, 46, 68;
    --bg-badge: 22, 27, 43;
    --bg-classic-fire: 44, 50, 71;
    --bg-classic-fire-badge: 76, 81, 103;
    --bg-classic-fire-text: 148, 157, 197;
    --bg-logout: 35, 41, 62;
    --text-main: 196, 204, 224;
    --text-primary: 43, 142, 222;
    --text-secondary: 196, 204, 224;
    --text-secondary-light: 255, 255, 255;
    --text-logout: 122, 134, 174;
    --shadow-main: unset;
    --border-main: 57, 62, 81;
    --border-secondary: 47, 52, 74;
    --border-light: 47, 52, 74;
    --border-secondary-hover: 87, 96, 128;
    --border-wheel: 44, 50, 73;
    --border-avatar: 44, 50, 71
}

* {
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Circe, "sans-serif", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
}

a {
    text-decoration: none
}

html {
    background-color: rgba(var(--background), 1);
    color: rgba(var(--text-main), 1)
}

body {
    overflow-y: scroll
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

::-webkit-scrollbar-track {
    background-color: rgba(var(--background), 1);
    border-radius: 6px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(var(--bg-secondary-hover), 1)
}

#app {
    padding: 20px;
    max-width: 1920px;
    margin: 0 auto
}

#app .container-fluid {
    display: flex;
    justify-content: space-between
}

#app .container-fluid .content {
    width: calc(100% - 385px)
}

#app .container-fluid .rightbar {
    width: 370px
}

@media (max-width:1600px) {
    #app .container-fluid .content {
        width: calc(100% - 325px)
    }
}

@media (max-width:1600px) and (max-width:900px) {}

@media (max-width:1600px) {
    #app .container-fluid .rightbar {
        width: 310px
    }
}

@media (max-width:1350px) {
    #app .container-fluid {
        flex-wrap: wrap
    }

    #app .container-fluid .content,
    #app .container-fluid .rightbar {
        width: 100%
    }
}

@media (max-width:1750px) {}

@media (max-width:1850px) {}

@media (max-width:1650px) {}

@media (max-width:1650px) and (max-width:1000px) {}

@media (max-width:1650px) and (max-width:1000px) and (max-width:430px) {}

@media (max-width:1650px) and (max-width:1000px) {}

@media (max-width:1650px) and (max-width:1000px) and (max-width:560px) {}

@media (max-width:1650px) and (max-width:1000px) {}

@media (max-width:650px) {}

@media (max-width:1500px) {}

@media (max-width:1500px) and (max-width:600px) {}

@media (max-width:1500px) and (max-width:500px) {}

@media (max-width:1450px) {}

@media (max-width:1450px) {}

@media (max-width:1650px) {}

@media (max-width:1900px) {}

@media (max-width:900px) {}

@media (max-width:1000px) {}

@media (max-width:1000px) and (max-width:750px) {}

@media (max-width:1000px) {}

@media (max-width:1750px) {}

@media (max-width:1750px) and (max-width:1450px) {}

@media (max-width:1750px) and (max-width:1450px) {}

@media (max-width:1750px) and (max-width:1450px) and (max-width:600px) {}

@media (max-width:600px) {}

@media (max-width:600px) and (max-width:450px) {}

@media (max-width:600px) {}

@media (max-width:1850px) {}

@media (max-width:1850px) and (max-width:1150px) {}

@media (max-width:750px) {}

@media (max-width:1700px) {}

@media (max-width:1700px) and (max-width:1000px) {}

@media (max-width:1700px) and (max-width:1600px) {}

@media (max-width:1400px) {}

@media (max-width:1850px) {}

@media (max-width:1850px) and (max-width:800px) {}

@media (max-width:1850px) and (max-width:800px) and (max-width:550px) {}

@media (max-width:600px) {}

@media (max-width:600px) and (max-width:400px) {}

@media (max-width:1700px) {}

@media (max-width:1000px) {}

@media (max-width:1000px) {}

@media (max-width:1200px) {}

@media (max-width:1000px) {}

@media (max-width:1000px) {}

@media (max-width:1150px) {}

@media (max-width:1150px) {}

@media (max-width:1810px) {}

@media (max-width:1810px) and (max-width:995px) {}

@media (max-width:1810px) and (max-width:995px) and (max-width:500px) {}

@media (max-width:995px) {}

@media (max-width:1850px) {}

@media (max-width:1100px) {}

@media (max-width:1100px) and (max-width:600px) {}

@media (max-width:1200px) {}

@media (max-width:1240px) {}

@media (max-width:750px) {}

@media (max-width:1800px) {}

@media (max-width:1800px) {}

@media (max-width:450px) {}

@media (max-width:600px) {}

@media (max-width:600px) {}

@media (max-width:450px) {}

@media (max-width:750px) {}

@media (max-width:1750px) {}

@media (max-width:1600px) {}

@media (max-width:1000px) {}

@keyframes circleRotate-888d2f20 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@media (max-width:1050px) {}

@media (max-width:1800px) {}

@media (max-width:1050px) {}

@media (max-width:1700px) {}

@media (max-width:1450px) {}

@media (max-width:1800px) {}

@media (max-width:1050px) {}

@media (max-width:900px) {}

@media (max-width:1800px) {}

@media (max-width:1800px) {}

@media (max-width:1450px) {}

@media (max-width:1450px) {}

@media (max-width:1700px) {}

@media (max-width:1700px) {}

@media (max-width:1700px) {}

@media (max-width:400px) {}

@media (max-width:1100px) {}

@media (max-width:1100px) {}

@media (max-width:1100px) {}

@media (max-width:650px) {}

@media (max-width:1100px) {}

@media (max-width:1700px) {}

@media (max-width:700px) {}

@media (max-width:700px) and (max-width:550px) {}

@media (max-width:1150px) {}

@media (max-width:1150px) and (max-width:500px) {}

@media (max-width:700px) {}

@media (max-width:1800px) {}

@keyframes playerUp-fb286a01 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

@media (max-width:1400px) {}

@media (max-width:1100px) {}

@media (max-width:1100px) and (max-width:600px) {}

@media (max-width:1400px) {}

@media (max-width:1740px) {}

@media (max-width:1740px) and (max-width:1150px) {}

@media (max-width:1740px) and (max-width:1150px) and (max-width:950px) {}

@media (max-width:1740px) and (max-width:1150px) and (max-width:950px) and (max-width:900px) {}

@media (max-width:1740px) and (max-width:1150px) and (max-width:950px) and (max-width:900px) and (max-width:700px) {}

@media (max-width:750px) {}

@media (max-width:750px) and (max-width:600px) {}

@media (max-width:1000px) {}

@media (max-width:1650px) {}

@media (max-width:1650px) and (max-width:950px) {}

@keyframes animateLogo-80a9c140 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animateLogo-059b9baf {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (max-width:900px) {}

@media (max-width:900px) and (max-width:500px) {}

@media (max-width:900px) {}

@media (max-width:900px) and (max-width:400px) {}

@media (max-width:1750px) {}

@media (max-width:520px) {}

@media (max-width:700px) {}

@media (max-width:550px) {}

@media (max-width:520px) {}

@media (max-width:1750px) {}

@media (max-width:550px) {}

@media (max-width:660px) {}

@media (max-width:660px) and (max-width:350px) {}

@media (max-width:600px) {}

@media (max-width:600px) and (max-width:400px) {}

@media (max-width:1650px) {}

@media (max-width:1650px) and (max-width:600px) {}

@media (max-width:1650px) and (max-width:600px) and (max-width:450px) {}

@keyframes bossAnimate-942a0696 {
    0% {
        background-color: #f09
    }

    50% {
        background-color: #493240
    }

    to {
        background-color: #f09
    }
}

@keyframes magnatAnimate-942a0696 {
    0% {
        background-color: #ffef4e
    }

    50% {
        background-color: #f7c43b
    }

    to {
        background-color: #ffef4e
    }
}

@keyframes lordAnimate-942a0696 {
    0% {
        background-position: 10% 0%
    }

    50% {
        background-position: 91% 100%
    }

    to {
        background-position: 10% 0%
    }
}

@media (max-width:400px) {}

@media (max-width:400px) and (max-width:300px) {}

@media (max-width:1500px) {}

@media (max-width:1500px) and (max-width:500px) {}

@media (max-width:1500px) and (max-width:500px) {}

@media (max-width:1150px) {}

@media (max-width:1150px) and (max-width:600px) {}

@media (max-width:1750px) {}

@media (max-width:1750px) and (max-width:1000px) {}

@media (max-width:900px) {}

@media (max-width:1700px) {}

@media (max-width:1700px) and (max-width:600px) {}

@media (max-width:1700px) and (max-width:600px) and (max-width:350px) {}

@media (max-width:550px) {}

@media (max-width:600px) {}

@media (max-width:800px) {}

@media (max-width:1450px) {}

@media (max-width:1450px) and (max-width:500px) {}

@page WordSection1 {
    size: 595.3pt 841.9pt;
    margin: 56.7pt 49.55pt 1in 35.45pt
}