/* Minification failed. Returning unminified contents.
(354,26): run-time error CSS1039: Token not allowed after unary operator: '-lotto-container-d'
(355,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-black'
(359,32): run-time error CSS1039: Token not allowed after unary operator: '-lotto-close-d'
(365,54): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1'
(365,83): run-time error CSS1039: Token not allowed after unary operator: '-lotto-container-d'
(369,58): run-time error CSS1039: Token not allowed after unary operator: '-lotto-close-container-1'
(369,90): run-time error CSS1039: Token not allowed after unary operator: '-lotto-close-container-2'
(369,122): run-time error CSS1039: Token not allowed after unary operator: '-lotto-close-container-3'
(369,154): run-time error CSS1039: Token not allowed after unary operator: '-lotto-close-container-4'
(369,186): run-time error CSS1039: Token not allowed after unary operator: '-lotto-close-container-1'
(373,22): run-time error CSS1039: Token not allowed after unary operator: '-lotto-container-d'
(374,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-txt-gray-d-rgb'
(378,46): run-time error CSS1039: Token not allowed after unary operator: '-lotto-container'
(378,73): run-time error CSS1039: Token not allowed after unary operator: '-lotto-container-d'
(386,21): run-time error CSS1039: Token not allowed after unary operator: '-jackpot-inside-4'
(391,50): run-time error CSS1039: Token not allowed after unary operator: '-jackpot-inside-1'
(391,75): run-time error CSS1039: Token not allowed after unary operator: '-jackpot-inside-2'
(391,100): run-time error CSS1039: Token not allowed after unary operator: '-jackpot-inside-3'
(391,125): run-time error CSS1039: Token not allowed after unary operator: '-jackpot-inside-4'
(391,150): run-time error CSS1039: Token not allowed after unary operator: '-jackpot-inside-5'
(395,54): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1'
(395,80): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2'
(395,106): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-3'
(395,132): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-2'
(395,158): run-time error CSS1039: Token not allowed after unary operator: '-countdown-timer-1'
(403,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color'
(405,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-d'
(405,61): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-d'
(405,101): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-d'
(405,140): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-d'
(409,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color'
(410,51): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color'
(410,77): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color-d'
(412,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-pure-white'
(416,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-main-color'
(420,28): run-time error CSS1039: Token not allowed after unary operator: '-sgainputicongroup-bg'
(424,21): run-time error CSS1039: Token not allowed after unary operator: '-sgainputicongroup-icon'
(425,28): run-time error CSS1039: Token not allowed after unary operator: '-sgainputicongroup-icon-bor'
(429,21): run-time error CSS1039: Token not allowed after unary operator: '-sgainputicongroup-inner-txt'
 */
[data-name="maintenance-notice"] {
    display: none;
}

[data-name="search"] {
    width: calc(100% - 5.4rem);
    height: 100%;
    font-size: 1rem;
    line-height: 1.2;
    outline: none;
    outline-width: 0;
    border: 1px solid;
    color: #333;
    display: block;
    padding: 0 12px;
    font-size: 17px;
}

.bordered {
    border: 1px solid #d0b580;
}

.disabled {
    pointer-events: none;
}

.game-notify-badge {
    position: absolute;
    right: -1rem;
    top: -1rem;
    background: red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color: white;
    padding: 0.3rem 0.6rem;
    font-size: 1rem;
    z-index: 2;
}

