.sis-table th.sis-c-streak {
    width: 206px;
    box-sizing: border-box;
    text-align: right;
}

.sis-streak {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
}

.sis-pips {
    flex: none;
    display: flex;
    gap: 3px;
}

.sis-pip {
    width: 14px;
    height: 14px;
    border-radius: 4px;
}

.sis-streak__value {
    flex: none;
    display: flex;
    align-items: baseline;
    gap: 3px;
    min-width: 52px;
    justify-content: flex-end;
}

.sis-streak__count {
    font-family: var(--iot-font-heading);
    font-size: 18px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.sis-streak__unit {
    font-size: 10.5px;
    color: var(--iot-text-muted-2);
}

.sis-cards {
    display: none;
    flex-direction: column;
}

.sis-card {
    padding: 10px 13px;
    border-top: 1px solid #eef2f6;
}

.sis-card.is-selected {
    background: #eef6fc;
}

.sis-card__top {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sis-card__rank {
    flex: none;
    min-width: 20px;
    font-size: 11px;
    color: var(--iot-text-muted-2);
    font-variant-numeric: tabular-nums;
}

.sis-card__team {
    flex: 1;
    min-width: 0;
}

.sis-card__mid {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
}

.sis-card__league {
    flex: 1;
    min-width: 0;
    font-size: 10.5px;
    color: var(--iot-text-muted-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sis-card .sis-streak__count {
    font-size: 17px;
}

.sis-card .sis-pip {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.sis-top {
    background: var(--iot-navy-700);
    border-radius: 11px;
    margin-top: 14px;
    padding: 15px 17px 17px;
    color: #fff;
}

.sis-top__title {
    margin: 0 0 3px;
    font-family: var(--iot-font-heading);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.sis-top__note {
    margin: 0 0 11px;
    font-size: 11.5px;
    line-height: 1.5;
    color: #8fa5bf;
}

.sis-top__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sis-top__item {
    display: flex;
    align-items: center;
    gap: 9px;
    border: 0;
    background: none;
    border-radius: 7px;
    padding: 9px;
    cursor: pointer;
    text-align: left;
    min-height: 40px;
}

.sis-top__item.is-selected {
    background: rgba(41, 187, 238, .16);
}

.sis-top__rank {
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .08);
    font-size: 11px;
    font-weight: 700;
    color: #8fa5bf;
    font-variant-numeric: tabular-nums;
}

.sis-top__body {
    flex: 1;
    min-width: 0;
}

.sis-top__team {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: #dce6f2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sis-top__team.is-bulletin {
    color: #ff8a7a;
}

.sis-top__league {
    display: block;
    font-size: 10.5px;
    color: #8fa5bf;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sis-top__streak {
    flex: none;
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.sis-top__count {
    font-family: var(--iot-font-heading);
    font-size: 19px;
    font-weight: 700;
    color: var(--iot-blue-accent);
    font-variant-numeric: tabular-nums;
}

.sis-top__unit {
    font-size: 10px;
    color: #8fa5bf;
}

.sis-history__streak {
    display: inline-flex;
    align-items: center;
    font-size: 12.5px;
    font-weight: 700;
    color: #00641c;
    background: #e6f6ea;
    border: 1px solid #b9e2c4;
    border-radius: var(--iot-radius-pill);
    padding: 6px 12px;
}

.sis-history__next:empty {
    display: none;
}

.sis-history__next-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 700;
    color: #0b4c86;
    background: #f2f8fc;
    border: 1px solid #cfe0ee;
    border-radius: var(--iot-radius-pill);
    padding: 6px 12px;
    font-variant-numeric: tabular-nums;
}

a.sis-history__next-chip:hover {
    text-decoration: none;
    border-color: #0b4c86;
    color: #0b4c86;
}

.sis-history__next-label {
    font-weight: 400;
    color: var(--iot-text-muted-2);
}

.sis-history__explain {
    margin: 10px 20px 0;
    font-size: 12.5px;
    line-height: 1.6;
    color: #4d5f74;
    background: var(--iot-bg-panel-alt);
    border: 1px solid #eef2f6;
    border-radius: 9px;
    padding: 11px 13px;
}

.sis-history__explain:empty {
    display: none;
}

.sis-table--history {
    min-width: 840px;
}

.sis-table--history .ist-hrow--streak {
    background: #fbfdf9;
}

.sis-hscore--home {
    background: var(--iot-green);
}

.sis-hscore--draw {
    background: var(--iot-text-muted-2);
}

.sis-hscore--away {
    background: #b3401f;
}

.sis-htag--hit {
    color: #0b4c86;
    background: #f2f8fc;
    border-color: #cfe0ee;
}

.sis-hcard__mark--hit {
    color: #0b4c86;
}

.sis-hcard__foot-tag {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .sis-top {
        margin-top: 11px;
        border-radius: 10px;
        padding: 13px 13px 15px;
    }

    .sis-history__explain {
        margin: 9px 13px 0;
        font-size: 11.5px;
        padding: 10px 11px;
    }
}

@media (max-width: 767.98px) {
    .sis-table-wrap {
        display: none;
    }

    .sis-cards {
        display: flex;
    }
}