@charset "UTF-8";

.blackjack-banner[data-v-fff5c222] {
    width: 784px
}

.gap-size[data-v-fff5c222] {
    gap: 8px 10px
}

@media (max-width: 1023.98px) {
    .blackjack-banner[data-v-fff5c222] {
        width: 100px
    }
}

@media (max-width: 599.98px) {
    .gap-size[data-v-fff5c222] {
        gap: 6px 8px
    }
}

.blackjack-banner[data-v-8474d7c2] {
    width: 784px
}

.gap-size[data-v-8474d7c2] {
    gap: 8px 10px
}

@media (max-width: 1023.98px) {
    .blackjack-banner[data-v-8474d7c2] {
        width: 100px
    }
}

@media (max-width: 599.98px) {
    .gap-size[data-v-8474d7c2] {
        gap: 6px 8px
    }
}

.blackjack-banner[data-v-015d4eb8] {
    width: 784px
}

.gap-size[data-v-015d4eb8] {
    gap: 8px 10px
}

@media (max-width: 1023.98px) {
    .blackjack-banner[data-v-015d4eb8] {
        width: 100px
    }
}

@media (max-width: 599.98px) {
    .gap-size[data-v-015d4eb8] {
        gap: 6px 8px
    }

    .channel-card.silver[data-v-015d4eb8] {
        padding: 4px 2px
    }

    .channel-card.silver .trophy[data-v-015d4eb8] {
        top: 6px;
        left: 4px;
        width: 28px !important
    }

    .channel-card.silver .channel-card-inner-box .channel-card-inner .channel-rank[data-v-015d4eb8] {
        margin-top: 0;
        font-size: 12px;
        line-height: 1.4;
        padding-left: 18px
    }

    .channel-card.silver .channel-card-inner-box .channel-card-inner .channel-name[data-v-015d4eb8] {
        font-size: 10px;
        margin-top: 15px
    }

    .channel-card.silver .channel-card-inner-box .channel-card-inner .channel-cash[data-v-015d4eb8] {
        margin-top: 8px;
        font-size: 10px
    }
}

.blackjack-banner[data-v-0eaebc61] {
    width: 784px
}

.gap-size[data-v-0eaebc61] {
    gap: 8px 10px
}

@media (max-width: 1023.98px) {
    .blackjack-banner[data-v-0eaebc61] {
        width: 100px
    }
}

@media (max-width: 599.98px) {
    .gap-size[data-v-0eaebc61] {
        gap: 6px 8px
    }
}

.slot-banner[data-v-307f4f02] {
    width: 784px
}

.gap-size[data-v-307f4f02] {
    gap: 8px 10px
}

@media (max-width: 1023.98px) {
    .slot-banner[data-v-307f4f02] {
        width: 100px
    }
}

@media (max-width: 599.98px) {
    .gap-size[data-v-307f4f02] {
        gap: 6px 8px
    }
}

.btn-wrap[data-v-5e5cdf7c] {
    border-top: 2px dashed yellow;
    margin-top: 8px;
    padding-top: 4px
}

.blackjack-banner[data-v-5e5cdf7c] {
    width: 100%
}

.channel-card[data-v-5e5cdf7c] {
    width: 152px !important
}

.gap-size[data-v-5e5cdf7c] {
    gap: 0 10px
}

@media (max-width: 1023.98px) {
    .channel-card[data-v-5e5cdf7c] {
        width: unset !important
    }

    .gap-size[data-v-5e5cdf7c] {
        gap: 0 16px
    }
}