.idn {
    border-radius: 8px;
    padding: 20px;
}

    .idn > .body {
        display: flex;
        grid-gap: 10px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .idn > .body > a {
            margin-bottom: 1rem;
        }

            .idn > .body > a > .inner {
                border-radius: 24px;
                box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.3);
                border: 1px solid;
            }

        .idn > .body .inner {
            overflow: hidden;
            position: relative;
        }

            .idn > .body .inner > .container.result {
                display: flex;
                position: relative;
                flex-direction: column;
                flex-wrap: wrap;
                width: 228px;
                padding: 12px 23px 5px;
                align-content: center;
                text-align: center;
                align-items: center;
            }

                .idn > .body .inner > .container.result > .bet-day {
                    font-size: 13px;
                    letter-spacing: 3px;
                    transform: translateY(10%);
                    position-area: center;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    line-height: 1.2em;
                    max-height: 2.4em;
                    position: relative;
                    white-space: nowrap;
                    width: 100%;
                    box-sizing: border-box;
                    margin-top: 5px;
                }

                    .idn > .body .inner > .container.result > .bet-day.marquee span {
                        display: inline-block;
                        padding-left: 100%;
                        animation: marquee 15s linear infinite;
                    }

                .idn > .body .inner > .container.result > .bottom {
                    display: flex;
                    justify-content: center;
                }

                    .idn > .body .inner > .container.result > .bottom > .date,
                    .idn > .body .inner > .container.result > .bottom > .period {
                        font-size: 13px;
                        align-self: center;
                        margin: 0 8px;
                        justify-items: center;
                    }

                .idn > .body .inner > .container.result > .countdown {
                    border-radius: 8px;
                    border: 1px solid;
                    padding: 5px 10px 3px;
                    margin-top: 5px;
                }

                .idn > .body .inner > .container.result > .name {
                    font-size: 16px;
                    font-weight: 700;
                    align-self: center;
                    text-align-last: center;
                    padding-bottom: 8px;
                }

                .idn > .body .inner > .container.result > .numbers {
                    display: block;
                    font-size: 34px;
                    font-weight: 800;
                    justify-self: center;
                    justify-content: center;
                    align-content: center;
                    align-items: center;
                    border-radius: 12px;
                }

                    .idn > .body .inner > .container.result > .numbers > div {
                        display: inline-flex;
                        padding: 10px 12px;
                        border-radius: 12px;
                    }

                        .idn > .body .inner > .container.result > .numbers > div > span {
                            margin: 0 0px;
                            width: 30px;
                            border-right: 1px solid #656565;
                            text-align-last: center;
                        }

                            .idn > .body .inner > .container.result > .numbers > div > span:first-child {
                                border-top-left-radius: 8px;
                                border-bottom-left-radius: 8px;
                            }

                            .idn > .body .inner > .container.result > .numbers > div > span:last-child {
                                border-top-right-radius: 8px;
                                border-bottom-right-radius: 8px;
                            }

                .idn > .body .inner > .container.result > .time {
                    display: flex;
                    padding: 3px 0;
                    margin: auto;
                    justify-content: center;
                    font-size: 14px;
                    letter-spacing: 1px;
                    transform: translateY(10%);
                    position-area: center;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    line-height: 1.2em;
                    max-height: 2.4em;
                    position: relative;
                    white-space: nowrap;
                    width: 100%;
                    box-sizing: border-box;
                }

                    .idn > .body .inner > .container.result > .time.marquee span {
                        display: inline-block;
                        animation: marquee 60s linear infinite;
                        padding: 0 2px;
                    }

            .idn > .body .inner .play-now {
                display: flex;
                width: 230px;
                border-radius: 17px;
                border: 1px solid gray;
                padding: 10px 17px;
                font-size: 14px;
                font-weight: 700;
                margin: 10px;
                width: 80%;
                justify-self: center;
                justify-content: center;
                text-align: center;
            }

.image-container {
    position: relative;
    display: inline-block;
}

.img-disabled {
    opacity: 0.4;
}

.lotto > .body > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}

