/* ZY_TOURNAMENT_OVERVIEW_REAL_TABLE_CSS_START */

/*
 * Реальная таблица, аналогичная структуре старого сайта.
 * Здесь вообще не используется CSS Grid.
 */
.zy-overview-section .zy-overview-real-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;

    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;

    table-layout: fixed !important;

    background: var(--zy-dark) !important;

    box-sizing: border-box !important;
}

.zy-overview-section
.zy-overview-real-table
.zy-overview-real-table__col-date {
    width: 92px !important;
}

.zy-overview-section
.zy-overview-real-table
.zy-overview-real-table__col-score {
    width: 44px !important;
}

.zy-overview-section
.zy-overview-real-table
.zy-overview-real-table__col-media {
    width: 64px !important;
}

.zy-overview-section
.zy-overview-real-table td {
    height: 42px !important;

    padding: 7px 5px !important;

    border: 0 !important;
    border-top: 1px solid var(--zy-border) !important;

    vertical-align: middle !important;

    box-sizing: border-box !important;
}

.zy-overview-section
.zy-overview-real-table__date {
    color: var(--zy-yellow) !important;

    font-size: 10px !important;
    line-height: 1.05 !important;

    text-align: left !important;
    white-space: nowrap !important;
}

.zy-overview-section
.zy-overview-real-table__date span,
.zy-overview-section
.zy-overview-real-table__date small {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: inherit !important;
    line-height: inherit !important;

    white-space: nowrap !important;
}

.zy-overview-section
.zy-overview-real-table__date small {
    margin-top: 2px !important;

    color: #fff !important;
}

.zy-overview-section
.zy-overview-real-table__team {
    color: #fff !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    overflow: visible !important;
}

.zy-overview-section
.zy-overview-real-table__team--home {
    text-align: right !important;
}

.zy-overview-section
.zy-overview-real-table__team--away {
    text-align: left !important;
}

.zy-overview-section
.zy-overview-real-table__team a,
.zy-overview-section
.zy-overview-real-table__team span {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    color: inherit !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    text-decoration: none !important;

    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.zy-overview-section
.zy-overview-real-table__score {
    padding-left: 2px !important;
    padding-right: 2px !important;

    color: var(--zy-yellow) !important;

    text-align: center !important;
    white-space: nowrap !important;
}

.zy-overview-section
.zy-overview-real-table__score > a,
.zy-overview-section
.zy-overview-real-table__score > span {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 24px !important;

    color: inherit !important;
    text-decoration: none !important;
}

.zy-overview-section
.zy-overview-real-table__score strong {
    color: var(--zy-yellow) !important;

    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
}

.zy-overview-section
.zy-overview-real-table__score small {
    display: block !important;

    margin-top: 2px !important;

    color: rgba(255, 255, 255, .74) !important;

    font-size: 7px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
}

.zy-overview-section
.zy-overview-real-table__media {
    padding-left: 2px !important;
    padding-right: 5px !important;

    text-align: right !important;
    white-space: nowrap !important;
}

.zy-overview-section
.zy-overview-real-table__media
.zy-row-media-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 11px !important;

    margin: 0 0 0 2px !important;
    padding: 0 3px !important;

    border-radius: 999px !important;

    font-size: 5px !important;
    line-height: 1 !important;
}

/*
 * После перехода обзора в одну колонку
 * таблица остаётся таблицей.
 */
@media only screen and (max-width: 860px) {
    .zy-overview-section .zy-overview-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;

        gap: 24px !important;
    }

    .zy-overview-section .zy-overview-matches,
    .zy-overview-section .zy-round-list,
    .zy-overview-section .zy-round-block {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }

    .zy-overview-section
    .zy-overview-real-table
    .zy-overview-real-table__col-date {
        width: 70px !important;
    }

    .zy-overview-section
    .zy-overview-real-table
    .zy-overview-real-table__col-score {
        width: 38px !important;
    }

    .zy-overview-section
    .zy-overview-real-table
    .zy-overview-real-table__col-media {
        width: 46px !important;
    }

    .zy-overview-section
    .zy-overview-real-table__team {
        font-size: 10px !important;
        letter-spacing: -0.2px !important;
    }
}

