/* Minification failed. Returning unminified contents.
(31,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-lg'
(42,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-lg'
(42,61): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-lg'
(77,58): run-time error CSS1039: Token not allowed after unary operator: '-hot-glow-angle'
(93,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-md'
(93,65): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-md'
(107,45): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-sm'
(107,69): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-sm'
(131,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-circle'
(151,45): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-circle'
(200,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,22): run-time error CSS1039: Token not allowed after unary operator: '-purple-bg-darkpurple'
(215,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-bg-purple-2'
(219,30): run-time error CSS1039: Token not allowed after unary operator: '-purple-bg-purple-3'
(223,36): run-time error CSS1039: Token not allowed after unary operator: '-purple-bg-gradient-yellow-1'
(224,25): run-time error CSS1039: Token not allowed after unary operator: '-purple-text-purple-3'
(228,30): run-time error CSS1039: Token not allowed after unary operator: '-purple-bg-purple-3'
(237,25): run-time error CSS1039: Token not allowed after unary operator: '-purple-text-purple-3'
(238,36): run-time error CSS1039: Token not allowed after unary operator: '-purple-bg-gradient-yellow-hover'
(242,30): run-time error CSS1039: Token not allowed after unary operator: '-purple-bg-gradient-yellow-1'
(246,21): run-time error CSS1039: Token not allowed after unary operator: '-purple-text-yellow-1'
 */
#dlgSearchGame [data-name="searchGame"] {
    padding: 16px;
}

#dlgSearchGame .modal-content {
    padding: 0;
}

    #dlgSearchGame .modal-content .modal-header {
        border-bottom: none;
        padding: 16px 16px 0 16px;
    }

        #dlgSearchGame .modal-content .modal-header .close {
            font-size: 40px;
        }

        #dlgSearchGame .modal-content .modal-header .modal-title {
            font-size: 32px;
            font-weight: 600;
            text-transform: uppercase;
        }

    #dlgSearchGame .modal-content .provider-group .game-list {
        display: grid;
        grid-gap: 10px;
    }

        #dlgSearchGame .modal-content .provider-group .game-list .game-item {
            position: relative;
            border-radius: var(--border-radius-lg);
        }

            #dlgSearchGame .modal-content .provider-group .game-list .game-item:hover .play button,
            #dlgSearchGame .modal-content .provider-group .game-list .game-item:hover .play .name {
                display: block;
            }

            #dlgSearchGame .modal-content .provider-group .game-list .game-item img {
                height: 160px;
                width: 100%;
                border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
            }

            #dlgSearchGame .modal-content .provider-group .game-list .game-item [data-name="gameicon-img"] > .maintenance-notice {
                position: absolute;
                width: 100%;
                height: 160px;
                margin-top: -1.6rem;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                font-size: 16px;
                background: rgba(0, 0, 0, 0.5);
                z-index: 1;
                color: white;
            }

                #dlgSearchGame .modal-content .provider-group .game-list .game-item [data-name="gameicon-img"] > .maintenance-notice.all-caps {
                    text-transform: uppercase;
                }

            #dlgSearchGame .modal-content .provider-group .game-list .game-item.has-hot-banner {
                position: relative;
                z-index: 0;
                overflow: visible;
                border-radius: 8px;
            }

                #dlgSearchGame .modal-content .provider-group .game-list .game-item.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;
                }

                #dlgSearchGame .modal-content .provider-group .game-list .game-item.has-hot-banner .hot {
                    justify-self: center;
                    width: 90%;
                    padding-top: 1px;
                    text-align: center;
                    text-transform: uppercase;
                    font-weight: bold;
                    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
                    animation: hot-badge-pulse 1.6s ease-in-out infinite;
                    letter-spacing: 2px;
                    font-style: italic;
                    margin-top: 7px;
                }

            #dlgSearchGame .modal-content .provider-group .game-list .game-item .name {
                padding: 5px;
            }

                #dlgSearchGame .modal-content .provider-group .game-list .game-item .name span {
                    display: flex;
                    padding: 10px 5px;
                    border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
                }

            #dlgSearchGame .modal-content .provider-group .game-list .game-item .play {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                display: grid;
                grid-gap: 8px;
                align-content: center;
                justify-items: center;
                text-align: center;
            }

                #dlgSearchGame .modal-content .provider-group .game-list .game-item .play button {
                    display: none;
                    position: absolute;
                    top: 40%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 60px;
                    height: 60px;
                    border-radius: var(--border-radius-circle);
                    align-items: center;
                    justify-content: center;
                }

                    #dlgSearchGame .modal-content .provider-group .game-list .game-item .play button:before {
                        content: "";
                        position: absolute;
                        width: 160%;
                        height: 160%;
                        animation: 2s steps(1000) 0s infinite normal none running play;
                        opacity: 1;
                        border-radius: 50%;
                        border: 5px solid;
                        top: -30%;
                        left: -31%;
                    }

                    #dlgSearchGame .modal-content .provider-group .game-list .game-item .play button i {
                        padding: 10px;
                        border-radius: var(--border-radius-circle);
                    }

    #dlgSearchGame .modal-content .provider-group .title {
        padding: 15px 0;
        display: flex;
        justify-content: space-between;
    }

        #dlgSearchGame .modal-content .provider-group .title a {
            font-size: 14px;
            font-weight: 600;
            font-style: italic;
            padding: 0 5px;
            height: 22px;
        }

        #dlgSearchGame .modal-content .provider-group .title b {
            font-size: 20px;
            text-transform: uppercase;
            font-weight: 600;
        }

[data-name="maintenance-notice"] {
    display: none;
}

.disabled {
    pointer-events: none;
}

.img-disabled {
    opacity: 0.4;
}

@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;
    }
}

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

#dlgSearchGame {
    background: var(--purple-bg-darkpurple);
}

    #dlgSearchGame .modal-content .provider-group .game-list .game-item {
        background: var(--purple-bg-purple-2);
    }

        #dlgSearchGame .modal-content .provider-group .game-list .game-item img {
            background: var(--purple-bg-purple-3);
        }

        #dlgSearchGame .modal-content .provider-group .game-list .game-item.has-hot-banner .hot {
            background-image: var(--purple-bg-gradient-yellow-1);
            color: var(--purple-text-purple-3);
        }

        #dlgSearchGame .modal-content .provider-group .game-list .game-item .name span {
            background: var(--purple-bg-purple-3);
        }

        #dlgSearchGame .modal-content .provider-group .game-list .game-item .play button:before {
            border-color: rgb(247, 195, 84);
            background: rgba(198, 16, 0, 0);
        }

        #dlgSearchGame .modal-content .provider-group .game-list .game-item .play button:hover {
            color: var(--purple-text-purple-3);
            background-image: var(--purple-bg-gradient-yellow-hover);
        }

        #dlgSearchGame .modal-content .provider-group .game-list .game-item .play button i {
            background: var(--purple-bg-gradient-yellow-1);
        }

    #dlgSearchGame .modal-content .provider-group .title a {
        color: var(--purple-text-yellow-1);
    }