.lotto-lobby {
    margin-top: 1rem;
}

    .lotto-lobby > .container > .line {
        width: 100%;
    }

    .lotto-lobby > .container > .row {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

        .lotto-lobby > .container > .row > h1 {
            margin-top: 16px;
        }

        .lotto-lobby > .container > .row > hr {
            margin: 8px 0 12px;
        }

        .lotto-lobby > .container > .row > .lotto-result {
            margin-right: auto;
            margin-left: 2rem;
            text-align: center;
            margin-top: 16px;
        }

            .lotto-lobby > .container > .row > .lotto-result > a {
                border-radius: 8px;
                border: 1px solid;
                padding: 10px 15px;
            }

                .lotto-lobby > .container > .row > .lotto-result > a:hover {
                    text-decoration: none;
                }

        .lotto-lobby > .container > .row > .sga-input-icon-group {
            place-items: end;
            width: 50%;
            height: 3.2rem;
        }

.sga-input-icon-group {
    position: relative;
    width: 100%;
    height: 3.2rem;
    border: 1px solid #222;
    border-radius: 0.25rem;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

    .sga-input-icon-group:before {
        position: absolute;
        width: 3.4rem;
        height: 2rem;
        line-height: 2rem;
        top: 0.6rem;
        bottom: 0.6rem;
        left: 0;
        font-family: 'Font Awesome 5 Free';
        font-size: 1rem;
        font-weight: 600;
        content: attr(data-icon);
        text-align: center;
        pointer-events: none;
        border-right: 1px solid #222;
    }

    .sga-input-icon-group > input, .sga-input-icon-group > select {
        position: absolute;
        width: calc(100% - 5.4rem);
        height: 100%;
        top: 0;
        left: 4.4rem;
        right: 0;
        bottom: 0;
        font-size: 1rem;
        line-height: 1.2;
        outline: none;
        outline-width: 0;
        border: none;
        color: #333;
        background-color: transparent;
        display: block;
    }

.time {
    display: block !important;
}

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

[data-name="gametext"] {
    color: #dcb87f;
}

.game-lobby {
    background-color: #0d0e10;
}

    .game-lobby hr {
        background-color: #212529;
    }

.idn > .body a {
    color: inherit;
    text-decoration: none;
    margin-top: 1rem;
}

    .idn > .body a.disabled > .inner {
        background: var(--lotto-container-d);
        border-color: var(--dark-txt-black);
    }

        .idn > .body a.disabled > .inner > [data-name="poolstatus"] {
            border-color: var(--lotto-close-d);
            box-shadow: none;
            color: #6b6b6b;
        }

        .idn > .body a.disabled > .inner > .container.result {
            background: linear-gradient(175deg, var(--countdown-timer-1) 0%, var(--lotto-container-d) 100%);
        }

            .idn > .body a.disabled > .inner > .container.result > .numbers > div {
                background: linear-gradient(to top, var(--lotto-close-container-1), var(--lotto-close-container-2), var(--lotto-close-container-3), var(--lotto-close-container-4), var(--lotto-close-container-1));
            }

.idn > .body > a > .inner {
    background: var(--lotto-container-d);
    border-color: var(--dark-txt-gray-d-rgb);
}

.idn > .body .inner > .container.result {
    background: linear-gradient(175deg, var(--lotto-container) 0%, var(--lotto-container-d) 100%);
}

    .idn > .body .inner > .container.result > .bet-day {
        color: #9a9a9a;
    }

    .idn > .body .inner > .container.result > .countdown {
        color: var(--jackpot-inside-4);
        background: #3c0000;
    }

    .idn > .body .inner > .container.result > .numbers > div {
        background: linear-gradient(to top, var(--jackpot-inside-1), var(--jackpot-inside-2), var(--jackpot-inside-3), var(--jackpot-inside-4), var(--jackpot-inside-5));
    }

        .idn > .body .inner > .container.result > .numbers > div > span {
            background: linear-gradient(to top, var(--countdown-timer-1), var(--countdown-timer-2), var(--countdown-timer-3), var(--countdown-timer-2), var(--countdown-timer-1));
        }

    .idn > .body .inner > .container.result > .time {
        color: #8a8a8a;
    }

.idn > .body .inner .play-now {
    border-color: var(--dark-main-color);
    background: transparent;
    box-shadow: var(--dark-main-color-d) 0px 1px 15px, var(--dark-main-color-d) 0px -1px 15px, var(--dark-main-color-d) 1px 0px 15px, var(--dark-main-color-d) -1px 0px 15px;
}

.lotto-lobby > .container > .row > .lotto-result > a {
    border-color: var(--dark-main-color);
    background-image: linear-gradient(to top,var(--dark-main-color) 0%,var(--dark-main-color-d) 100%);
    box-shadow: none;
    color: var(--dark-pure-white);
}

.lotto-lobby > .container > .row > .title {
    color: var(--dark-main-color);
}

.sga-input-icon-group {
    background-color: var(--sgainputicongroup-bg);
}

    .sga-input-icon-group:before {
        color: var(--sgainputicongroup-icon);
        border-color: var(--sgainputicongroup-icon-bor);
    }

    .sga-input-icon-group > input {
        color: var(--sgainputicongroup-inner-txt);
    }