@media (max-width: 599.98px) {
    .gap-size[data-v-5e5cdf7c] {
        gap: 0 8px
    }

    .channel-card[data-v-5e5cdf7c] {
        height: 160px !important;
        flex: 0 0 calc(33.3% - 5.5px)
    }

    .channel-card.silver[data-v-5e5cdf7c] {
        background: linear-gradient(180deg, #186b49 24.81%, #114933 54.97%, #010805 100%);
        box-shadow: 0 1px 0 1px #174e16
    }

    .channel-card.silver .trophy[data-v-5e5cdf7c],
    .channel-card.gold .trophy[data-v-5e5cdf7c],
    .channel-card.grand .trophy[data-v-5e5cdf7c] {
        top: 2px;
        left: 8px;
        width: 50px !important
    }

    .channel-card.silver .channel-card-inner-box[data-v-5e5cdf7c],
    .channel-card.gold .channel-card-inner-box[data-v-5e5cdf7c],
    .channel-card.grand .channel-card-inner-box[data-v-5e5cdf7c] {
        padding: 4px;
        border-radius: 6px;
        border: 1px solid #fff;
        background: none;
        box-shadow: none
    }

    .channel-card.silver .channel-card-inner-box .channel-card-upper[data-v-5e5cdf7c],
    .channel-card.gold .channel-card-inner-box .channel-card-upper[data-v-5e5cdf7c],
    .channel-card.grand .channel-card-inner-box .channel-card-upper[data-v-5e5cdf7c] {
        top: 0;
        left: 0;
        transform: translate(-18%, -55%);
        border-radius: 100%;
        border: 1px solid #fff;
        width: 160%;
        height: 100px;
        box-shadow: 0 1px 1px #000
    }

    .channel-card.silver .channel-card-inner-box .channel-card-inner .channel-rank[data-v-5e5cdf7c],
    .channel-card.gold .channel-card-inner-box .channel-card-inner .channel-rank[data-v-5e5cdf7c],
    .channel-card.grand .channel-card-inner-box .channel-card-inner .channel-rank[data-v-5e5cdf7c] {
        margin-top: 4px;
        font-size: 18px;
        line-height: 1.4;
        padding-left: 40px
    }

    .channel-card.silver .channel-card-inner-box .channel-card-inner .channel-name[data-v-5e5cdf7c],
    .channel-card.gold .channel-card-inner-box .channel-card-inner .channel-name[data-v-5e5cdf7c],
    .channel-card.grand .channel-card-inner-box .channel-card-inner .channel-name[data-v-5e5cdf7c] {
        font-size: 20px;
        margin-top: 24px
    }

    .channel-card.silver .channel-card-inner-box .channel-card-inner .channel-cash[data-v-5e5cdf7c],
    .channel-card.gold .channel-card-inner-box .channel-card-inner .channel-cash[data-v-5e5cdf7c],
    .channel-card.grand .channel-card-inner-box .channel-card-inner .channel-cash[data-v-5e5cdf7c] {
        font-size: 14px;
        margin-top: 24px
    }
}

.btn-wrap[data-v-057a938a] {
    border-top: 2px dashed yellow;
    margin-top: 8px;
    padding-top: 4px
}

.blackjack-banner[data-v-057a938a] {
    width: 100%
}

.channel-card[data-v-057a938a] {
    width: 152px !important
}

.gap-size[data-v-057a938a] {
    gap: 0 10px
}

@media (max-width: 1023.98px) {
    .channel-card[data-v-057a938a] {
        width: unset !important
    }

    .gap-size[data-v-057a938a] {
        gap: 0 16px
    }
}

@media (max-width: 599.98px) {
    .gap-size[data-v-057a938a] {
        gap: 0 8px
    }

    .channel-card[data-v-057a938a] {
        height: 160px !important;
        flex: 0 0 calc(33.3% - 5.5px)
    }

    .channel-card.silver[data-v-057a938a] {
        background: linear-gradient(180deg, #186b49 24.81%, #114933 54.97%, #010805 100%);
        box-shadow: 0 1px 0 1px #174e16
    }

    .channel-card.silver .trophy[data-v-057a938a],
    .channel-card.gold .trophy[data-v-057a938a],
    .channel-card.grand .trophy[data-v-057a938a] {
        top: 2px;
        left: 8px;
        width: 50px !important
    }

    .channel-card.silver .channel-card-inner-box[data-v-057a938a],
    .channel-card.gold .channel-card-inner-box[data-v-057a938a],
    .channel-card.grand .channel-card-inner-box[data-v-057a938a] {
        padding: 4px;
        border-radius: 6px;
        border: 1px solid #fff;
        background: none;
        box-shadow: none
    }

    .channel-card.silver .channel-card-inner-box .channel-card-upper[data-v-057a938a],
    .channel-card.gold .channel-card-inner-box .channel-card-upper[data-v-057a938a],
    .channel-card.grand .channel-card-inner-box .channel-card-upper[data-v-057a938a] {
        top: 0;
        left: 0;
        transform: translate(-18%, -55%);
        border-radius: 100%;
        border: 1px solid #fff;
        width: 160%;
        height: 100px;
        box-shadow: 0 1px 1px #000
    }

    .channel-card.silver .channel-card-inner-box .channel-card-inner .channel-rank[data-v-057a938a],
    .channel-card.gold .channel-card-inner-box .channel-card-inner .channel-rank[data-v-057a938a],
    .channel-card.grand .channel-card-inner-box .channel-card-inner .channel-rank[data-v-057a938a] {
        margin-top: 4px;
        font-size: 18px;
        line-height: 1.4;
        padding-left: 40px
    }

    .channel-card.silver .channel-card-inner-box .channel-card-inner .channel-name[data-v-057a938a],
    .channel-card.gold .channel-card-inner-box .channel-card-inner .channel-name[data-v-057a938a],
    .channel-card.grand .channel-card-inner-box .channel-card-inner .channel-name[data-v-057a938a] {
        font-size: 20px;
        margin-top: 24px
    }

    .channel-card.silver .channel-card-inner-box .channel-card-inner .channel-cash[data-v-057a938a],
    .channel-card.gold .channel-card-inner-box .channel-card-inner .channel-cash[data-v-057a938a],
    .channel-card.grand .channel-card-inner-box .channel-card-inner .channel-cash[data-v-057a938a] {
        font-size: 14px;
        margin-top: 24px
    }
}

.q-tab-panel[data-v-3c71e812] {
    padding: 16px 0
}

@media (max-width: 599.98px) {
    .q-tab-panel[data-v-3c71e812] {
        padding: 8px 0
    }
}

body[data-v-aa68207e] {
    background: #000
}

.lightrope[data-v-aa68207e] {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: 0;
    z-index: 1;
    margin: -15px 0 0;
    padding: 0;
    pointer-events: none;
    width: 100%
}

.lightrope li[data-v-aa68207e] {
    position: relative;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    list-style: none;
    padding: 0;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 20px;
    display: inline-block;
    background: rgb(0, 247, 165);
    box-shadow: 0 2.5px 30px 3px #00f7a5;
    animation-name: flash-1-aa68207e;
    animation-duration: 2s
}

.lightrope li[data-v-aa68207e]:nth-child(2n+1) {
    background: rgb(0, 255, 255);
    box-shadow: 0 2.5px 30px 3px #00ffff80;
    animation-name: flash-2-aa68207e;
    animation-duration: .4s
}

.lightrope li[data-v-aa68207e]:nth-child(4n+2) {
    background: #ffd700;
    box-shadow: 0 2.5px 30px 3px gold;
    animation-name: flash-3-aa68207e;
    animation-duration: 1.1s
}

.lightrope li[data-v-aa68207e]:nth-child(odd) {
    animation-duration: 1.8s
}

.lightrope li[data-v-aa68207e]:nth-child(3n+1) {
    animation-duration: 1.4s
}

.lightrope li[data-v-aa68207e]:before {
    content: "";
    position: absolute;
    background: #222;
    width: 13px;
    height: 5px;
    border-radius: 3px;
    top: -2.5px;
    left: 1px
}

.lightrope li[data-v-aa68207e]:after {
    content: "";
    top: -7.5px;
    left: 12px;
    position: absolute;
    width: 52px;
    height: 10px;
    border-bottom: solid #222 2px;
    border-radius: 50%
}

.lightrope li[data-v-aa68207e]:last-child:after {
    content: none
}

.lightrope li[data-v-aa68207e]:first-child {
    margin-left: -40px
}

@keyframes flash-1-aa68207e {

    0%,
    to {
        background: rgb(0, 247, 165);
        box-shadow: 0 2.5px 30px 3px #00f7a5
    }

    50% {
        background: rgba(0, 247, 165, .4);
        box-shadow: 0 2.5px 30px 3px #00f7a533
    }
}

@keyframes flash-2-aa68207e {

    0%,
    to {
        background: rgb(0, 255, 255);
        box-shadow: 0 2.5px 30px 3px #0ff
    }

    50% {
        background: rgba(0, 255, 255, .4);
        box-shadow: 0 2.5px 30px 3px #0ff3
    }
}

@keyframes flash-3-aa68207e {

    0%,
    to {
        background: #ffd700;
        box-shadow: 0 2.5px 30px 3px gold
    }

    50% {
        background: rgba(247, 0, 148, .4);
        box-shadow: 0 2.5px 30px 3px #f7009433
    }
}

.slot-banner[data-v-aa68207e] {
    height: 246px
}

.slot-banner .banner-title[data-v-aa68207e] {
    font-family: Rix-Regular;
    margin-bottom: 24px;
    color: #a3291b;
    text-shadow: 0 0 5px #ffd700, 0 0 10px #ffecb3, 0 0 15px #ffecb3, 0 0 20px #ffecb3, 0 0 30px #ffecb3, 0 0 40px #ffecb3, 0 0 55px #ffecb3;
    word-wrap: break-word;
    word-break: keep-all
}

.slot-banner .slot-login[data-v-aa68207e] {
    position: relative;
    background: linear-gradient(to bottom, #fc6440, #88002a);
    border: 3px solid #ffd700;
    color: #fff;
    font-weight: 700
}

.slot-banner .slot-login[data-v-aa68207e]:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 50%;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 50%;
    pointer-events: none
}

.slot-banner .banner-small-title[data-v-aa68207e] {
    font-size: 1.625rem;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    word-wrap: break-word;
    word-break: keep-all
}

@media (max-width: 1023.98px) {
    .slot-banner[data-v-aa68207e] {
        height: 212px
    }

    .slot-banner .banner-title[data-v-aa68207e] {
        margin-bottom: 16px;
        font-size: 2.5rem;
        text-shadow: 0 0 3px #ffd700, 0 0 6px #ffecb3, 0 0 9px #ffecb3, 0 0 12px #ffecb3, 0 0 15px #ffecb3, 0 0 18px #ffecb3, 0 0 21px #ffecb3;
        line-height: 1.4
    }

    .slot-banner .banner-small-title[data-v-aa68207e] {
        font-size: 1.125rem
    }
}

@media (max-width: 599.98px) {
    .slot-banner[data-v-aa68207e] {
        height: 212px
    }

    .slot-banner .banner-title[data-v-aa68207e] {
        font-size: 1.75rem;
        line-height: 1.4
    }

    .slot-banner .banner-small-title[data-v-aa68207e] {
        font-size: 1rem;
        line-height: 1.4
    }
}

.header-channel-area .header-channel-img[data-v-71e2fb72] {
    /* height: 554px */
}

.header-channel-area .header-channel-img.mobile-height[data-v-71e2fb72] {
    height: 130px
}

.header-channel-area .header-mypage[data-v-71e2fb72] {
    font-size: 2rem;
    filter: drop-shadow(2px 2px 1px black)
}

.header-channel-area .header-game-title-channels[data-v-71e2fb72] {
    position: absolute;
    bottom: 0;
    width: 100%
}

.header-channel-area .header-channel-logo[data-v-71e2fb72] {
    position: absolute;
    /* top: 7%; */
    top: 5vh;
    left: 50%;
    transform: translate(-50%);
    max-height: 82%;
    /* max-height: 124px */
}

.header-channel-area .header-channel-logo.mobile-logo-height[data-v-71e2fb72] {
    max-height: 72px
}

.header-channel-area .bg-img[data-v-71e2fb72] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 90%
}

/* .header-channel-area .header-channels[data-v-71e2fb72] {
    background-color: #0000003b
} */

@media (max-width: 1023.98px) {
    .header-channel-area .header-channel-img[data-v-71e2fb72] {
        height: 130px
    }

    .header-channel-area .header-game-title-channels[data-v-71e2fb72] {
        position: unset;
        top: unset;
        transform: unset
    }

    .header-channel-area .header-game-title-channels .header-channels[data-v-71e2fb72] {
        background-color: #000
    }

    .header-channel-area .logo-area[data-v-71e2fb72] {
        height: 130px;
        width: 100%;
        position: absolute;
        top: 0
    }

    .header-channel-area .logo-area .header-channel-logo[data-v-71e2fb72] {
        position: relative;
        max-height: 72px;
        top: 50%;
        left: 50%;
        transform: translate(-45%, -60%)
    }

    .header-channel-area .bg-img[data-v-71e2fb72] {
        height: 100%;
        object-fit: cover;
        object-position: 50% 90% !important
    }
}