/* Minification failed. Returning unminified contents.
(18,46): run-time error CSS1039: Token not allowed after unary operator: '-hot-glow-angle'
(34,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-lg'
(50,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-lg'
(75,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-sm'
(115,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-lg'
(137,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,22): run-time error CSS1039: Token not allowed after unary operator: '-purple-bg-purple-2'
(176,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-bg-gradient-yellow-1'
(177,17): run-time error CSS1039: Token not allowed after unary operator: '-purple-text-purple-3'
(181,22): run-time error CSS1039: Token not allowed after unary operator: '-red'
(182,17): run-time error CSS1039: Token not allowed after unary operator: '-purple-text-white'
(186,17): run-time error CSS1039: Token not allowed after unary operator: '-purple-text-white'
(187,22): run-time error CSS1039: Token not allowed after unary operator: '-black-op-02'
(191,17): run-time error CSS1039: Token not allowed after unary operator: '-purple-text-purple-3'
(192,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-bg-gradient-yellow'
 */
.disabled {
    pointer-events: none;
    opacity: 0.3;
}

.has-hot-banner {
    position: relative;
    z-index: 0;
    border-radius: 8px;
}

    .has-hot-banner::before {
        content: "";
        position: absolute;
        inset: -3px;
        border-radius: 10px;
        padding: 2px;
        background: conic-gradient(from var(--hot-glow-angle), transparent 0deg, transparent 60deg, #ffcf4d 100deg, #ff6a00 140deg, transparent 180deg, transparent 240deg, #ffcf4d 280deg, #ff6a00 320deg, transparent 360deg);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        animation: hot-glow-rotate 2.4s linear infinite;
        pointer-events: none;
        z-index: -1;
    }

    .has-hot-banner .hot-provider-lobby {
        position: absolute;
        padding: 5px 12px;
        top: 10px;
        right: 0;
        margin-right: 10px;
        z-index: 10;
        border-radius: var(--border-radius-lg);
        text-align: center;
        animation: hot-badge-pulse 1.6s ease-in-out infinite;
        overflow: hidden;
        text-transform: uppercase;
        font-weight: bold;
        align-content: center;
        letter-spacing: 1px;
        font-style: italic;
    }

.notify-badge {
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    text-align: center;
    border-radius: var(--border-radius-lg);
    padding: 0.3rem 0.6rem;
    font-size: 16px;
}

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

    .provider-list img {
        width: 100%;
        height: auto;
        max-width: 100%;
        object-fit: cover;
    }

    .provider-list > [data-name="gamelist"] {
        text-align: center;
        display: grid;
        grid-gap: 20px;
    }

        .provider-list > [data-name="gamelist"] > div {
            position: relative;
            border-radius: var(--border-radius-sm);
        }

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

            .provider-list > [data-name="gamelist"] > div > .maintenance-notice {
                position: absolute;
                top: 50%;
                left: 50%;
                text-align: center;
                font-size: 16px;
                width: 95%;
                height: 95%;
                border-radius: 1em;
                transform: translateY(-50%) translateX(-50%);
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0rem;
            }

        .provider-list > [data-name="gamelist"] .bottom {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            padding: 10px;
        }

            .provider-list > [data-name="gamelist"] .bottom a {
                padding: 7px 18px;
                text-transform: uppercase;
                letter-spacing: 1px;
                display: flex;
                align-items: center;
                gap: 5px;
                border: none;
                font-weight: 600;
                border-radius: var(--border-radius-lg);
            }

            .provider-list > [data-name="gamelist"] .bottom .name {
                font-weight: 600;
                font-size: 16px;
            }

@keyframes hot-badge-pulse {
    0%, 100% {
        box-shadow: 0 0 4px 0 rgba(255, 106, 0, 0.4);
        transform: scale(1);
    }

    50% {
        box-shadow: 0 0 12px 3px rgba(255, 106, 0, 0.75);
        transform: scale(1.04);
    }
}

@keyframes hot-glow-rotate {
    to {
        --hot-glow-angle: 360deg;
    }
}

@media (max-width: 576px) {
    [data-name="gamelist"] {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 576px) {
    [data-name="gamelist"] {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 768px) {
    [data-name="gamelist"] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    [data-name="gamelist"] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@property --hot-glow-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

[data-name="gamelist"] > div {
    background: var(--purple-bg-purple-2);
}

.has-hot-banner .hot-provider-lobby {
    background-image: var(--purple-bg-gradient-yellow-1);
    color: var(--purple-text-purple-3);
}

.notify-badge {
    background: var(--red);
    color: var(--purple-text-white);
}

.provider-list > [data-name="gamelist"] > div > .maintenance-notice {
    color: var(--purple-text-white);
    background: var(--black-op-02);
}

.provider-list > [data-name="gamelist"] .bottom a {
    color: var(--purple-text-purple-3);
    background-image: var(--purple-bg-gradient-yellow);
}