/* Minification failed. Returning unminified contents.
(296,22): run-time error CSS1039: Token not allowed after unary operator: '-darkred-background-black'
(297,17): run-time error CSS1039: Token not allowed after unary operator: '-darkred-text-white'
(298,24): run-time error CSS1039: Token not allowed after unary operator: '-darkred-border'
(302,26): run-time error CSS1039: Token not allowed after unary operator: '-darkred-input-border-focus'
(306,28): run-time error CSS1039: Token not allowed after unary operator: '-darkred-input-pure-black'
(310,28): run-time error CSS1039: Token not allowed after unary operator: '-darkred-input-pure-black'
(319,36): run-time error CSS1039: Token not allowed after unary operator: '-darkred-lotto-close'
(321,25): run-time error CSS1039: Token not allowed after unary operator: '-darkred-text-white6'
(325,30): run-time error CSS1039: Token not allowed after unary operator: '-darkred-lotto-container-d'
(329,40): run-time error CSS1039: Token not allowed after unary operator: '-darkred-lotto-container-close'
(333,26): run-time error CSS1039: Token not allowed after unary operator: '-darkred-lotto-container'
(334,28): run-time error CSS1039: Token not allowed after unary operator: '-darkred-border'
(342,25): run-time error CSS1039: Token not allowed after unary operator: '-darkred-main-red'
(346,25): run-time error CSS1039: Token not allowed after unary operator: '-darkred-main-red'
(350,36): run-time error CSS1039: Token not allowed after unary operator: '-darkred-border'
(358,26): run-time error CSS1039: Token not allowed after unary operator: '-darkred-main-red'
(359,21): run-time error CSS1039: Token not allowed after unary operator: '-darkred-text-white'
(363,22): run-time error CSS1039: Token not allowed after unary operator: '-darkred-main-red'
(365,17): run-time error CSS1039: Token not allowed after unary operator: '-darkred-text-white'
 */
[data-name="maintenance-notice"] {
    display: none;
}

[data-name="search"] {
    width: 212px;
    height: 45px;
    flex-shrink: 0;
    border-radius: 30px;
    padding: 20px;
    border: 1px solid;
    margin-right: 20px;
}

    [data-name="search"]:focus-visible {
        outline: 0;
    }

.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;
}

.image-container {
    position: relative;
    display: inline-block;
}

.img-disabled {
    opacity: 0.4;
}

.idn {
    padding: 20px 0;
}

    .idn > .body {
        display: flex;
        flex-direction: row;
        padding-top: 0;
        margin: 0;
        flex-wrap: wrap;
        grid-gap: 10px;
        justify-content: unset;
        align-items: unset;
    }

        .idn > .body a {
            margin-bottom: 1rem;
        }

        .idn > .body .inner {
            overflow: hidden;
            position: relative;
        }

            .idn > .body .inner > .container.result {
                display: flex;
                position: relative;
                flex-direction: column;
                flex-wrap: wrap;
                width: 220px;
                border-radius: 15px;
                border: 1px solid gray;
                padding: 18px 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;
                }

                    .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 > .name {
                    font-size: 16px;
                    font-weight: 700;
                    align-self: center;
                    text-align-last: center;
                }

                .idn > .body .inner > .container.result > .numbers {
                    display: block;
                    font-size: 46px;
                    font-weight: 800;
                    justify-self: center;
                    justify-content: center;
                    align-content: center;
                    align-items: center;
                }

                    .idn > .body .inner > .container.result > .numbers > span {
                        margin: 0 3px;
                        padding: 0 8px;
                        border-radius: 6px;
                    }

                .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: 10px;
                padding: 10px 17px;
                margin-left: auto;
                margin-right: auto;
                justify-content: center;
                text-align: center;
                font-size: 14px;
                font-weight: 700;
                margin: 10px;
                width: 90%;
            }

                .idn > .body .inner .play-now > div {
                    margin: 0 5px;
                }

.lotto-lobby {
    border-radius: 10px;
    padding: 20px;
    margin: 0;
    width: 1180px;
}

    .lotto-lobby > div > .row {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

        .lotto-lobby > div > .row > div:last-child {
            position: relative;
        }

            .lotto-lobby > div > .row > div:last-child > i {
                position: absolute;
                right: 40px;
                top: 17px;
            }

        .lotto-lobby > div > .row > h1 {
            font-size: 32px;
            font-weight: 700;
            line-height: normal;
            white-space: nowrap;
            padding-left: 20px;
            margin-top: 5px;
        }

        .lotto-lobby > div > .row > hr {
            margin: 8px 0 12px;
        }

        .lotto-lobby > div > .row > .lotto-result {
            margin-right: auto;
            margin-left: 2rem;
            text-align: center;
        }

            .lotto-lobby > div > .row > .lotto-result > a {
                border-radius: 8px;
                padding: 10px 15px;
                font-weight: 700;
            }

                .lotto-lobby > div > .row > .lotto-result > a:hover {
                    text-decoration: none;
                }

        .lotto-lobby > div > .row > .sga-input-icon-group {
            text-align: end;
            width: 50%;
            height: 3.2rem;
        }

.time {
    display: block !important;
}

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

@media (max-width: 576px) {
    .lotto-lobby {
        max-width: 540px;
    }
}

@media (max-width: 900px) {
    .lotto-lobby {
        max-width: 720px;
    }
}

@media (max-width: 1150px) {
    .lotto-lobby {
        max-width: 960px;
    }
}

@media (max-width: 1200px) {
    .lotto-lobby {
        max-width: 1180px;
    }
}

[data-name="gametext"] {
    color: #dcb87f;
}

[data-name="search"] {
    background: var(--darkred-background-black);
    color: var(--darkred-text-white);
    border-color: var(--darkred-border);
}

    [data-name="search"]:focus-visible {
        box-shadow: var(--darkred-input-border-focus);
    }

.lotto-lobby {
    background-color: var(--darkred-input-pure-black);
}

.idn {
    background-color: var(--darkred-input-pure-black);
}

    .idn > .body a {
        color: inherit;
        text-decoration: none;
    }

        .idn > .body a.disabled > .inner [data-name="poolstatus"] {
            background-color: var(--darkred-lotto-close);
            box-shadow: none;
            color: var(--darkred-text-white6);
        }

        .idn > .body a.disabled > .inner > .container.result {
            background: var(--darkred-lotto-container-d);
        }

            .idn > .body a.disabled > .inner > .container.result > .numbers > span {
                background-color: var(--darkred-lotto-container-close);
            }

    .idn > .body .inner > .container.result {
        background: var(--darkred-lotto-container);
        border-color: var(--darkred-border);
    }

        .idn > .body .inner > .container.result > .bet-day {
            color: #9a9a9a;
        }

        .idn > .body .inner > .container.result > .countdown {
            color: var(--darkred-main-red);
        }

        .idn > .body .inner > .container.result > .name {
            color: var(--darkred-main-red);
        }

        .idn > .body .inner > .container.result > .numbers > span {
            background-color: var(--darkred-border);
        }

        .idn > .body .inner > .container.result > .time {
            color: #8a8a8a;
        }

    .idn > .body .inner .play-now {
        background: var(--darkred-main-red);
        color: var(--darkred-text-white);
    }

.lotto-lobby > div > .row > .lotto-result > a {
    background: var(--darkred-main-red);
    box-shadow: none;
    color: var(--darkred-text-white);
}

