/*
 * EXCH Odds Responsive 3.0.0
 * Isolated 6-in-1 layout. The generic sport-compact layer is intentionally
 * excluded from this widget so the original odds-card system can work.
 */

body #scrollIframe.wrap-iframe-6in1 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    background: #fff !important;
}

body #scrollIframe.wrap-iframe-6in1 *,
body #scrollIframe.wrap-iframe-6in1 *::before,
body #scrollIframe.wrap-iframe-6in1 *::after {
    box-sizing: border-box;
}

body #scrollIframe.wrap-iframe-6in1 #app6in1,
body #scrollIframe.wrap-iframe-6in1 #iframe_6in1,
body #scrollIframe.wrap-iframe-6in1 #fake_iframe6in1,
body #scrollIframe.wrap-iframe-6in1 .sixmix-container,
body #scrollIframe.wrap-iframe-6in1 .table-view {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* ---------------- Desktop: toolbar and table ---------------- */
@media screen and (min-width: 1025px) {
    body #scrollIframe.wrap-iframe-6in1 #app6in1 #filter-box-on-pc {
        display: block !important;
        width: 100% !important;
        padding: 14px 0 18px !important;
        margin: 0 !important;
        background: #fff !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #app6in1 #filter-box-on-mobile {
        display: none !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-row-wrap,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-date-bet {
        margin: 0 0 16px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-row-date,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-row-date > .llx {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-row-date > .llx {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .btn-item-now {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border: 1px solid #d7d7d7 !important;
        border-radius: 4px !important;
        background: #fff !important;
        box-shadow: none !important;
        color: #202020 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 36px !important;
        white-space: nowrap !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .btn-item-now span {
        color: inherit !important;
        font: inherit !important;
        line-height: inherit !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .btn-item-now:hover {
        border-color: #b9b9b9 !important;
        background: #fafafa !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .btn-item-now.livestream {
        border-color: #ff3236 !important;
        background: #ff3236 !important;
        color: #fff !important;
        animation: none !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .btn-item-now.active:not(.livestream) {
        border-color: #005030 !important;
        background: #005030 !important;
        color: #fff !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-second,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-second > .all-hot-filter {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-second > .all-hot-filter > .xll-r {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        gap: 16px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-second > .all-hot-filter > .xll-r > .button-df:first-child {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #414141 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 42px !important;
        text-align: left !important;
    }

    /* Four filters share the remaining line equally and never shrink to text. */
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third {
        display: flex !important;
        align-items: stretch !important;
        flex: 1 1 auto !important;
        flex-wrap: nowrap !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 16px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > div {
        display: flex !important;
        align-items: center !important;
        flex: 1 1 0 !important;
        width: 0 !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .filter-cup-match,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .custom-select-02,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third #selectLeague {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .custom-select-02,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third #selectLeague {
        position: relative !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 14px !important;
        border: 1px solid #9d9d9d !important;
        border-radius: 4px !important;
        background: #fff !important;
        color: #202020 !important;
        box-shadow: none !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .custom-select-02:hover,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third #selectLeague:hover {
        border-color: #005030 !important;
        background: #fff !important;
        color: #202020 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third .custom-select {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 28px 0 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #202020 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 40px !important;
        text-align: left !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third .custom-select-02::after {
        right: 12px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .sixmix-container .table-view {
        margin-top: 0 !important;
        overflow-x: visible !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-head {
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-head .odds-title-head,
    body #scrollIframe.wrap-iframe-6in1 .match-list-head .odds-title-items {
        height: 20px !important;
        min-height: 20px !important;
        padding: 0 !important;
        line-height: 20px !important;
    }
}

/* ---------------- Tablet and mobile ---------------- */
@media screen and (max-width: 1024px) {
    body #scrollIframe.wrap-iframe-6in1 {
        overflow: hidden !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #app6in1 #filter-box-on-pc {
        display: none !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #app6in1 #filter-box-on-mobile {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-wrap,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter > .xll-r {
        display: grid !important;
        grid-template-columns: 78px minmax(0, 1fr) !important;
        grid-template-areas:
            "hot league"
            "rates rates" !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 8px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter > .xll-r > .button-df:first-child {
        grid-area: hot !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 78px !important;
        min-width: 78px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 6px !important;
        border: 0 !important;
        background: transparent !important;
        color: #414141 !important;
        font-size: 12px !important;
        line-height: 38px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-search-row {
        grid-area: league !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-search-row .filter-cup-match,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-search-row #selectLeague {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select {
        grid-area: rates !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        gap: 8px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select > div,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select .button-df {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile #selectLeague,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select .button-df {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 10px !important;
        border: 1px solid #cfcfcf !important;
        border-radius: 4px !important;
        background: #fff !important;
        color: #202020 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .custom-select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 24px 0 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #202020 !important;
        font-size: 12px !important;
        line-height: 36px !important;
        text-align: left !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-date-bet {
        margin: 10px 0 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-date,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-date > .llx {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-date > .llx {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding: 0 0 4px !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-date > .llx::-webkit-scrollbar {
        display: none !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: max-content !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 11px !important;
        border: 1px solid #d7d7d7 !important;
        border-radius: 4px !important;
        background: #fff !important;
        color: #202020 !important;
        font-size: 12px !important;
        line-height: 32px !important;
        white-space: nowrap !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now span {
        color: inherit !important;
        font: inherit !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now.livestream {
        border-color: #ff3236 !important;
        background: #ff3236 !important;
        color: #fff !important;
        animation: none !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now.active:not(.livestream) {
        border-color: #005030 !important;
        background: #005030 !important;
        color: #fff !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .sixmix-container .table-view {
        margin-top: 0 !important;
        overflow: hidden !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .league-item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .league-item .league-item-head {
        height: 32px !important;
        min-height: 32px !important;
        padding: 5px 8px !important;
        border-radius: 0 !important;
        font-size: 12px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-head,
    body #scrollIframe.wrap-iframe-6in1 .bet-match-list {
        display: none !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        background: #f3f3f3 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-box-repeated-sm {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 6px !important;
        border: 0 !important;
        border-bottom: 1px solid #dedede !important;
        border-radius: 0 !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-top-sm {
        padding: 8px 8px 6px !important;
        background: #fff !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .team-name {
        min-width: 0 !important;
        padding: 0 4px !important;
        gap: 5px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .team-name span {
        min-width: 0 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 17px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .t-logo {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        object-fit: contain !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main-sm {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 6px 6px !important;
        background: #f7f7f7 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main--title,
    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main--bet {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 4px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main--title {
        padding: 5px 0 3px !important;
        color: #6a6a6a !important;
        font-size: 10px !important;
        line-height: 14px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main--title > div,
    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main--bet > .odds-title-item,
    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .odds-title-item.two-line-start,
    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .odds-title-item.two-line-end {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        left: auto !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main--bet > .odds-title-item {
        min-height: 38px !important;
        padding: 4px !important;
        border-radius: 3px !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .odds {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 16px !important;
        margin: 0 !important;
        padding: 0 2px !important;
        font-size: 11px !important;
        line-height: 16px !important;
        white-space: nowrap !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-bot-sm {
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 8px !important;
        border-top: 1px solid #ececec !important;
        background: #fff !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .toggle-bet,
    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .toggle-match {
        min-height: 30px !important;
        font-size: 11px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .custom-options,
    body #scrollIframe.wrap-iframe-6in1 #sixinoneFilterLeague {
        max-width: calc(100vw - 24px) !important;
    }
}

@media screen and (max-width: 480px) {
    body #scrollIframe.wrap-iframe-6in1 #app6in1 #filter-box-on-mobile {
        padding: 6px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter > .xll-r {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 6px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter > .xll-r > .button-df:first-child {
        width: 68px !important;
        min-width: 68px !important;
        font-size: 11px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-date > .llx {
        gap: 6px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main-sm {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main--title,
    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main--bet {
        gap: 3px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 .match-list-sm .match-list-main--bet > .odds-title-item {
        padding: 3px 2px !important;
    }
}


/* ---------------- Refinements v3.1.0 ---------------- */
@media screen and (min-width: 1025px) {
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-second {
        margin-top: 2px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-second > .all-hot-filter > .xll-r {
        align-items: center !important;
        gap: 14px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-second > .all-hot-filter > .xll-r > .button-df:first-child {
        justify-content: center !important;
        flex: 0 0 124px !important;
        width: 124px !important;
        min-width: 124px !important;
        max-width: 124px !important;
        height: 42px !important;
        padding: 0 12px !important;
        border: 1px solid #d7d7d7 !important;
        border-radius: 4px !important;
        background: #f5f5f5 !important;
        color: #414141 !important;
        line-height: 40px !important;
        text-align: center !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-second > .all-hot-filter > .xll-r > .button-df:first-child:hover {
        background: #f5f5f5 !important;
        color: #414141 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .custom-select-02:hover,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .custom-select-02:hover .custom-select,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .filter-cup-match #selectLeague:hover,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .filter-cup-match #selectLeague:hover .custom-select,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .custom-select-02:focus,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .custom-select-02:focus .custom-select,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .custom-select-02.show,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .custom-select-02.show .custom-select {
        color: #202020 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .custom-select-02.show,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-pc .filter-third > .filter-cup-match #selectLeague.show {
        background: #ffffff !important;
        border-color: #9d9d9d !important;
    }
}

@media screen and (max-width: 1024px) {
    body #scrollIframe.wrap-iframe-6in1 #app6in1 #filter-box-on-mobile {
        padding: 10px 10px 8px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter > .xll-r {
        display: grid !important;
        grid-template-columns: 72px repeat(3, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter > .xll-r > .button-df:first-child {
        width: 72px !important;
        min-width: 72px !important;
        height: 40px !important;
        padding: 0 8px !important;
        border: 1px solid #e2e2e2 !important;
        border-radius: 4px !important;
        background: #f3f3f3 !important;
        color: #414141 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 38px !important;
        text-align: center !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-search-row,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select {
        display: contents !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-search-row .filter-cup-match,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select > div {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile #selectLeague,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select .button-df,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select > div.custom-select-02 {
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 10px !important;
        border: 1px solid #ef4444 !important;
        border-radius: 4px !important;
        background: #ffffff !important;
        color: #202020 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .custom-select {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 20px 0 0 !important;
        color: #202020 !important;
        font-size: 12px !important;
        line-height: 38px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-date-bet {
        margin: 12px 0 0 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-date > .llx {
        gap: 8px !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding-bottom: 2px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 12px !important;
        border: 1px solid #ececec !important;
        border-radius: 4px !important;
        background: #f7f7f7 !important;
        color: #202020 !important;
        line-height: 36px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now.ttnow {
        background: #ffffff !important;
        border-color: #ececec !important;
        color: #202020 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now.livestream {
        background: #f28b92 !important;
        border-color: #f28b92 !important;
        color: #ffffff !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now.active:not(.livestream) {
        background: #f59e0b !important;
        border-color: #f59e0b !important;
        color: #ffffff !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now span,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now:hover,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile #selectLeague:hover,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile #selectLeague:hover .custom-select,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .custom-select-02:hover,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .custom-select-02:hover .custom-select,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .custom-select-02.show,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .custom-select-02.show .custom-select {
        color: #202020 !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .custom-select-02.show,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile #selectLeague.show {
        background: #ffffff !important;
    }
}

@media screen and (max-width: 480px) {
    body #scrollIframe.wrap-iframe-6in1 #app6in1 #filter-box-on-mobile {
        padding: 8px 8px 6px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter > .xll-r {
        grid-template-columns: 64px repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter > .xll-r > .button-df:first-child {
        width: 64px !important;
        min-width: 64px !important;
        font-size: 11px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile #selectLeague,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select .button-df,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select > div.custom-select-02 {
        padding: 0 8px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now {
        padding: 0 10px !important;
    }
}


/* Mobile compact labels v3.1.1 */
@media screen and (max-width: 1024px) {
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter > .xll-r > .button-df:first-child {
        font-size: 10px !important;
        letter-spacing: -0.1px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        white-space: nowrap !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .custom-select {
        padding-right: 15px !important;
        font-size: 10px !important;
        letter-spacing: -0.1px !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile #selectLeague,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select .button-df,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-select > div.custom-select-02 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .custom-select-02::after {
        right: 5px !important;
        transform: translateY(-50%) scale(.78) !important;
        transform-origin: center !important;
    }
}

@media screen and (max-width: 390px) {
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .all-hot-filter > .xll-r > .button-df:first-child,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .custom-select {
        font-size: 9.5px !important;
        letter-spacing: -0.2px !important;
    }
}


/* Mobile bottom action row compact labels v3.1.2 */
@media screen and (max-width: 1024px) {
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .filter-row-date > .llx {
        gap: 6px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now {
        min-width: 0 !important;
        padding: 0 9px !important;
        font-size: 10px !important;
        letter-spacing: -0.15px !important;
        line-height: 36px !important;
        white-space: nowrap !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now span,
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now .img-text {
        font-size: inherit !important;
        letter-spacing: inherit !important;
        line-height: inherit !important;
        white-space: nowrap !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now .img-text img {
        width: 12px !important;
        height: 12px !important;
        margin-right: 4px !important;
    }
}

@media screen and (max-width: 480px) {
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now {
        padding: 0 8px !important;
        font-size: 9.5px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now .img-text img {
        width: 11px !important;
        height: 11px !important;
        margin-right: 3px !important;
    }
}

@media screen and (max-width: 390px) {
    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now {
        padding: 0 7px !important;
        font-size: 9px !important;
        letter-spacing: -0.2px !important;
    }

    body #scrollIframe.wrap-iframe-6in1 #filter-box-on-mobile .btn-item-now .img-text img {
        width: 10px !important;
        height: 10px !important;
        margin-right: 3px !important;
    }
}