/* Minification failed. Returning unminified contents.
(82,25): run-time error CSS1046: Expect comma, found '49'
(82,30): run-time error CSS1046: Expect comma, found ')'
(83,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-white'
(166,17): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-announcement-txt'
(167,22): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-announcement-bg'
(168,24): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-announcement-bor'
(172,32): run-time error CSS1039: Token not allowed after unary operator: '-home-index-loggedout-hotgame-title-bg'
(176,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color'
 */
.announcement {
    padding: 0.25rem 0;
    margin: 0;
    max-width: 100%;
}

    .announcement > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .announcement > div > div:first-child {
            width: 32px;
            text-align: right;
            padding-right: 45px;
            align-self: center;
            padding-top: 5px;
        }

        .announcement > div > div:last-child {
            flex-grow: 1;
            -ms-flex-positive: 1;
            margin: 6px 0;
        }

    .announcement .running-text {
        border-radius: 25px;
    }

        .announcement .running-text marquee {
            padding-top: 5px;
        }

.body .container:first-child:not(:only-child) {
    min-width: -webkit-fill-available;
}

.carousel.slide .carousel-inner img {
    border-radius: 0;
    width: -webkit-fill-available;
}

.hot-provider-lobby {
    position: absolute;
    background-image: url(/Themes/Vision/Desktop/Contents/Images/104/ic_hot.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    top: -16px;
    right: 0px;
    z-index: 10;
    animation: fire-pulse-provider-lobby 2s infinite alternate ease-in-out;
    overflow: hidden;
}

    .hot-provider-lobby::after {
        content: '';
        position: absolute;
        top: 16px;
        width: 100%;
        height: 18px;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
        animation: shine-provider-lobby 3s linear infinite;
        z-index: 1;
        border-radius: 15px;
    }

.notify-badge {
    position: absolute;
    top: 12px;
    right: 14px;
    display: inline-flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: rgb(198 49 49);
    color: var(--dark-txt-white);
}

.provider-list {
    margin-top: 1rem;
}

    .provider-list a > img {
        width: 100%;
        height: auto;
        max-width: 100%;
        object-fit: cover;
        margin-bottom: 16px;
    }

    .provider-list > .row {
        text-align: center;
        margin-bottom: 20px;
    }

        .provider-list > .row > div {
            padding-top: 1rem;
            padding-bottom: 1rem;
            position: relative;
        }

            .provider-list > .row > div > [data-name="maintenance-notice"] {
                display: none;
            }

            .provider-list > .row > div > .card {
                background-color: transparent;
                padding: 1px 1px 1px 1px;
            }

            .provider-list > .row > div > .disabled {
                pointer-events: none;
                opacity: 0.3;
            }

            .provider-list > .row > div > .maintenance-notice {
                position: absolute;
                top: 50%;
                left: 50%;
                text-align: center;
                font-size: 16px;
                color: white;
                width: 95%;
                height: 95%;
                background: rgba(0, 0, 0, 0.5);
                border-radius: 5px;
                padding: 0rem;
                transform: translateY(-50%) translateX(-50%);
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }

@keyframes fire-pulse-provider-lobby {
    0% {
        filter: drop-shadow(0 0 1px rgba(255, 100, 0, 0.7)) drop-shadow(0 0 3px rgba(255, 50, 0, 0.5));
    }

    100% {
        filter: drop-shadow(0 0 5px rgba(255, 150, 0, 0.9)) drop-shadow(0 0 6px rgba(255, 100, 0, 0.7)) drop-shadow(0 0 7px rgba(255, 50, 0, 0.5));
    }
}

@keyframes shine-provider-lobby {
    0% {
        left: 10%;
    }

    80% {
        left: 100%;
    }

    100% {
        left: 10%;
    }
}
.announcement {
    color: var(--home-index-loggedout-announcement-txt);
    background: var(--home-index-loggedout-announcement-bg);
    border-color: var(--home-index-loggedout-announcement-bor);
}

    .announcement .running-text {
        background-color: var(--home-index-loggedout-hotgame-title-bg);
    }

.card span:last-child {
    color: var(--dark-main-color);
}