/* Minification failed. Returning unminified contents.
(71,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01'
(77,32): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01'
(78,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(84,36): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01'
 */
#lobby.game-v2 {
}

    #lobby.game-v2 .loader {
        margin: 0 auto;
        border: 8px solid #f3f3f3;
        border-top: 8px solid #4AA9A2;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 2s linear infinite;
    }

    #lobby.game-v2 .game-search {
        display: flex;
        align-items: end;
        margin-bottom: 28px;
    }

    #lobby.game-v2 .supplier-list {
        width: 100%;
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    #lobby.game-v2 .game-form {
        display: block;
        margin-left: 200px;
    }

        #lobby.game-v2 .game-form .game-name {
            position: relative;
        }

            #lobby.game-v2 .game-form .game-name:before {
                display: none;
                content: '';
                position: absolute;
                top: 11px;
                left: 11px;
                width: 20px;
                height: 20px;
                background: url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/search.png) no-repeat center / contain;
            }

            #lobby.game-v2 .game-form .game-name input {
                display: none;
                background: #ffffff;
                border-radius: 50px;
                width: 184px;
                padding-left: 36px;
                border: 1px solid #E3DFDD;
                font-size: 12px;
            }

                #lobby.game-v2 .game-form .game-name input::placeholder {
                    color: #B3B3B3;
                }

    #lobby.game-v2 .supplier-list li {
        border-radius: 20px;
        padding: 8px 20px;
        line-height: 1;
        font-size: 18px;
        font-weight: 600;
        min-width: 100px;
        text-transform: uppercase;
        position: relative;
        height: 39px;
        color: var(--icon-green-01, #0289A1);
        text-align: center;
        -moz-border-radius: 19.5px;
        -webkit-border-radius: 19.5px;
        border-radius: 19.5px;
        box-shadow: -1px -3.9px 4.8px 0.3px rgba(2, 11, 32, 0.3);
        border: 1px solid var(--icon-green-01, #0289A1);
        background: var(--white, #FFF);
    }

        #lobby.game-v2 .supplier-list li.active,
        #lobby.game-v2 .supplier-list li:hover {
            color: #fff;
            border: 1px solid var(--icon-green-01, #0289A1);
            background: radial-gradient(60.58% 41.35% at 50% -19.09%, #FFFDE8 0%, rgba(255, 253, 232, 0.00) 100%), radial-gradient(59.19% 59.19% at 50% 50%, rgba(61, 139, 255, 0.00) 0%, rgba(35, 86, 164, 0.60) 100%), linear-gradient(179deg, #92CAA3 1.07%, #02869E 59.85%);
            background-blend-mode: normal, soft-light, normal;
            box-shadow: 0 2px 2px 0 #999A9C;
        }


    #lobby.game-v2 .game-list-wrap {
    }

        #lobby.game-v2 .game-list-wrap::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
            background-color: rgba(255,255,255,.1);
            border-radius: 10px;
        }

        #lobby.game-v2 .game-list-wrap::-webkit-scrollbar {
            width: 10px;
            background-color: rgba(255,255,255,.1);
            border-radius: 10px;
        }

        #lobby.game-v2 .game-list-wrap::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: #FFF;
            background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4D9C41), to(#19911D), color-stop(.6,#54DE5D))
        }

    #lobby.game-v2 .game-list {
    }

        #lobby.game-v2 .game-list li {
            position: relative;
            width: 164px;
            height: 164px;
            border: none;
            box-shadow: none;
        }

            #lobby.game-v2 .game-list li::before {
                display: none;
                position: absolute;
                z-index: 2;
                content: '';
                display: block;
                width: 164px;
                height: 164px;
                background: unset;
                border: none;
                box-shadow: none;
            }

            #lobby.game-v2 .game-list li .hover {
                top: 38%;
            }

    #lobby.game-v2 .all-data-loaded {
        padding: 20px;
        color: #FFFFFF;
        border-radius: 5px;
        /*background: rgba(0,0,0,.3);*/
        width: 50%;
        margin: 0 auto;
        text-align: center;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}