.widget-klasemen-container{position: relative; z-index: 91;}
.widget-klasemen-container > span{max-width: 970px; width: 100%;}
.change-content-liga{display: flex; justify-content: end; margin-top: var(--size-4); align-items: center;}
.change-content-liga button{background: none; font-weight: 700; color: #000000; display: flex; align-items: center; gap: var(--size-1);}
.container-info-tabel-klasemen{display: grid; row-gap: var(--size-4); margin-top: var(--size-4);}

.split-table-liga{margin: 21px 0;}
.tabel-liga-container{width: 100%; border-collapse: collapse; margin: 25px 0; border-spacing: 12px;}
.tabel-liga-container th, .tabel-liga-container td{padding: 8px 4px;}
.tabel-liga-head > *{color: #000000; font-weight: 700; font-size: 12px;}
.tabel-liga-head th{text-align: center;}
.tabel-liga-head th.no_center{text-align: left;}
.tabel-liga-content-row .liga-content-point{color: #000000; font-size: 12px; font-weight: 400; text-align: center;}
.tabel-liga-content-row .liga-content-point.point-sc{font-weight: 700;}
.tabel-liga-content-row .liga-content-lt{font-size: 20px; color: #000000; text-align: center;}
.tabel-liga-content-row .liga-content-thumb > *{font-size: 12px; color: #000000; font-weight: 700;}
.tabel-liga-content-row .liga-content-thumb{display: flex; align-items: center; gap: var(--size-2);}
.tabel-liga-content-row .liga-performa-list{width: 100%; height: 100%; justify-content: center;}
.tabel-liga-content-row .liga-performa-list span{--box-performa-liga:32px; width: var(--box-performa-liga); justify-content: center; height: var(--box-performa-liga); border-radius: 4px;}
tbody.tabel-liga-content tr:nth-of-type(odd) { background-color: #F7F9FF; }
.thumb-table-club{position: relative; --size-club-mob:24px; width: var(--size-club-mob); height: var(--size-club-mob);}
.thumb-table-club::before{display: block; content: ""; padding-top: 100%;}
.thumb-table-club img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}
.kualifikasi-status{width: 8px; height: 100%; border-bottom: 1px solid #FFFFFF;}
.play-off-table{background: #9CDAA7;}
.kualifikasi-table{background: #71B77E;}
.challange-table{background: #FFD801;}
.degradasi-table{background: #A92E2F;}




.info-table-container ul, .info-kualifikasi-container ul{display: grid; row-gap: var(--size-2);}
.info-table-container ul, .info-kualifikasi-container ul{ column-gap: var(--size-5);}
.info-table-container ul{grid-template-columns: repeat(auto-fill, minmax(120px,1fr));}
.info-kualifikasi-container ul{grid-template-columns: repeat(auto-fill, minmax(160px,1fr));}
.info-table-container ul::before, .info-kualifikasi-container ul::before{content: none;}
.info-table-container ul li, .info-kualifikasi-container ul li{display: grid; grid-template-columns: 24px 1fr; gap: var(--size-1);}
.info-table-container ul li{font-size: 14px; color: #757575;}
.info-table-container ul li span{font-weight: 700; color: #2B2B2B;}
.info-table-container ul li .title, .info-kualifikasi-container ul li .title{white-space: nowrap;}
.info-kualifikasi-container ul li{color: #000000; font-size: 16px;}
.line-kualifikasi, .line-playoff, .line-llg, .line-degradasi{height: 100%; width: 8px;}
.line-kualifikasi{background: #71B77E;}
.line-playoff{background: #9CDAA7;}
.line-llg{background: #FFD801;}
.line-degradasi{background: #A92E2F;}

.liga-performa-list.ps-s span{background: #FFD521; color: #000000;}
.liga-performa-list.ps-k span{background: #CB0000; color: #F2F2F2;}
.liga-performa-list.ps-m span{background: #40A052; color: #F2F2F2;}

.button-nkc-container{display: flex; justify-content: center; margin-top: var(--size-5);}
a.btn-nkc{background: none; color: #000000; border: 1px solid var(--color-liga-primary);}
a.btn-nkc:hover{background-color: var(--color-liga-primary); color: #fff;}

@media screen and (min-width: 0) and (max-width: 1023px) {
    .table-widget-hide{display: none;}
}

@media screen and (min-width: 1024px) {
    .info-table-container, .info-kualifikasi-container{padding-left: var(--size-3);}
    .split-liga-grid{display: grid; grid-template-columns: 70% 30%; gap: 21px;}
    .info-table-container ul, .info-kualifikasi-container ul{column-gap: var(--size-3);}

    .tabel-liga-content-row .liga-content-point, .tabel-liga-content-row .liga-content-thumb > *, .tabel-liga-head > *, .title-performa-liga{font-size: 16px;}
    .tabel-liga-content-row .liga-content-thumb{gap: var(--size-3);}
    
    
    .table-performa-liga-container{display: grid; justify-content: center;}
    .performa-liga-container{margin: 25px 0; height: 190.5px; --box-performa-liga:32px;}
    .title-performa-liga{height: 35px; display: grid; align-items: center; font-weight: 700; color: #000000;}
    .tabel-performa-liga{display: grid; align-items: center;}
    .liga-performa-row{display: grid; align-items: center; grid-template-columns: repeat(5, calc(var(--box-performa-liga) + var(--size-3))); height: 40px;}
    .liga-performa-list{height: var(--box-performa-liga); width: var(--box-performa-liga); font-weight: 700; border-radius: var(--size-1); display: flex; align-items: center; justify-content: center;}
    .liga-performa-list.ps-s{background: #FFD521; color: #000000;}
    .liga-performa-list.ps-k{background: #CB0000; color: #F2F2F2;}
    .liga-performa-list.ps-m{background: #40A052; color: #F2F2F2;}
}