/*
 * Два самых маленьких размера.
 * Логотипов нет, поэтому всё место отдано названиям команд.
 */
@media only screen and (max-width: 400px) {
    .zy-overview-section
    .zy-overview-real-table
    .zy-overview-real-table__col-date {
        width: 52px !important;
    }

    .zy-overview-section
    .zy-overview-real-table
    .zy-overview-real-table__col-score {
        width: 32px !important;
    }

    .zy-overview-section
    .zy-overview-real-table
    .zy-overview-real-table__col-media {
        width: 0 !important;
    }

    .zy-overview-section
    .zy-overview-real-table td {
        height: 36px !important;

        padding: 6px 2px !important;
    }

    .zy-overview-section
    .zy-overview-real-table__date {
        font-size: 8px !important;
    }

    .zy-overview-section
    .zy-overview-real-table__team {
        font-size: 8px !important;
        letter-spacing: -0.35px !important;
    }

    .zy-overview-section
    .zy-overview-real-table__score strong {
        font-size: 10px !important;
    }

    .zy-overview-section
    .zy-overview-real-table__media {
        display: none !important;
        width: 0 !important;
        padding: 0 !important;
    }
}

@media only screen and (max-width: 340px) {
    .zy-overview-section
    .zy-overview-real-table
    .zy-overview-real-table__col-date {
        width: 46px !important;
    }

    .zy-overview-section
    .zy-overview-real-table
    .zy-overview-real-table__col-score {
        width: 28px !important;
    }

    .zy-overview-section
    .zy-overview-real-table__date {
        font-size: 7px !important;
    }

    .zy-overview-section
    .zy-overview-real-table__team {
        font-size: 7px !important;
        letter-spacing: -0.45px !important;
    }

    .zy-overview-section
    .zy-overview-real-table__score strong {
        font-size: 9px !important;
    }
}

/* ZY_TOURNAMENT_OVERVIEW_REAL_TABLE_CSS_END */

/* ZY_OVERVIEW_TABLE_LOGOS_START */

.zy-overview-section
.zy-overview-real-table__team-wrap {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    gap: 5px !important;
}

.zy-overview-section
.zy-overview-real-table__team-wrap--home {
    justify-content: flex-end !important;
    text-align: right !important;
}

.zy-overview-section
.zy-overview-real-table__team-wrap--away {
    justify-content: flex-start !important;
    text-align: left !important;
}

