/* Minification failed. Returning unminified contents.
(319,22): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-background-black'
(320,17): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-text-white'
(321,24): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-border'
(325,26): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-input-border-focus'
(329,28): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-input-pure-black'
(333,28): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-input-pure-black'
(342,30): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-lotto-container-d'
(343,32): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-border'
(347,26): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-lotto-container'
(348,28): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-border'
(357,25): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-main-yellow'
(361,30): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-lotto-container-d'
(365,40): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-lotto-container-close'
(369,30): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-main-yellow'
(370,25): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-background-black'
(374,25): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-main-yellow'
(378,36): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-border'
(386,26): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-main-yellow'
(387,21): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-background-black'
(391,36): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-lotto-close'
(393,25): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-background-black'
(397,22): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-main-yellow'
(399,17): run-time error CSS1039: Token not allowed after unary operator: '-darkyellow-background-black'
 */
[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;
}

.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:hover {
            text-decoration: none;
        }

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

        .idn > .body .inner {
            overflow: hidden;
            position: relative;
            border-radius: 15px;
        }

            .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;
                        white-space: nowrap;
                    }

                .idn > .body .inner > .container.result > .header > .name {
                    font-size: 16px;
                    font-weight: 700;
                    text-align: -webkit-center;
                    width: 140px;
                    align-self: self-end;
                    margin-right: auto;
                    margin-left: auto;
                }

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

                .idn > .body .inner .play-now.disabled {
                    pointer-events: none;
                }

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

.website-url {
    position: absolute;
    top: 1rem;
    right: 1rem;
    border-radius: 25px;
    width: 23px;
    aspect-ratio: 1 / 1;
    font-size: 10px;
}

    .website-url i {
        line-height: 23px;
    }

@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(--darkyellow-background-black);
    color: var(--darkyellow-text-white);
    border-color: var(--darkyellow-border);
}

    [data-name="search"]:focus-visible {
        box-shadow: var(--darkyellow-input-border-focus);
    }

.lotto-lobby {
    background-color: var(--darkyellow-input-pure-black);
}

.idn {
    background-color: var(--darkyellow-input-pure-black);
}

    .idn > .body > div {
        color: inherit;
    }

        .idn > .body > div > .inner.disabled,
        .idn > .body > div > .inner.disabled > .container.result.disabled {
            background: var(--darkyellow-lotto-container-d);
            border-color: var(--darkyellow-border);
        }

    .idn > .body .inner > .container.result {
        background: var(--darkyellow-lotto-container);
        border-color: var(--darkyellow-border);
    }

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

        .idn > .body .inner > .container.result > .countdown,
        .idn > .body .inner > .container.result > .countdown > a {
            color: var(--darkyellow-main-yellow);
        }

        .idn > .body .inner > .container.result.disabled {
            background: var(--darkyellow-lotto-container-d);
        }

            .idn > .body .inner > .container.result.disabled > .numbers > span {
                background-color: var(--darkyellow-lotto-container-close);
            }

        .idn > .body .inner > .container.result > .header > a > .website-url {
            background: var(--darkyellow-main-yellow);
            color: var(--darkyellow-background-black);
        }

        .idn > .body .inner > .container.result > .header > .name {
            color: var(--darkyellow-main-yellow);
        }

        .idn > .body .inner > .container.result > .numbers > span {
            background-color: var(--darkyellow-border);
        }

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

    .idn > .body .inner .play-now {
        background: var(--darkyellow-main-yellow);
        color: var(--darkyellow-background-black);
    }

        .idn > .body .inner .play-now.disabled {
            background-color: var(--darkyellow-lotto-close);
            box-shadow: none;
            color: var(--darkyellow-background-black);
        }

.lotto-lobby > div > .row > .lotto-result > a {
    background: var(--darkyellow-main-yellow);
    box-shadow: none;
    color: var(--darkyellow-background-black);
}