.coef-prefix {
    color: #6f7383
}

.coef {
    color: #0161da
}

.logo {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.name {
    display: block;
    flex-grow: 1;
    font-weight: 700;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.choice {
    margin-top: 4px
}

.exact-score {
    background: linear-gradient(90deg, #f7f8fa, #eef0f5 50%, #f7f8fa);
    border: 1px solid #e6e8ef;
    border-radius: 8px;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    margin-top: 16px;
    position: relative
}

.score {
    background-color: #0161da;
    border-radius: 8px 0 0 8px;
    color: #fff;
    padding: 1px 10px
}

.team {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
    padding: 8px 12px
}

@media (min-width: 768px) {
    .team {
        padding: 12px
    }
}

.team--home {
    padding-right: 0
}

.team--away {
    border-left: 1px solid #e6e8ef;
    flex-direction: row-reverse;
    padding-left: 0
}

.team--away .score {
    border-radius: 0 8px 8px 0
}

.team--away .name {
    text-align: right
}

.PredictionAuthor {
    background: #f7f8fa;
    padding-bottom: 16px;
    padding-top: 16px
}

@media (min-width: 768px) {
    .PredictionAuthor {
        padding-top: 20px
    }
}

.title {
    color: #6f7383;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .author-text-info {
        align-items: center;
        display: flex
    }
}

.author-name {
    color: #171921;
    font-weight: 700;
    margin-right: 8px
}

.author-description {
    color: #6f7383
}

.TeamSchemaPlayer {
    align-items: flex-start;
    display: flex;
    height: 48px;
    justify-content: center;
    position: relative;
    width: 24px
}

.TeamSchemaPlayer--single {
    gap: 8px;
    height: auto;
    position: static;
    width: auto
}

.TeamSchemaPlayer--single .name {
    border: none;
    position: static;
    transform: none
}

.shirt {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-family: RobotoCondensed, arial, helvetica, sans-serif;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    padding-top: 4px;
    width: 24px
}

.shirt--soccer-home {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23004CAC' d='M15.06 2.2a3.24 3.24 0 0 1-.896 2.244 3 3 0 0 1-2.157.93c-.81 0-1.586-.335-2.158-.93A3.24 3.24 0 0 1 8.955 2.2c-.81 0-1.614.132-2.38.39l-.177.06-1.98.792q-.796.32-1.525.769A4.8 4.8 0 0 0 .67 7.527l-.655 4.087A1.207 1.207 0 0 0 1.222 13h2.031l.204 5.712.045 1.59A3.6 3.6 0 0 0 7.1 23.8h9.818a3.6 3.6 0 0 0 3.598-3.48L20.76 13h2.018c.755 0 1.33-.666 1.205-1.397l-.676-3.985a4.78 4.78 0 0 0-1.775-2.966l-.039-.03a9.8 9.8 0 0 0-2.405-1.383l-1.474-.589-.178-.06a7.4 7.4 0 0 0-2.376-.39'/%3E%3Cpath fill='%23D7E7FC' d='M15.06 1.2a3.24 3.24 0 0 1-.896 2.244 3 3 0 0 1-2.157.93c-.81 0-1.586-.335-2.158-.93A3.24 3.24 0 0 1 8.955 1.2c-.81 0-1.614.132-2.38.39l-.177.06-1.98.792q-.796.32-1.525.769A4.8 4.8 0 0 0 .67 6.527l-.655 4.087A1.207 1.207 0 0 0 1.222 12h2.031l.204 5.712.045 1.59A3.6 3.6 0 0 0 7.1 22.8h9.818a3.6 3.6 0 0 0 3.598-3.48L20.76 12h2.018c.755 0 1.33-.666 1.205-1.397l-.676-3.985a4.78 4.78 0 0 0-1.775-2.966l-.039-.03a9.8 9.8 0 0 0-2.405-1.383l-1.474-.589-.178-.06a7.4 7.4 0 0 0-2.376-.39'/%3E%3Cpath fill='%230161DA' d='m16.615 3.511.82-1.92a7.4 7.4 0 0 0-2.376-.39 3.24 3.24 0 0 1-.895 2.243 3 3 0 0 1-2.158.93c-.81 0-1.585-.335-2.158-.93A3.24 3.24 0 0 1 8.955 1.2a7.5 7.5 0 0 0-2.38.39l.822 1.92c.24.502.56.968.952 1.376a5.07 5.07 0 0 0 3.657 1.567 5.07 5.07 0 0 0 3.657-1.567c.392-.408.712-.873.952-1.375'/%3E%3C/svg%3E")
}

.shirt--soccer-away {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300789E' d='M15.06 2.2a3.24 3.24 0 0 1-.896 2.244 3 3 0 0 1-2.157.93c-.81 0-1.586-.335-2.158-.93A3.24 3.24 0 0 1 8.955 2.2c-.81 0-1.614.132-2.38.39l-.177.06-1.98.792q-.796.32-1.525.769A4.8 4.8 0 0 0 .67 7.527l-.655 4.087A1.207 1.207 0 0 0 1.222 13h2.031l.204 5.712.045 1.59A3.6 3.6 0 0 0 7.1 23.8h9.818a3.6 3.6 0 0 0 3.598-3.48L20.76 13h2.018c.755 0 1.33-.666 1.205-1.397l-.676-3.985a4.78 4.78 0 0 0-1.775-2.966l-.039-.03a9.8 9.8 0 0 0-2.405-1.383l-1.474-.589-.178-.06a7.4 7.4 0 0 0-2.376-.39'/%3E%3Cpath fill='%23C5EFFE' d='M15.06 1.2a3.24 3.24 0 0 1-.896 2.244 3 3 0 0 1-2.157.93c-.81 0-1.586-.335-2.158-.93A3.24 3.24 0 0 1 8.955 1.2c-.81 0-1.614.132-2.38.39l-.177.06-1.98.792q-.796.32-1.525.769A4.8 4.8 0 0 0 .67 6.527l-.655 4.087A1.207 1.207 0 0 0 1.222 12h2.031l.204 5.712.045 1.59A3.6 3.6 0 0 0 7.1 22.8h9.818a3.6 3.6 0 0 0 3.598-3.48L20.76 12h2.018c.755 0 1.33-.666 1.205-1.397l-.676-3.985a4.78 4.78 0 0 0-1.775-2.966l-.039-.03a9.8 9.8 0 0 0-2.405-1.383l-1.474-.589-.178-.06a7.4 7.4 0 0 0-2.376-.39'/%3E%3Cpath fill='%2300A9E0' d='m16.615 3.511.82-1.92a7.4 7.4 0 0 0-2.376-.39 3.24 3.24 0 0 1-.895 2.243 3 3 0 0 1-2.158.93c-.81 0-1.585-.335-2.158-.93A3.24 3.24 0 0 1 8.955 1.2a7.5 7.5 0 0 0-2.38.39l.822 1.92c.24.502.56.968.952 1.376a5.07 5.07 0 0 0 3.657 1.567 5.07 5.07 0 0 0 3.657-1.567c.392-.408.712-.873.952-1.375'/%3E%3C/svg%3E")
}

.shirt--basketball-home {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23004CAC' d='M15.835 1h-.647c0 .896-.336 1.755-.935 2.39a3.1 3.1 0 0 1-2.257.989 3.1 3.1 0 0 1-2.258-.99A3.48 3.48 0 0 1 8.803 1h-.647c-.671 0-1.336.141-1.956.414A5.1 5.1 0 0 0 4.329 2.83v2.895c0 3.284-1.115 5.763-2.556 6.544v7.897A3.833 3.833 0 0 0 5.607 24h12.777a3.833 3.833 0 0 0 3.834-3.833v-7.899c-1.44-.792-2.556-3.309-2.556-6.593V2.83a5.1 5.1 0 0 0-1.871-1.416A4.9 4.9 0 0 0 15.835 1'/%3E%3Cpath fill='%23D7E7FC' d='M15.835 0h-.647c0 .896-.336 1.755-.935 2.39a3.1 3.1 0 0 1-2.257.989 3.1 3.1 0 0 1-2.258-.99A3.48 3.48 0 0 1 8.803 0h-.647C7.485 0 6.82.141 6.2.414A5.1 5.1 0 0 0 4.329 1.83v2.895c0 3.284-1.115 5.763-2.556 6.544v7.897A3.833 3.833 0 0 0 5.607 23h12.777a3.833 3.833 0 0 0 3.834-3.833v-7.899c-1.44-.792-2.556-3.309-2.556-6.593V1.83A5.1 5.1 0 0 0 17.791.414 4.9 4.9 0 0 0 15.835 0'/%3E%3Cpath fill='%230161DA' d='M17.102.17A4.8 4.8 0 0 0 15.835 0h-.647c0 .896-.336 1.755-.935 2.39a3.1 3.1 0 0 1-2.257.989 3.1 3.1 0 0 1-2.258-.99A3.48 3.48 0 0 1 8.803 0h-.647c-.428 0-.854.058-1.267.17 0 .772.264 1.576.396 1.88a5.3 5.3 0 0 0 1.06 1.655 5.02 5.02 0 0 0 3.65 1.59 5.02 5.02 0 0 0 3.651-1.59 5.3 5.3 0 0 0 1.06-1.654c.134-.33.396-1.881.396-1.881'/%3E%3Cpath fill='%230161DA' fill-rule='evenodd' d='M4.329 1.877a2 2 0 0 1 .214-.288A5.2 5.2 0 0 1 5.595.731s.65 2.147.65 3.995-.312 3.54-.878 4.933c-.39.958-.942 1.87-1.677 2.564l-1.917 1.194c0-.546.106-1.422.234-2.29 1.326-.913 2.322-3.297 2.322-6.4zm15.12-.287q.104.11.213.286v2.8c0 3.12 1.007 5.548 2.343 6.461.118.788.213 1.611.213 2.28L20.3 12.215a8.1 8.1 0 0 1-1.679-2.592c-.564-1.4-.876-3.1-.876-4.948s.567-3.994.567-3.994c.564.27.749.417 1.136.908z' clip-rule='evenodd'/%3E%3Cpath fill='%230161DA' fill-rule='evenodd' d='M15.835 0h-.647c0 .896-.336 1.755-.935 2.39a3.1 3.1 0 0 1-2.257.989 3.1 3.1 0 0 1-2.258-.99A3.48 3.48 0 0 1 8.803 0h-.647c-.428 0-.854.058-1.267.17 0 .772.264 1.576.396 1.88a5.3 5.3 0 0 0 1.06 1.655 5.02 5.02 0 0 0 3.65 1.59 5.02 5.02 0 0 0 3.651-1.59 5.3 5.3 0 0 0 1.06-1.654c.134-.33.396-1.881.396-1.881.08.035.206.08.348.13.17.061.363.13.529.201A4.9 4.9 0 0 0 15.835 0m6.383 13.417v-2.149a3 3 0 0 1-.213-.13c-1.336-.914-2.343-3.342-2.343-6.463V1.83a5.1 5.1 0 0 0-1.35-1.15c-.007.029-.566 2.16-.566 3.995 0 1.849.312 3.547.876 4.948a8.1 8.1 0 0 0 1.68 2.592zm-20.445 0 1.917-1.194c.735-.693 1.287-1.606 1.677-2.564.566-1.393.879-3.084.879-4.933S5.596.731 5.596.731a5.2 5.2 0 0 0-1.267 1.1v2.896c0 3.103-.996 5.487-2.322 6.4a3 3 0 0 1-.234.143z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.shirt--basketball-away {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300789E' d='M15.835 1h-.647c0 .896-.336 1.755-.935 2.39a3.1 3.1 0 0 1-2.257.989 3.1 3.1 0 0 1-2.258-.99A3.48 3.48 0 0 1 8.803 1h-.647c-.671 0-1.336.141-1.956.414A5.1 5.1 0 0 0 4.329 2.83v2.895c0 3.284-1.115 5.763-2.556 6.544v7.897A3.833 3.833 0 0 0 5.607 24h12.777a3.833 3.833 0 0 0 3.834-3.833v-7.899c-1.44-.792-2.556-3.309-2.556-6.593V2.83a5.1 5.1 0 0 0-1.871-1.416A4.9 4.9 0 0 0 15.835 1'/%3E%3Cpath fill='%23C5EFFE' d='M15.835 0h-.647c0 .896-.336 1.755-.935 2.39a3.1 3.1 0 0 1-2.257.989 3.1 3.1 0 0 1-2.258-.99A3.48 3.48 0 0 1 8.803 0h-.647C7.485 0 6.82.141 6.2.414A5.1 5.1 0 0 0 4.329 1.83v2.895c0 3.284-1.115 5.763-2.556 6.544v7.897A3.833 3.833 0 0 0 5.607 23h12.777a3.833 3.833 0 0 0 3.834-3.833v-7.899c-1.44-.792-2.556-3.309-2.556-6.593V1.83A5.1 5.1 0 0 0 17.791.414 4.9 4.9 0 0 0 15.835 0'/%3E%3Cpath fill='%2300A9E0' d='M17.102.17A4.8 4.8 0 0 0 15.835 0h-.647c0 .896-.336 1.755-.935 2.39a3.1 3.1 0 0 1-2.257.989 3.1 3.1 0 0 1-2.258-.99A3.48 3.48 0 0 1 8.803 0h-.647c-.428 0-.854.058-1.267.17 0 .772.264 1.576.396 1.88a5.3 5.3 0 0 0 1.06 1.655 5.02 5.02 0 0 0 3.65 1.59 5.02 5.02 0 0 0 3.651-1.59 5.3 5.3 0 0 0 1.06-1.654c.134-.33.396-1.881.396-1.881'/%3E%3Cpath fill='%2300A9E0' fill-rule='evenodd' d='M4.329 1.877a2 2 0 0 1 .214-.288A5.2 5.2 0 0 1 5.595.731s.65 2.147.65 3.995-.312 3.54-.878 4.933c-.39.958-.942 1.87-1.677 2.564l-1.917 1.194c0-.546.106-1.422.234-2.29 1.326-.913 2.322-3.297 2.322-6.4zm15.12-.287q.104.11.213.286v2.8c0 3.12 1.007 5.548 2.343 6.461.118.788.213 1.611.213 2.28L20.3 12.215a8.1 8.1 0 0 1-1.679-2.592c-.564-1.4-.876-3.1-.876-4.948s.567-3.994.567-3.994c.564.27.749.417 1.136.908z' clip-rule='evenodd'/%3E%3Cpath fill='%2300A9E0' fill-rule='evenodd' d='M15.835 0h-.647c0 .896-.336 1.755-.935 2.39a3.1 3.1 0 0 1-2.257.989 3.1 3.1 0 0 1-2.258-.99A3.48 3.48 0 0 1 8.803 0h-.647c-.428 0-.854.058-1.267.17 0 .772.264 1.576.396 1.88a5.3 5.3 0 0 0 1.06 1.655 5.02 5.02 0 0 0 3.65 1.59 5.02 5.02 0 0 0 3.651-1.59 5.3 5.3 0 0 0 1.06-1.654c.134-.33.396-1.881.396-1.881.08.035.206.08.348.13.17.061.363.13.529.201A4.9 4.9 0 0 0 15.835 0m6.383 13.417v-2.149a3 3 0 0 1-.213-.13c-1.336-.914-2.343-3.342-2.343-6.463V1.83a5.1 5.1 0 0 0-1.35-1.15c-.007.029-.566 2.16-.566 3.995 0 1.849.312 3.547.876 4.948a8.1 8.1 0 0 0 1.68 2.592zm-20.445 0 1.917-1.194c.735-.693 1.287-1.606 1.677-2.564.566-1.393.879-3.084.879-4.933S5.596.731 5.596.731a5.2 5.2 0 0 0-1.267 1.1v2.896c0 3.103-.996 5.487-2.322 6.4a3 3 0 0 1-.234.143z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.shirt--ice-hockey-home {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23004CAC' d='M14.12 4.444a3.27 3.27 0 0 0 .878-2.244s1.863.344 2.445.6c1.15.396 2.452 1.018 3.485 1.55 1.207.624 2.03 1.791 2.304 3.122.509 2.469.768 4.998.768 7.519V19a1.2 1.2 0 0 1-1.2 1.2h-2.4a3.6 3.6 0 0 1-3.6 3.6H7.2a3.6 3.6 0 0 1-3.6-3.6H1.2A1.2 1.2 0 0 1 0 19v-4.01c0-2.52.26-5.05.768-7.519.274-1.33 1.097-2.498 2.304-3.121 1.033-.533 2.335-1.155 3.485-1.55.582-.257 2.445-.6 2.445-.6 0 .84.316 1.648.878 2.243s1.325.93 2.12.93 1.558-.335 2.12-.93z'/%3E%3Cpath fill='%23D7E7FC' d='M14.12 3.444a3.27 3.27 0 0 0 .878-2.244s1.863.344 2.445.6c1.15.396 2.452 1.018 3.485 1.55 1.207.624 2.03 1.791 2.304 3.122.509 2.469.768 4.998.768 7.519V18a1.2 1.2 0 0 1-1.2 1.2h-2.4a3.6 3.6 0 0 1-3.6 3.6H7.2a3.6 3.6 0 0 1-3.6-3.6H1.2A1.2 1.2 0 0 1 0 18v-4.01c0-2.52.26-5.05.768-7.519.274-1.33 1.097-2.498 2.304-3.121 1.033-.533 2.335-1.155 3.485-1.55.582-.257 2.445-.6 2.445-.6 0 .84.316 1.648.878 2.243s1.325.93 2.12.93 1.558-.335 2.12-.93z'/%3E%3Cpath fill='%230161DA' d='M9.88 3.444a3.2 3.2 0 0 1-.657-1.05 3.3 3.3 0 0 1-.22-1.194s-1.105.195-1.88.415a8 8 0 0 0-.463.157l.898 1.798c.225.453.516.874.87 1.247A4.92 4.92 0 0 0 12 6.373a4.92 4.92 0 0 0 3.573-1.556 5.1 5.1 0 0 0 .87-1.247l.797-1.846c-.774-.22-2.242-.524-2.242-.524 0 .414-.077.819-.22 1.195-.15.389-.372.746-.658 1.049a2.92 2.92 0 0 1-2.12.93 2.92 2.92 0 0 1-2.12-.93'/%3E%3C/svg%3E")
}

.shirt--ice-hockey-away {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300789E' d='M14.12 4.444a3.27 3.27 0 0 0 .878-2.244s1.863.344 2.445.6c1.15.396 2.452 1.018 3.485 1.55 1.207.624 2.03 1.791 2.304 3.122.509 2.469.768 4.998.768 7.519V19a1.2 1.2 0 0 1-1.2 1.2h-2.4a3.6 3.6 0 0 1-3.6 3.6H7.2a3.6 3.6 0 0 1-3.6-3.6H1.2A1.2 1.2 0 0 1 0 19v-4.01c0-2.52.26-5.05.768-7.519.274-1.33 1.097-2.498 2.304-3.121 1.033-.533 2.335-1.155 3.485-1.55.582-.257 2.445-.6 2.445-.6 0 .84.316 1.648.878 2.243s1.325.93 2.12.93 1.558-.335 2.12-.93z'/%3E%3Cpath fill='%23C5EFFE' d='M14.12 3.444a3.27 3.27 0 0 0 .878-2.244s1.863.344 2.445.6c1.15.396 2.452 1.018 3.485 1.55 1.207.624 2.03 1.791 2.304 3.122.509 2.469.768 4.998.768 7.519V18a1.2 1.2 0 0 1-1.2 1.2h-2.4a3.6 3.6 0 0 1-3.6 3.6H7.2a3.6 3.6 0 0 1-3.6-3.6H1.2A1.2 1.2 0 0 1 0 18v-4.01c0-2.52.26-5.05.768-7.519.274-1.33 1.097-2.498 2.304-3.121 1.033-.533 2.335-1.155 3.485-1.55.582-.257 2.445-.6 2.445-.6 0 .84.316 1.648.878 2.243s1.325.93 2.12.93 1.558-.335 2.12-.93z'/%3E%3Cpath fill='%2300A9E0' d='M9.88 3.444a3.2 3.2 0 0 1-.657-1.05 3.3 3.3 0 0 1-.22-1.194s-1.105.195-1.88.415a8 8 0 0 0-.463.157l.898 1.798c.225.453.516.874.87 1.247A4.92 4.92 0 0 0 12 6.373a4.92 4.92 0 0 0 3.573-1.556 5.1 5.1 0 0 0 .87-1.247l.797-1.846c-.774-.22-2.242-.524-2.242-.524 0 .414-.077.819-.22 1.195-.15.389-.372.746-.658 1.049a2.92 2.92 0 0 1-2.12.93 2.92 2.92 0 0 1-2.12-.93'/%3E%3C/svg%3E")
}

[class$=-home] {
    color: #0161da
}

[class$=-away] {
    color: #00a7dd
}

.name9 {
    background: #fff;
    border: 2px solid;
    border-radius: 9999px;
    font-weight: 600;
    left: 50%;
    max-width: 150px;
    overflow: hidden;
    padding: 2px 4px;
    position: absolute;
    top: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.name--cropped {
    max-width: 80px
}

.name--cropped:after {
    background: linear-gradient(90deg, transparent, #fff 75%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px
}

.name--soccer {
    border-color: #4a9a62
}

.name--basketball {
    border-color: #ed731c
}

.name--ice-hockey {
    border-color: #60818f
}

.TeamSchemaItem {
    align-items: center;
    display: flex;
    gap: 12px;
    height: 45%;
    justify-content: center;
    width: 100%
}

@media (min-width: 768px) {
    .TeamSchemaItem {
        height: 100%;
        width: 45%
    }
}

.TeamSchemaItem--large {
    gap: 4px
}

.TeamSchemaItem--small {
    justify-content: flex-start
}

.TeamSchemaItem--small .line {
    margin: 64px;
    width: auto
}

.line {
    display: flex;
    gap: 4px;
    width: 100%
}

@media (min-width: 768px) {
    .line {
        align-items: center;
        height: 100%;
        justify-content: space-around;
        width: var(--line-cols)
    }
}

.line--small {
    padding: 0 60px
}

@media (min-width: 768px) {
    .line--small {
        padding: 60px 0
    }
}

.TeamSchemaItem--home {
    flex-direction: column
}

@media (min-width: 768px) {
    .TeamSchemaItem--home {
        flex-direction: row
    }
}

.TeamSchemaItem--home .line {
    flex-direction: row-reverse
}

@media (min-width: 768px) {
    .TeamSchemaItem--home .line {
        flex-direction: column
    }
}

.TeamSchemaItem--home .player--front {
    top: 16px
}

@media (min-width: 768px) {
    .TeamSchemaItem--home .player--front {
        left: 16px;
        top: 0
    }
}

.TeamSchemaItem--home .player--behind {
    bottom: 16px
}

@media (min-width: 768px) {
    .TeamSchemaItem--home .player--behind {
        bottom: 0;
        right: 16px
    }
}

.TeamSchemaItem--home .player:first-child {
    z-index: 6
}

.TeamSchemaItem--home .player:nth-child(2) {
    z-index: 5
}

.TeamSchemaItem--home .player:nth-child(3) {
    z-index: 4
}

.TeamSchemaItem--home .player:nth-child(4) {
    z-index: 3
}

.TeamSchemaItem--home .player:nth-child(5) {
    z-index: 2
}

.TeamSchemaItem--home .player:nth-child(6) {
    z-index: 1
}

.TeamSchemaItem--away {
    flex-direction: column-reverse
}

@media (min-width: 768px) {
    .TeamSchemaItem--away {
        flex-direction: row-reverse
    }

    .TeamSchemaItem--away .line {
        flex-direction: column-reverse;
        position: relative
    }

    .TeamSchemaItem--away .line:first-child {
        z-index: 6
    }

    .TeamSchemaItem--away .line:nth-child(2) {
        z-index: 5
    }

    .TeamSchemaItem--away .line:nth-child(3) {
        z-index: 4
    }

    .TeamSchemaItem--away .line:nth-child(4) {
        z-index: 3
    }

    .TeamSchemaItem--away .line:nth-child(5) {
        z-index: 2
    }

    .TeamSchemaItem--away .line:nth-child(6) {
        z-index: 1
    }
}

.TeamSchemaItem--away .player--front {
    bottom: 16px
}

@media (min-width: 768px) {
    .TeamSchemaItem--away .player--front {
        bottom: 0;
        right: 16px
    }
}

.TeamSchemaItem--away .player--behind {
    top: 16px
}

@media (min-width: 768px) {
    .TeamSchemaItem--away .player--behind {
        left: 16px;
        top: 0
    }
}

.player {
    width: var(--player-cols)
}

@media (min-width: 768px) {
    .player {
        width: 100%
    }
}

.player--behind, .player--front {
    position: relative
}

.TeamSchemaCantPlay {
    margin-bottom: 8px
}

.TeamSchemaCantPlay--away {
    text-align: right
}

.TeamSchemaCantPlay--away .reason {
    flex-direction: row-reverse
}

.reason {
    align-items: center;
    color: #6f7383;
    display: flex;
    gap: 4px
}

.reason-icon {
    color: #e41e34
}

.reason-icon--card-overshoot {
    color: #f2b100
}

.title {
    margin-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 768px) {
    .title {
        padding-left: 0;
        padding-right: 0
    }
}

.schema {
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 615px;
    justify-content: space-around;
    margin: 0 auto;
    position: relative;
    width: 344px;
    z-index: 0
}

@media (min-width: 768px) {
    .schema {
        flex-direction: row;
        height: 298px;
        width: 742px
    }
}

.schema--soccer {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 344 615'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='615' height='344' x='344' fill='%234A9A62' rx='8' transform='rotate(90 344 0)'/%3E%3Cpath fill='%23E5F6E9' fill-opacity='.17' d='M0-5h344v69H0zm0 137h344v69H0zm0 138h344v69H0zm0 138h344v69H0zm0 138h344v69H0z'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M334 10v594H16a6 6 0 0 1-6-6V16a6 6 0 0 1 6-6z'/%3E%3Cpath fill='%23fff' d='M332 304v4H12v-4z'/%3E%3Ccircle cx='171.5' cy='306.5' r='31.402' stroke='%23fff' stroke-width='4.195' transform='rotate(90 171.5 306.5)'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M246 9v59a8 8 0 0 1-8 8H107a8 8 0 0 1-8-8V9z'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='M250 9v59c0 6.627-5.373 12-12 12v-8a4 4 0 0 0 4-4V9zM107 80c-6.627 0-12-5.373-12-12V9h8v59a4 4 0 0 0 4 4zM99 9h147zm151 59c0 6.627-5.373 12-12 12H107c-6.627 0-12-5.373-12-12h8a4 4 0 0 0 4 4h131a4 4 0 0 0 4-4z' mask='url(%23b)'/%3E%3Cmask id='c' fill='%23fff'%3E%3Cpath d='M206 12v17a8 8 0 0 1-8 8h-51a8 8 0 0 1-8-8V12z'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='M210 12v17c0 6.627-5.373 12-12 12v-8a4 4 0 0 0 4-4V12zm-63 29c-6.627 0-12-5.373-12-12V12h8v17a4 4 0 0 0 4 4zm-8-29h67zm71 17c0 6.627-5.373 12-12 12h-51c-6.627 0-12-5.373-12-12h8a4 4 0 0 0 4 4h51a4 4 0 0 0 4-4z' mask='url(%23c)'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M131 74c0 13.807 18.804 25 42 25s42-11.193 42-25'/%3E%3Cmask id='d' fill='%23fff'%3E%3Cpath d='M99 606v-59a8 8 0 0 1 8-8h131a8 8 0 0 1 8 8v59z'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='M95 606v-59c0-6.627 5.373-12 12-12v8a4 4 0 0 0-4 4v59zm143-71c6.627 0 12 5.373 12 12v59h-8v-59a4 4 0 0 0-4-4zm8 71H99zM95 547c0-6.627 5.373-12 12-12h131c6.627 0 12 5.373 12 12h-8a4 4 0 0 0-4-4H107a4 4 0 0 0-4 4z' mask='url(%23d)'/%3E%3Cmask id='e' fill='%23fff'%3E%3Cpath d='M139 606v-17a8 8 0 0 1 8-8h51a8 8 0 0 1 8 8v17z'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='M135 606v-17c0-6.627 5.373-12 12-12v8a4 4 0 0 0-4 4v17zm63-29c6.627 0 12 5.373 12 12v17h-8v-17a4 4 0 0 0-4-4zm8 29h-67zm-71-17c0-6.627 5.373-12 12-12h51c6.627 0 12 5.373 12 12h-8a4 4 0 0 0-4-4h-51a4 4 0 0 0-4 4z' mask='url(%23e)'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M214 543c0-13.807-18.804-25-42-25s-42 11.193-42 25'/%3E%3Cpath stroke='%23fff' stroke-width='4.195' d='M319 606c0-9.389 7.611-17 17-17m0-564c-9.389 0-17-7.611-17-17M26 8c0 9.389-7.611 17-17 17m0 564c9.389 0 17 7.611 17 17'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='615' height='344' x='344' fill='%23fff' rx='8' transform='rotate(90 344 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

@media (min-width: 768px) {
    .schema--soccer {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 744 298'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='744' height='298' fill='%234A9A62' rx='8'/%3E%3Cpath fill='%23E5F6E9' fill-opacity='.17' d='M0 298V0h83v298zm165 0V0h83v298zm166 0V0h82v298zm165 0V0h83v298zm165 0V0h83v298z'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M10 16a6 6 0 0 1 6-6h712a6 6 0 0 1 6 6v270H10z'/%3E%3Cpath fill='%23fff' d='M370 12h4v272h-4z'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M12 85h60a4 4 0 0 1 4 4v120a4 4 0 0 1-4 4H12z'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='M12 81h60a8 8 0 0 1 8 8H12zm68 128a8 8 0 0 1-8 8H12v-8zm-68 4V85zM72 81a8 8 0 0 1 8 8v120a8 8 0 0 1-8 8z' mask='url(%23b)'/%3E%3Cmask id='c' fill='%23fff'%3E%3Cpath d='M12 125h20a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4H12z'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='M12 121h20a8 8 0 0 1 8 8H12zm28 48a8 8 0 0 1-8 8H12v-8zm-28 4v-48zm20-52a8 8 0 0 1 8 8v40a8 8 0 0 1-8 8z' mask='url(%23c)'/%3E%3Cmask id='d' fill='%23fff'%3E%3Cpath d='M668 89a4 4 0 0 1 4-4h60v128h-60a4 4 0 0 1-4-4z'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='M664 89a8 8 0 0 1 8-8h60v8zm68 128h-60a8 8 0 0 1-8-8h68zm-60 0a8 8 0 0 1-8-8V89a8 8 0 0 1 8-8zm60-132v128z' mask='url(%23d)'/%3E%3Cmask id='e' fill='%23fff'%3E%3Cpath d='M708 129a4 4 0 0 1 4-4h20v48h-20a4 4 0 0 1-4-4z'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='M704 129a8 8 0 0 1 8-8h20v8zm28 48h-20a8 8 0 0 1-8-8h28zm-20 0a8 8 0 0 1-8-8v-40a8 8 0 0 1 8-8zm20-52v48z' mask='url(%23e)'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M76 189c13.255 0 24-17.909 24-40s-10.745-40-24-40m592 79c-13.255 0-24-17.909-24-40s10.745-40 24-40'/%3E%3Ccircle cx='372' cy='149' r='30' stroke='%23fff' stroke-width='4'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M24 8c0 8.837-7.163 16-16 16'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M24 8c0 8.837-7.163 16-16 16m0 248c8.837 0 16 7.163 16 16m696 0c0-8.837 7.163-16 16-16m0-248c-8.837 0-16-7.163-16-16'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='744' height='298' fill='%23fff' rx='8'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    }
}

.schema--basketball {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 344 614'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='614' height='344' x='344' fill='%23ED731C' rx='8' transform='rotate(90 344 0)'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M334 10v594H16a6 6 0 0 1-6-6V16a6 6 0 0 1 6-6z'/%3E%3Cpath fill='%23fff' d='M8 305h328v4H8z'/%3E%3Ccircle cx='172' cy='307' r='42' fill='%23ED731C' stroke='%23fff' stroke-width='4' transform='rotate(90 172 307)'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M140 116c0 17.673 14.327 32 32 32s32-14.327 32-32m0 382c0-17.673-14.327-32-32-32s-32 14.327-32 32'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M286 8v75c0 62.96-51.04 114-114 114S58 145.96 58 83V8m0 598v-75c0-62.96 51.04-114 114-114s114 51.04 114 114v75'/%3E%3Cpath fill='%23ED731C' stroke='%23fff' stroke-width='4' d='M220 10v108h-96V10zm-92 594V496h88v108z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M188 25a2 2 0 0 0-2-2h-28a2 2 0 1 0 0 4h12v4.252a8 8 0 1 0 4 0V27h12a2 2 0 0 0 2-2m-20 14a4 4 0 1 0 8 0 4 4 0 0 0-8 0m-12 549a2 2 0 0 0 2 2h28a2 2 0 1 0 0-4h-12v-4.252a8 8 0 1 0-4 0V586h-12a2 2 0 0 0-2 2m20-14a4 4 0 1 0-8 0 4 4 0 0 0 8 0' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='614' height='344' x='344' fill='%23fff' rx='8' transform='rotate(90 344 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

@media (min-width: 768px) {
    .schema--basketball {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 744 298'%3E%3Crect width='744' height='298' fill='%23ED731C' rx='8'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M10 16a6 6 0 0 1 6-6h712a6 6 0 0 1 6 6v272H10z'/%3E%3Cpath fill='%23fff' d='M370 12h4v272h-4z'/%3E%3Ccircle cx='372' cy='149' r='42' fill='%23ED731C' stroke='%23fff' stroke-width='4'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M154 181c17.673 0 32-14.327 32-32s-14.327-32-32-32m436-1c-17.673 0-32 14.551-32 32.5s14.327 32.5 32 32.5'/%3E%3Cpath stroke='%23fff' stroke-width='4' d='M8 52h127c53.572 0 97 43.428 97 97s-43.428 97-97 97H8m728 0H609c-53.572 0-97-43.428-97-97s43.428-97 97-97h127'/%3E%3Cpath fill='%23ED731C' stroke='%23fff' stroke-width='4' d='M10 101h146v96H10zm724 96H588v-96h146z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M718 165a2 2 0 0 0 2-2v-28a2 2 0 1 0-4 0v12h-4.252a8 8 0 1 0 0 4H716v12a2 2 0 0 0 2 2m-14-20a4 4 0 1 0 0 8 4 4 0 0 0 0-8M26 133a2 2 0 0 0-2 2v28a2 2 0 1 0 4 0v-12h4.252a8 8 0 1 0 0-4H28v-12a2 2 0 0 0-2-2m14 20a4 4 0 1 0 0-8 4 4 0 0 0 0 8' clip-rule='evenodd'/%3E%3C/svg%3E")
    }
}

.schema--ice-hockey {
    background-image: url(./field-ice-hockey.CpNzUdMS.svg)
}

@media (min-width: 768px) {
    .schema--ice-hockey {
        background-image: url(./field-ice-hockey-desktop.Xx-xjYZZ.svg)
    }
}

.groups {
    display: flex;
    gap: 4px;
    margin-bottom: 16px
}

.group-button {
    border: 1px solid #f2f3f7
}

.group-button:focus-visible {
    border-color: #d7e7fc
}

@media (hover: hover) and (pointer: fine) {
    .group-button:not(:disabled):hover {
        border-color: #d7e7fc
    }
}

.group-button.active, .group-button:active {
    background-color: #ecf4ff;
    border-color: #d7e7fc;
    color: #0161da;
    cursor: default
}

.loading {
    opacity: .5
}

.logo-wrapper {
    background: #fff;
    display: flex;
    left: 8px;
    padding: 8px;
    position: absolute;
    top: 8px;
    z-index: 7
}

.logo-wrapper--away {
    bottom: 8px;
    top: auto
}

@media (min-width: 768px) {
    .logo-wrapper--away {
        bottom: auto;
        left: auto;
        right: 8px;
        top: 8px
    }
}

.logo-wrapper--soccer {
    align-items: center;
    border: 2px solid #4a9a62;
    border-radius: 6px 0 16px;
    font-weight: 700;
    gap: 6px;
    left: 0;
    padding: 4px 6px 4px 4px;
    top: 0
}

.logo-wrapper--soccer.logo-wrapper--away {
    border-radius: 0 16px 0 6px;
    bottom: 0;
    top: auto
}

@media (min-width: 768px) {
    .logo-wrapper--soccer.logo-wrapper--away {
        border-radius: 0 6px 0 16px;
        bottom: auto;
        flex-direction: row-reverse;
        left: auto;
        padding: 4px 4px 4px 6px;
        right: 0;
        top: 0
    }
}

.logo-wrapper--basketball {
    border-radius: 8px 0 16px
}

.logo-wrapper--basketball.logo-wrapper--away {
    border-radius: 0 16px 0 8px
}

@media (min-width: 768px) {
    .logo-wrapper--basketball.logo-wrapper--away {
        border-radius: 0 8px 0 16px
    }
}

.logo-wrapper--ice-hockey {
    border-radius: 9999px
}

.logo {
    height: 24px;
    width: 24px
}

.wrapper {
    display: grid;
    gap: 8px;
    grid-template-columns:repeat(2, 1fr);
    padding: 0 8px
}

.subtitle {
    font-size: 14px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.286;
    margin-top: 16px;
    padding: 0 8px;
    text-align: center
}

.subtitle--with-line {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: space-between;
    white-space: nowrap
}

.subtitle--with-line:after, .subtitle--with-line:before {
    background: #f2f3f7;
    content: "";
    display: block;
    height: 1px;
    position: static;
    width: 100%
}

.reserve {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 8px
}

.reserve--away {
    justify-content: flex-end
}

@media (max-width: 584px) {
    .reserve {
        align-items: flex-start;
        flex-direction: column
    }

    .reserve--away {
        align-content: flex-end;
        align-items: flex-end;
        justify-content: flex-start
    }

    .reserve--away .reserve-player {
        flex-direction: row-reverse
    }
}

.MatchAbout {
    margin-bottom: -1px
}

.editors-prediction {
    padding: 0 8px;
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .editors-prediction {
        padding: 0
    }
}

@media (max-width: 584px) {
    .filters {
        width: 100%
    }
}

.ai-label {
    color: #a7acbb;
    font-size: 9px;
    font-weight: 500
}

.team-logo {
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    width: 20px
}

.body {
    position: relative
}

.body--collapse {
    height: 145px;
    min-height: 145px;
    overflow: hidden
}

.body--collapse:before {
    background: linear-gradient(-180deg, #fff0, #fff);
    bottom: 0;
    content: "";
    display: block;
    height: 60px;
    left: 0;
    position: absolute;
    transition-duration: .2s;
    transition-property: height;
    transition-timing-function: ease-in-out;
    width: 100%
}

.body--mounted {
    height: auto
}

.body--open:before {
    height: 0
}

.bet {
    align-items: center;
    border: 1px solid #e6e8ef;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 16px;
    padding: 32px 16px 16px
}

@media (min-width: 768px) {
    .bet {
        flex-direction: row;
        justify-content: space-between;
        padding: 16px
    }
}

.bet__text {
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .bet__text {
        margin-bottom: 0
    }
}

.bet__icon, .bet__text--color {
    color: #0161da
}

.bet__icon {
    margin-right: 8px
}

.bet__button {
    align-items: center;
    display: flex;
    width: 100%
}

@media (min-width: 768px) {
    .bet__button {
        width: auto
    }
}

.bet__button--with-prediction {
    background-color: #ecf4ff;
    color: #0161da;
    cursor: default
}

.bet__button--with-prediction:focus-visible {
    background-color: #ecf4ff;
    color: #0161da
}

@media (hover: hover) and (pointer: fine) {
    .bet__button--with-prediction:not(:disabled):hover {
        background-color: #ecf4ff;
        color: #0161da
    }
}

.disclaimer {
    background: #f7f8fa;
    color: #6f7383;
    font-size: 11px;
    font-weight: 500;
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 0;
    padding-bottom: 16px;
    padding-top: 16px;
    position: relative;
    text-align: center;
    transition-duration: .2s;
    transition-property: background-color;
    transition-timing-function: ease-in-out
}

.disclaimer:before {
    background: linear-gradient(180deg, transparent, #f7f8fa);
    bottom: 100%;
    content: "";
    display: block;
    height: 300%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    transition-duration: .2s;
    transition-property: opacity;
    transition-timing-function: ease-in-out
}

.disclaimer--plain {
    background-color: #fff
}

.disclaimer--plain:before {
    opacity: 0
}

.promo-coef {
    display: flex;
    justify-content: flex-start;
    line-height: 1;
    margin: 8px 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.promo-coef .promo-coef-link {
    align-items: center;
    border-radius: 24px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33;
    padding: 2px;
    transition: opacity .2s
}

.promo-coef .promo-coef-link:focus-visible {
    opacity: .8
}

@media (hover: hover) and (pointer: fine) {
    .promo-coef .promo-coef-link:not(:disabled):hover {
        opacity: .8
    }
}

.promo-coef .promo-coef-image-wrapper {
    border-radius: 24px;
    height: 24px;
    margin-right: 8px;
    overflow: hidden;
    width: 51px
}

.promo-coef .promo-coef-image {
    height: 100%;
    margin: 0;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.promo-coef .promo-coef-label {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    font-size: 13px;
    height: 16px;
    line-height: 1;
    margin: 0 4px;
    padding: 1px 4px;
    text-transform: uppercase
}

.bonus-block {
    margin: 16px 0
}

.bonus-block .bonus-block-link {
    background: #f7f8fa;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    padding: 16px
}

@media (min-width: 768px) {
    .bonus-block .bonus-block-link {
        padding: 32px 260px 32px 64px;
        position: relative
    }
}

.bonus-block .bonus-block-link:focus-visible .bonus-block-button {
    background: #0161da;
    color: #fff
}

@media (hover: hover) and (pointer: fine) {
    .bonus-block .bonus-block-link:not(:disabled):hover .bonus-block-button {
        background: #0161da;
        color: #fff
    }
}

.bonus-block .bonus-block-header {
    align-items: center;
    color: #6f7383;
    display: flex;
    gap: 8px;
    margin-bottom: 12px
}

.bonus-block .bonus-block-title {
    color: #171921;
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .bonus-block .bonus-block-title {
        margin-bottom: 4px
    }
}

.bonus-block .bonus-block-image {
    aspect-ratio: 312/175;
    border-radius: 8px;
    display: block;
    height: 100%;
    margin-bottom: 12px;
    max-width: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

@media (min-width: 768px) {
    .bonus-block .bonus-block-image {
        aspect-ratio: auto;
        height: 100px;
        margin-bottom: 0;
        position: absolute;
        right: 64px;
        top: 32px;
        width: 180px
    }
}

.bonus-block .bonus-block-content {
    color: #171921;
    font-weight: 400;
    letter-spacing: .1px;
    margin-bottom: 12px
}

.bonus-block .bonus-block-button {
    background: #171921;
    border-radius: 16px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 8px 12px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media (min-width: 585px) {
    .bonus-block .bonus-block-button {
        width: auto
    }
}

.bonus-block .favicons {
    align-items: center;
    display: flex
}

.bonus-block .favicon-wrapper {
    align-items: center;
    background-color: #fff;
    border: 1px solid #f2f3f7;
    border-radius: 9999px;
    box-shadow: 0 1px 4px #090a0b0d;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.bonus-block .favicon-wrapper + .favicon-wrapper {
    margin-left: -8px
}

.bonus-block .favicon {
    height: 16px;
    width: 16px
}

.bonus-block .logo-wrapper {
    align-items: center;
    background: #fff;
    border: 1px solid #f2f3f7;
    border-radius: 16px;
    box-shadow: 0 1px 4px #090a0b0d;
    color: #171921;
    display: flex;
    font-weight: 700;
    gap: 8px;
    padding: 3px 8px 3px 4px;
    text-transform: uppercase
}

.inter-scroll {
    background-color: #fff;
    display: block;
    height: calc(100dvh - 64px);
    margin: 8px -16px;
    overflow: hidden;
    position: relative
}

.content--with-catfish .inter-scroll {
    height: calc(100dvh - 148px)
}

@media screen and (width >= 450px) {
    .inter-scroll {
        display: none
    }
}

.inter-scroll__image-container {
    height: 100%;
    left: 0;
    max-width: 100vw;
    position: absolute;
    top: 0;
    width: 100vw;
    clip: rect(0 auto auto 0)
}

@supports (clip-path:inset(0 0 0 0)) or (-webkit-clip-path:inset(0 0 0 0)) {
    .inter-scroll__image-container {
        clip: auto;
        clip-path: inset(0 0 0 0)
    }
}

.inter-scroll__link {
    display: block;
    height: calc(100vh - 48px);
    height: calc(100dvh - 48px);
    left: 50%;
    position: fixed;
    top: 48px;
    transform: translate(-50%);
    width: 100%;
    z-index: 2
}

.content--with-catfish .inter-scroll__link {
    height: calc(100lvh - 132px)
}

.inter-scroll__image {
    height: calc(100vh - 48px);
    height: calc(100lvh - 48px);
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    z-index: 1
}

.content--with-catfish .inter-scroll__image {
    height: calc(100lvh - 132px)
}

.inter-scroll__disclaimer {
    background: #00000080;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #fff6;
    font-family: RobotoCondensed, arial, helvetica, sans-serif;
    font-size: 10px;
    left: 50%;
    line-height: 1;
    padding: 3px;
    position: absolute;
    transform: translate(-50%)
}

.widget-match-block {
    background-color: #f7f8fa;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 344px 176px;
    border-radius: 12px;
    margin: 16px 0
}

.widget-match-block--american-football {
    background-image: url(../img/components/WidgetMatch/american-football-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--american-football {
        background-image: url(../img/components/WidgetMatch/american-football-mobile@2x.webp)
    }
}

.widget-match-block--american-football .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3E%3Cpath fill-rule='evenodd' d='M9.633 1.344c-1.624.35-3.305 1.029-4.566 2.299A10.96 10.96 0 0 0 2.16 8.87l5.536 5.56c1.674-.386 3.491-1.246 5.105-2.99a10 10 0 0 0 2.407-4.497zM5.66 9.688l.532-.517-.532-.539a.85.85 0 0 1 0-1.184.837.837 0 0 1 1.177 0l.534.534 1.183-1.2-.516-.523a.85.85 0 0 1 0-1.185.837.837 0 0 1 1.177 0l.518.518.51-.518a.853.853 0 0 1 1.19 0c.154.164.24.38.241.606a.84.84 0 0 1-.24.592l-.51.513.578.578a.865.865 0 0 1 0 1.198.88.88 0 0 1-.601.243.83.83 0 0 1-.589-.243l-.576-.583-1.18 1.19.568.569a.865.865 0 0 1 0 1.198.88.88 0 0 1-.602.242.83.83 0 0 1-.588-.242l-.566-.573-.531.51a.837.837 0 0 1-1.177 0 .85.85 0 0 1 0-1.184' clip-rule='evenodd'/%3E%3Cpath d='M15.367 2.348c-.12-.762-.748-1.299-1.514-1.331a18 18 0 0 0-2.184.036L15.502 4.9a12.4 12.4 0 0 0-.134-2.552M1.886 13.163a1.505 1.505 0 0 0 1.231 1.341c.632.117 1.507.223 2.516.19l-3.783-3.8c-.064.903-.025 1.687.036 2.269'/%3E%3C/svg%3E")
}

.widget-match-block--baseball {
    background-image: url(../img/components/WidgetMatch/baseball-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--baseball {
        background-image: url(../img/components/WidgetMatch/baseball-mobile@2x.webp)
    }
}

.widget-match-block--baseball .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.55 1.31q.693-.15 1.431-.15a6.86 6.86 0 0 1 6.145 3.797L14.108 5c-.09.247-.187.386-.286.482a1 1 0 0 1-.154.12.801.801 0 0 0-1.603.062l.057.384c-.285.05-.61.103-.986.163-.066.01-.115.02-.165.03-.103.021-.211.042-.483.076l-.228.029-.087-.229a.802.802 0 0 0-1.557.384l.075.199a3.7 3.7 0 0 0-1.326.862 6 6 0 0 0-.66.764l-.046-.033a.804.804 0 0 0-1.133.054.8.8 0 0 0 .054 1.13l.354.251a7.507 7.507 0 0 0-.546 2.244H5.38a.8.8 0 1 0-.342 1.563l.358.034q.04.418.116.814A6.85 6.85 0 0 1 1.16 8.721 7.6 7.6 0 0 0 2.76 8.18q.313-.148.61-.327l.162.178a.804.804 0 0 0 1.132-.08.8.8 0 0 0-.032-1.084 6.2 6.2 0 0 0 1.427-2.18l.22.055a.8.8 0 1 0 .199-1.588l-.05-.013q.026-.255.032-.52.016-.729.09-1.312'/%3E%3Cpath d='M2.262 6.64A.8.8 0 0 1 2.2 5.528a.804.804 0 0 1 1.132-.08l.215.237c.39-.4.71-.868.936-1.388l-.012-.003a.8.8 0 1 1 .199-1.588l.177.044q.005-.081.007-.162.007-.36.029-.692a6.85 6.85 0 0 0-3.698 5.169 5.8 5.8 0 0 0 1.076-.425M6.985 12.125l.248.023a.8.8 0 0 1-.203 1.581c.053.383.133.746.233 1.074q.355.037.718.037c3.788 0 6.86-3.062 6.86-6.84q0-.611-.105-1.194c-.25.194-.527.335-.824.446l.03.203a.802.802 0 0 1-1.589.177q-.465.081-.999.165c-.065.01-.11.02-.157.03-.082.015-.166.032-.358.057a.802.802 0 0 1-1.565.353L9.26 8.2a2.3 2.3 0 0 0-.776.509q-.26.25-.472.545l.163.116a.8.8 0 0 1 .054 1.13.8.8 0 0 1-.941.183q-.034.097-.065.196a6 6 0 0 0-.238 1.246'/%3E%3C/svg%3E")
}

.widget-match-block--basketball {
    background-image: url(../img/components/WidgetMatch/basketball-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--basketball {
        background-image: url(../img/components/WidgetMatch/basketball-mobile@2x.webp)
    }
}

.widget-match-block--basketball .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.326 7.156c-.315.34-.734.565-1.191.64a6.9 6.9 0 0 1 2.084-4.732q-.067.524-.1 1.031l-.017.236a4.64 4.64 0 0 1-.776 2.825m5.537 5.545a3.04 3.04 0 0 1 .108-2.835c.959-1.612 2.662-2.036 4.79-2.421a29 29 0 0 0 1.094-.219c.347-.077.672-.162.968-.245-.009-.056-.011-.112-.02-.168a6.85 6.85 0 0 0-2.194-3.938 4.4 4.4 0 0 0-.81.435l-.097.06c-1.009.531-3.02 1.994-5.158 5.822q-.09.163-.173.322l-.356.732q-.675 1.507-1.11 3.102a13 13 0 0 0-.166.701 6.85 6.85 0 0 0 4.467.734c.149-.026.292-.064.436-.1a4.4 4.4 0 0 1-.608-.42 4.3 4.3 0 0 1-1.17-1.562zM4.506 9.538l.378-.775c.075-.144.138-.265.206-.385 2.315-4.145 4.6-5.82 5.786-6.457.052-.036.11-.07.165-.104a6.84 6.84 0 0 0-3.014-.704 6.8 6.8 0 0 0-2.758.58 7 7 0 0 0-.325 1.112A10 10 0 0 0 4.78 4.21l-.017.24a6.2 6.2 0 0 1-1.215 3.84 3.76 3.76 0 0 1-2.252 1.17 6.85 6.85 0 0 0 1.981 3.529q.008-.035.017-.07a23 23 0 0 1 1.212-3.38zm10.36-.842q-.311.082-.65.157-.567.125-1.158.232c-2.08.376-3.101.702-3.655 1.633-.218.41-.223.901-.013 1.315.163.361.402.683.701.942.494.372 1.053.65 1.648.82a6.9 6.9 0 0 0 3.126-5.1z'/%3E%3C/svg%3E")
}

.widget-match-block--csgo {
    background-image: url(../img/components/WidgetMatch/csgo-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--csgo {
        background-image: url(../img/components/WidgetMatch/csgo-mobile@2x.webp)
    }
}

.widget-match-block--csgo .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.056 13.64a6.883 6.883 0 1 1 9.555-9.624H9.336a1.223 1.223 0 1 0-2.217.047c-.595-.116-1.405.233-1.554 1.381 0 0-.05.397-.096 1.018a.72.72 0 0 0-.528.622l-.034.35a.72.72 0 0 0 .34.676.71.71 0 0 0-.41.569l-.034.35a.71.71 0 0 0 .284.63c-.017.156-.033.328-.047.526q-.046 1.202.05 2.402c-.391.303-.74.657-1.034 1.054zm7.053-6.256a.963.963 0 0 1-1.24.497l-.719-.29v.007c.081.128.12.28.108.432l-.033.351a.71.71 0 0 1-.447.589 2 2 0 0 0-.019.269c.01.26.099.51.254.72l1.27 1.674c.192.252.278.568.241.882l-.23 1.972a6.88 6.88 0 0 0 4.063-9.137h-2.329l-.92 2.035zm-2.24 5.297a9.3 9.3 0 0 1-1.654-1.558s-.186 1.285-.283 1.7a2.52 2.52 0 0 1-.992 1.417c-.09.088-.162.166-.237.246a6.8 6.8 0 0 0 3.057.357l-.104-.402a2.46 2.46 0 0 1 .212-1.76zm1.154-6.175.548-1.156H9.103z'/%3E%3C/svg%3E")
}

.widget-match-block--dota2 {
    background-image: url(../img/components/WidgetMatch/dota2-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--dota2 {
        background-image: url(../img/components/WidgetMatch/dota2-mobile@2x.webp)
    }
}

.widget-match-block--dota2 .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M12.492 1A2.51 2.51 0 0 1 15 3.508v8.984A2.51 2.51 0 0 1 12.492 15H3.508A2.51 2.51 0 0 1 1 12.492V3.508A2.51 2.51 0 0 1 3.508 1zM9.888 3.14c.859-.38 2.048-.706 2.262-.571.45.284.932.664 1.061.823.057.069.111 2.681-.424 2.344-.271-.171-3.185-2.47-2.899-2.596m-6.06 9.973c.218.173 1.543 0 2.516-.28.325-.092-2.58-2.93-2.855-3.148-.544-.433-.774 2.328-.72 2.41.122.185.602.655 1.06 1.018m9.017-4.047c.593.55-.645 3.134-.645 3.134s-1.736.176-2.1 0c-.213-.103-1.074-1.145-2.194-2.5-1.422-1.72-3.26-3.944-4.723-5.398-.198-.183-.5-.57-.128-.643l.93-.186z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.widget-match-block--futsal {
    background-image: url(../img/components/WidgetMatch/futsal-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--futsal {
        background-image: url(../img/components/WidgetMatch/futsal-mobile@2x.webp)
    }
}

.widget-match-block--futsal .sport-icon:before {
    background-image: url(./futsal.Ck1PVj46.svg)
}

.widget-match-block--handball {
    background-image: url(../img/components/WidgetMatch/handball-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--handball {
        background-image: url(../img/components/WidgetMatch/handball-mobile@2x.webp)
    }
}

.widget-match-block--handball .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.266 10.977a4.03 4.03 0 0 0-.712 2.079A6.892 6.892 0 1 1 13.83 5.04a2.44 2.44 0 0 0-1.49 1.86l-.008.055-1.994-2.93a.55.55 0 0 0-.492-.237l-1.999.149a.55.55 0 0 0-.451.307L6.51 6.081l-2.032.15a.55.55 0 0 0-.451.308l-.871 1.805a.55.55 0 0 0 .04.545l1.253 1.84c-.028.039-.059.073-.086.113q-.05.067-.097.135m2.012.173q-.318.293-.553.654l-.095.13a2.325 2.325 0 0 0 2.444 3.595 6.7 6.7 0 0 0 1.383-.52q.649-.316 1.25-.715c.396-.262 1.17-.887 1.187-.901.676-.57 1.357-1.163 1.925-1.739q.406-.405.757-.857c.215-.27.389-.57.516-.891a9 9 0 0 0 .356-1.61c.073-.505.108-.903.11-.912a.793.793 0 1 0-1.582-.14l-.006.06c-.013.127-.047.448-.1.81a4.02 4.02 0 0 1-2.058 2.317 3.3 3.3 0 0 1-2.722.452l1.922-1.715a.833.833 0 1 0-1.11-1.244s-3.339 2.968-3.624 3.226'/%3E%3C/svg%3E")
}

.widget-match-block--mma {
    background-image: url(../img/components/WidgetMatch/mma-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--mma {
        background-image: url(../img/components/WidgetMatch/mma-mobile@2x.webp)
    }
}

.widget-match-block--mma .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m2.125 8.647 5.288 5.288-.792.537a1.7 1.7 0 0 1-1.273.258 2.56 2.56 0 0 1-1.151-.653 16.3 16.3 0 0 1-2.533-2.65A1.69 1.69 0 0 1 1.6 9.451ZM14.87 7.494 13.443 9.28a1 1 0 0 1-.186.214 9.8 9.8 0 0 1-1.454 1.346c-.173.12-.36.267-.546.4a2 2 0 0 1-.227.174L8.843 13 3.057 7.227 2.95 4.08a1.79 1.79 0 0 1 .733-1.586.925.925 0 0 1 1.107.213 3 3 0 0 1 .653 1.173.3.3 0 0 1 0 .107A10.5 10.5 0 0 1 6.563 2.8c.134-.12.214-.186.214-.186l1.8-1.414a1.17 1.17 0 0 1 1.586.04.927.927 0 0 1 0 1.267c.494-.427 1.267-.853 1.894-.227.64.64.16 1.52-.294 2.04.507-.453 1.347-.933 1.987-.28.64.64.16 1.467-.293 1.96l.106-.093a.91.91 0 0 1 1.254 0 1.184 1.184 0 0 1 .053 1.587m-5.253 1.2-2.28-2.267a.837.837 0 0 0-1.174 0 .837.837 0 0 0 0 1.173L8.43 9.88a.83.83 0 0 0 .587.24.88.88 0 0 0 .6-.24.853.853 0 0 0 0-1.186'/%3E%3C/svg%3E")
}

.widget-match-block--soccer {
    background-image: url(../img/components/WidgetMatch/soccer-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--soccer {
        background-image: url(../img/components/WidgetMatch/soccer-mobile@2x.webp)
    }
}

.widget-match-block--soccer .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.68 7.407 1.216 9.19a6.79 6.79 0 0 1 1.913-6.014l.985 2.861a1.205 1.205 0 0 1-.432 1.369zm1.242 3.692-3.054.056a6.86 6.86 0 0 0 5.166 3.692l-.944-2.915a1.205 1.205 0 0 0-1.168-.833m7.397-3.692 2.462 1.781a6.88 6.88 0 0 0-1.909-6.01l-.985 2.86a1.205 1.205 0 0 0 .432 1.369M9.91 11.931l-.943 2.912a6.77 6.77 0 0 0 5.161-3.69l-3.05-.055a1.205 1.205 0 0 0-1.168.833M8.718 3.71l2.422-1.796a6.88 6.88 0 0 0-6.283-.002L7.283 3.71a1.205 1.205 0 0 0 1.435 0m1.837 2.758L8.717 5.104a1.205 1.205 0 0 0-1.435 0L5.444 6.466c-.41.305-.584.835-.433 1.324l.631 2.045c.156.505.623.85 1.152.85h2.413c.528 0 .995-.345 1.15-.85l.632-2.045a1.205 1.205 0 0 0-.434-1.323z'/%3E%3C/svg%3E")
}

.widget-match-block--ice-hockey {
    background-image: url(../img/components/WidgetMatch/ice-hockey-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--ice-hockey {
        background-image: url(../img/components/WidgetMatch/ice-hockey-mobile@2x.webp)
    }
}

.widget-match-block--ice-hockey .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.063 11.287c2.456.087 4.86-.725 6.76-2.283.001.644.001 1.212-.002 1.53-.02 2.262-3.09 4.069-6.857 4.036-3.768-.032-6.807-1.892-6.787-4.154.002-.303.002-.844.002-1.463 1.9 1.57 4.306 2.4 6.77 2.333h.114zm-.128-9.858c-3.722 0-6.74 1.795-6.758 4.037-.02 2.261 3.019 4.121 6.787 4.154h.1c3.722 0 6.738-1.795 6.757-4.037.02-2.261-3.019-4.12-6.787-4.153h-.1'/%3E%3C/svg%3E")
}

.widget-match-block--table-tennis {
    background-image: url(../img/components/WidgetMatch/table-tennis-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--table-tennis {
        background-image: url(../img/components/WidgetMatch/table-tennis-mobile@2x.webp)
    }
}

.widget-match-block--table-tennis .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m2.244 11.083 2.673 2.672L3.672 15A1.89 1.89 0 1 1 1 12.328zM15.5 7.25a6.698 6.698 0 0 1-8.138 6.594L2.156 8.638A6.745 6.745 0 1 1 15.5 7.25M13 9a2 2 0 1 0-4.001 0 2 2 0 0 0 4 0'/%3E%3C/svg%3E")
}

.widget-match-block--tennis {
    background-image: url(../img/components/WidgetMatch/tennis-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--tennis {
        background-image: url(../img/components/WidgetMatch/tennis-mobile@2x.webp)
    }
}

.widget-match-block--tennis .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.91 12.648A6.86 6.86 0 0 1 1.167 8.87a7.245 7.245 0 0 1 6 5.969 6.86 6.86 0 0 1-4.257-2.19zm11.927-5.486A6.87 6.87 0 0 0 8.87 1.166a7.22 7.22 0 0 0 1.802 3.74 7.28 7.28 0 0 0 4.165 2.256m-7.653-6a6.866 6.866 0 0 0-6.023 6.025 8.9 8.9 0 0 1 4.868 2.255 8.9 8.9 0 0 1 2.827 5.393 6.87 6.87 0 0 0 5.98-5.987A8.9 8.9 0 0 1 9.441 6.03a8.9 8.9 0 0 1-2.257-4.868'/%3E%3C/svg%3E")
}

.widget-match-block--volleyball {
    background-image: url(../img/components/WidgetMatch/volleyball-mobile.webp)
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (resolution >= 192dpi), only screen and (resolution >= 2dppx) {
    .widget-match-block--volleyball {
        background-image: url(../img/components/WidgetMatch/volleyball-mobile@2x.webp)
    }
}

.widget-match-block--volleyball .sport-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M8 7.007a8.42 8.42 0 0 1 5.47-2.349 6.84 6.84 0 0 1-1.456 7.054c.196-1 .242-2.024.138-3.038a.833.833 0 1 0-1.658.175 8.6 8.6 0 0 1-.718 4.451 6.8 6.8 0 0 1-2.18.557A10.1 10.1 0 0 0 8 7.007m-1.495-.878a10.1 10.1 0 0 1 6.129-3.083 6.9 6.9 0 0 0-1.576-1.602A8.6 8.6 0 0 0 6.89 3.04a.833.833 0 1 1-.98-1.348A10.3 10.3 0 0 1 8.582.302a6.84 6.84 0 0 0-6.847 2.262 8.43 8.43 0 0 0 4.77 3.565m-.013 1.73A10.1 10.1 0 0 1 .765 4.09 6.8 6.8 0 0 0 .16 6.212a8.6 8.6 0 0 0 3.501 2.855.833.833 0 1 1-.677 1.523A10.3 10.3 0 0 1 .388 8.92a6.89 6.89 0 0 0 5.403 4.856 8.43 8.43 0 0 0 .7-5.916z'/%3E%3C/svg%3E")
}

.widget-match-block .link {
    color: #171921;
    display: block;
    padding: 16px;
    position: 16px
}

@media (min-width: 768px) {
    .widget-match-block .link {
        align-items: center;
        display: grid;
        gap: 16px;
        grid-template-columns:92px auto 145px;
        padding: 24px 64px
    }
}

.widget-match-block .link:focus-visible .title {
    color: #0161da
}

.widget-match-block .link:focus-visible .button {
    background-color: #0161da
}

@media (hover: hover) and (pointer: fine) {
    .widget-match-block .link:not(:disabled):hover .title {
        color: #0161da
    }

    .widget-match-block .link:not(:disabled):hover .button {
        background-color: #0161da
    }
}

.widget-match-block .logos {
    display: flex;
    gap: 12px;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .widget-match-block .logos {
        margin-bottom: 0
    }
}

.widget-match-block .logo {
    height: 40px !important;
    width: 40px !important
}

.widget-match-block .info {
    color: #6f7383;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.33
}

.widget-match-block .info--marked {
    color: #171921;
    font-weight: 700
}

.widget-match-block .title {
    color: #171921;
    margin-bottom: 16px;
    margin-top: 2px;
    transition-duration: .2s;
    transition-property: color;
    transition-timing-function: ease-in-out
}

@media (min-width: 768px) {
    .widget-match-block .title {
        margin-bottom: 0
    }
}

.widget-match-block .button {
    align-items: center;
    background-color: #171921;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    transition-duration: .2s;
    transition-property: background-color;
    transition-timing-function: ease-in-out
}

.widget-match-block .button-text {
    padding-right: 26px;
    position: relative
}

.widget-match-block .button-text:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 20'%3E%3Cpath fill-rule='evenodd' d='M10.5 18a8 8 0 1 0-7.917-9.162q.063-.006.127-.006h8.477L9.312 7.007a1.1 1.1 0 0 1-.352-.839q0-.51.352-.84.351-.327.84-.328.487 0 .84.329l3.906 3.868q.351.33.351.803 0 .51-.351.84l-3.907 3.832a1.2 1.2 0 0 1-.84.328q-.488 0-.84-.328a1.1 1.1 0 0 1-.35-.84q0-.51.35-.84l1.876-1.824H2.71q-.064 0-.127-.006A8 8 0 0 0 10.499 18' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: cover;
    content: "";
    display: block;
    filter: invert(100%);
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.widget-match-block .sport-icon {
    padding-left: 18px;
    position: relative
}

.widget-match-block .sport-icon:before {
    background-size: cover;
    content: "";
    display: block;
    height: 12px;
    left: 0;
    opacity: .45;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 12px
}

.widget-article-block {
    background: #f7f8fa;
    border-radius: 12px;
    margin: 16px 0
}

.widget-article-block .link {
    color: #171921;
    display: block;
    padding: 16px;
    position: relative
}

@media (min-width: 768px) {
    .widget-article-block .link {
        padding: 24px 268px 24px 64px
    }
}

.widget-article-block .link:focus-visible .title {
    color: #0161da
}

@media (hover: hover) and (pointer: fine) {
    .widget-article-block .link:not(:disabled):hover .title {
        color: #0161da
    }
}

.widget-article-block .labels {
    display: flex;
    font-weight: 700;
    gap: 8px;
    line-height: 1;
    margin-bottom: 12px;
    text-transform: uppercase
}

.widget-article-block .label {
    background-color: #0161da;
    border-radius: 4px;
    color: #fff;
    margin-right: 8px;
    padding: 3px 6px
}

.widget-article-block .count {
    background: #fff;
    border-radius: 16px;
    color: #6f7383;
    padding: 3px 6px 3px 24px;
    position: relative
}

.widget-article-block .count:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 1 16 14'%3E%3Cpath d='M9.833 8a1.833 1.833 0 1 1-3.666 0 1.833 1.833 0 0 1 3.666 0m5.17 2.103c-1.375 1.954-3.81 4.564-7.003 4.564s-5.628-2.61-7.003-4.564a3.66 3.66 0 0 1 0-4.206C2.372 3.944 4.807 1.333 8 1.333s5.628 2.61 7.003 4.564a3.66 3.66 0 0 1 0 4.206M11.5 8a3.5 3.5 0 1 0-7 0 3.5 3.5 0 0 0 7 0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 14px;
    left: 4px;
    opacity: .45;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.widget-article-block .title {
    margin-bottom: 4px;
    transition-duration: .2s;
    transition-property: color;
    transition-timing-function: ease-in-out
}

.widget-article-block .teaser {
    display: -moz-box;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: #6f7383;
    font-weight: 400;
    letter-spacing: .1px
}

@media (min-width: 768px) {
    .widget-article-block .teaser {
        display: -moz-box;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-clamp: 1
    }
}

.widget-article-block .cover-wrapper {
    display: none
}

@media (min-width: 768px) {
    .widget-article-block .cover-wrapper {
        border-radius: 8px;
        display: block;
        height: 100px;
        overflow: hidden;
        position: absolute;
        right: 64px;
        top: 50%;
        transform: translateY(-50%);
        width: 180px
    }
}

.widget-article-block .cover {
    height: auto;
    width: 100%
}

.MatchAbout h2 {
    font-size: 14px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.7
}

.MatchAbout .FilterButtons .filter {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1px;
    padding: 6px 8px
}

@media (max-width: 584px) {
    .MatchAbout .FilterButtons .filter {
        flex: 1 1 0
    }
}

.MatchAbout .FilterButtons .filter--active {
    color: #171921
}

.MatchAbout .FilterButtons .filter--active .type-icon {
    color: #0161da
}

.title {
    margin-bottom: 12px;
    padding-left: 8px
}

@media (min-width: 768px) {
    .title {
        padding: 0
    }
}

.wrapper {
    background-color: #f7f8fa;
    border-radius: 8px;
    padding: 8px
}

.item {
    position: relative;
    transition-duration: .2s;
    transition-property: box-shadow;
    transition-timing-function: ease-in-out;
    z-index: 1
}

.item:focus-visible {
    box-shadow: 0 4px 12px #090a0b0d;
    z-index: 2
}

@media (hover: hover) and (pointer: fine) {
    .item:not(:disabled):hover {
        box-shadow: 0 4px 12px #090a0b0d;
        z-index: 2
    }
}

.item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.AverageStatisticsItem {
    display: flex;
    justify-content: center
}

.AverageStatisticsItem--total {
    font-weight: 700;
    padding-bottom: 8px
}

.AverageStatisticsItem--title {
    justify-content: flex-start;
    position: relative
}

.AverageStatisticsItem--title.cell {
    padding-left: 48px
}

@media (min-width: 768px) {
    .AverageStatisticsItem--title.cell {
        padding-left:52px
    }
}

.AverageStatisticsItem--title:before {
    border-bottom: 1px solid #e6e8ef;
    border-left: 1px solid #e6e8ef;
    border-radius: 0 0 0 6px;
    content: "";
    display: block;
    height: calc(100% + 10px);
    left: 23px;
    position: absolute;
    top: 3px;
    width: 16px
}

@media (min-width: 768px) {
    .AverageStatisticsItem--title:before {
        left:27px
    }
}

.AverageStatisticsItem--title-opponent:before {
    display: none
}

.title-icon-wrapper {
    align-items: center;
    background: var(--icon-wrapper-color);
    border-radius: 8px;
    display: flex;
    left: 12px;
    padding: 4px;
    position: absolute;
    top: -3px;
    z-index: 2
}

@media (min-width: 768px) {
    .title-icon-wrapper {
        left:16px
    }
}

.title-icon {
    color: var(--icon-color)
}

.total-amount {
    align-content: center;
    align-self: center;
    background: #fff;
    border-radius: 9999px;
    box-shadow: 0 1px 4px #090a0b0d;
    padding: 1px 8px
}

.AverageStatistics--demo {
    position: relative;
    z-index: 1
}

.AverageStatistics--demo:after {
    background: linear-gradient(0deg,#fff,#fff0);
    bottom: 53px;
    content: "";
    display: block;
    height: 30%;
    left: 0;
    max-height: 200px;
    position: absolute;
    width: 100%;
    z-index: 10
}

.AverageStatistics--demo .demo-button {
    z-index: 11
}

.title {
    padding: 0 8px
}

.statistics-header {
    align-items: center;
    margin-bottom: 12px
}

.filters,.statistics-header {
    display: flex;
    gap: 12px;
    justify-content: space-between
}

.filters {
    margin-bottom: 16px;
    padding: 0 8px
}

@media (min-width: 585px) {
    .filters {
        display:flex;
        justify-content: flex-start
    }
}

.filter-select {
    width: 100%
}

@media (min-width: 585px) {
    .filter-select {
        width:auto
    }
}

.statistics-body {
    border: 1px solid #f2f3f7;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 500;
    gap: 1px;
    line-height: 1.4;
    position: relative
}

.statistics-body:after,.statistics-body:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.statistics-body:before {
    background: linear-gradient(180deg,#f7f8fa,transparent);
    box-shadow: inset 8px 0 24px -8px #090a0b0d;
    right: 0;
    width: 36%;
    z-index: 0
}

.statistics-body:after {
    background: #fff;
    -o-border-image: linear-gradient(180deg,#e6e8ef,transparent) 1;
    border-image: linear-gradient(180deg,#e6e8ef,transparent) 1;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    right: 18%;
    width: 3px;
    z-index: 2
}

@media (min-width: 768px) {
    .statistics-body:before {
        width:50%
    }

    .statistics-body:after {
        right: 25%
    }
}

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

.team-logo {
    height: 24px;
    width: 24px
}

.team-name {
    display: block;
    font-weight: 700;
    max-width: 100%;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.stavka-row {
    align-items: stretch;
    border-bottom: 1px solid transparent;
    -o-border-image: linear-gradient(90deg,#fff,#f2f3f7 50%,#e6e8ef) 1;
    border-image: linear-gradient(90deg,#fff,#f2f3f7 50%,#e6e8ef) 1;
    border-top: 1px solid transparent;
    box-shadow: 0 1px #fff;
    display: grid;
    gap: 3px 0;
    grid-template-columns: 64% 18% 18%;
    padding: 12px 0;
    position: relative;
    z-index: 1
}

.stavka-row:first-child {
    align-items: center;
    border-top: none;
    font-weight: 400
}

.stavka-row:last-child {
    border-bottom: none;
    box-shadow: none
}

@media (min-width: 768px) {
    .stavka-row {
        grid-template-columns:2fr 1fr 1fr
    }
}

.cell {
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 768px) {
    .cell {
        padding-left:16px;
        padding-right: 16px
    }
}

.empty-block {
    background: #fff;
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    z-index: 3
}

.AverageStatistics .filter-select .dropdown-button {
    width: 100%
}

@media (max-width: 767px) {
    .AverageStatistics .filter-select .title-option--is-select {
        justify-content:space-between;
        width: 100%
    }
}

.AverageStatistics .EmptyBlock .icon {
    margin-bottom: 8px
}
.nuxt-icon svg {
    height: 1em;
    margin-bottom: .125em;
    vertical-align: middle;
    width: 1em
}

.nuxt-icon.nuxt-icon--fill,.nuxt-icon.nuxt-icon--fill * {
    fill: currentColor!important
}

.nuxt-icon.nuxt-icon--stroke,.nuxt-icon.nuxt-icon--stroke * {
    stroke: currentColor!important
}
.AverageStatisticsItem {
    display: flex;
    justify-content: center
}

.AverageStatisticsItem--total {
    font-weight: 700;
    padding-bottom: 8px
}

.AverageStatisticsItem--title {
    justify-content: flex-start;
    position: relative
}

.AverageStatisticsItem--title.cell {
    padding-left: 48px
}

@media (min-width: 768px) {
    .AverageStatisticsItem--title.cell {
        padding-left:52px
    }
}

.AverageStatisticsItem--title:before {
    border-bottom: 1px solid #e6e8ef;
    border-left: 1px solid #e6e8ef;
    border-radius: 0 0 0 6px;
    content: "";
    display: block;
    height: calc(100% + 10px);
    left: 23px;
    position: absolute;
    top: 3px;
    width: 16px
}

@media (min-width: 768px) {
    .AverageStatisticsItem--title:before {
        left:27px
    }
}

.AverageStatisticsItem--title-opponent:before {
    display: none
}

.title-icon-wrapper {
    align-items: center;
    background: var(--icon-wrapper-color);
    border-radius: 8px;
    display: flex;
    left: 12px;
    padding: 4px;
    position: absolute;
    top: -3px;
    z-index: 2
}

@media (min-width: 768px) {
    .title-icon-wrapper {
        left:16px
    }
}

.title-icon {
    color: var(--icon-color)
}

.total-amount {
    align-content: center;
    align-self: center;
    background: #fff;
    border-radius: 9999px;
    box-shadow: 0 1px 4px #090a0b0d;
    padding: 1px 8px
}

.AverageStatistics--demo {
    position: relative;
    z-index: 1
}

.AverageStatistics--demo:after {
    background: linear-gradient(0deg,#fff,#fff0);
    bottom: 53px;
    content: "";
    display: block;
    height: 30%;
    left: 0;
    max-height: 200px;
    position: absolute;
    width: 100%;
    z-index: 10
}

.AverageStatistics--demo .demo-button {
    z-index: 11
}

.title {
    padding: 0 8px
}

.statistics-header {
    align-items: center;
    margin-bottom: 12px
}

.filters,.statistics-header {
    display: flex;
    gap: 12px;
    justify-content: space-between
}

.filters {
    margin-bottom: 16px;
    padding: 0 8px
}

@media (min-width: 585px) {
    .filters {
        display:flex;
        justify-content: flex-start
    }
}

.filter-select {
    width: 100%
}

@media (min-width: 585px) {
    .filter-select {
        width:auto
    }
}

.statistics-body {
    border: 1px solid #f2f3f7;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 500;
    gap: 1px;
    line-height: 1.4;
    position: relative
}

.statistics-body:after,.statistics-body:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.statistics-body:before {
    background: linear-gradient(180deg,#f7f8fa,transparent);
    box-shadow: inset 8px 0 24px -8px #090a0b0d;
    right: 0;
    width: 36%;
    z-index: 0
}

.statistics-body:after {
    background: #fff;
    -o-border-image: linear-gradient(180deg,#e6e8ef,transparent) 1;
    border-image: linear-gradient(180deg,#e6e8ef,transparent) 1;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    right: 18%;
    width: 3px;
    z-index: 2
}

@media (min-width: 768px) {
    .statistics-body:before {
        width:50%
    }

    .statistics-body:after {
        right: 25%
    }
}

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

.team-logo {
    height: 24px;
    width: 24px
}

.team-name {
    display: block;
    font-weight: 700;
    max-width: 100%;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.stavka-row {
    align-items: stretch;
    border-bottom: 1px solid transparent;
    -o-border-image: linear-gradient(90deg,#fff,#f2f3f7 50%,#e6e8ef) 1;
    border-image: linear-gradient(90deg,#fff,#f2f3f7 50%,#e6e8ef) 1;
    border-top: 1px solid transparent;
    box-shadow: 0 1px #fff;
    display: grid;
    gap: 3px 0;
    grid-template-columns: 64% 18% 18%;
    padding: 12px 0;
    position: relative;
    z-index: 1
}

.stavka-row:first-child {
    align-items: center;
    border-top: none;
    font-weight: 400
}

.stavka-row:last-child {
    border-bottom: none;
    box-shadow: none
}

@media (min-width: 768px) {
    .stavka-row {
        grid-template-columns:2fr 1fr 1fr
    }
}

.cell {
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 768px) {
    .cell {
        padding-left:16px;
        padding-right: 16px
    }
}

.empty-block {
    background: #fff;
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    z-index: 3
}

.AverageStatistics .filter-select .dropdown-button {
    width: 100%
}

@media (max-width: 767px) {
    .AverageStatistics .filter-select .title-option--is-select {
        justify-content:space-between;
        width: 100%
    }
}

.AverageStatistics .EmptyBlock .icon {
    margin-bottom: 8px
}
.ContentImage.team-logo {
    width: 20px;
}
/****/
.table-row {
    align-items: center;
    display: flex;
    height: 52px;
    max-width: 100%;
    overflow: hidden;
    padding: 6px 12px;
    position: relative;
    transition-duration: .2s;
    transition-property: box-shadow;
    transition-timing-function: ease-in-out;
    width: 100%
}

.table-row:focus-visible {
    box-shadow: 0 1px 4px #090a0b0d
}

@media (hover: hover) and (pointer:fine) {
    .table-row:not(:disabled):hover {
        box-shadow:0 1px 4px #090a0b0d
    }
}

.MatchFace2FaceMatchesItem--individual.table-row {
    height: 52px
}

.MatchFace2FaceMatchesItem--individual .cell-info {
    display: block;
    width: 56px
}

@media (min-width: 768px) {
    .MatchFace2FaceMatchesItem--individual .cell-info {
        width:72px
    }
}

.MatchFace2FaceMatchesItem--individual .cell-info:after {
    display: none
}

.MatchFace2FaceMatchesItem--individual .cell-teams {
    min-width: 90px
}

@media (max-width: 767px) {
    .MatchFace2FaceMatchesItem--team-sport {
        flex-wrap:wrap;
        height: 78px
    }
}
/*
.MatchFace2FaceMatchesItem--team-sport .cell-info {
    min-width: 164px;
    width: 164px
}
*/
.cell-info-item {
    min-width: 80px;
    width: 80px;
}
@media (min-width: 768px) {
    .MatchFace2FaceMatchesItem--team-sport .cell-info:after {
        background-color:#f2f3f7;
        content: "";
        display: block;
        height: calc(100% + 20px);
        position: absolute;
        right: 0;
        top: -10px;
        width: 1px
    }
}

@media (max-width: 767px) {
    .MatchFace2FaceMatchesItem--team-sport .cell-info {
        flex-direction:row;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

    .MatchFace2FaceMatchesItem--team-sport .cell-info-item:first-child {
        order: 2
    }

    .MatchFace2FaceMatchesItem--team-sport .cell-info-item:last-child {
        margin-right: 12px;
        order: 1;
        overflow: visible;
        position: relative
    }

    .MatchFace2FaceMatchesItem--team-sport .cell-info-item:last-child:after {
        background-color: #e6e8ef;
        border-radius: 9999px;
        content: "";
        display: block;
        height: 3px;
        position: absolute;
        right: -8px;
        top: 50%;
        transform: translateY(-50%);
        width: 3px
    }

    .MatchFace2FaceMatchesItem--team-sport .cell-teams {
        padding-left: 0;
        width: auto
    }
}

.cell-info {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.45
}

.cell-info,.cell-teams {
    color: #6f7383;
    position: relative
}

.cell-teams {
    font-weight: 700;
    padding-left: 4px;
    width: calc(100% - 168px)
}

@media (min-width: 768px) {
    .cell-teams {
        padding-left:76px
    }
}

.team-logo {
    display: none
}

@media (min-width: 768px) {
    .team-logo {
        display:block;
        height: 24px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 24px
    }

    .team-logo.home {
        left: 12px
    }

    .team-logo.away {
        left: 40px
    }
}

.cell-info,.cell-teams {
    display: flex;
    flex-direction: column;
    position: relative
}

.cell-info-item,.team-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cell-result {
    display: flex;
    justify-content: flex-end;
    margin-left: auto
}

.score {
    background-color: #f7f8fa;
    border-radius: 6px;
    color: #6f7383;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    min-width: 22px;
    overflow: hidden;
    padding: 2px 4px;
    position: relative;
    row-gap: 2px;
    text-align: center
}

.away-won .away,.away-won .score-item:last-child,.home-won .home,.home-won .score-item:first-child {
    color: #171921
}

.expected-goals {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 12px
}

.expected-goals-item {
    display: flex
}

.expected-goals-label {
    color: #cacdd7;
    display: inline-block;
    margin-right: 4px
}

.expected-goals-value {
    color: #6f7383
}

.title[data-v-3b92f73b] {
    margin-bottom: 12px;
    padding: 8px
}

@media (min-width: 768px) {
    .title[data-v-3b92f73b] {
        padding:0
    }
}

.wrapper[data-v-3b92f73b] {
    border: 1px solid #f2f3f7;
    border-radius: 8px
}

.top[data-v-3b92f73b] {
    padding: 16px 16px 12px
}

.bars[data-v-3b92f73b] {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.bar[data-v-3b92f73b] {
    border-radius: 4px;
    height: 6px;
    margin: 0 4px;
    transition: width .5s
}

.bar--wonHomeTeam[data-v-3b92f73b] {
    background-color: #0161da
}

.bar--wonAwayTeam[data-v-3b92f73b] {
    background-color: #40c5f0
}

.bar--draw[data-v-3b92f73b] {
    background-color: #f2b100
}

.bar[data-v-3b92f73b]:first-child {
    margin-left: 0
}

.bar[data-v-3b92f73b]:last-child {
    margin-right: 0
}

.top-teams[data-v-3b92f73b] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.top-team[data-v-3b92f73b] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    width: 50%
}

.top-team[data-v-3b92f73b]:last-child {
    justify-content: end
}

.top-team-name[data-v-3b92f73b] {
    display: inline-block;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-team-logo[data-v-3b92f73b] {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.top-team-logo[data-v-3b92f73b],.top-team-logo[data-v-3b92f73b]:first-child {
    margin-right: 8px
}

.top-team-logo[data-v-3b92f73b]:last-child {
    margin-left: 8px
}

.percents[data-v-3b92f73b] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.percent[data-v-3b92f73b] {
    display: flex;
    flex-direction: column;
    position: relative
}

@media (min-width: 768px) {
    .percent[data-v-3b92f73b] {
        align-items:center;
        flex-direction: row
    }
}

.percent--wonAwayTeam[data-v-3b92f73b] {
    align-items: flex-end
}

@media (min-width: 768px) {
    .percent--wonAwayTeam[data-v-3b92f73b] {
        align-items:center
    }
}

.percent--wonAwayTeam .winning-percent[data-v-3b92f73b] {
    color: #40c5f0
}

@media (min-width: 768px) {
    .percent--wonAwayTeam .winning-percent[data-v-3b92f73b] {
        align-items:center;
        order: 2
    }
}

.percent--wonAwayTeam .team-logo[data-v-3b92f73b] {
    right: 0
}

@media (min-width: 768px) {
    .percent--wonAwayTeam .wins[data-v-3b92f73b] {
        margin-right:8px
    }
}

.percent--draw[data-v-3b92f73b] {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .percent--draw[data-v-3b92f73b] {
        flex-direction:row
    }
}

.percent--draw .winning-percent[data-v-3b92f73b] {
    color: #f2b100
}

@media (min-width: 768px) {
    .percent--draw .wins[data-v-3b92f73b] {
        margin-left:8px
    }
}

.percent--wonHomeTeam .winning-percent[data-v-3b92f73b] {
    color: #0161da
}

.percent--wonHomeTeam .team-logo[data-v-3b92f73b] {
    left: 0
}

@media (min-width: 768px) {
    .percent--wonHomeTeam .wins[data-v-3b92f73b] {
        margin-left:8px
    }
}

.winning-percent[data-v-3b92f73b] {
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .winning-percent[data-v-3b92f73b] {
        margin-bottom:0
    }
}

.wins[data-v-3b92f73b] {
    color: #6f7383
}

.bottom[data-v-3b92f73b] {
    background-color: #f7f8fa;
    padding: 12px 8px 0
}

.bottom--without-button[data-v-3b92f73b] {
    padding-bottom: 12px
}

.matches-list[data-v-3b92f73b] {
    border-radius: 8px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.matches-list-item[data-v-3b92f73b] {
    background-color: #fff;
    border-bottom: 1px solid #f2f3f7
}

.matches-list-item[data-v-3b92f73b]:last-child {
    border-bottom: none
}

.more-button[data-v-3b92f73b] {
    justify-content: center;
    width: 100%
}

.filters[data-v-3b92f73b] {
    display: flex;
    justify-content: space-between
}

.filter[data-v-3b92f73b] {
    position: relative
}

.filter--league[data-v-3b92f73b] {
    margin-left: auto
}

.filter--league .filter-pane[data-v-3b92f73b] {
    left: auto;
    right: 4px
}

.filter--league .filter-text[data-v-3b92f73b] {
    width: 100%
}

.filter-item-text[data-v-3b92f73b] {
    cursor: pointer;
    font-weight: 700;
    margin-bottom: 12px;
    padding: 0 8px;
    text-transform: uppercase
}

.filter-item-text .arrow-icon[data-v-3b92f73b] {
    height: 8px;
    margin-left: 4px;
    max-width: 8px;
    transition: .2s;
    width: 8px
}

.filter-item-text--active[data-v-3b92f73b] {
    color: #0161da
}

.filter-item-text--active .arrow-icon[data-v-3b92f73b] {
    color: #0161da;
    transform: rotate(180deg)
}

.filter-pane[data-v-3b92f73b] {
    background: #fff;
    border: 1px solid #f2f3f7;
    border-radius: 8px;
    box-shadow: 0 4px 12px #090a0b0d;
    left: 4px;
    max-height: 420px;
    overflow-y: auto;
    padding: 4px;
    position: absolute;
    top: 24px;
    width: 272px;
    z-index: 2
}

.filter-head[data-v-3b92f73b] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 4px
}

.filter-logo[data-v-3b92f73b] {
    height: 24px;
    width: 24px
}

.filter-item[data-v-3b92f73b] {
    align-items: center;
    border-radius: 8px;
    color: #6f7383;
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: space-between;
    padding: 0 8px;
    width: 100%
}

.filter-item[data-v-3b92f73b]:focus-visible {
    background-color: #f7f8fa
}

@media (hover: hover) and (pointer:fine) {
    .filter-item[data-v-3b92f73b]:not(:disabled):hover {
        background-color:#f7f8fa
    }
}

.filter-item--active .filter-text[data-v-3b92f73b] {
    color: #171921
}

.filter-item--active .filter-radio-round[data-v-3b92f73b] {
    border-color: #0161da
}

.filter-item--active .filter-radio-round[data-v-3b92f73b]:before {
    background-color: #0161da;
    border-radius: 9999px;
    content: "";
    display: block;
    height: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 12px
}

.filter-radio-round[data-v-3b92f73b] {
    border: 2px solid #e6e8ef;
    border-radius: 9999px;
    height: 20px;
    position: relative;
    width: 20px
}

.filter-text[data-v-3b92f73b] {
    width: 50%
}

.filter-text[data-v-3b92f73b]:last-child {
    text-align: right
}

.empty-block[data-v-3b92f73b] {
    background-color: #fff
}