.zy-overview-section
.zy-overview-real-table__team-name {
    display: block !important;

    min-width: 0 !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.zy-overview-section
.zy-overview-real-table__team-name a {
    display: block !important;

    color: inherit !important;
    text-decoration: none !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    white-space: nowrap !important;
}

.zy-overview-section
.zy-overview-real-table__logo {
    display: grid !important;
    place-items: center !important;

    flex: 0 0 18px !important;

    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    margin: 0 !important;
    padding: 1px !important;

    background: #fff !important;
    border-radius: 2px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

.zy-overview-section
.zy-overview-real-table__logo img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
}

@media only screen and (max-width: 860px) {
    .zy-overview-section
    .zy-overview-real-table__team-wrap {
        gap: 4px !important;
    }

    .zy-overview-section
    .zy-overview-real-table__logo {
        flex-basis: 16px !important;

        width: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;

        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
    }
}

@media only screen and (max-width: 400px) {
    .zy-overview-section
    .zy-overview-real-table__team-wrap {
        gap: 2px !important;
    }

    .zy-overview-section
    .zy-overview-real-table__logo {
        flex-basis: 14px !important;

        width: 14px !important;
        min-width: 14px !important;
        max-width: 14px !important;

        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;

        padding: 0 !important;
    }
}

@media only screen and (max-width: 340px) {
    .zy-overview-section
    .zy-overview-real-table__logo {
        flex-basis: 12px !important;

        width: 12px !important;
        min-width: 12px !important;
        max-width: 12px !important;

        height: 12px !important;
        min-height: 12px !important;
        max-height: 12px !important;
    }
}

/* ZY_OVERVIEW_TABLE_LOGOS_END */

/* ZY_OVERVIEW_TABLE_CONTAINER_MOBILE_START */

/*
 * До 1100px обзор переходит в одну колонку.
 * Это устраняет обрезание матчей в диапазоне
 * примерно 860–1100px.
 */
@media only screen and (max-width: 1100px) {
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        gap: 28px !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-table,
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-matches {
        display: block !important;

        flex: none !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        transform: none !important;

        box-sizing: border-box !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-matches .zy-round-list,
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-matches .zy-round-block {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}

/*
 * Адаптация строки зависит от реальной ширины
 * карточки тура.
 */
html body
.zy-tournament-section.zy-overview-section.is-active
.zy-overview-matches
.zy-round-block {
    container-type: inline-size !important;
    container-name: zy-overview-real-round !important;
}

/*
 * Мобильная строка:
 *
 * дата                         медиа
 * хозяева       счёт          гости
 */
@container zy-overview-real-round (max-width: 620px) {
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        table-layout: auto !important;

        overflow: hidden !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table colgroup {
        display: none !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table tbody {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table tr {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            38px
            minmax(0, 1fr) !important;

        grid-template-rows:
            auto
            auto !important;

        grid-template-areas:
            "date date media"
            "home score away" !important;

        align-items: center !important;

        column-gap: 5px !important;
        row-gap: 7px !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        min-height: 54px !important;

        margin: 0 !important;
        padding: 8px 7px !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table td {
        display: block !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__date {
        grid-area: date !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 5px !important;

        color: var(--zy-yellow) !important;

        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1 !important;

        text-align: left !important;
        white-space: nowrap !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__date span,
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__date small {
        display: inline !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: inherit !important;
        line-height: inherit !important;

        white-space: nowrap !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team--home {
        grid-area: home !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__score {
        grid-area: score !important;

        align-self: center !important;
        justify-self: center !important;

        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        overflow: visible !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team--away {
        grid-area: away !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__media {
        grid-area: media !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        justify-self: end !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        overflow: visible !important;
    }

    /*
     * Командная ячейка остаётся строго
     * внутри своей колонки.
     */
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-wrap {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        gap: 4px !important;

        overflow: hidden !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-wrap--home {
        justify-content: flex-end !important;
        text-align: right !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-wrap--away {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    /*
     * Нормальный читаемый размер.
     * Длинные названия переносятся на вторую строку.
     */
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-name,
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-name a {
        display: block !important;

        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        letter-spacing: -0.15px !important;

        white-space: normal !important;

        overflow: visible !important;
        text-overflow: clip !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-wrap--home
    .zy-overview-real-table__team-name,
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-wrap--home
    .zy-overview-real-table__team-name a {
        text-align: right !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-wrap--away
    .zy-overview-real-table__team-name,
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-wrap--away
    .zy-overview-real-table__team-name a {
        text-align: left !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__logo {
        display: grid !important;
        place-items: center !important;

        flex: 0 0 16px !important;

        width: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;

        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__score > a,
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__score > span {
        min-height: 24px !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__score strong {
        font-size: 11px !important;
    }
}

/*
 * Самые узкие телефоны.
 * Уменьшение минимальное, без микроскопического текста.
 */
@container zy-overview-real-round (max-width: 380px) {
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table tr {
        grid-template-columns:
            minmax(0, 1fr)
            34px
            minmax(0, 1fr) !important;

        column-gap: 3px !important;
        row-gap: 6px !important;

        min-height: 52px !important;

        padding: 7px 5px !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-wrap {
        gap: 3px !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-name,
    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__team-name a {
        font-size: 9px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.2px !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__logo {
        flex-basis: 14px !important;

        width: 14px !important;
        min-width: 14px !important;
        max-width: 14px !important;

        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__score {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__score strong {
        font-size: 10px !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__date {
        font-size: 9px !important;
    }

    html body
    .zy-tournament-section.zy-overview-section.is-active
    .zy-overview-real-table__media {
        display: none !important;
    }
}

/* ZY_OVERVIEW_TABLE_CONTAINER_MOBILE_END */

/* ZY_OVERVIEW_MATCH_LOGO_BOX_START */

/*
 * Логотипы команд в блоках:
 * — Последние матчи;
 * — Ближайшие матчи.
 *
 * Контейнер не имеет фона, а изображение полностью
 * помещается внутрь без обрезки и искажения.
 */
.zy-overview-matches .has-logo,
.zy-overview-match-table .has-logo,
.zy-overview-matches
:is(i, span, a, div):has(
    > img[src*="/media/teams/"]
),
.zy-overview-match-table
:is(i, span, a, div):has(
    > img[src*="/media/teams/"]
) {
    display: inline-flex !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    padding: 0 !important;
    margin: 0 4px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
    line-height: 0 !important;
    vertical-align: middle !important;
}

.zy-overview-matches
img[src*="/media/teams/"],
.zy-overview-match-table
img[src*="/media/teams/"],
.zy-overview-matches .has-logo img,
.zy-overview-match-table .has-logo img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;
    max-height: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    clip-path: none !important;
    transform: none !important;
}

@media (max-width: 860px) {
    .zy-overview-matches .has-logo,
    .zy-overview-match-table .has-logo,
    .zy-overview-matches
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ),
    .zy-overview-match-table
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ) {
        flex-basis: 20px !important;

        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;

        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;

        margin-right: 3px !important;
        margin-left: 3px !important;
    }
}

@media (max-width: 400px) {
    .zy-overview-matches .has-logo,
    .zy-overview-match-table .has-logo,
    .zy-overview-matches
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ),
    .zy-overview-match-table
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ) {
        flex-basis: 18px !important;

        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;

        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
    }
}

@media (max-width: 340px) {
    .zy-overview-matches .has-logo,
    .zy-overview-match-table .has-logo,
    .zy-overview-matches
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ),
    .zy-overview-match-table
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ) {
        flex-basis: 16px !important;

        width: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;

        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
    }
}

/* ZY_OVERVIEW_MATCH_LOGO_BOX_END */

/* ZY_OVERVIEW_LOGO_NO_CROP_ALL_WIDTHS_START */

/*
 * Последние и ближайшие матчи.
 * Контейнер всегда квадратный, логотип сохраняет
 * пропорции и полностью помещается внутрь.
 */
html body .zy-overview-matches .has-logo,
html body .zy-overview-match-table .has-logo,
html body .zy-overview-matches
:is(i, span, a, div):has(
    > img[src*="/media/teams/"]
),
html body .zy-overview-match-table
:is(i, span, a, div):has(
    > img[src*="/media/teams/"]
) {
    display: inline-flex !important;
    flex: 0 0 20px !important;

    align-items: center !important;
    justify-content: center !important;

    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;

    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;

    padding: 1px !important;
    margin: 0 4px !important;

    box-sizing: border-box !important;
    overflow: visible !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    line-height: 0 !important;
    vertical-align: middle !important;
}

/*
 * Не растягиваем изображение до размеров контейнера.
 * Ограничиваем только максимальную ширину и высоту.
 */
html body .zy-overview-matches
img[src*="/media/teams/"],
html body .zy-overview-match-table
img[src*="/media/teams/"],
html body .zy-overview-matches .has-logo > img,
html body .zy-overview-match-table .has-logo > img {
    display: block !important;

    flex: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: 100% !important;

    padding: 0 !important;
    margin: auto !important;

    box-sizing: border-box !important;

    object-fit: contain !important;
    object-position: center center !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;

    clip: auto !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;

    transform: none !important;
    scale: none !important;
}

/*
 * Планшеты и узкие колонки desktop.
 * Размер не опускается ниже 18 px.
 */
@media (max-width: 860px) {
    html body .zy-overview-matches .has-logo,
    html body .zy-overview-match-table .has-logo,
    html body .zy-overview-matches
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ),
    html body .zy-overview-match-table
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ) {
        flex-basis: 18px !important;

        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;

        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;

        padding: 1px !important;
        margin-right: 3px !important;
        margin-left: 3px !important;
    }
}

/*
 * Мобильные экраны 425 px и меньше.
 * Старые правила 14 px и 12 px перебиваются.
 */
@media (max-width: 425px) {
    html body .zy-overview-matches .has-logo,
    html body .zy-overview-match-table .has-logo,
    html body .zy-overview-matches
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ),
    html body .zy-overview-match-table
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ) {
        flex: 0 0 18px !important;

        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;

        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;

        padding: 1px !important;
        margin-right: 2px !important;
        margin-left: 2px !important;
    }
}

/*
 * Самые узкие экраны.
 * Оставляем читаемый квадрат 17 px вместо прежних 12 px.
 */
@media (max-width: 340px) {
    html body .zy-overview-matches .has-logo,
    html body .zy-overview-match-table .has-logo,
    html body .zy-overview-matches
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ),
    html body .zy-overview-match-table
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ) {
        flex-basis: 17px !important;

        width: 17px !important;
        min-width: 17px !important;
        max-width: 17px !important;

        height: 17px !important;
        min-height: 17px !important;
        max-height: 17px !important;

        padding: 1px !important;
    }
}

/*
 * Те же правила применяются, когда узким является
 * не весь экран, а сама колонка обзора.
 */
@container (max-width: 425px) {
    .zy-overview-matches .has-logo,
    .zy-overview-match-table .has-logo,
    .zy-overview-matches
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ),
    .zy-overview-match-table
    :is(i, span, a, div):has(
        > img[src*="/media/teams/"]
    ) {
        flex: 0 0 18px !important;

        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;

        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;

        padding: 1px !important;
        overflow: visible !important;
    }

    .zy-overview-matches
    img[src*="/media/teams/"],
    .zy-overview-match-table
    img[src*="/media/teams/"] {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: 100% !important;

        object-fit: contain !important;
        object-position: center !important;
    }
}

/* ZY_OVERVIEW_LOGO_NO_CROP_ALL_WIDTHS_END */

/* ZY_OVERVIEW_GROUP_VISIBLE_START */

/*
 * Отдельные карточки групп в обзоре турнира.
 * Селекторы прямые — без несуществующего
 * родительского класса .zy-tournament-page.
 */
.zy-overview-table-group-card {
    display: block !important;

    width: 100% !important;

    margin:
        0
        0
        30px !important;

    padding: 0 !important;
    overflow: hidden !important;

    background: #090909 !important;

    border:
        1px solid
        rgba(255, 207, 35, .78) !important;

    border-radius: 14px !important;

    box-shadow:
        0 9px 22px rgba(0, 0, 0, .42),
        inset 0 1px 0 rgba(255, 255, 255, .035)
        !important;
}

.zy-overview-table-group-card
+ .zy-overview-table-group-card {
    margin-top: 30px !important;
}

.zy-overview-table-group-card:last-child {
    margin-bottom: 0 !important;
}

.zy-overview-table-group-card
.zy-mini-table-group-title {
    display: flex !important;
    align-items: center !important;

    min-height: 44px !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    color: #ffcf23 !important;

    background:
        linear-gradient(
            90deg,
            rgba(255, 207, 35, .27),
            rgba(255, 207, 35, .07)
        ) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        rgba(255, 207, 35, .72) !important;

    font-size: 17px !important;
    font-weight: 1000 !important;
    line-height: 1.15 !important;
}

.zy-overview-table-group-card
.zy-mini-standings {
    width: 100% !important;

    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.zy-overview-table-group-card
.zy-mini-standings thead th {
    background:
        rgba(255, 255, 255, .045) !important;

    border-top: 0 !important;
}

.zy-overview-table-group-card
.zy-mini-standings tbody tr:last-child td {
    border-bottom: 0 !important;
}

.zy-overview-table-group-card
.zy-mini-standings tbody tr:hover td {
    background:
        rgba(255, 207, 35, .055) !important;
}

@media (max-width: 760px) {
    .zy-overview-table-group-card {
        margin-bottom: 22px !important;
        border-radius: 11px !important;
    }

    .zy-overview-table-group-card
    + .zy-overview-table-group-card {
        margin-top: 22px !important;
    }

    .zy-overview-table-group-card
    .zy-mini-table-group-title {
        min-height: 38px !important;

        padding:
            8px
            10px !important;

        font-size: 15px !important;
    }
}

/* ZY_OVERVIEW_GROUP_VISIBLE_END */