@charset "utf-8";
@font-face {
    font-family: 'Onest';
    font-weight: 100 200;
    font-display: swap;
    src: url(../fonts/Onest-ExtraLight.ttf) format('truetype');

}

@font-face {
    font-family: 'Onest';
    font-weight: 200 400;
    font-display: swap;
    src: url(../fonts/Onest-Regular.ttf) format('truetype');

}

@font-face {
    font-family: 'Onest';
    font-weight: 400 600;
    font-display: swap;
    src: url(../fonts/Onest-Medium.ttf) format('truetype');

}

@font-face {
    font-family: 'Bounded';
    font-weight: normal;
    font-display: swap;
    src: url(../fonts/Unbounded-Medium.ttf?2) format('truetype');

}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Onest, sans-serif;
    background: var(--black, #171717);
    color: #fff;
}

a, input, button {
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
    background: transparent;
    border: 0;
    color: inherit;
}

input, textarea {
    outline: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    resize: none;
}

.container {
    max-width: 1920px;
    padding: 0 40px;
    box-sizing: border-box;
    margin: 0 auto;
}

.header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.header-cont {
    padding: 12px 20px;
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.header-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    text-transform: uppercase;
    max-width: 282px;
}

.header-logo:hover {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
}

.header-logo-pic {
    width: 68.67px;
    height: 68px;
    aspect-ratio: 68.67/68.00;
}

.header-logo-pic img {
    width: 100%;
    height: 100%;
}

.header-nav {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 64px;
}

.header-nav a {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.header-nav a:hover {
    opacity: 0.7;
}

.header-soc {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-soc a {
    max-width: 34px;
    min-width: 34px;
    height: fit-content;
    aspect-ratio: 1/1;
    opacity: 0.8;
}

.header-soc a img {
    width: 100%;
    height: 100%;
}

.header-soc a:hover {
    opacity: 1;
}

.header-request-btn {
    font-family: Bounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.14px;
    text-transform: uppercase;
    padding: 24px 32px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-left: 48px;
}

.btn_red {
    background: var(--red, #D42928);
    color: var(--white, #FFF);
}

.btn_red:hover {
    background: #BC100F;
}

.main-banner {
    margin-bottom: 97px;
    min-height: 683px;
}

.main-banner .container {
    display: flex;
    gap: 20px;
    height: 100%;
}

.main-banner-slider {
    border-radius: 16px;
    overflow: hidden;
    max-width: calc(100% - 620px);
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
}

.main-banner-slider .slick-list, .main-banner-slider .slick-track {
    height: 100%;
}

.main-banner-slider-item {
    position: relative;
    height: 100%;
}

.main-banner-slider .slick-slide div:first-child {
    height: 100%;
}

.main-banner-slider-item-pic {
    width: 100%;
    height: 100%;
    /* position: absolute; */
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.main-banner-slider-item-pic::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45.46%, rgba(0, 0, 0, 0.56) 67.28%, rgba(0, 0, 0, 0.80) 100%);
}

.main-banner-slider-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-banner-slider-item-cont {
    position: absolute;
    bottom: 68px;
    left: 40px;
    right: 40px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.main-banner-slider-item-tags {
    display: flex;
    gap: 16px;
}

.main-banner-slider-item-tags a {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 16px;
    border-radius: 30px;
    backdrop-filter: blur(2px);
}

.btn_green {
    background: var(--green, #069351);
}

.btn_green:hover {
    background: #047741;
}

.main-banner-slider-item-title {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.main-banner-slider-item-title:hover {
    opacity: 0.7;
}

.main-banner-slider .slick-dots {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    list-style: none;
    display: flex;
    gap: 8px;
}

.main-banner-slider .slick-dots li button {
    font-size: 0;
    width: 60px;
    height: 4px;
    border-radius: 4px;
    background: var(--white_50, rgba(255, 255, 255, 0.50));
    transition: 0.3s;
}

.main-banner-slider .slick-dots .slick-active button {
    border-radius: 4px;
    width: 120px;
    position: relative;
}

.main-banner-slider .slick-dots .slick-active button::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--white, #FFF);
    border-radius: 4px;
    width: 0;
    animation: mainBannerAnim 4s linear forwards;
}

@keyframes mainBannerAnim {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.main-banner-news {
    /*height: 100%;*/
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    width: 100%;
    padding: 30px 24px 0;
    box-sizing: border-box;
}

.main-banner-news-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.main-banner-news-top-title {
    color: var(--green, #069351);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
}

.main-banner-news-top a {
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.link_solo {
    display: flex;
    align-items: center;
    color: var(--white_70, rgba(255, 255, 255));
    opacity: 0.7;
    transition: 0.3s;
}

.link_solo:hover {
    opacity: 1;
}

.link_solo::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../img/main-banner/arrow.svg);
    background-size: 100% 100%;
    display: flex;
}

.main-banner-news ul {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.main-banner-news ul li {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

.main-banner-news ul li a {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    text-transform: uppercase;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-banner-news ul li p {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
}

.main-banner-news ul li span {
    align-self: stretch;
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main-sponsor {
    margin-bottom: 96px;
}

.main-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.main-top h2 {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-transform: uppercase;
}

.main-top a {
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    white-space: nowrap;
}

.main-sponsor-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.main-sponsor-row a {
    width: calc(100% / 6 - 16.7px);
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    aspect-ratio: 290/140;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-sponsor-row a img {
    width: 180px;
}

.main-game {
    margin-bottom: 96px;
    overflow: hidden;
}

.main-game-slider {
    /* margin: 0; */
    position: relative;
    padding: 0 26px;
}

.main-game-slider::after {
    content: '';
    min-width: 100px;
    height: 100%;
    position: absolute;
    pointer-events: none;
    right: -40px;
    top: 0;
    bottom: 0;
    background: linear-gradient(270deg, #171717 0%, rgba(23, 23, 23, 0.70) 35.22%, rgba(23, 23, 23, 0.40) 65.49%, rgba(23, 23, 23, 0.00) 100%);
}

.main-game-slider::before {
    content: '';
    min-width: 100px;
    height: 100%;
    position: absolute;
    pointer-events: none;
    left: -40px;
    top: 0;
    bottom: 0;
    background: linear-gradient(
90deg, #171717 0%, rgba(23, 23, 23, 0.70) 35.22%, rgba(23, 23, 23, 0.40) 65.49%, rgba(23, 23, 23, 0.00) 100%);
    z-index: 9;
}

.main-game-slider .slick-list {
    margin: 0 -10px;
}

.main-game-slider .slick-slide {
    margin: 0 10px;
}

.main-game-item {
    padding: 24px;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid var(--grey, #414141);
    /* aspect-ratio: 445/253; */
    width: fit-content;
    /* display: flex !important; */
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.main-game-item_dis {
    opacity: 0.5;
}

.main-game-item-cont {
    display: flex;
    align-items: center;
    gap: 17px;
    justify-content: space-between;
    height: 128px;
}

.main-game-item-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    max-width: 111px;
}

.main-game-item-team[data-teamid][data-tournamentid] {
    padding: 10px;
    border-radius: 5px;
    transition: .3s;
}

.main-game-item-team[data-teamid][data-tournamentid]:hover {
    background-color: #606060;
}

.main-game-item-team-logo {
    max-width: 87px;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 8px;
    overflow: hidden;
}

.main-game-item-team-logo img {
    width: 100%;
    height: 100%;
}

.main-game-item-team-name {
    display: flex;
    justify-content: center;
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
}

.main-game-item-info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.main-game-item-info-date {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 18px;
    font-style: normal;
    font-weight: 566;
    line-height: 125%;
    text-align: center;
    text-transform: uppercase;
}

.main-game-item-info-time {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    white-space: nowrap;
}

.main-game-item-info-score {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-align: center;
    margin-top: 17px;
    white-space: nowrap;
}

.main-game-item-info-active {
    color: var(--green, #069351);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 17px;
    white-space: nowrap;
}

.main-game-item-info-active.finished {
    color: #FF0000;
}

.main-game-item-info-active.planned {
    color: #fff;
}

.main-game-item-info-active::before {
    content: '';
    width: 8px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-color: #069351;
    border-radius: 50%;
}

.main-game-item-info-active.finished::before {
    background-color: #FF0000;
}

.main-game-item-info-active.planned::before {
    background-color: #fff;
}

.main-game-item-loc {
    max-width: 289px;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    margin: 0 auto;
    margin-top: 27px;
}

.slick-arrow {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 40px;
    height: fit-content;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: var(--dark-grey, #272727);
    font-size: 0;
    background-image: url(../img/slider-arrow.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.slick-arrow.slick-prev {
    transform: rotate(180deg);
    z-index: 10;
}

.slick-arrow.slick-next {
    left: auto;
    right: 0;
}

.slick-arrow.slick-disabled {
    display: none !important;
}

.main-tp {
    margin-bottom: 96px;
    display: flex;
    gap: 20px;
}

.main-champ {
    width: calc(100% / 2 - 10px);
}

.main-champ-cont {
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    padding-top: 32px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    height: 777px;
}

.main-champ-cont-slider-item {
    height: 600px;
}

.main-champ-top {
    padding: 0 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    overflow: hidden;
}

.main-champ-top-title {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    width: calc(100% - 140px);
}

.main-champ-nav {
    display: flex;
    gap: 8px;
    position: absolute;
    top: 33px;
    right: 32px;
}

.main-champ-nav button {
    width: 40px;
    height: fit-content;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: var(--grey, #414141);
    background-image: url(../img/slider-arrow.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.main-champ-nav-btn_prev {
    transform: rotate(180deg);
}

.main-champ-sub {
    padding: 0 32px;
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.main-champ table {
    padding-left: 32px;
    padding-right: 32px;
}

.table-scroll {
    overflow: auto;
    height: calc(100% - 00px);
}

.table-scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* дорожка */
.table-scroll::-webkit-scrollbar-track {
    background: #4A4A4A;
    border-radius: 4px;
}

/* ползунок */
.table-scroll::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 4px;
}

table {
    border-collapse: separate;
    border-spacing: 0 12px;
    width: 100%;
    /* padding-right: 32px; */
}

thead {
    /* margin-bottom: 29px; */
    padding-bottom: 29px;
    position: sticky;
    top: 0;
}

.main-champ thead {
    background-color: #272727;
    height: 22px;
}

thead th {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    text-align: left;
    padding-bottom: 17px;
}

tbody {

}

tbody tr {

}

tbody td {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 21.6px */
    align-content: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--grey, #414141);
}

.main-champ tbody tr:last-child td {
    border: 0;
}

.main-playoffs td:last-child, .main-playoffs th:last-child {
    text-align: right;
}

.main-playoffs tr:nth-child(odd) td {
    border-bottom: 0;
}

.main-playoffs tr:nth-child(odd):not(:first-child) td {
    padding-top: 15px;
}

.main-playoffs tr:nth-child(even):not(:last-child) td {
    padding-bottom: 15px;
}

.table-team {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

.table-team img,
div.chess th img,
td.chess-results img {
    width: 36px;
    height: fit-content;
    aspect-ratio: 1/1;
}

.main-best {
    width: calc(100% / 2 - 10px);
}

.main-best-cont {
    height: 777px;
    width: 100%;
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    padding: 32px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    box-sizing: border-box;
    position: relative;
    /* padding-right: 20px; */
}

.main-champ-cont-slider .slick-slide {
    margin-right: 8px;
}

.main-best-row {
    display: flex !important;
    flex-direction: column;
    gap: 40px;
    overflow: auto;
    height: 650px;
    padding-right: 20px;
    box-sizing: border-box;
    padding-left: 32px;
    /* margin-right: 20px; */
    width: calc(100% - 20px);
}

.main-best-row::-webkit-scrollbar {
    width: 4px;
}

/* дорожка */
.main-best-row::-webkit-scrollbar-track {
    background: #4A4A4A;
    border-radius: 4px;
}

/* ползунок */
.main-best-row::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 4px;
}

.main-best-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.main-best-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-best-item-top-title {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
}

.main-best-item-row {
    display: flex;
    gap: 20px;
}

.main-best-item-card {
    max-width: 373px;
    width: 100%;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    gap: 20px;
    height: 220px;
}

.main-best-item-card:only-child {
    grid-column: span 2;
    justify-content: space-around;
}

.main-best-item-card-pic {
    max-width: 155px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.main-best-item-card-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-best-item-card-cont {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.main-best-item-card-name {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.main-best-item-card-team {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.main-best-item-card-bot {
    margin-top: auto;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.main-best-item-card-bot div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}

.main-best-item-card-bot div span {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: capitalize;
}

.main-best-item-info {
    list-style: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.main-best-item-info li {
    display: flex;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--grey, #414141);
    box-sizing: border-box;
    gap: 33px;
}

.main-best-item-info-cont {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-right: auto;
}

.main-best-item-info-name {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.main-best-item-info-team {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.main-best-item-info-add {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.main-best-item-info-add span {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.main-photo {
    margin-bottom: 96px;
}

.main-photo-row {
    display: flex;
    gap: 20px;
}

.main-photo-col {
    width: calc(100% / 2 - 10px);
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.main-photo-col_solo {
    gap: 0;
}

.main-photo-item {
    width: calc(100% / 2 - 10px);
    position: relative;
    aspect-ratio: 445/402;
    height: fit-content;
    border-radius: 16px;
    overflow: hidden;
}

.main-photo-col_solo .main-photo-item {
    width: 100%;
}

.main-photo-item-pic {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.main-photo-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-photo-item-num {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 9px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 90px;
    transition: 0.3s;
}

.main-photo-item-num::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../img/main-photo/camera.svg);
    background-size: 100% 100%;
    display: flex;
}

.main-photo-col_solo .main-photo-item-num {
    font-size: 20px;
    padding: 12px 20px;
    top: 32px;
    right: 32px;
}

.main-photo-item-num::before {
    width: 28px;
    height: 28px;
}

.main-photo-item-cont {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.45) 56.62%, rgba(0, 0, 0, 0.80) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    box-sizing: border-box;
    transition: 0.3s;
    gap: 8px;
    max-height: 0;
    margin-top: auto;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

.main-photo-item:hover .main-photo-item-cont {
    max-height: 100%;
    opacity: 1;
    visibility: visible;
}

.main-photo-item-cont-title {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    transition: 0.3s;
}

.main-photo-item:hover .main-photo-item-cont-title {
    opacity: 0.7;
}

.main-photo-item-cont-date {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.main-photo-item-gallery {
    display: none;
}

.main-video {
    margin-bottom: 96px;
    overflow: hidden;
}

.main-video-row {

}

.main-video-row::after {
    content: '';
    min-width: 228px;
    height: 100%;
    position: absolute;
    right: -40px;
    pointer-events: none;
    top: 0;
    bottom: 0;
    background: linear-gradient(270deg, #171717 0%, rgba(23, 23, 23, 0.70) 35.22%, rgba(23, 23, 23, 0.40) 65.49%, rgba(23, 23, 23, 0.00) 100%);
}

.main-video-row .slick-arrow {
    bottom: auto;
    top: 168px;
}

.main-video-row .slick-list {
    margin: 0 -10px;
}

.main-video-row .slick-slide {
    margin: 0 10px;
}

.main-video-item {

}

.main-video-item-pic {
    width: 100%;
    height: fit-content;
    aspect-ratio: 600/375;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 28px;
    position: relative;
}

.main-video-item-pic::after {
    content: '';
    width: 72px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-image: url(../img/main-video/play.svg);
    background-size: 100% 100%;
    position: absolute;
    right: 24px;
    bottom: 24px;
}

.main-video-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-video-item-pic-time {
    position: absolute;
    left: 24px;
    bottom: 24px;
    padding: 8px 12px;
    box-sizing: border-box;
    border-radius: 30px;
    background: rgba(49, 49, 49, 0.70);
    backdrop-filter: blur(5px);
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.main-video-item-title {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    transition: 0.3s;
    margin-bottom: 8px;
}

.main-video-item-title:hover{
    opacity: 0.7;
}

.main-video-item-date {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.main-info {
    margin-bottom: 96px;
}

.main-info-row::after {
    content: '';
    min-width: 228px;
    height: 100%;
    position: absolute;
    pointer-events: none;
    right: -40px;
    top: 0;
    bottom: 0;
    background: linear-gradient(270deg, #171717 0%, rgba(23, 23, 23, 0.70) 35.22%, rgba(23, 23, 23, 0.40) 65.49%, rgba(23, 23, 23, 0.00) 100%);
}

.main-info-row .slick-list {
    margin: 0 -10px;
}

.main-info-row .slick-slide {
    margin: 0 10px;
}

.main-news-row .slick-list {
    margin: 0 -10px;
}

.main-news-row .slick-slide {
    margin: 0 10px;
}

.main-info-item {
    aspect-ratio: 600/440;
    height: fit-content;
    position: relative;
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    overflow: hidden;
    padding: 32px;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
}

.main-info-item-pic {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s;
}

.main-info-item:hover .main-info-item-pic {
    opacity: 1;
}

.main-info-item-pic::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(23, 23, 23, 0.50) 0%, rgba(23, 23, 23, 0.50) 100%);
}

.main-info-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-info-item-title {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    transition: 0.3s;
}

.main-info-item-title:hover {
    opacity: 0.7;
}

.main-info-item-bot {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

.main-info-item-date {
    color: var(--white_70, rgba(255, 255, 255));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.7;
    transition: 0.3s;
}

.main-info-item:hover .main-info-item-date {
    opacity: 1;
}

.main-call {

}

.main-call-row {
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    padding: 48px;
    box-sizing: border-box;
    display: flex;
    gap: 40px;
}

.main-call-pic {
    width: calc(100% / 2 - 20px);
    border-radius: 16px;
    overflow: hidden;
}

.main-call-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-call-cont {
    width: calc(100% / 2 - 20px);
    display: flex;
    flex-direction: column;
}

.main-call-title {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.main-call-nav {
    border-radius: 30px;
    background: var(--grey, #414141);
    width: fit-content;
}

.main-call-nav button {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 16px 20px;
    box-sizing: border-box;
    border-radius: 30px;
}

.main-call-nav button:hover {
    opacity: 0.7;
}

.main-call-nav button.active {
    color: var(--black, #171717);
    background: var(--white, #FFF);
    backdrop-filter: blur(2px);
    opacity: 1;
}

.main-call-cont form {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    gap: 32px;
}

.main-call-cont form input, .main-call-cont form textarea {
    color: var(--light-grey-for-icons, #fff);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding-left: 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid #707070;
    box-sizing: border-box;
}

.main-call-cont form input:hover, .main-call-cont form input:focus {
    border-color: #fff;
}

.main-call-cont form textarea {
    height: 94px;
    padding-bottom: 0;
}

.main-call-check {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    /* width: 489px; */
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 529px;
    cursor: pointer;
    transition: 0.3s;
}
.main-call-check a {
    display: contents;
    color: #fff;
}

.main-call-check:hover {
    color: #fff;
}

.main-call-check input {
    display: none;
}

.main-call-check span {
    background-color: #414141;
    min-width: 24px;
    max-width: 24px;
    height: fit-content;
    aspect-ratio: 1/1;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-call-check span::after {
    content: '';
    height: 12px;
    width: 15px;
    background-image: url(../img/main-call/check.svg);
    background-size: 100% 100%;
    display: flex;
    transition: 0.3s;
    opacity: 0;
}

.main-call-check input:checked~span::after {
    opacity: 1;
}

.main-call-cont form button {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.14px;
    text-transform: uppercase;
    padding: 24px 32px;
    box-sizing: border-box;
    border-radius: 8px;
    width: fit-content;
}

.footer {
    margin-top: 96px;
    margin-bottom: 20px;
}

.footer-cont {
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    padding: 48px 32px 24px 32px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.footer-main {
    display: flex;
    margin-bottom: 68px;
    align-items: flex-start;
}

.footer-lt {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-logo {
    display: flex;
    gap: 12px;
    align-items: center;
    color: #FFF;
    font-family: Bounded;
    font-size: 23.782px;
    font-style: normal;
    font-weight: 566;
    line-height: 125%;
    text-transform: uppercase;
    max-width: 448px;
}

.footer-logo:hover {
    color: rgba(255, 255, 255, 0.7);
}

.footer-logo-pic {
    max-width: 108.925px;
    min-width: 108.925px;
    aspect-ratio: 108.92/107.86;
    height: fit-content;
}

.footer-logo-pic img {
    width: 100%;
    height: 100%;
}

.footer-lt span {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-ct {
    /* margin-left: 148px; */
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 180px;
}

.footer-nav {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.footer-nav a {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-nav a:hover {
    opacity: 0.7;
}

.footer-info {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.footer-info div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.footer-info div span {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.footer-info div a {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.footer-info div a:hover {
    opacity: 0.7;
}

.footer-rt {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.footer-request-btn {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.14px;
    text-transform: uppercase;
    padding: 24px 32px;
    box-sizing: border-box;
    border-radius: 8px;
}

.footer-soc {
    margin-left: auto;
    display: flex;
    gap: 16px;
}

.footer-soc a {
    width: 34px;
    height: fit-content;
    aspect-ratio: 1/1;
}

.footer-soc a:hover {
    opacity: 0.7;
}

.footer-soc a img {
    width: 100%;
    height: 100%;
}

.footer-bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bot a {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-bot a:hover {
    color: #fff;
}
.cookie-notice {
    box-sizing: border-box;
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border-radius: 16px;
    padding: 32px;
    background: var(--dark-grey, #272727);
    width: 434px;
    gap: 30px;
    justify-content: space-between;
    font-family: Onest;
    font-size: 16px;
    z-index: 10;
}
.cookie-notice.active {
    display: flex;
}
.cookie-notice button {
    color: var(--white, #FFF);
    text-align: center;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 116%;
    letter-spacing: -0.16px;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--red, #D42928);
    padding: 16px 24px;
    box-sizing: border-box;
}
.cookie-notice p {
    color: #fff;
    line-height: 130%;
}
@media (max-width: 833px) {
    .cookie-notice {
        bottom: 0px;
        right: auto;
        width: 100%;
        gap: 10px;
        border-radius: 0;
    }
    .cookie-notice button {
        font-size: 12px;
        padding: 16px 32px;
    }
    .cookie-notice p {
        font-size: 12px;
    }
}

.header-menu-btn {
    display: none;
}

.main-champ-more {
    display: none;
}

.header-menu {
    display: none;
}

.call-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.90);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 9;
}

.call-popup.active {
    display: flex;
    opacity: 1;
    visibility: visible;
}

.call-popup .main-call-cont {
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    padding: 48px;
    box-sizing: border-box;
    max-height: calc(100% - 40px);
    height: fit-content;
    overflow: scroll;
    position: relative;
    width: fit-content;
    max-width: calc(100% - 40px);
}

.call-popup .main-call-cont::-webkit-scrollbar {
    display: none;
}

.call-popup-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 48px;
    aspect-ratio: 1/1;
    height: fit-content;
    background: var(--grey, #414141);
    border-radius: 50%;
    background-image: url(../img/close.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.chips {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    gap: 4px;
}

.chips .container {
    display: flex;
    gap: 4px;
    width: 100%;
    flex-wrap: wrap;
}

.chips a {
    color: #fff;
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 4px;
    opacity: 0.5;
}

.chips a:hover {
    opacity: 0.7;
}

.chips a::after {
    content: '-';
    opacity: 0.5 !important;
}

.chips a:last-child {
    opacity: 1;
}

.chips  a:last-child:hover {
    opacity: 0.7;
}

.chips a:last-child::after {
    display: none;
}

.main-title {
    margin-bottom: 32px;
}

.main-title h1 {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.drop {
    position: relative;
    width: 272px;
}

.drop-btn {
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    background: var(--dark-grey, #272727);
    text-align: left;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.drop-btn::after {
    content: '';
    max-width: 20px;
    min-width: 20px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-image: url(../img/slider-arrow.svg);
    background-size: 100% 100%;
    transform: rotate(90deg);
}

.drop.active .drop-btn::after {
    transform: rotate(-90deg);
}

.drop-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 20px;
    border-radius: 8px;
    background: var(--dark-grey, #272727);
    display: none; /* скрыто по умолчанию */
    z-index: 3;
}

.calendar-side .drop-list {
    margin-top: 0;
    border: 1px solid #595959;
}

.drop.active .drop-list {
    display: block;
}

.drop-option {
    padding: 16px;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.3s;
}

.drop-option:hover {
    opacity: 0.7;
}

.table-top {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.table-top-btn {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.14px;
    text-transform: uppercase;
    padding: 0 32px;
    box-sizing: border-box;
    border-radius: 8px;
    background: var(--green, #069351);
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-nav {
    margin: 0 -40px;
    padding: 0 40px;
    margin-bottom: 59px;
    overflow-x: scroll;
    display: flex;
    gap: 16px;
}

.table-nav::-webkit-scrollbar {
    display: none;
}

.table-nav button,
.table-nav a {
    color: #FFF;
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 18px 20px;
    border-radius: 30px;
    background: var(--dark-grey, #272727);
    white-space: nowrap;
}

.table-nav button.active,
.table-nav a.active {
    background: var(--white, #FFF);
    color: var(--black, #171717);
}

.table-row {
    margin-bottom: 96px;
}

.table-item {
    display: none;
}

.table-item.active {
    display: block;
}

.table-block-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.table-block-top h2 {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-transform: uppercase;
}

.table-block-top-glos {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    background: var(--dark-grey, #272727);
}

.table-block-top-glos::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../img/par.svg);
    background-size: 100% 100%;
}

.table-block-cont {
    overflow-x: auto;
}

.table-block-cont table {
    border-spacing: 0;
    padding: 0;
}

.table-block-cont::-webkit-scrollbar-track {
    background: #4A4A4A;
    border-radius: 4px;
}

/* ползунок */
.table-block-cont::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 4px;
}

.table-block-cont table {
    border-spacing: 0;
}

.table-block-cont thead th {
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    font-family: Bounded;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    text-transform: uppercase;
    text-align: center;
}

.table-block-team-th {
    text-align: left !important;
}

.table-block-cont tbody td {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
}

.table-block-cont-per tbody tr td:first-child, .table-block-cont-per thead th:first-child {
    /* width: fit-content; */
    width: 85px;
    padding-right: 96px;
}

.table-block-cont tbody td, .table-block-cont thead th {
    padding: 12px 16px;
    white-space: nowrap;
}

.table-block-cont-per thead th:nth-last-child(2), .table-block-cont-per tbody tr td:nth-last-child(2) {
    /* background-color: red; */
    width: 20%;
    text-align: right;
    padding-right: 30px;
}

.table-block-cont-per thead th:nth-last-child(2) {
    padding-right: 50px;
}

.table-player {
    display: flex;
    gap: 12px;
    align-items: center;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    white-space: nowrap;
}

.table-player img {
    width: 40px;
    height: fit-content;
    aspect-ratio: 1/1;
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
}

.table-block-cont-player thead th:first-child, .table-block-cont-player tbody tr td:first-child {
    text-align: left;
    width: fit-content;
    width: 360px;
}

.table-block-cont-player thead th:nth-child(3), .table-block-cont-player tbody tr td:nth-child(3) {
    text-align: left;
    width: fit-content;
    width: 320px;
}

.table-block {
    margin-bottom: 96px;
}

.table-block-cont-game-s {
    flex-shrink: 0;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
}

.table-block-cont-game-s span {
    color: var(--green, #17dd80);
}

.table-block-cont-game {
    border-collapse: collapse;
    width: 100%;
}

/* ===== СБРОС ВСЕГО ЛИШНЕГО ===== */

.table-block-cont-game td,
.table-block-cont-game th {
    border: none;
}

/* ===== ВНЕШНЯЯ РАМКА TBODY ===== */

.table-block-cont-game tbody tr:first-child td {
    border-top: 1px solid var(--grey, #414141);
}

.table-block-cont-game tbody tr:last-child td {
    border-bottom: 1px solid var(--grey, #414141);
}

.table-block-cont-game tbody tr:nth-child(odd) td:last-child {
    /* border-bottom: 1px solid var(--grey, #414141); */
}

.table-block-cont-game tbody tr:nth-child(even) td:last-child {
    /* border-right: 0; */
}

.table-block-cont-game tbody td:first-child {
    border-left: 1px solid var(--grey, #414141);
}

.table-block-cont-game tbody td:last-of-type {
    border-right: 1px solid var(--grey, #414141);
}

.table-block-cont-game tbody tr:nth-child(2n) td {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.table-block-cont-game tbody tr:nth-child(2n + 1):not(:first-child) td {
    border-top: 2px solid var(--grey, #414141);
}

.table-block-cont-game tbody td[rowspan] {
    border-bottom: 2px solid var(--grey, #414141);
}


.table-block-cont-game thead th:first-child {
    width: 85px;
}

.table-block-glos {
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    padding: 0 32px;
    box-sizing: border-box;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    gap: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 52px;
    row-gap: 20px;
}

.table-block-glos.active {
    max-height: none;
    padding: 32px;
    opacity: 1;
    margin-bottom: 32px;
    overflow: auto;
}

.table-block-glos li {
    margin-bottom: 0;
    display: flex;
    gap: 14px;
    align-items: center;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    width: calc(100% / 4 - 40px);
    /* white-space: nowrap; */
}

.table-block-glos li span {
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    font-family: Bounded;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    text-transform: uppercase;
}

.table-block-glos-col li:nth-child(even) {
    margin-bottom: 0;
}

.teams {
    margin-bottom: 96px;
}

.teams-nav {
    display: flex;
    border-radius: 30px;
    backdrop-filter: blur(2px);
    background: var(--dark-grey, #272727);
    width: fit-content;
    margin-bottom: 40px;
}

.teams-nav button {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 16px 20px;
    box-sizing: border-box;
    border-radius: 30px;
    backdrop-filter: blur(2px);
}

.teams-nav button.active {
    color: var(--black, #171717);
    background: var(--white, #FFF);
}

.teams-row {
    display: flex;
    gap: 40px;
}

.teams-main {
    width: 100%;
}

.teams-item,
.teams-side-top,
.teams-side-s,
.teams-side-division-name {
    display: none;
}

.teams-item.active,
.teams-side-top.active,
.teams-side-s.active,
.teams-side-division-name.active {
    display: block;
}

.teams-side-s.active + .teams-side-top.active {
    margin-top: 20px;
}

.teams-title {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.teams-item.active + .teams-item.active {
    margin-top: 30px;
}

.teams-cont-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.teams-cont-item {
    width: calc(100% / 3 - 13.33px);
    padding: 32px;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid var(--grey, #414141);
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: clamp(8px, 1vw, 24px);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
}

.teams-cont-item:hover {
    color: rgba(255, 255, 255, 0.7);
}

.teams-cont-item-pic {
    width: 100px;
    height: 100px;
}

.teams-cont-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.teams-side {
    max-width: 560px;
    width: 100%;
    margin-top: 70px;
    border-radius: 16px;
    border: 1px solid var(--dark-grey, #272727);
    background: var(--dark-grey, #272727);
    padding: 32px;
    box-sizing: border-box;
    height: fit-content;
}

.teams-side-title {
    max-width: 313px;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.teams-side table thead th {
    text-align: center;
    padding-bottom: 16px;
    align-self: stretch;
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    padding-bottom: 16px;
}

.teams-side table tbody td {
    padding-bottom: 16px;
    text-align: center;
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.teams-side table thead th:nth-child(1), .teams-side table tbody tr td:nth-child(1) {
    width: 32px;
    padding-right: 20px;
}

.teams-side table thead th:nth-child(2), .teams-side table tbody tr td:nth-child(2) {
    text-align: left;
}

.teams-side table thead th:nth-last-child(-n + 4) {
    width: 60px;
}

.teams-side-glos-btn {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 12px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 8px;
    background: var(--grey, #414141);
    margin-top: 20px;
}

.teams-side-glos-btn::after {
    content: '';
    width: 20px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-image: url(../img/par.svg);
    background-size: 100% 100%;
}

.teams-side-glos {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
    width: 100%;
}

.teams-side-glos.active {
    max-height: 200px;
    margin-top: 32px;
}

.teams-side-glos li {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    display: flex;
    align-items: center;
    gap: 14px;
}

.teams-side-glos li span {
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    font-family: Bounded;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.18px;
    text-transform: uppercase;
}

.teams-side-btn {
    display: none;
}

.team-top {
    padding: 40px;
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.team-top .chips {
    margin: 0;
}

.team-top-lt {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.team-top-info {
    display: flex;
    gap: 32px;
    align-items: center;
}

.team-top-info-pic {
    width: 100px;
    border-radius: 8px;
    height: fit-content;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.team-top-info-pic  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.team-top-info-cont {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.team-top-info-title {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.team-top-info-liga {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 16px;
    box-sizing: border-box;
    border-radius: 30px;
    background: var(--grey, #414141);
    backdrop-filter: blur(2px);
}

.team-top-info-season {
    margin: 5px 0;
}

.team-top-info-tournaments {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.team-top-stat {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.team-top-stat-top {
    display: flex;
    /* gap: 87px; */
    align-items: center;
    justify-content: space-between;
}

.team-top-stat-top h2 {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
}

.team-top-stat-nav {
    display: flex;
    border-radius: 30px;
    background: var(--grey, #414141);
}

.team-top-stat-nav button {
    color: #fff;
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 16px;
    box-sizing: border-box;
    border-radius: 30px;
}

.team-top-stat-nav button.active {
    background: var(--white, #FFF);
    color: var(--black, #171717);
}

.team-top-stat-row-item {
    display: none;
}

.team-top-stat-row-item.active {
    display: flex;
    gap: 16px;
}

.team-top-stat-row-item div {
    padding: 12px 20px 10px;
    border-radius: 8px;
    border: 1px solid var(--grey, #414141);
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.team-top-stat-row-item div span {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}

.team-pic {
    height: 480px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 96px;
}

.team-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.team-game .main-game-slider {
    display: none;
}

.team-game .main-game-slider.active {
    display: flex;
}

.team-game-nav {
    border-radius: 30px;
    background: var(--dark-grey, #272727);
}

.match-tabs-switcher {
    display: flex;
    border-radius: 30px;
    background: #272727;
    width: fit-content;
    margin: 0 auto;
}

.match-tabs-nav.match-tabs-switcher {margin: 0 auto 0 0;}

.team-game-nav button,
.match-tabs-switcher label {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 16px 20px;
    box-sizing: border-box;
    border-radius: 30px;
}

.team-game-nav button.active {
    color: #171717;
    background: var(--white, #FFF);
}

.team-squad {
    margin-bottom: 96px;
}

.team-squad-nav {
    border-radius: 30px;
    background: var(--dark-grey, #272727);
    width: fit-content;
    margin-bottom: 32px;
}

.team-squad-nav button {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 16px 20px;
    box-sizing: border-box;
    border-radius: 30px;
}

.team-squad-nav button.active {
    color: #171717;
    background: var(--white, #FFF);
}

.team-squad-row {
    /* display: flex; */
    /* gap: 20px; */
    /* flex-wrap: wrap; */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.team-squad-item {
    position: relative;
    aspect-ratio: 445/589;
    border-radius: 16px;
    overflow: hidden;
    /* width: calc(100% / 4 - 15px); */
}

.team-squad-item:nth-child(10n + 8) {
    grid-column: 2;
}

.team-squad-item-pic {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.team-squad-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.team-squad-item-cont {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    border-radius: 12px;
    background: var(--dark-grey, #272727);
    box-sizing: border-box;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.team-squad-item-name {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
}

.team-squad-item-pos {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.team-squad-item-cont-info {
    display: flex;
    gap: 31px;
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
    flex-wrap: wrap;
}

.team-squad-item:hover .team-squad-item-cont-info {
    max-height: 200px;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid var(--grey, #414141);
}

.team-squad-item-cont-info div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.team-squad-item-cont-info div span {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.team-squad-more {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.14px;
    text-transform: uppercase;
    padding: 24px 32px;
    box-sizing: border-box;
    border-radius: 8px;
    margin: 56px auto 0;
    display: flex;
}

.main-news {
    margin-bottom: 96px;
    overflow: hidden;
}

.main-news-row {

}

.main-news-row::after {
    content: '';
    min-width: 228px;
    height: 100%;
    position: absolute;
    pointer-events: none;
    right: -40px;
    top: 0;
    bottom: 0;
    background: linear-gradient(270deg, #171717 0%, rgba(23, 23, 23, 0.70) 35.22%, rgba(23, 23, 23, 0.40) 65.49%, rgba(23, 23, 23, 0.00) 100%);
}

.main-news-item {
    aspect-ratio: 600/480;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.main-news-item-pic {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.main-news-item-pic::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(23, 23, 23, 0.00) 59.69%, rgba(23, 23, 23, 0.63) 79.8%, rgba(23, 23, 23, 0.90) 100%);
}

.main-news-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-news-item-cont {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.main-news-item-title {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    transition: 0.3s;
}

.main-news-item:hover .main-news-item-title {
    opacity: 0.7;
}

.main-news-item-date {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.table-block-cont::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.table-block-cont::-webkit-scrollbar-track {
    background: #4A4A4A;
    border-radius: 4px;
}

.table-block-cont::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 4px;
}

.player {
    margin-top: 20px;
    overflow: hidden;
}

.player-banner {
    display: flex;
    gap: 20px;
    height: 725px;
    margin-bottom: 96px;
}

.player-banner-cont {
    width: 100%;
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
}

.player-banner-pic {
    max-width: 624px;
    height: 100%;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}

.player-banner-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.player-banner-chip {
    display: flex;
    gap: 4px;
}

.player-banner-chip a {
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 4px;
}

.player-banner-chip a:hover {
    color: var(--white, #FFF);
}

.player-banner-chip a::after {
    content: '-';
}

.player-banner-chip a:last-child {
    color: var(--white, #FFF);
}

.player-banner-chip a:last-child::after {
    display: none;
}

.player-banner-num {
    position: absolute;
    top: 40px;
    right: 40px;
    color: rgba(255, 255, 255, 0.10);
    font-family: Bounded;
    font-size: 200px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -2px;
    text-align: right;
    text-transform: uppercase;
    z-index: 1;
}

.player-banner-info {
    margin-top: auto;
}

.player-banner-info-team {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 8px 16px;
    box-sizing: border-box;
    border-radius: 30px;
    background: var(--green, #069351);
    backdrop-filter: blur(2px);
    width: fit-content;
    margin-bottom: 16px;
    display: flex;
}

.player-banner-info-name {
    display: flex;
    flex-direction: column;
    max-width: 762px;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.64px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.player-banner-info-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.player-banner-info-row-block {
    padding: 20px;
    display: flex;
    border-radius: 12px;
    border: 1px solid var(--grey, #414141);
    background: #414141;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    box-sizing: border-box;
    white-space: nowrap;
}

.player-banner-info-row-block span {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.player-stat {
    /* margin-top: 96px; */
}

.player-stat h2 {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.player-stat-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.player-stat-top-add {
    display: flex;
    align-items: center;
    gap: 20px;
    display: none;
}

.player-stat-top-add.active {
    display: flex;
}

.player-stat-top-add .input-block {
    margin: 0;
}

.player-stat-nav {
    display: flex;
    background: var(--dark-grey, #272727);
    width: fit-content;
    border-radius: 30px;
}

.player-stat-nav button {
    outline: 0;
    border: 0;
    padding: 0;
    border-radius: 30px;
    padding: 16px 20px;
    box-sizing: border-box;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    background-color: transparent;
    cursor: pointer;
    transition: 0.3s;
}

.player-stat-nav button.active {
    background: var(--white, #FFF);
    backdrop-filter: blur(2px);
    color: var(--black, #171717);
}

.player-stat-cont {
    margin-top: 32px;
}

.player-stat-cont-block {
    display: none;
}

.player-stat-cont-block.active {
    display: flex;
    flex-direction: column;
}

.player-stat-cont-block-row {
    display: flex;
    gap: 20px;
    width: 100%;
    margin-bottom: 44px;
}

.player-stat-cont-block-item {
    width: calc(100% / 2 - 10px);
}

.player-stat-cont-block-item h3 {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    margin-bottom: 32px;
}



.player-stat-cont-block-item-graph {
    padding-left: 48px;
    position: relative;
}

.player-stat-cont-block-item-graph-top {
    position: absolute;
    top: 9px;
    left: 0;
}

.player-stat-cont-block-item-graph-cont {
    width: 100%;
    height: 381px;
    border-left: 1px solid #414141;
    border-bottom: 1px solid #414141;
    box-sizing: border-box;
}

.player-stat-cont-block-item-graph-cont-row {
    display: flex;
    margin-bottom: 0;
    height: 100%;
    padding: 0;
    list-style: none;
    align-items: flex-end;
    gap: 4px;
    padding-left: 2px;
    box-sizing: border-box;
}

.player-stat-cont-block-item-graph-cont-row a {
    background-color: #414141;
    width: -webkit-fill-available;
    height: 50px;
    border-radius: 20px;
    transition: 0.3s;
    position: relative;
    cursor: pointer;
    min-height: 1%;
    max-width: 20px;
}

.player-stat-cont-block-item-graph-cont-row a:hover {
    background-color: #878787;
}

.player-stat-cont-block-item-graph-cont-row a div {
    /* display: none; */
    position: absolute;
    top: -82px;
    right: 0;
    left: 0;
    margin: auto;
    width: fit-content;
    padding: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 12px;
    background: #FFF;
    text-transform: uppercase;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.player-stat-cont-block-item-graph-cont-row a:nth-last-child(-n + 2) div {
    right: 0;
    left: auto;
}

.player-stat-cont-block-item-graph-cont-row a div span {
    color: var(--grey, #414141);
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.player-stat-cont-block-item-graph-cont-row-num,
.player-stat-cont-block-item-graph-cont-row-value {
    color: var(--black, #171717);
    font-family: Bounded !important;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 130% !important;
    letter-spacing: -0.24px !important;
}

.player-stat-cont-block-item-graph-cont-row a:hover div {
    opacity: 1;
    visibility: visible;
}

.player-stat-cont-block-item-graph-cont-row > a > span.year {
    position: absolute;
    transform: rotate(270deg);
    bottom: -50px;
    right: 0;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.player-stat-cont-block-item-graph-bot {
    margin-top: 20px;
    display: flex;
    margin-left: -40px;
    height: 50px;
}

.player-stat-cont-block-item-graph-bot-date {
    transform: rotate(-90deg);
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.player-stat-cont-block-a {

}

.player-stat-cont-block-a-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.player-stat-cont-block-a-top h3 {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}

.glosary_btn {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    background: var(--dark-grey, #272727);
    outline: 0;
}

.glosary_btn::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/player/par.svg);
    background-size: 100% 100%;
    display: flex;
}

.player-stat-cont-block-a .table-blok-wrap .body-table .table-igry tbody tr td:nth-child(1) {
    padding: 0;
    width: 320px;
}

.player-stat-cont-block-a .table-blok-wrap .body-table .table-igry tbody tr td:nth-child(2) {
    width: auto;
}

.player-stat-cont-block-a .table-blok-wrap .body-table .table-igry tbody tr td, .player-stat-cont-block-a .table-blok-wrap .body-table .table-igry thead tr th {
    width: fit-content;
    min-width: 114px;
    max-width: 114px;
    display: flex;
    justify-content: center;
}

.player-stat-cont-block-a .table-blok-wrap .body-table .table-igry tbody tr {
    gap: 10px;
    display: flex;
}

.table-igry-team {
    max-width: 320px !important;
    min-width: 320px !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.table-igry-comp {
    max-width: 523px !important;
    min-width: 523px !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.player-stat-cont-block-a .table-blok-wrap .body-table .table-igry thead tr {
    display: flex;
    gap: 10px;
}

.player-stat-cont-block-a .body-table {
    padding-bottom: 24px;
}

.glosary-pop {
    position: fixed;
    z-index: 9;
    background: rgba(0, 0, 0, 0.90);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.glosary-pop_active {
    opacity: 1;
    visibility: visible;
}

.glosary-cont {
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    padding: 48px;
    padding-bottom: 24px;
    box-sizing: border-box;
    max-width: 1180px;
    width: 100%;
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
    position: relative;
}

.glosary-cont::-webkit-scrollbar {
    display: none;
}

.glosary-cont-close {
    width: 48px;
    height: 48px;
    background: #414141;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    right: 24px;
    background-image: url(../img/close.svg);
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
}

.glosary-cont-title {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.glosary-cont-list {
    list-style: none;
    column-count: 2;
    padding: 0;
}

.glosary-cont-list li {
    margin-bottom: 24px;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    display: flex;
    gap: 17px;
}

.glosary-cont-list li span {
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    font-family: Bounded;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    text-transform: uppercase;
    max-width: 113px;
    width: 100%;
}

.player-stat-cont-block-a_b {

}

.player-stat-cont-block-a {

}

.player-stat-cont-block-a .table-blok-wrap {
    /* padding: 0; */
}

.player-stat-cont-block-a_b .table-blok-wrap {
    padding: 0;
}

.player-stat-cont .table-block-cont {
    overflow-x: auto;
}

.player-stat-cont .table-team {
    min-width: 320px;
}

.calendar {
    margin-bottom: 96px;
}

.calendar h1 {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.calendar-row {
    display: flex;
    gap: 40px;
    margin-top: 32px;
}

.calendar-side {
    max-width: 425px;
    min-width: 425px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.calendar-side .input-block {
    width: 100%;
    margin: 0;
}

.calendar-side .input-block select {
    width: 100%;
    padding: 16px;
}

.calendar-cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.calendar-cont-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.calendar-cont-date {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}

.calendar-cont-nav {
    display: flex;
    border-radius: 30px;
    background: var(--dark-grey, #272727);
    overflow: hidden;
}

.calendar-cont-nav button {
    padding: 16px 20px;
    box-sizing: border-box;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border-radius: 30px;
}

.calendar-cont-nav button.active {
    background: var(--white, #FFF);
    backdrop-filter: blur(2px);
    color: var(--black, #171717);
}

.calendar-cont-block {
    display: none;
    flex-direction: column;
    gap: 20px;
}

.calendar-cont-block .team-squad-more {
    margin-top: 36px;
}

.calendar-cont-block.active {
    display: flex;
}

.calendar-cont-block-title {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
}

.calendar-cont-block-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.calendar-cont-block-row .main-game-item {
    width: calc(100% / 3 - 13.4px);
    min-width: 400px;
}

.calendar-cont-block.active + .calendar-cont-block.active,
.calendar-cont-block.active + .calendar-cont-date {
    margin-top: 20px;
}

.calendar-drop {

}

.calendar-drop-btn {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 16px;
    box-sizing: border-box;
    max-width: 253px;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background: var(--dark-grey, #272727);
    display: none;
}

.calendar-drop-btn::after {
    content: '';
    max-width: 16px;
    min-width: 16px;
    height: 16px;
    background-image: url(../img/calendar/calendar.svg);
    background-size: 100% 100%;
    display: flex;
}

.cal {
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    border-radius: 16px;
    border: 1px solid var(--dark-grey, #272727);
    background: var(--dark-grey, #272727);
    box-sizing: border-box;
}

.cal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.cal-title {
    margin-left: 12px;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.cal-nav {
    display: flex;
    gap: 8px;
}

.cal-nav-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #414141;
    background-image: url(../img/slider-arrow.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.cal-nav-arrow_prev {
    transform: rotate(180deg);
}

.cal-week,
.cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    gap: 4px;
}

.cal-week {
    margin-bottom: 8px;
}

.cal-week span {
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    text-align: center;
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cal-grid button {
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
}

.cal-grid button.prev {
    color: var(--white_50, rgba(255, 255, 255, 0.50));
}

.cal-grid button.today::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid #c6362a;
    border-radius: 50%;
}

.cal-grid button.today.marked {
    background: #D42928;
    color: #fff !important;
    border-radius: 50%;
}

.cal-grid button.marked::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid #c6362a;
    border-radius: 50%;
}

.calendar-side-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
    display: none;
}

.calendar-side-filters button {
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 8px;
    background: var(--dark-grey, #272727);
}

.calendar-side-filters button::after {
    content: '';
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    background-image: url(../img/close.svg);
    background-size: 100% 100%;
    display: flex;
}

.range {
    /* background: rgba(0, 150, 255, 0.25); */
    /* color: #c6362a !important; */
}

.range-start,
.range-end {
    background: #c6362a !important;
    color: #fff !important;
    border-radius: 50%;
}

.range-middle {
    background: #4c2a28 !important;
    color: #fff !important;
    border-radius: 50%;
}

.calendar-side .drop {
    width: 100%;
}

.match {
    margin-bottom: 120px;
}

.match-block {
    border-radius: 16px;
    overflow: hidden;
    /* height: 759px; */
    position: relative;
    padding: 48px 50px;
    box-sizing: border-box;
}

.match-pic {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.match-pic::after {
    content: '';
    background: linear-gradient(0deg, rgba(23, 23, 23, 0.90) 0%, rgba(23, 23, 23, 0.90) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.match-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.match-cont {
    max-width: 1398px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.match-center {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    max-width: 300px;
}

.match-center-top {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.match-center-date {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    text-align: center;
    text-transform: uppercase;
}

.match-center-week {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
}

.match-center-score {
    width: 264px;
    height: fit-content;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid #595959;
    border-radius: 50%;
    flex-direction: column;
}

.match-center-score-main {
    color: #FFF;
    font-family: Bounded;
    font-size: 64px;
    font-style: normal;
    font-weight: 566;
    line-height: 130%;
    letter-spacing: -0.64px;
    text-align: center;
    text-transform: uppercase;
}

.match-center-score-add {
    display: flex;
    gap: 16px;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
}

.match-center-loc {
    max-width: 290px;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
}

.match-team {
    flex: 1;
    width: 100%;
    /* width: calc(100% / 3 - 30px); */
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

.match-team:last-child {
    text-align: right;
}

.match-team-logo {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.match-team-logo-pic {
    height: 80px;
}

.match-team-logo img {
    height: 100%;
}

.match-team-name {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}

.match-team-cont {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.match-team-cont-name {
    display: none;
}

.match-team-cont-coach {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.match-team-cont-coach span {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.match-team-cont-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    list-style: none;
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.match-bot {
    max-width: 1398px;
    margin: 0 auto;
    margin-top: 32px;
    display: flex;
    gap: 22px;
}

.match-bot div {
    width: calc(100% / 2 - 11px);
    padding: 24px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.match-bot div span {
    align-self: stretch;
    color: rgba(255, 255, 255, 0.70);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.match-table .table-block-cont thead th, .match-table .table-block-cont tbody td {
    padding: 20px 16px;
}

.match-table .table-block-cont thead th {
    padding-top: 0;
}

.match-table .table-block-cont thead th:first-child, .match-table .table-block-cont tbody tr td:first-child {
    padding-left: 0;
    width: 94px;
}

.match-table .table-block-cont tbody tr td:nth-last-child(-n + 2), .match-table .table-block-cont thead th:nth-last-child(-n + 2) {
    text-align: left;
    width: 332px;
}

.match-table .table-block-cont thead th:last-child, .match-table .table-block-cont tbody tr td:last-child {
    padding-right: 0;
    padding-left: 80px;
}

.match-pen-row {
    display: flex;
    gap: 20px;
}

.match-pen-item {
    width: calc(100% / 2 - 10px);
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    padding: 32px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.match-pen-item-title {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    margin-bottom: 28px;
}

.match-pen-item-bot {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    margin-top: 32px;
}

.match-pen-table {
    margin-bottom: auto;
    overflow-x: scroll;
}

.match-pen-table::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* дорожка */
.match-pen-table::-webkit-scrollbar-track {
    background: #4A4A4A;
    border-radius: 4px;
}

/* ползунок */
.match-pen-table::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 4px;
}

.match-pen-table table {
    border-spacing: 0;
}

.match-pen-table th, .match-pen-table td {
    text-align: center;
    box-sizing: border-box;
    padding: 0 16px;
    white-space: nowrap;
}

.match-pen-table th {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.match-pen-table td {
    padding: 16px;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.match-pen-table th:last-child, .match-pen-table tr td:last-child {
    width: 283px;
    text-align: left;
    white-space: nowrap;
}

.match-pen-table th:nth-child(2), .match-pen-table tr td:nth-child(2) {
    text-align: left;
}

.match-pen-period {
    border-bottom: 1px solid var(--grey, #414141);
    background: var(--grey, #414141);
}

.match-pen-period td {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.match-pen-period td span {
    margin-left: 40px;
}

.press {

}

.press-top {
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.press-nav {
    border-radius: 30px;
    background: var(--dark-grey, #272727);
    display: flex;
    flex-wrap: nowrap;
    margin-right: 40px;
}

.press-nav button {
    border-radius: 30px;
    background: var(--dark-grey, #272727);
    padding: 16px 30px;
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.press-nav button.active {
    color: var(--black, #171717);
    background-color: #fff;
}

.press-cont {

}

.press-item {
    display: none;
}

.press-item.active {
    display: block;
}

.press-news {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.press-news .main-news-item {
    width: calc(100% / 3 - 13.33px);
    height: fit-content;
}

.press-news .main-news-item:first-child {
    width: calc(100% / 3 * 2 - 13.33px);
    max-height: 683px;
}

.press-news .main-news-item:first-child .main-news-item-cont {
    left: 40px;
    right: 40px;
    bottom: 40px;
}

.press-news .main-news-item:first-child .main-news-item-title {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.press-news .main-news-item:first-child .main-news-item-date {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.press-photo {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.press-photo .main-photo-item {
    width: calc(100% / 3 - 13.33px);
    aspect-ratio: 600/480;
    height: fit-content;
}

.press-photo .main-photo-item:first-child {
    width: calc(100% / 3 * 2 - 13.33px);
    max-height: 683px;
}

.press-photo .main-photo-item:first-child .main-photo-item-cont {
    /* left: 40px; */
    /* right: 40px; */
    /* bottom: 40px; */
    padding: 40px;
}

.press-photo .main-photo-item:first-child .main-photo-item-cont-title {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.press-photo .main-photo-item:first-child .main-photo-item-cont-date {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.press-photo .main-photo-item .main-photo-item-cont {
    max-height: 100%;
    opacity: 1;
    visibility: visible;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45.46%, rgba(0, 0, 0, 0.56) 67.28%, rgba(0, 0, 0, 0.80) 100%);
}

.press-video {
    display: flex;
    gap: 20px;
    row-gap: 32px;
    flex-wrap: wrap;
}

.press-video .main-video-item {
    width: calc(100% / 3 - 13.33px);
}

.press-blog {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.press-blog .main-news-item {
    width: calc(100% / 3 - 13.33px);
    height: fit-content;
    background: var(--dark-grey, #272727);
}

.press-blog .main-news-item .main-news-item-pic {
    opacity: 0;
    z-index: 0;
    transition: 0.3s;
}

.press-blog .main-news-item:hover .main-news-item-pic {
    opacity: 1;
}

.press-blog .main-news-item:first-child {
    width: calc(100% / 3 * 2 - 13.33px);
    max-height: 683px;
}

.press-blog .main-news-item:first-child .main-news-item-pic {
    opacity: 1;
}

.press-blog .main-news-item:first-child .main-news-item-cont {
    left: 40px;
    right: 40px;
    bottom: 40px;
}

.press-blog .main-news-item:first-child .main-news-item-title {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.press-blog .main-news-item:first-child .main-news-item-date {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.press-filter {
    position: relative;
    /* margin-left: auto; */
}

.press-filter-btn {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 16px;
    gap: 20px;
    border-radius: 8px;
    background: var(--dark-grey, #272727);
    display: flex;
    align-items: center;
}

.press-filter-btn:hover {
    background: var(--grey, #414141);
}

.press-filter-btn::after {
    content: '';
    width: 20px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-image: url(../img/set.svg);
    background-size: 100% 100%;
    display: flex;
}

.press-filter-cont {
    position: absolute;
    top: 66px;
    right: 0;
    max-width: 312px;
    min-width: 312px;
    width: 100%;
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
    padding: 16px;
    box-sizing: border-box;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    display: none;
}

.press-filter-cont.active {
    display: flex;
}

.press-filter-cont-item {
    padding: 16px 0;
    padding-top: 14px;
    border-radius: 8px;
    background: #414141;
    max-height: 48px;
    min-height: 48px;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.3s;
}

.press-filter-cont-item.active {
    max-height: 286px;
}

.press-filter-cont-item-top {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-bottom: 12px;
}

.press-filter-cont-item-top::after {
    content: '';
    width: 16px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-image: url(../img/slider-arrow.svg);
    background-size: 100% 100%;
    display: flex;
    transform: rotate(90deg);
    transition: 0.3s;
}

.press-filter-cont-item.active .press-filter-cont-item-top::after {
    transform: rotate(-90deg);
}

.press-filter-cont-item-search {
    margin: 0 8px;
    width: 100%;
    position: relative;
}

.press-filter-cont-item-search::after {
    content: '';
    width: 16px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-image: url(../img/search.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
}

.press-filter-cont-item-search input {
    color: #fff;
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 12px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.10);
    width: 100%;
    width: calc(100% - 16px);
    box-sizing: border-box;
}

.press-filter-cont-item-row {
    display: flex;
    flex-direction: column;
    max-height: 190px;
    overflow-y: scroll;
}

.press-filter-cont-item-row::-webkit-scrollbar {
    width: 2px;
}

/* дорожка */
.press-filter-cont-item-row::-webkit-scrollbar-track {
    background: #4A4A4A;
    border-radius: 4px;
}

/* ползунок */
.press-filter-cont-item-row::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 4px;
}

.press-filter-cont-item-row-block {
    color: var(--white, #FFF);
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 20px;
    box-sizing: border-box;
    transition: 0.3s;
    cursor: pointer;
}

.press-filter-cont-item-row label input {
    display: none;
}

.press-filter-cont-item-row label input:checked ~ .press-filter-cont-item-row-block {
    background: rgba(255, 255, 255, 0.10);
}

.press-filter-title, .press-filter-close {
    display: none;
}

.press-filter-selected {
    margin-left: auto;
    margin-right: 40px;
    display: flex;
    gap: 20px;
    max-width: 782px;
    overflow-x: auto;
}

.press-filter-selected::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* дорожка */
.press-filter-selected::-webkit-scrollbar-track {
    background: #4A4A4A;
    border-radius: 4px;
}

/* ползунок */
.press-filter-selected::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 4px;
}

.press-filter-selected button {
    color: #FFF;
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 18px 20px;
    border-radius: 30px;
    background: var(--dark-grey, #272727);
    display: flex;
    align-items: center;
    gap: 20px;
    white-space: nowrap;
}

.press-filter-selected button::after {
    content: '';
    width: 16px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-image: url(../img/close.svg);
    background-size: 100% 100%;
    display: flex;
}

.press-filter-selected button:hover {
    background: #414141;
}

.article {

}

.article-row {
    display: flex;
    gap: 20px;
}

.article-cont {
    width: 70%;
    padding: 56px 30px;
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.article-cont-block {
    max-width: 800px;
    min-width: min(500px, 100%);
}

.article-cont-back {
    color: rgba(255, 255, 255, 0.70);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.article-cont-back::before {
    content: '';
    width: 20px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-image: url(../img/slider-arrow.svg);
    background-size: 100% 100%;
    display: flex;
    transform: rotate(180deg);
}

.article-cont-top {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
}

.article-cont-title {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-transform: uppercase;
}

.article-cont-date {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.article-cont-pic {
    width: 100%;
    height: fit-content;
    aspect-ratio: 800/480;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 40px;
}

.article-cont-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.article-cont-text {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    gap: 20px;
}

.article-side {
    /* max-width: 600px; */
    width: 30%;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    box-sizing: border-box;
}

.article-side-title {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.article-side-all {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    display: flex;
    align-items: center;
}

.article-side-all::after {
    content: '';
    width: 20px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-image: url(../img/slider-arrow.svg);
    background-size: 100% 100%;
    display: flex;
}

.article-side-cont {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
}

.main-news_article {
    display: none;
}

.back {
    padding-top: 40px;
    margin-bottom: 40px;
}

.back a {
    color: rgba(255, 255, 255, 0.70);
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    display: flex;
    align-items: center;
}

.back a::before {
    content: '';
    width: 20px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-image: url(../img/slider-arrow.svg);
    background-size: 100% 100%;
    display: flex;
    transform: rotate(180deg);
}

.main-title_photo h1 {
    max-width: 1200px;
}

.photo-row a {
    border-radius: 16px;
    overflow: hidden;
}

.photo-row a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: 0.3s;
}

.photo-row a:hover img {
    scale: 1.1;
}

.photo-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    grid-template-rows:
        606px      /* 1 строка */
        400px      /* 2 строка (верх) */
        400px      /* 2 строка (низ) */
        606px;     /* 3 строка */
    grid-auto-rows: 400px; /* для всех последующих */
}

.photo-row a {
    display: block;
    overflow: hidden;
    border-radius: 6px;
}

.photo-row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 1 строка (ряд 1) */
.photo-row a:nth-child(1) { grid-column: 1 / 4; grid-row: 1; }
.photo-row a:nth-child(2) { grid-column: 4 / 7; grid-row: 1; }

/* 2 строка = 2 ряда (ряды 2 и 3) */
/* левый столбец */
.photo-row a:nth-child(3) { grid-column: 1 / 3; grid-row: 2; }
.photo-row a:nth-child(4) { grid-column: 1 / 3; grid-row: 3; }

/* центр — на всю высоту (2 ряда) */
.photo-row a:nth-child(5) { grid-column: 3 / 5; grid-row: 2 / 4; }

/* правый столбец */
.photo-row a:nth-child(6) { grid-column: 5 / 7; grid-row: 2; }
.photo-row a:nth-child(7) { grid-column: 5 / 7; grid-row: 3; }

/* 3 строка (ряд 4) */
.photo-row a:nth-child(8) { grid-column: 1 / 4; grid-row: 4; }
.photo-row a:nth-child(9) { grid-column: 4 / 7; grid-row: 4; }

/* дальше (начиная с ряда 5) — по 3 в ряд */
.photo-row a:nth-child(n + 10) { grid-column: span 2; }

.contact-row {
    display: flex;
    gap: 20px;
}

.contact-lt {
    width: calc(100% / 2 - 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-tel {
    width: 100%;
    height: 240px;
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
    transition: 0.3s;
    color: #fff;
}

.contact-lt-title {
    color: inherit;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.contact-tel a {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 3vw;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.77px;
    text-transform: uppercase;
    white-space: nowrap;
}

.contact-tel a:hover {
    opacity: 0.7;
}

.contact-lt-line {
    display: flex;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
}

.contact-lt-block {
    width: calc(100% / 3 - 13.33px);
    padding: 24px;
    box-sizing: border-box;
    height: 212px;
    border-radius: 20px;
    background: var(--dark-grey, #272727);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.70);
    position: relative;
    transition: 0.3s;
}

.contact-lt-block:hover {
    background: #069351;
}

.contact-lt-block_adr {
    width: calc(100% / 3 * 2 - 10px);
}

.contact-lt-block_adr:hover {
    background: var(--dark-grey, #272727);
}

.contact-lt-adr {
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
}

.contact-lt-block span.contact-lt-block-a {
    color: var(--white, #FFF) !important;
    font-family: Bounded;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-top: auto;
    position: relative;
    z-index: 1;
}

.contact-lt-block span.contact-lt-block-a:hover {
    opacity: 0.7;
}

.contact-lt-block-a {
    text-transform: uppercase;
}

.contact-lt-block_soc:hover {
    background: var(--dark-grey, #272727) !important;
}

.contact-lt-block-pic {
    width: 171px;
    height: fit-content;
    aspect-ratio: 1/1;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    /* position: relative; */
}

.contact-lt-block-pic img {
    width: 100%;
    height: 100%;
}

.contact-lt-block-pic img.active {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s;
}

.contact-lt-block_soc:hover .contact-lt-block-pic img.active {
    opacity: 1;
}

.contact-lt-block-pic img {
    /* width: 80px; */
}

.contact .main-call-cont {
    padding: 48px 32px;
    box-sizing: border-box;
    border-radius: 16px;
    background: var(--dark-grey, #272727);
    box-sizing: border-box;
}

.main-call-cont-a {
    display: flex;
    align-items: center;
    gap: 16px;
}

.main-call-cont-a p {
    max-width: 334px;
    color: var(--white_50, rgba(255, 255, 255, 0.50));
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.error {
    margin-top: 70px;
    overflow: hidden;
}

.error-cont {
    max-width: 1013px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.error-cont-num {
    font-family: Bounded;
    font-size: 427px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -4.27px;
    text-transform: uppercase;
    display: flex;
    position: relative;
    gap: 311px;
    height: 427px;
}

.error-cont-num-sh {
    width: 576px;
    height: fit-content;
    aspect-ratio: 1/1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 100px;
}

.error-cont-num-sh img {
    width: 100%;
    height: 100%;
}

.error-cont h1 {
    margin-top: 20px;
    align-self: stretch;
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.error-cont p {
    align-self: stretch;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
}

.error-cont a {
    color: var(--white, #FFF);
    font-family: Bounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.14px;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 24px 32px;
    margin-top: 48px;
}

.feedback_message {
    padding: 5px;
    border-radius: 8px;
    width: fit-content;
    display: inline-block;
}

.grecaptcha-badge {
    visibility: hidden;
}

.recaptcha-note {
    color: var(--white_50, rgba(255, 255, 255, 0.50));
}

.hidden {
    display: none !important;
}
.visibility-hidden {
    visibility: hidden !important;
}

table.disqualifications {
    min-height: 140px;
}

.disq-punkt-info {
    position: relative;
    cursor: help;
    margin-left: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

.disq-punkt-info::before {
    content: '';
    display: inline-block;
    width: 22px;
    background-image: url(/img/question.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    color: #aaa;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #5a5a5a;
}

.disq-punkt-info:hover::before {
    color: #000;
}

.disq-punkt-decription {position: absolute;top: 100%;margin-top: 4px;left: 50%;transform: translateX(-50%);display: none;padding: 2px 4px;box-sizing: border-box;min-width: min(200px,100vw);background: rgb(0 0 0 / 70%);color: #FFF;z-index: 2;border-radius: 6px;}

.disq-punkt-info:hover > .disq-punkt-decription {
    display: block;
}

.disq-punkt-decription::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    border-bottom: 6px solid rgb(0 0 0 / 70%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.table-playoffs-games {
    display: none;
}

.text-center {
    text-align: center !important;
}

div.chess th img {
    display: block;
    margin: 0 auto;
}

td.chess-results {
    align-items: center;
    justify-content: center;
}

.chess th:not(:first-child),
.chess td:not(:first-child) {
    width: auto !important;
    padding-right: 0 !important;
}

td.chess-results img {
    display: block;
    margin: 0 auto;
}

.chess-results-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.chess-results-wrapper a.win {
    color: #17dd80;
}
.chess-results-wrapper a.lost {
    color: #D42928;
}

.match-tabs {
    left: -100000px;
    position: fixed;
    z-index: -1;
    opacity: 0;
    transition: opacity .3s;
    margin-bottom: 30px;
}

.match-tabs-wrapper {
    margin-bottom: 30px;
}

.match-tabs-wrapper label {
    display: inline-block;
    cursor: pointer;
}

#match-radio-1:checked ~ .match-tabs-wrapper label[for="match-radio-1"],
#match-radio-2:checked ~ .match-tabs-wrapper label[for="match-radio-2"],
#match-radio-3:checked ~ .match-tabs-wrapper label[for="match-radio-3"],
#match-radio-4:checked ~ .match-tabs-wrapper label[for="match-radio-4"],
#match-radio-5:checked ~ .match-tabs-wrapper label[for="match-radio-5"],
#match-radio-6:checked ~ .match-tabs-wrapper label[for="match-radio-6"],
#match-radio-7:checked ~ .match-tabs-wrapper label[for="match-radio-7"],
#match-radio-8:checked ~ .match-tabs-wrapper label[for="match-radio-8"] {
    color: #171717;
    background: var(--white, #FFF);
}

#match-radio-1:checked ~ #match-tab-1,
#match-radio-2:checked ~ #match-tab-2,
#match-radio-3:checked ~ #match-tab-3,
#match-radio-4:checked ~ #match-tab-4,
#match-radio-5:checked ~ #match-tab-5,
#match-radio-6:checked ~ #match-tab-6,
#match-radio-7:checked ~ #match-tab-7,
#match-radio-8:checked ~ #match-tab-8 {
    position: static;
    z-index:1;
    opacity:1;
}

.table-player-person-cell {
    position: sticky;
    left: 0;
    background: #171717;
}

.w-auto {
    width: auto !important;
}

.text-decoration-underline{
    text-decoration: underline !important;
}

#arena_map {
    width: 100%;
    height: 500px;
    max-height: 60vh;
    margin: 30px 0;
}

.arena-wrapper {
    width: 100%;
}

.arena-wrapper .article-cont-text b {
    font-family: 'Bounded', 'Onest', cursive;
}

.arenas-cont-item .teams-cont-item-pic {
    width: 150px;
    height: 150px;
}

.arenas-cont-item span {
    font-family: 'Onest', 'Bounded', sans-serif;
    font-size: 1rem;
    color: #ccc;
    text-transform: none;
}

.person-age.player-banner-info-row-block {
    min-width: 80px;
}

.table-block-cont table thead th.prim-init-sort,
.table-block-cont table thead th.primary-sort,
.table-block-cont table tbody td.prim-init-sort,
.table-block-cont table tbody td.primary-sort {
    font-family: 'Bounded', 'Onest', sans-serif;
    font-weight: bold;
    color: var(--green, #17dd80);
}

.table-block-cont table.table-is-sorted thead th.prim-init-sort:not(.primary-sort) {
    font-weight: 600;
    color: var(--white_50, rgba(255, 255, 255, 0.50));
}
.table-block-cont table.table-is-sorted tbody td.prim-init-sort:not(.primary-sort) {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    color: var(--white, #FFF);
}

a.match-referee-link {
    width: fit-content;
}

.head2head-leaguename {
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-family: 'Bounded', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    margin-top: 18px;
}

.head2head-groupname {
    color: var(--white, #FFF);
    font-family: 'Bounded', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.head2head-games-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.head2head-onegame-wrapper {
    padding: 24px;
    border: 1px solid #414141;
    border-radius: 16px;
}

.head2head-date {
    margin-bottom: 16px;
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
}

.head2head-game-teamsscore {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
}

.head2head-game-datescore {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.head2head-game-team {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1 1 50%;
    flex-wrap: nowrap;
}

.head2head-game-team:last-child {
    justify-content: flex-end;
}

.head2head-game-team img {
    width: 100px;
    height: 100px;
    border-radius: 7px;
    display: block;
}

.head2head-game-team .team-name,
.head2head-game-score {
    color: var(--white, #FFF);
    font-family: 'Bounded', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.head2head-game-score {
    border: 1px solid #414141;
    border-radius: 8px;
    padding: 14px 19px;
    white-space: nowrap;
    text-align: center;
}

.head2head-games-wrapper + .head2head-groupname {
    margin-bottom: 18px;
}

.head2head-game-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 24px;
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 18px;
}

.head2head-game-buttons > a {
    display: flex;
    align-items: center;
}

.head2head-game-buttons > a::before {
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.head2head-game-buttons > a.head2head-game-button-video::before {
    background: url(/img/match/video-circle.svg);
}

.head2head-game-buttons > a.head2head-game-button-report::before {
    background: url(/img/match/note.svg);
}

.head2head-oneteamscore {
    display: none;
    margin-left: auto;
    border: 1px solid #414141;
    border-radius: 4px;
    padding: 5px 7px;
    min-width: 35px;
    text-align: center;
}

.head2head-leaders-header h2 {
    line-height: 0.6;
}

.main-top-description {
    font-family: 'Onest', sans-serif;
    color: var(--white_70, rgba(255, 255, 255, 0.70));
    font-size: 1rem;
    text-transform: none;
}

p.main-best-item-card-bot-extended {
    margin: 0;
    padding: 0;
}

p.main-best-item-card-bot-extended > small {
    font-size: .5em;
    color: rgba(255, 255, 255, .7);
    margin-left: -3px;
    font-weight: 500;
}

.head2head-leaders-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding: 32px;
    background: #272727;
    border-radius: 16px;
}

.head2head-leaders-category-header {
    font-family: 'Bounded', sans-serif;
    text-transform: uppercase;
    margin-bottom: 24px;
    color: rgb(255 255 255 / 70%);
}

.head2head-leaders-category-players {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.head2head-leaders-category-players .main-best-item-card {
    width: 100%;
    max-width: unset;
}

.main-top.head2head-block-header {
    margin-top: 32px;
}

.head2head-leaders-category-players .main-best-item-card-bot {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: unset;
}

.head2head-leaders-category-players .main-best-item-card-bot div,
.head2head-leaders-category-players .main-best-item-card-bot p {
    line-height: 0.7;
}

.head2head-teamsstat-wrapper {
    background: #272727;
    padding: 32px;
    border-radius: 16px;
}

.head2head-teamsstat-groupparams-grid {
    display: grid;
    grid-template-columns: 1fr auto minmax(200px, 400px) auto 1fr;
}

.head2head-teamsstat-groupparams-header {
    grid-column: span 5;
    padding: 16px 0;
    color: rgb(255 255 255 / 70%);
    justify-self: center;
}

.head2head-teamsstat-teams-mobile,
.head2head-game-overtime-mobile {
    display: none;
}

.head2head-teamsstat-teamname-desktop, .head2head-teamsstat-teams-mobile {
    font-family: 'Bounded', sans-serif;
    color: rgb(255 255 255 / 70%);
    text-transform: uppercase;
    justify-self: start;
    font-size: 20px;
}

.head2head-teamsstat-teamname-desktop.team-a {
    justify-self: end;
}

.head2head-teamsstat-scale-wrapper,
.head2head-teamsstat-value-wrapper,
.head2head-teamsstat-title-wrapper {
    padding: 20px 7px;
    border-bottom: 2px solid #414141;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.head2head-teamsstat-scale-wrapper {
    justify-content: flex-end;
}

.head2head-teamsstat-scale-wrapper.team-b {
    justify-content: flex-start;
}

.head2head-teamsstat-scale {
    height: 8px;
    background: #D42928;
}

.head2head-teamsstat-value {
    font-size: 20px;
}

.head2head-teamsstat-scale.win {
    background: #069351;
}

.head2head-teamsstat-scale-wrapper:nth-last-child(1),
.head2head-teamsstat-value-wrapper:nth-last-child(2),
.head2head-teamsstat-title-wrapper:nth-last-child(3),
.head2head-teamsstat-value-wrapper:nth-last-child(4),
.head2head-teamsstat-scale-wrapper:nth-last-child(5) {
    border: none;
}

.gameroster-wrapper {
    background: #272727;
    padding: 32px;
    border-radius: 16px;
}

.gameroster-header {
    text-align: center;
    font-family: 'Bounded', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: rgb(255 255 255 / 70%);
}

.gameroster-row {
    margin: 24px 0;
    display: flex;
    gap: 24px;
}

.gameroster-row-item-wrapper {
    flex: 1 0;
    position: relative;
}

.gameroster-row-item {
    padding: 24px;
    border: 1px solid #414141;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 32px;
    height: 100%;
    box-sizing: border-box;
}

.gameroster-row-item.team-b {
    flex-direction: row-reverse;
}

img.gameroster-row-item-image {
    width: 80px;
    height: 96px;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
    transition: transform .2s;
    display: block;
    position: relative;
}

.gameroster-row-item-num {
    font-family: 'Bounded', sans-serif;
    font-size: 20px;
    font-weight: 600;
    min-width: 35px;
    text-align: right;
}

.team-b .gameroster-row-item-num {
    text-align: left;
}

.gameroster-row-item-cap {
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #414141;
    align-items: center;
    justify-content: center;
    font-family: 'Bounded', sans-serif;
    font-size: 16px;
    color: #E93F40;
}

.gameroster-row-item-cap.cap-2 {
    color: #069351;
}

.gameroster-row-item-cap {
    display: flex;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background: #414141;
    align-items: center;
    justify-content: center;
    font-family: 'Bounded', sans-serif;
    font-size: 16px;
    color: #E93F40;
    flex-shrink: 0;
}

.gameroster-row-item-cap.cap-2 {
    color: #069351;
}

.gameroster-row-item-name-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
}

.team-b .gameroster-row-item-name-wrapper {
    flex-direction: row-reverse;
}

.gameroster-row-item-name {
    text-align: right;
}

.team-b .gameroster-row-item-name {
    text-align: left;
}

.gameroster-row-item-name.backup {
    opacity: 0.7;
}

@media (min-width: 2032px) {
    .contact-tel a {
        font-size: 80px;
    }
}

@media (max-width: 1840px) {
    .head2head-game-team {
        flex-direction: column;
        align-self: flex-start;
    }
    .head2head-game-team:last-child {
        flex-direction: column-reverse;
    }
}

@media (max-width: 1700px) {
    .head2head-leaders-category-players .main-best-item-card-pic {
        max-width: 140px;
    }
}

@media (max-width: 1604px) {
    h1.team-top-info-title {
        font-size: 36px;
    }

    .team-top-stat-row-item div span {
        font-size: 24px;
    }
}

@media (max-width: 1550px) {
    .header-nav {
        gap: 32px;
    }

    .footer-ct {
        margin-left: auto;
        margin-right: auto;
        gap: 90px;
    }
    .contact-lt-block a {
        font-size: 14px;
    }
}

@media (max-width: 1500px) {
    .head2head-game-team .team-name {
        font-size: 16px;
    }
}

@media (max-width: 1452px) {
    h1.team-top-info-title {
        font-size: 28px;
    }

    .team-top-stat-row-item div span {
        font-size: 18px;
    }
}

@media (max-width: 1339px) {
    .header-nav a {
        font-size: 14px;
    }

    .header-logo {
        font-size: 13px;
    }

    .header-request-btn {
        margin-left: 24px;
    }

    .container {
        padding: 0 20px;
    }

    .footer {
        margin-bottom: 20px;
        margin-top: 80px;
    }

    .footer-cont {
        padding: 32px 20px 20px;
    }

    .footer-main {
        flex-wrap: wrap;
        row-gap: 36px;
        justify-content: space-between;
        margin-bottom: 40px;
    }

    .footer-lt {
        order: 0;
    }

    .footer-ct {
        order: 2;
        width: 100%;
        gap: 108px;
    }

    .footer-rt {
        order: 1;
        gap: 33px;
    }

    .footer-logo {
        gap: 10px;
        color: #FFF;
        font-family: Bounded;
        font-size: 19.026px;
        font-style: normal;
        font-weight: 566;
        line-height: 125%;
        text-transform: uppercase;
        max-width: 368px;
    }

    .footer-logo-pic {
        max-width: 89.703px;
        min-width: 89.703px;
        height: 88.828px;
        aspect-ratio: 89.70/88.83;
    }

    .footer-request-btn {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.13px;
        text-transform: uppercase;
        padding: 0 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 48px;
    }

    .footer-nav a {
        color: #FFF;
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .footer-info div span {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .footer-info div a {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .main-banner {
        margin-bottom: 80px;
    }

    .main-banner .container {
        flex-direction: column;
    }

    .main-banner-slider {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 794/480;
        max-height: 600px;
    }

    .main-banner-slider-item-cont {
        left: 24px;
        right: 24px;
        bottom: 52px;
        gap: 16px;
    }

    .main-banner-slider-item-tags {
        gap: 12px;
    }

    .main-banner-slider-item-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.36px;
        text-transform: uppercase;
    }

    .main-banner-slider .slick-dots {
        left: 24px;
        right: 24px;
        bottom: 32px;
    }

    .main-banner-news {
        padding: 32px 24px;
    }

    .main-banner-news-top-title {
        color: var(--green, #069351);
        font-family: Bounded;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.22px;
        text-transform: uppercase;
    }

    .main-banner-news-top a {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .main-banner-news ul li p {
        align-self: stretch;
        color: rgba(255, 255, 255, 0.70);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .main-sponsor {
        margin-bottom: 80px;
    }

    .main-top h2 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.28px;
        text-transform: uppercase;
    }

    .main-sponsor-row a {
        width: calc(100% / 4 - 15px);
        aspect-ratio: 183/100;
    }

    .main-sponsor-row a img {
        width: 70%;
    }

    .main-game {
        margin-bottom: 80px;
    }

    .main-game-slider .slick-list {
        margin: 0;
    }

    .main-game-item-cont {
        gap: 10px;
    }

    .main-game-item-team-logo {
        max-width: 80px;
    }

    .main-game-item-team-name {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }

    .main-game-item-info-date {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 566;
        line-height: 125%;
        text-align: center;
        text-transform: uppercase;
    }

    .main-game-item-info-time {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-align: center;
        white-space: nowrap;
    }

    .main-game-item-info-score {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        text-align: center;
        margin-top: 4px;
    }

    .main-game-item-info-active {
        color: var(--green, #069351);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
        margin-top: 8px;
        white-space: nowrap;
    }

    .main-game-item-loc {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
        margin-top: 24px;
        max-width: 269px;
    }

    .main-game-slider .slick-list {
        overflow: visible;
    }

    .main-tp {
        flex-direction: column;
        gap: 80px;
    }

    .main-tp-block {
        width: 100%;
    }

    .main-champ-top {
        padding: 0 24px;
        margin-bottom: 29px;
    }

    .main-champ-top-title {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Bounded;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.22px;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .main-champ-nav {
        top: 28px;
        right: 24px;
    }

    .main-champ-sub {
        padding: 0 24px;
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
    }

    .main-champ table {
        padding-left: 24px;
    }

    thead th {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 19.6px */
        padding-bottom: 0;
    }

    tbody td {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 20.4px */
    }

    tbody tr td:first-child {
        text-align: center;
    }

    .main-champ-cont {
        height: 673px;
    }

    .table-scroll {
        height: calc(100% - 80px);
    }

    .main-best-item {
        gap: 16px;
    }

    .main-best-item-top-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
    }

    .main-best-row {
        gap: 32px;
        height: 675px;
    }

    .main-best-item-card {
        max-width: 344px;
        padding: 16px;
        gap: 16px;
        height: 204px;
    }

    .main-best-item-card-name {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .main-best-item-card-team {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .main-best-item-card-pic {
        max-width: 143px;
    }

    .main-best-item-card-bot {
        gap: 16px;
    }

    .main-best-item-card-bot div {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.22px;
        text-transform: uppercase;
    }

    .main-best-item-card-bot div span {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .main-best-item-info-cont {
        gap: 7px;
    }

    .main-best-item-info li {
        gap: 20px;
    }

    .main-best-item-info-name {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .main-best-item-info-team {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .main-best-item-info-add {
        gap: 4px;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .main-best-item-info-add span {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .main-photo {
        margin-bottom: 80px;
    }

    .main-top a {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .link_solo::after {
        width: 18px;
        height: 18px;
    }

    .main-photo-row {
        flex-direction: column;
        gap: 20px;
    }

    .main-photo-col {
        width: 100%;
    }

    .main-photo-col_solo .main-photo-item {
        max-height: 680px;
        width: 100%;
    }

    .main-photo-col_solo .main-photo-item .main-photo-item-cont-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.36px;
        text-transform: uppercase;
    }

    .main-photo-col_solo .main-photo-item .main-photo-item-cont-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .main-photo-item {
        aspect-ratio: 794/680;
    }

    .main-photo-item .main-photo-item-cont {
        max-height: 100%;
        opacity: 1;
        visibility: visible;
        background: linear-gradient(180deg, rgba(23, 23, 23, 0.00) 29.2%, rgba(23, 23, 23, 0.63) 64.52%, rgba(23, 23, 23, 0.90) 100%);
    }

    .main-photo-item-num {
        top: 20px !important;
        right: 20px !important;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        gap: 8px !important;
        align-items: center;
        padding: 8px 16px !important;
    }

    .main-photo-item-num::before {
        width: 20px;
        height: 20px;
    }

    .main-photo-item .main-photo-item-cont-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
    }

    .main-video {
        margin-bottom: 80px;
        overflow: hidden;
    }

    .main-video-row .slick-list {
        margin: 0;
        overflow: visible;
    }

    .main-video-item {
        max-width: 480px;
    }

    .main-video-item-pic {
        margin-bottom: 20px;
    }

    .main-video-item-pic::after {
        width: 56px;
        right: 24px;
        bottom: 24px;
    }

    .main-video-item-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .main-video-item-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .main-info {
        margin-bottom: 80px;
        overflow: hidden;
    }

    .main-info-row .slick-list {
        margin: 0;
        overflow: visible;
    }

    .main-news-row .slick-list {
        margin: 0;
        overflow: visible;
    }

    .main-info-item {
        max-width: 480px;
        aspect-ratio: 480/344;
        padding: 24px;
    }

    .main-info-item-pic {
        opacity: 1;
    }

    .main-info-item-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
    }

    .main-info-item-date {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .main-info-item-link {
        color: var(--white_70, rgba(255, 255, 255, 0.70)) !important;
        font-family: Onest;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .main-call {

    }

    .main-call-row {
        padding: 40px 20px;
    }

    .main-call-pic {
        display: none;
    }

    .main-call-cont {
        width: 100%;
    }

    .main-call-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.28px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .main-call-nav button {
        padding: 12px 20px;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .main-call-cont form button {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.13px;
        text-transform: uppercase;
        padding: 18px 24px;
    }

    .header-menu {
        display: flex;
        position: fixed;
        z-index: 9;
        top: 0;
        bottom: 0;
        right: 0;
        max-width: 572px;
        width: 100%;
        background: var(--dark-grey, #272727);
        flex-direction: column;
        padding: 32px 24px;
        box-sizing: border-box;
        overflow-y: scroll;
        max-height: 100%;
        right: -100%;
        transition: 0.3s;
        opacity: 0;
    }

    .header-menu.active {
        right: 0;
        opacity: 1;
    }

    .header-menu::after {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: calc(100% - 572px);
        background: rgba(0, 0, 0, 0.90);
        opacity: 0;
        transition: 0.6s;
        max-width: 0;
    }

    .header-menu.active::after {
        opacity: 1;
        max-width: 100%;
    }

    .header-menu-close {
        position: absolute;
        margin-left: auto;
        top: 36px;
        right: 40px;
        width: 48px;
        height: 48px;
        border-radius: 8px;
        background-color: var(--grey, #414141);
        background-image: url(../img/close.svg);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .header-menu-nav {
        margin-top: 124px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .header-menu-nav a {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.28px;
        text-transform: uppercase;
        padding: 24px;
        box-sizing: border-box;
    }

    .header-menu-bot {
        margin-top: auto;
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 0 24px;
    }

    .header-menu-bot .header-soc {
        display: flex;
    }

    .header-menu-bot .header-request-btn {
        margin-left: 0;
        width: fit-content;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.14px;
        text-transform: uppercase;
        padding: 24px 32px;
        height: auto;
    }

    .call-popup .main-call-cont {
        padding: 40px 20px;
        width: 100%;
        max-width: 794px;
        margin: 0 20px;
    }

    .header-nav {
        display: none;
    }

    .header-cont {
        justify-content: space-between;
    }

    .header-soc {
        display: none;
    }

    .header-logo {
        color: #FFF;
        font-family: Bounded;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
        gap: 6px;
    }

    .header-logo-pic {
        width: 56.552px;
        height: 56px;
        aspect-ratio: 56.55/56.00;
    }

    .header-request-btn {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.13px;
        text-transform: uppercase;
        padding: 0 24px;
        margin-left: auto;
        margin-right: 24px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header-menu-btn {
        display: flex;
        max-width: 48px;
        min-width: 48px;
        height: fit-content;
        aspect-ratio: 1/1;
        border-radius: 8px;
        background: var(--grey, #414141);
        background-image: url(../img/header/menu.svg);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .drop {
        height: 48px;
    }

    .drop-btn {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        height: 100%;
        padding: 0 16px;
    }

    .table-top-btn {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.13px;
        text-transform: uppercase;
        padding: 0 24px;
        height: 48px;
    }

    .table-nav button,
    .table-nav a {
        padding: 15px 20px;
    }

    .table-nav {
        margin: 0 -16px;
        padding: 0 16px;
        margin-bottom: 54px;
    }

    .table-block-top {
        margin-bottom: 32px;
    }

    .table-block-top h2 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 45px;
        letter-spacing: -0.28px;
        text-transform: uppercase;
    }

    .table-block-top-glos {
        padding: 12px 16px;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        gap: 20px;
    }

    .table-block-top-glos::after {
        width: 16px;
        height: 16px;
    }

    .table-block {
        margin-bottom: 80px;
        position: relative;
    }

    .table-block-cont {
        overflow-x: auto;
        position: relative;
    }

    .table-block:not(.playoffs):not(.chess):not(.match-stats-table)::after {
        content: '';
        width: 50px;
        height: 100%;
        background: linear-gradient(270deg, #171717 0%, rgba(23, 23, 23, 0.70) 35.22%, rgba(23, 23, 23, 0.40) 65.49%, rgba(23, 23, 23, 0.00) 100%);
        position: absolute;
        top: 72px;
        bottom: 0;
        right: 0;
        pointer-events: none;
    }

    .table-block-cont::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .table-block-cont::-webkit-scrollbar-track {
        background: #4A4A4A;
        border-radius: 4px;
    }

    .table-block-cont::-webkit-scrollbar-thumb {
        background: #D9D9D9;
        border-radius: 4px;
    }

    .table-block-cont thead th {
        color: var(--white_50, rgba(255, 255, 255, 0.50));
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.16px;
        text-transform: uppercase;
    }

    .table-block-cont tbody td {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .table-block-cont thead th:first-child, .table-block-cont tbody tr td:first-child  {
        padding-right: 40px;
        width: 75px;
        text-align: center;
    }

    .table-block-cont-player thead th:first-child {
        text-align: left;
    }

    .table-player {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .table-player img {
        width: 36px;
    }

    .table-block-cont-game-s {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }

    .table-row {
        margin-bottom: 80px;
    }

    .table-block-cont-game thead th:first-child {
        width: 75px;
        padding-right: 20px;
    }

    .chips {
        margin-top: 32px;
        margin-bottom: 24px;
    }

    .main-title {
        margin-bottom: 24px;
    }

    .main-title h1 {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.36px;
        text-transform: uppercase;
    }

    .table-block-glos {
        gap: 32px;
        padding: 0 20px;
        position: relative;
        z-index: 1;
        flex-direction: row;
        gap: 20px;
        justify-content: space-between;
    }

    .table-block-glos.active {
        padding: 28px 20px;
    }

    .table-block-glos li {
        margin: 0;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        width: calc(50% - 10px);
        gap: 14px;
        /* white-space: nowrap; */
    }

    .table-block-glos li span {
        color: var(--white_50, rgba(255, 255, 255, 0.50));
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
    }

    .teams {
        margin-bottom: 80px;
    }

    .teams-main {
        display: contents;
    }

    .teams-item.active {
        display: contents;
    }

    .teams-cont-row {
        /* order: 2; */
    }

    .teams-row {
        flex-direction: column;
        display: flex;
        gap: 24px;
    }

    .teams-nav {
        margin-bottom: 48px;
    }

    .teams-nav button {
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        padding: 16px;
    }

    .teams-title {
        order: 0;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.28px;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .teams-side {
        order: 1;
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        position: relative;
        padding: 16px 20px;
        /* max-height: 75px; */
        /* overflow: hidden; */
        transition: 0.3s;
    }

    .teams-side.active {
        max-height: 800px;
    }

    .teams-side-top.active {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
        margin-bottom: 16px;
    }

    .teams-side-btn {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        padding: 0 20px;
        height: 43px;
        box-sizing: border-box;
        border-radius: 8px;
        border: 1px solid var(--white_50, rgba(255, 255, 255, 0.50));
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .teams-side-title {
        color: #FFF;
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .teams-side table thead th {
        align-self: stretch;
        color: var(--white_50, rgba(255, 255, 255, 0.50));
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        padding-bottom: 12px;
    }

    .teams-side table tbody td {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        padding-bottom: 16px;
    }

    .teams-side-glos-btn {
        margin-top: 16px;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        padding: 12px 16px;
    }

    .teams-side-glos-btn::after {
        width: 16px;
    }

    .teams-cont-item {
        height: 154px;
        padding: 20px;
        justify-content: space-between;
        aspect-ratio: 250/154;
        height: auto;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 2vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
        gap: 16px;
    }

    .teams-cont-item-pic {
        height: auto;
        width: 45%;
    }

    .teams-side-glos {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 40px;
        row-gap: 20px;
    }

    .teams-side-glos li {
        width: fit-content;
    }

    .team-top {
        flex-direction: column;
        gap: 32px;
        align-items: flex-start;
        padding: 32px 24px;
    }

    .team-top-info {
        gap: 20px;
    }

    .team-top-info-pic {
        width: 82px;
    }

    .team-top-info-cont {
        gap: 8px;
    }

    .team-top-info-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.36px;
        text-transform: uppercase;
    }

    .team-top-stat {
        width: 100%;
    }

    .team-top-stat-top h2 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.22px;
        text-transform: uppercase;
    }

    .team-top-stat-row-item div {
        width: -moz-available;
        width: -webkit-fill-available;
        padding: 12px 20px;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .team-top-stat-row-item div span {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.22px;
        text-transform: uppercase;
    }

    .team-pic {
        margin-bottom: 80px;
    }

    .main-game .main-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .team-game-nav button,
    .match-tabs-switcher label {
        padding: 12px 16px;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .team-squad {
        margin-bottom: 80px;
    }

    .team-squad .main-top {
        margin-bottom: 20px;
    }

    .team-squad-nav button {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        padding: 12px 16px;
    }

    .team-squad-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .team-squad-item {
        aspect-ratio: 387/512;
    }

    .team-squad-item-cont {
        left: 16px;
        right: 16px;
        bottom: 16px;
        padding: 20px 16px;
    }

    .team-squad-item-name {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
    }

    .team-squad-item-pos {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .team-squad-item-cont-info {
        max-height: 100%;
        padding-top: 8px;
        margin-top: 12px;
        border-top: 1px solid var(--grey, #414141);
        gap: 30px;
    }

    .team-squad-item-cont-info div {
        gap: 4px;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .team-squad-item-cont-info div span {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .team-squad-more {
        margin-top: 48px;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.13px;
        text-transform: uppercase;
        padding: 18px 24px;
    }

    .main-news {
        margin-bottom: 80px;
    }

    .main-news-item {
        max-width: 480px;
        min-width: 480px;
        aspect-ratio: 480/344;
    }

    .main-news-item-cont {
        left: 16px;
        right: 16px;
        bottom: 20px;
        gap: 8px;
    }

    .main-news-item-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
        opacity: 1 !important;
    }

    .main-news-item-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .player {
        margin-top: 20px;
    }

    .player-banner-cont {
        display: contents;
        padding: 0;
    }

    .player-banner {
        padding: 32px 24px;
        border-radius: 16px;
        background: var(--dark-grey, #272727);
        display: flex;
        flex-direction: column;
        gap: 0;
        height: auto;
        position: relative;
        margin-bottom: 80px;
    }

    .player-banner-chip {
        order: 0;
    }

    .player-banner-pic {
        order: 1;
    }

    .player-banner-info {
        order: 2;
        margin-top: -10px;
    }

    .player-banner-pic {
        max-width: 280px;
        width: 100%;
        min-height: 325px;
        max-height: 325px;
        border-radius: 12px;
        margin-left: auto;
    }

    .player-banner-num {
        position: absolute;
        left: 24px;
        top: 211px;
        right: auto;
        color: rgba(255, 255, 255, 0.10);
        font-family: Bounded;
        font-size: 120px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -1.2px;
        text-align: right;
        text-transform: uppercase;
    }

    .player-banner-info-name {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 48px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.48px;
        text-transform: uppercase;
    }

    .player-banner-info-row-block {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
        width: fit-content;
    }

    .player-banner-info-row-block:nth-child(-n + 2) {
        width: calc(50% - 10px);
    }

    .player-stat h2 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.28px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .player-stat-nav button {
        padding: 12px 16px;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .player-stat-cont-block-row {
        flex-direction: column;
        gap: 50px;
    }

    .player-stat-cont-block-item {
        width: 100%;
    }

    .player-stat-cont-block-item h3 {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.22px;
        text-transform: uppercase;
    }

    .player-stat-cont-block-item-graph-top {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .player-stat-cont-block-item-graph-cont {
        height: 330px;
    }

    .player-stat-cont-block-item-graph-bot {
        margin-top: 11px;
        height: 34px;
        margin-left: 0;
    }

    .player-stat-cont-block-item-graph-bot-date {
        transform: rotate(-90deg);
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .player-stat-cont-block-a-top {

    }

    .player-stat-cont-block-a-top h3 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.22px;
        text-transform: uppercase;
        margin: 0;
    }

    .glosary-cont {
        padding: 40px 32px;
        max-width: 632px;
    }

    .glosary-cont-list {
        column-count: 1;
    }

    .player-stat {
        margin-top: 0;
    }

    .glosary-cont-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.28px;
        text-transform: uppercase;
    }

    .glosary-cont-close {
        width: 44px;
        height: 44px;
        top: 20px;
        right: 20px;
        background-size: 16px 16px;
    }

    .glosary-cont-list li {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        gap: 34px;
        margin-bottom: 24px;
    }

    .glosary-cont-list li span {
        max-width: 115px;
    }

    .calendar {
        margin-bottom: 80px;
    }

    .calendar h1 {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.36px;
        text-transform: uppercase;
    }

    .calendar-row {
        flex-direction: column;
        gap: 32px;
    }

    .calendar-side {
        flex-direction: row;
        gap: 16px;
        max-width: 100%;
        min-width: 0;
        flex-wrap: wrap;
    }

    .calendar-side .drop {
        width: calc(100% / 3 - 10.7px);
    }

    .calendar-side::-webkit-scrollbar {
        display: none;
    }

    .calendar-side-filters {
        display: none;
    }

    .calendar-drop-btn {
        display: flex;
        height: 48px;
        max-width: 100%;
    }

    .calendar-side .input-block {
        width: calc(100% / 3 - 10.7px);
    }

    .calendar-side .input-block select {
        padding: 12px;
    }

    .calendar-drop {
        width: calc(100% / 3 - 10.7px);
        position: relative;
    }

    .cal {
        display: none;
        position: absolute;
        top: 60px;
        right: 0;
        width: 386px;
        z-index: 2;
        padding: 20px;
    }

    .cal.active {
        display: block;
    }

    .cal-title {
        margin-left: 12px;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .cal-week span {
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }

    .cal-grid button {
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }

    .calendar-cont-date {
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.22px;
        text-transform: uppercase;
    }

    .calendar-cont-nav button {
        padding: 12px 16px;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .calendar-cont-block-title {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
    }

    .calendar-cont-block-row {
        gap: 16px;
    }

    .calendar-cont-block .main-game-item {
        width: calc(100% / 2 - 8px);
        min-width: 0;
    }

    .calendar-cont-block .team-squad-more {
        margin-top: 20px;
    }

    .match {
        margin-bottom: 96px;
    }

    .match-block {
        padding: 32px 24px;
    }

    .match-team-logo-pic {
        height: 56px;
    }

    .match-team-name {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.22px;
        text-transform: uppercase;
    }

    .match-team-cont {

    }

    .match-team-cont-coach {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .match-team-cont-coach span {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .match-team-cont-list {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .match-center {
        max-width: 258px;
    }

    .match-center-date {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.16px;
        text-align: center;
        text-transform: uppercase;
    }

    .match-center-week {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
    }

    .match-center-score {
        width: 200px;
        gap: 4px;
    }

    .match-center-score-main {
        color: #FFF;
        font-family: Bounded;
        font-size: 54px;
        font-style: normal;
        font-weight: 566;
        line-height: 130%;
        letter-spacing: -0.54px;
        text-align: center;
        text-transform: uppercase;
    }

    .match-center-score-add {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }

    .match-center-loc {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
    }

    .match-bot {
        margin-top: 24px;
        gap: 20px;
    }

    .match-bot div {
        width: calc(100% / 2 - 10px);
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .match-bot div span {
        align-self: stretch;
        color: rgba(255, 255, 255, 0.70);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .match-table .table-block::after {
        top: 0;
    }

    .match-pen-row {
        flex-direction: column;
    }

    .match-pen-item {
        width: 100%;
        padding: 28px 24px 24px;
    }

    .match-pen-item-title {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Bounded;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.22px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .match-pen-table td {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }

    .match-pen-item-bot {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
        margin-top: 28px;
    }

    .press-top {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .press-nav {
        order: 0;
    }

    .press-filter {
        order: 1;
    }

    .press-filter-selected {
        order: 2;
        gap: 16px;
        overflow: scroll;
        margin: 0 -16px;
        padding: 0 16px;
        max-width: 100%;
        width: 100%;
    }

    .press-filter-selected::-webkit-scrollbar {
        display: none;
    }

    .press-filter-selected button {
        padding: 15px 20px;
        color: #FFF;
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .press-nav button {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        padding: 12px 16px;
    }

    .press-filter-btn {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        padding: 12px;
        gap: 20px;
    }

    .press-news .main-news-item, .press-blog .main-news-item {
        width: calc(100% / 2 - 10px);
        max-width: 100%;
        min-width: auto;
    }

    .press-news .main-news-item:first-child, .press-photo .main-photo-item:first-child, .press-blog .main-news-item:first-child {
        width: 100%;
        max-width: 100%;
        max-height: 460px;
    }

    .press-news .main-news-item:first-child .main-news-item-cont, .press-blog .main-news-item:first-child .main-news-item-cont {
        left: 24px;
        right: 24px;
        bottom: 32px;
    }

    .press-news .main-news-item:first-child .main-news-item-title, .press-blog .main-news-item:first-child .main-news-item-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.36px;
        text-transform: uppercase;
    }

    .press-news .main-news-item:first-child .main-news-item-date, .press-blog .main-news-item:first-child .main-news-item-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .press-blog .main-news-item .main-news-item-pic {
        opacity: 1;
    }

    .press-photo .main-photo-item {
        width: calc(100% / 2 - 10px);
    }

    .press-photo .main-photo-item:first-child .main-photo-item-cont {
        padding: 32px 24px;
    }

    .press-photo .main-photo-item:first-child .main-photo-item-cont-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.36px;
        text-transform: uppercase;
    }

    .press-photo .main-photo-item:first-child .main-photo-item-cont-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .press-video {

    }

    .press-video .main-video-item {
        width: calc(100% / 2 - 10px);
    }

    .press-filter-cont {
        max-width: 392px;
        min-width: 392px;
        top: 57px;
    }

    .press-filter-cont-item-top {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        margin-bottom: 13px;
    }

    .article {
        margin-bottom: 80px;
    }

    .article-row {
        gap: 0;
    }

    .article-side {
        display: none;
    }

    .main-news_article {
        display: block;
    }

    .article-cont {
        padding: 40px 20px;
        width: 100%;
    }

    .article-cont-block {
        max-width: 640px;
    }

    .article-cont-back {
        color: rgba(255, 255, 255, 0.70);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .article-cont-back::before {
        width: 18px;
    }

    .article-cont-top {
        margin-bottom: 32px;
    }

    .article-cont-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.28px;
        text-transform: uppercase;
    }

    .article-cont-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .article-cont-pic {
        margin-bottom: 32px;
    }

    .article-cont-text {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .photo-row {
        grid-template-columns: repeat(6, 1fr);
        gap: 20px;
        grid-template-rows:
            257px      /* 1 строка */
            258px      /* 2 строка (верх) */
            258px      /* 2 строка (низ) */
            257px;     /* 3 строка */
        grid-auto-rows: 167px; /* для всех последующих */
    }

    /* 1 строка */
    .photo-row a:nth-child(1) {
        grid-column: 1 / 4;
        grid-row: 1;
    }

    .photo-row a:nth-child(2) {
        grid-column: 4 / 7;
        grid-row: 1;
    }

    /* 2 строка = 2 ряда */
    /* слева */
    .photo-row a:nth-child(3) {
        grid-column: 1 / 4;
        grid-row: 2;
    }

    .photo-row a:nth-child(4) {
        grid-column: 1 / 4;
        grid-row: 3;
    }

    /* справа — один большой */
    .photo-row a:nth-child(5) {
        grid-column: 4 / 7;
        grid-row: 2 / 4;
    }

    /* 3 строка */
    .photo-row a:nth-child(6) {
        grid-column: 1 / 4;
        grid-row: 4;
    }

    .photo-row a:nth-child(7) {
        grid-column: 4 / 7;
        grid-row: 4;
    }

    /* остальные — по 3 */
    .photo-row a:nth-child(n + 8) {
        grid-column: span 2;
        grid-row: auto;
    }

    .back {
        padding-top: 20px;
        margin-bottom: 24px;
    }

    .back a {
        color: rgba(255, 255, 255, 0.70);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .back a::before {
        width: 18px;
    }

    .contact-row {
        flex-direction: column;
        gap: 80px;
    }

    .contact-lt {
        width: 100%;
    }

    .contact-tel {
        height: 201px;
        padding: 24px 20px;
    }

    .contact-lt-title {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .contact-tel a {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 7vw;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.6px;
        text-transform: uppercase;
    }

    .contact-lt-block {
        padding: 20px;
        height: 177px;
    }

    .contact-lt-adr {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
    }

    .contact-lt-block a {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
    }

    .contact .main-call-cont {
        padding: 40px 20px;
    }

    .error {
        margin-top: 200px;
    }

    .error-cont-num {
        font-family: Bounded;
        font-size: 310px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%; /* 310px */
        letter-spacing: -3.1px;
        text-transform: uppercase;
        gap: 230px;
        height: 310px;
    }

    .error-cont-num-sh {
        width: 419px;
    }

    .error-cont h1 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.36px;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .error-cont p {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
    }

    .error-cont a {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.13px;
        text-transform: uppercase;
        padding: 18px 24px;
    }

    .table-block:not(.playoffs) td:last-child,
    .table-block:not(.playoffs) th:last-child {
        padding-right: 30px;
    }
    .main-best-item-card {
        justify-content: space-evenly;
    }
    .head2head-leaders-wrapper {
        padding: 16px;
    }
}

@media (max-width: 1225px) {
    .head2head-game-team .team-name,
    .head2head-game-score {
        font-size: 14px;
    }
    .head2head-leaders-wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1125px) {
    .head2head-games-wrapper {
        grid-template-columns: 100%;
    }
    .head2head-onegame-wrapper {
        padding: 12px;
    }
}

@media (min-width: 1024px) {
    .table-playoffs-games {
        display: table-cell;
    }
    img.gameroster-row-item-image:not(.no-image):hover {
        transform: scale(3);
        box-shadow: 0 0 2px 0 #666666;
        z-index: 1;
    }
}

@media (max-width: 1023px) {
    .main-best-item-card {
        justify-content: normal;
    }
    .gameroster-wrapper {
        padding: 20px;
    }

    .gameroster-row {
        gap: 18px;
    }

    .gameroster-row-item {
        padding: 18px;
        gap: 20px;
    }
}

@media (max-width: 920px) {
    .head2head-teamsstat-teamname-desktop,
    .head2head-teamsstat-placeholder-desktop {
        display: none;
    }
    .head2head-teamsstat-teams-mobile {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        justify-self: unset;
        flex-wrap: wrap;
        gap: 10px;
    }
    .head2head-teamsstat-groupparams-grid {
        grid-template-columns: 1fr auto 200px auto 1fr;
    }
    .gameroster-row-item {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }

.gameroster-row-item.team-b {
    flex-direction: column;
    align-items: flex-start;
}

    .gameroster-row-item-num {
        order: 1;
    }
    .gameroster-row-item-image-wrapper {
        order: 2;
    }

    .team-a .gameroster-row-item-image-wrapper {
        display: flex;
        justify-content: flex-end;
    }

    .gameroster-row-item-name-wrapper {
        order: 3;
        justify-content: flex-end;
    }
}

@media (min-width: 834px) {
    .desktop-hidden {
        display:none !important;
    }
}
@media (max-width: 833px) {
    .container {
        padding: 0 16px;
    }

    .mobile-hidden {
        display:none !important;
    }

    .header {
        margin-bottom: 16px;
    }

    .header-cont {
        padding: 10px 16px;
        border-radius: 12px;
    }

    .header-request-btn {
        display: none;
    }

    .header-logo {
        max-width: 169px;
        gap: 5px;
        color: #FFF;
        font-family: Bounded;
        font-size: 9px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        text-transform: uppercase;
    }

    .header-logo-pic {
        width: 40px;
        height: 39.61px;
        aspect-ratio: 40.00/39.61;
    }

    .header-menu-btn {
        max-width: 40px;
        min-width: 40px;
        background-size: 20px 20px;
    }

    .footer {
        margin-bottom: 16px;
        margin-top: 64px;
    }

    .footer-cont {
        padding: 28px 16px 24px;
    }

    .footer-main {
        flex-direction: column;
        align-items: center;
        row-gap: 32px;
    }

    .footer-lt {
        align-items: center;
        max-width: 248px;
        gap: 12px;
    }

    .footer-logo {
        max-width: 236px;
        color: #FFF;
        font-family: Bounded;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        text-transform: uppercase;
    }

    .footer-logo-pic {
        max-width: 56px;
        min-width: 56px;
        height: fit-content;
    }

    .footer-lt span {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }

    .footer-ct {
        order: 1;
        flex-direction: column;
        width: fit-content;
        text-align: center;
        gap: 32px;
    }

    .footer-nav a {
        color: #FFF;
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .footer-info {
        gap: 20px;
    }

    .footer-info div span {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }

    .footer-info div a {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }

    .footer-rt {
        order: 2;
        margin: 0;
        align-items: center;
        gap: 20px;
    }

    .footer-request-btn {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        padding: 0 20px;
        height: 42px;
    }

    .footer-soc {
        margin: 0;
    }

    .footer-bot {
        flex-direction: column;
        gap: 5px;
    }

    .footer-bot a {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }

    .main-banner {
        margin-bottom: 64px;
    }

    .main-banner .container {
        gap: 16px;
    }

    .main-banner-slider {
        aspect-ratio: 343/340;
        max-height: 480px;
    }

    .main-banner-slider-item-cont {
        gap: 8px;
        left: 16px;
        right: 16px;
        bottom: 35px;
    }

    .main-banner-slider-item-tags {
        gap: 6px;
    }

    .main-banner-slider-item-tags a {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 6px 14px;
    }

    .main-banner-slider-item-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }

    .main-banner-slider .slick-dots {
        left: 16px;
        right: 16px;
        bottom: 20px;
    }

    .main-banner-slider .slick-dots li button {
        height: 3px;
    }

    .main-banner-slider .slick-dots .slick-active button {
        width: 104px;
    }

    .main-banner-news {
        padding: 28px 16px 8px;
    }

    .main-banner-news-top-title {
        color: var(--green, #069351);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }

    .main-banner-news-top a {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .link_solo::after {
        width: 12px;
        height: 12px;
    }

    .main-banner-news ul li {
        padding: 16px 0;
    }

    .main-banner-news ul li a {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
        -webkit-line-clamp: 3;
        margin-bottom: 8px;
    }

    .main-banner-news ul li p {
        align-self: stretch;
        color: rgba(255, 255, 255, 0.70);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-line-clamp: 2;
    }

    .main-banner-news ul li span {
        align-self: stretch;
        color: var(--white_50, rgba(255, 255, 255, 0.50));
        font-family: Onest;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-sponsor {
        margin-bottom: 64px;
    }

    .main-top {
        margin-bottom: 24px;
    }

    .main-top h2 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }

    .main-sponsor-row {
        gap: 16px;
    }

    .main-sponsor-row a {
        width: calc(100% / 3 - 10.7px);
        aspect-ratio: 103/56;
        border-radius: 8px;
    }

    .main-sponsor-row a img {
        width: 60%;
    }

    .main-game {
        margin-bottom: 64px;
    }

    .main-game-item {
        padding: 24px 16px;
        max-width: 280px;
    }

    .main-game-item-cont {
        flex-wrap: wrap;
        gap: 0;
        row-gap: 16px;
        justify-content: space-between;
    }

    .main-game-item-info {
        order: 0;
        width: 100%;
    }

    .main-game-item-team {
        order: 1;
    }

    .main-game-item-info-time {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }

    .main-game-item-info-score {
        position: absolute;
        top: 82px;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }

    .main-game-item-info-active {
        color: var(--green, #069351);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        margin-top: 16px;
    }

    .main-game-item-info-active::before {
        width: 6px;
    }

    .main-game-item-team {
        /*max-width: 100px;*/
        width: 40%;
        gap: 8px;
    }

    .main-game-item-team-logo {
        max-width: 56px;
    }

    .main-game-item-team-name {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }

    .main-game-slider::after {
        min-width: 80px;
        right: -16px;
    }

    .main-game-slider .slick-slide {
        margin: 0 8px;
    }

    .main-game-item-loc {
        margin-top: 35px;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }

    .main-tp {
        margin-bottom: 64px;
        gap: 64px;
    }

    .main-tp-block {
        position: relative;
    }

    .main-champ-cont {
        position: unset;
    }

    .main-tp .main-top {
        margin-bottom: 76px;
    }

    .main-champ-nav {
        right: auto;
        left: 0;
        top: 45px;
        gap: 8px;
    }

    .main-champ-nav button {
        width: 36px;
    }

    .main-champ-cont {
        padding-top: 24px;
    }

    .main-champ-top {
        padding: 0 17px;
        margin-bottom: 16px;
    }

    .main-champ-top-title {
        width: 100%;
        max-width: 100%;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
    }

    .main-champ-top-title .slick-slide {
        /* width: 100% !important; */
    }

    .main-champ-sub {
        padding: 0 16px;
        margin-bottom: 12px;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .main-champ table {
        padding-left: 0;
    }

    table th, table td {
        padding-right: 16px;
    }

    thead th {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 18.2px */
    }

    tbody td {
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .main-champ-cont {
        height: 416px;
    }

    .table-scroll {
        height: calc(100% - 340px);
        margin-left: 16px;
        margin-right: 16px;
    }

    .table-scroll::-webkit-scrollbar {
        width: 0;
    }

    .main-champ-cont-slider .slick-slide {
        margin: 0;
    }

    .main-champ-more {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: flex;
        left: 16px;
        bottom: 24px;
    }

    .table-team img {
        width: 28px;
    }

    .main-best-cont {
        position: unset;
        height: 520px;
        padding-top: 24px;
    }

    .main-best-row {
        padding-left: 16px;
        gap: 20px;
        padding-right: 8px;
        height: 446px;
    }

    .main-best-item-top-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .main-best-item-top a {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-best-item-row {
        flex-direction: column;
        gap: 15px;
    }

    .main-champ-cont-slider .slick-slide {
        margin-right: 6px;
    }

    .main-best-item-card {
        max-width: 100%;
        width: 100%;
        gap: 12px;
    }

    .main-best-item-card-pic {
        max-width: 120px;
    }

    .main-best-item-card-cont {
        gap: 4px;
    }

    .main-best-item-card {
        height: 172px;
    }

    .main-best-item-card-name {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .main-best-item-card-team {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-best-item-info-cont {
        gap: 4px;
    }

    .main-best-item-info-name {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .main-best-item-info-team {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-best-item-info-add {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .main-best-item-info-add span {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-best-item-info li {
        gap: 12px;
        padding-bottom: 8px;
    }

    .main-top a {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .main-photo {
        margin-bottom: 64px;
    }

    .main-photo-item {
        width: 100%;
        aspect-ratio: 343/290;
    }

    .main-photo-item-num {
        top: 16px !important;
        right: 16px !important;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        gap: 6px;
        padding: 6px 12px !important;
    }

    .main-photo-item-cont {
        padding: 16px;
    }

    .main-photo-item .main-photo-item-cont-title, .main-photo-col_solo .main-photo-item .main-photo-item-cont-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
        opacity: 1 !important;
    }

    .main-photo-item-cont-date {
        width: 311px;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-photo-row, .main-photo-col {
        gap: 16px;
    }

    .main-video {
        margin-bottom: 64px;
    }

    .main-video-item {
        max-width: 280px;
    }

    .main-video-item-pic-time {
        left: 16px;
        bottom: 16px;
        padding: 4px 8px;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-video-row::after {
        min-width: 96px;
        right: -16px;
    }

    .main-video-item-pic::after {
        width: 36px;
        right: 16px;
        bottom: 16px;
    }

    .main-video-item-pic {
        margin-bottom: 16px;
    }

    .main-video-item-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .main-video-item-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-info {
        margin-bottom: 64px;
    }

    .main-info-item {
        max-width: 280px;
        padding: 20px 16px;
        aspect-ratio: 280/240;
    }

    .main-info-item-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .main-info-item-bot {
        font-size: 14px !important;
    }

    .main-info-row::after {
        min-width: 80px;
        right: -16px;
    }

    .main-call-row {
        padding: 28px 16px;
    }

    .main-call-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    .main-call-nav {
        background-color: transparent;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .main-call-nav button {
        padding: 8px 12px;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: var(--white, #FFF);
        background: var(--grey, #414141);
    }

    .main-call-cont form {
        margin-top: 24px;
        gap: 16px;
    }

    .main-call-cont form input, .main-call-cont form textarea {
        padding-left: 8px;
        padding-bottom: 16px;
        font-size: 14px;
    }

    .main-call-cont form textarea {
        height: 70px;
    }

    .main-call-check {
        color: var(--white_50, rgba(255, 255, 255, 0.50));
        font-family: Onest;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-call-cont form button {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        padding: 16px 20px;
    }

    .header-menu {
        max-width: 296px;
        padding: 26px 32px 32px 0;
        box-sizing: border-box;
    }

    .header-menu::after {
        width: calc(100% - 296px);
    }

    .header-menu-close {
        width: 40px;
        height: 40px;
        top: 26px;
        right: 32px;
        background-size: 20px 20px;
    }

    .header-menu-nav {
        margin-top: 80px;
        gap: 8px;
    }

    .header-menu-nav a {
        padding: 16px;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
    }

    .header-menu-bot {
        padding: 0;
        padding-left: 16px;
    }

    .header-menu-bot .header-request-btn {
        display: flex;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        padding: 0 20px;
        height: 42px;
    }

    .call-popup .main-call-cont {
        padding: 28px 16px;
    }

    .call-popup .main-call-title {
        margin-right: 40px;
    }

    .call-popup .main-call-title br {
        display: none;
    }

    .call-popup-close {
        width: 36px;
        background-size: 16px 16px;
    }

    .chips {
        margin-top: 24px;
        margin-bottom: 16px;
    }

    .chips a {
        font-family: Onest;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-title {
        margin-bottom: 16px;
    }

    .main-title h1 {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.24px;
        text-transform: uppercase;
    }

    .table-top {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 20px;
    }

    .drop {
        width: 100%;
        height: 42px;
    }

    .drop-btn {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .table-top-btn {
        width: fit-content;
        margin-top: 8px;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        height: 42px;
        padding: 0 20px;
    }

    .table-nav {
        gap: 12px;
        margin-bottom: 64px;
    }

    .table-nav button,
    .table-nav a {
        font-family: Onest;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 10px 18px;
    }

    .table-block {
        margin-bottom: 64px;
    }

    .table-block-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        margin-bottom: 24px;
    }

    .table-block-top h2 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }

    .table-block::after {
        top: 122px;
        width: 40px;
    }

    .player-stat-cont .table-block::after {
        top: 102px
    }

    .table-block-cont thead th {
        color: var(--white_50, rgba(255, 255, 255, 0.50));
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .table-block-cont thead th:first-child, .table-block-cont tbody tr td:first-child {
        padding: 0;
        padding-right: 10px;
        width: 65px;
    }

    .table-block-cont tbody td {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }

    .table-row {
        margin-bottom: 64px;
    }

    .table-player {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .table-player img {
        width: 32px;
    }

    .table-block-cont-game-s {
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .table-block-glos {
        flex-direction: column;
        gap: 16px;
        padding: 0 16px;
    }

    .table-block-glos.active {
        padding: 20px 16px;
    }

    .table-block-glos li {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        gap: 10px;
    }

    .table-block-glos li span {
        min-width: 24px;
        color: var(--white_50, rgba(255, 255, 255, 0.50));
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
        display: flex;
    }

    .teams {
        margin-bottom: 64px;
    }

    .teams-nav {
        margin-top: 24px;
        justify-content: space-between;
        margin-bottom: 32px;
    }

    .teams-nav button {
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        white-space: nowrap;
        width: -webkit-fill-available;
        width: -moz-available;
    }

    .teams-row {
        gap: 20px;
    }

    .teams-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }

    .teams-side {
        /* max-height: 107px; */
        /* padding: 20px 16px; */
    }

    .teams-side-top {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .teams-side-title {
        color: #FFF;
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .teams-side-btn {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.1px;
        text-transform: uppercase;
        padding: 0 18px;
        height: 37px;
    }

    .teams-side-s {
        overflow-x: scroll;
    }

    .teams-side-s::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .teams-side-s::-webkit-scrollbar-track {
        background: #4A4A4A;
        border-radius: 4px;
    }

    .teams-side-s::-webkit-scrollbar-thumb {
        background: #D9D9D9;
        border-radius: 4px;
    }

    .teams-side table thead th {
        align-self: stretch;
        color: var(--white_50, rgba(255, 255, 255, 0.50));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .teams-side table thead th:nth-child(1) {
        min-width: 32px;
        max-width: 32px;
        padding-right: 20px;
    }

    .teams-side table thead th:nth-child(2) {
        min-width: 230px;
    }

    .teams-side table tbody td {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .teams-side table thead th:nth-last-child(-n + 4) {
        min-width: 50px;
        max-width: 50px;
    }

    .teams-side-glos-btn {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .teams-side-glos {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    .teams-side-glos.active {
        margin-top: 24px;
    }

    .teams-side-glos li {
        width: fit-content;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        gap: 14px;
    }

    .teams-side-glos li span {
        color: var(--white_50, rgba(255, 255, 255, 0.50));
        font-family: Bounded;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.18px;
        text-transform: uppercase;
    }

    .teams-cont-row {
        gap: 16px;
    }

    .teams-cont-item-pic {
        width: 52%;
    }

    .team-top {
        padding: 20px 16px;
        gap: 24px;
    }

    .team-top-lt {
        gap: 16px;
    }

    .team-top-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .team-top-info-pic {
        width: 56px;
    }

    .team-top-info-cont {
        gap: 10px;
    }

    .team-top-info-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }

    .team-top-info-liga {
        padding: 6px 14px;
        box-sizing: border-box;
        font-family: Onest;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .team-top-stat-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .team-top-stat-top h2 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .team-top-stat-nav button {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 6px 14px;
    }

    .team-top-stat-row-item.active {
        flex-wrap: wrap;
        gap: 12px;
    }

    .team-top-stat-row-item div {
        width: fit-content;
        padding: 8px 10px 6px 10px;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .team-top-stat-row-item div span {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .team-pic {
        margin-bottom: 64px;
        height: auto;
        width: 100%;
        max-height: 400px;
        aspect-ratio: 343/340;
    }

    .team-game-nav button,
    .match-tabs-switcher label {
        padding: 10px 14px;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .team-squad {
        margin-bottom: 64px;
    }

    .team-squad-nav-s {
        margin: 0 -16px;
        padding: 0 16px;
        overflow-x: auto;
    }

    .team-squad-nav-s::-webkit-scrollbar {
        display: none;
    }

    .team-squad-nav {
        margin-bottom: 24px;
        flex-wrap: nowrap;
        display: flex;
        /* width: 100%; */
    }

    .team-squad-nav button {
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .team-squad-row {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .team-squad-item {
        aspect-ratio: 343/454;
    }

    .team-squad-item-cont {
        right: 12px;
        left: 12px;
        bottom: 12px;
        padding: 20px 16px;
    }

    .team-squad-item-cont-info {
        gap: 0;
        justify-content: space-between;
    }

    .team-squad-item-cont-info div {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .team-squad-item-cont-info div span {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .team-squad-more {
        margin-top: 40px;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        padding: 16px 20px;
    }

    .main-news-row::after {
        min-width: 96px;
        right: -16px;
    }

    .main-news {
        margin-bottom: 64px;
    }

    .main-news-item {
        max-width: 280px;
        min-width: 280px;
        aspect-ratio: 280/240;
    }

    .main-news-item-cont {
        left: 16px;
        bottom: 20px;
        right: 16px;
        gap: 8px;
    }

    .main-news-item-title {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .main-news-item-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main-news-item-pic::after {
        background: linear-gradient(180deg, rgba(23, 23, 23, 0.00) 33.54%, rgba(23, 23, 23, 0.63) 66.69%, rgba(23, 23, 23, 0.90) 100%);
    }

    .player-banner {
        padding: 24px 16px;
        margin-bottom: 64px;
    }

    .player-banner-pic {
        margin: 0;
        max-width: 100%;
        margin-top: 20px;
        height: auto;
        max-height: 100%;
        min-height: 0;
        aspect-ratio: 311/361;
    }

    .player-banner-info {
        margin-top: 20px;
    }

    .player-banner-info-name {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.24px;
        text-transform: uppercase;
    }

    .player-banner-info-row {
        gap: 12px;
    }

    .player-banner-info-row-block {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
        padding: 12px;
        order: 4;
    }

    .player-banner-info-row-block span {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .player-banner-info-row-block:nth-child(1) {
        width: 100%;
        order: 0;
    }

    .player-banner-info-row-block:nth-child(2) {
        width: calc(66.66% - 6px);
        order: 1;
    }

    .player-banner-info-row-block:nth-child(6) {
        order: 2;
        width: calc(33.33% - 6px);
    }

    .player-banner-info-row-block:nth-child(3) {
        width: calc(50% - 6px);
    }

    .player-banner-info-row-block:nth-child(4), .player-banner-info-row-block:nth-child(5) {
        width: calc(25% - 12px);
    }

    .drop-option {
        font-size: 14px;
    }

    .player-banner-num {
        position: absolute;
        right: 16px;
        left: auto;
        top: auto;
        bottom: 355px;
        color: rgba(255, 255, 255, 0.10);
        font-family: Bounded;
        font-size: 47px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.47px;
        text-align: right;
        text-transform: uppercase;
    }

    .player-stat h2 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
        margin-bottom: 16px;
    }

    .player-stat-nav button {
        padding: 10px 14px;
        font-family: Onest;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .player-stat-cont-block-item h3 {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
        margin-bottom: 16px;
    }

    .player-stat-cont-block-item-graph {
        padding-left: 30px;
    }

    .player-stat-cont-block-item-graph-cont {
        height: 181px;
    }

    .player-stat-cont-block-item-graph-top {
        top: 0;
    }

    .player-stat-cont-block-item-graph-cont-row a div {
        padding: 8px;
        gap: 2px;
        top: -48px;
    }

    .player-stat-cont-block-item-graph-cont-row a div span {
        font-size: 10px;
    }

    .player-stat-cont-block-item-graph-cont-row-num,
    .player-stat-cont-block-item-graph-cont-row-value {
        color: var(--black, #171717) !important;
        font-family: Bounded;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .player-stat-cont-block-a-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .player-stat-cont-block-a-top h3 {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
    }

    .glosary_btn {
        padding: 9px 12px;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .table-igry-team {
        max-width: 230px !important;
        min-width: 230px !important;
    }

    .player-stat-cont-block-a .table-blok-wrap .body-table .table-igry tbody tr td, .player-stat-cont-block-a .table-blok-wrap .body-table .table-igry thead tr th {
        max-width: 40px;
        min-width: 40px;
        font-size: 14px;
    }

    .table-igry-comp {
        max-width: 430px !important;
        min-width: 430px !important;
    }

    .player-stat-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .table-igry-season {
        max-width: 80px !important;
        min-width: 80px !important;
    }

    .glosary-cont {
        width: calc(100% - 32px);
        padding: 24px 16px;
    }

    .glosary-cont-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .glosary-cont-close {
        width: 36px;
        height: 36px;
        top: 16px;
        right: 16px;
    }

    .glosary-cont-list li {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        gap: 20px;
    }

    .glosary-cont-list li span {
        color: var(--white_50, rgba(255, 255, 255, 0.50));
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
        max-width: 90px;
    }

    .player-stat-top-add .table-block-top-glos {
        display: none;
    }

    .player-stat-top-add {
        width: 100%;
    }

    .player-stat-top-add .drop {
        width: 100%;
        max-width: 100%;
    }

    .calendar {
        margin-bottom: 64px;
    }

    .calendar h1 {
        margin-bottom: 0;
        align-self: stretch;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.24px;
        text-transform: uppercase;
    }

    .calendar-side {
        flex-direction: column;
    }

    .calendar-side .drop {
        width: 100%;
    }

    .calendar-side .input-block {
        width: 100%;
    }

    .calendar-drop {
        width: 100%;
        max-width: 100%;
    }

    .calendar-drop-btn {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 12px 16px;
        height: 45px;
    }

    .calendar-cont-block .main-game-item {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 24px 16px;
    }

    .calendar-cont-block .main-game-item-cont {
        flex-wrap: nowrap;
        gap: 0;
        justify-content: space-between;
    }

    .calendar-cont-block .main-game-item-loc {
        max-width: 251px;
    }

    .calendar-cont-block .main-game-item-info {
        order: unset;
    }

    .calendar-cont-block .main-game-item-team {
        order: unset;
    }

    .cal {
        max-width: 343px;
        min-width: 0;
        width: 100%;
        height: auto;
    }

    .calendar-cont-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .calendar-cont-nav button {
        padding: 10px 14px;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .calendar-cont-block-title {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
    }

    .calendar-cont-block .item-match {
        width: 100%;
    }

    .match {
        margin-bottom: 64px;
    }

    .match-cont {
        gap: 0;
    }

    .match-center {
        order: 0;
        max-width: 100%;
        width: 100%;
        gap: 16px;
        margin-bottom: 24px;
    }

    .match-center-date {
        max-width: 200px;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-align: center;
        text-transform: uppercase;
    }

    .match-center-week {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }

    .match-center-score {
        width: 160px;
    }

    .match-center-score-main {
        color: #FFF;
        font-family: Bounded;
        font-size: 38px;
        font-style: normal;
        font-weight: 566;
        line-height: 130%;
        letter-spacing: -0.38px;
        text-align: center;
        text-transform: uppercase;
    }

    .match-center-score-add {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }

    .match-center-loc {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        max-width: 180px;
        margin: 0 auto;
    }

    .match-team {
        order: 1;
        margin: 0;
        display: contents;
    }

    .match-team:last-child {
        text-align: left;
    }

    .match-team:last-child .match-team-cont {
        margin-top: 32px;
    }

    .match-team-logo {
        gap: 12px;
        align-items: center;
    }

    .match-team-logo-pic {
        /* height: 24px; */
    }

    .match-team-name {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .match-team-cont {
        order: 3;
        margin-top: 24px;
        width: 100%;
        gap: 16px;
    }

    .match-team-cont-name {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
        display: flex;
    }

    .match-team-cont-coach {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .match-team-cont-coach span {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .match-team-cont-list {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .match-bot {
        margin-top: 40px;
        gap: 16px;
        flex-wrap: wrap;
    }

    .match-bot div {
        width: 100%;
        padding: 16px 0;
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .match-bot div span {
        align-self: stretch;
        color: rgba(255, 255, 255, 0.70);
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .match-table .table-block-cont thead th, .match-table .table-block-cont tbody td {
        padding: 16px;
    }

    .match-table .table-block-cont thead th {
        padding-top: 0;
    }

    .match-pen-row {
        gap: 16px;
    }

    .match-pen-item {
        padding: 24px 16px 15px;
    }

    .match-pen-item-title {
        margin-bottom: 16px;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
    }

    .match-pen-table th {
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .match-pen-table td {
        color: var(--white, #FFF);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
        padding: 12px;
    }

    .match-pen-period td {
        padding: 14px;
    }

    .match-pen-item-bot {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
        margin-top: 20px;
    }

    .press-filter-btn {
        font-size: 0;
        padding: 9px 10px;
        gap: 0;
    }

    .press-filter-btn::after {
        width: 24px;
    }

    .press-nav button {
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        padding: 12px 14px;
    }

    .press-news {
        gap: 16px;
    }

    .press-news .main-news-item, .press-blog .main-news-item {
        width: 100%;
        aspect-ratio: 343/240;
    }

    .press-news .main-news-item:first-child, .press-photo .main-photo-item:first-child, .press-blog .main-news-item:first-child {
        max-height: 360px;
        aspect-ratio: 343/360;
    }

    .press-news .main-news-item:first-child .main-news-item-cont, .press-blog .main-news-item:first-child .main-news-item-cont {
        left: 16px;
        right: 16px;
        bottom: 20px;
    }

    .press-news .main-news-item:first-child .main-news-item-title, .press-blog .main-news-item:first-child .main-news-item-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }

    .press-news .main-news-item:first-child .main-news-item-date, .press-blog .main-news-item:first-child .main-news-item-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .press-blog {
        gap: 16px;
    }

    .press-photo {
        gap: 16px;
    }

    .press-photo .main-photo-item {
        width: 100%;
        aspect-ratio: 343/240;
    }

    .press-photo .main-photo-item:first-child .main-photo-item-cont {
        padding: 16px 18px;
    }

    .press-photo .main-photo-item:first-child .main-photo-item-cont-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }

    .press-photo .main-photo-item:first-child .main-photo-item-cont-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .press-video {
        row-gap: 24px;
    }

    .press-video .main-video-item {
        width: 100%;
        max-width: 100%;
    }

    .press-filter-cont {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        border-radius: 0;
        max-width: 100%;
        min-width: 100%;
        padding: 48px 16px 24px;
        max-height: 100%;
        overflow-y: scroll;
    }

    .press-filter-title {
        display: flex;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
        margin-bottom: 4px;
    }

    .press-filter-close {
        width: 16px;
        height: fit-content;
        aspect-ratio: 1/1;
        background-image: url(../img/close.svg);
        background-size: 100% 100%;
        position: absolute;
        top: 16px;
        right: 16px;
        display: flex;
    }

    .press-filter-cont-item.active {
        max-height: 280px;
        min-height: 280px;
    }

    .press-filter-selected {
        gap: 12px;
    }

    .press-filter-selected button {
        padding: 12px 16px;
        gap: 16px;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .article {
        margin-bottom: 64px;
    }

    .article-cont {
        padding: 0;
        background-color: transparent;
    }

    .article-cont-back {
        color: rgba(255, 255, 255, 0.70);
        font-family: Onest;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 16px;
    }

    .article-cont-back::before {
        width: 16px;
    }

    .article-cont-top {
        gap: 8px;
        margin-bottom: 20px;
    }

    .article-cont-title {
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }

    .article-cont-date {
        align-self: stretch;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .article-cont-pic {
        margin-bottom: 24px;
    }

    .article-cont-text {
        gap: 15px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .photo-row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        grid-template-rows: 109px;
        grid-auto-rows: 109px; /* для всех последующих */
    }

    /* -------- 1 ГРУППА (4 элемента) -------- */
    .photo-row a:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1;
    }
    .photo-row a:nth-child(2) {
        grid-column: 1 / 3;
        grid-row: 2;
    }

    .photo-row a:nth-child(3) {
        grid-column: 3 / 5;
        grid-row: 1;
    }
    .photo-row a:nth-child(4) {
        grid-column: 3 / 5;
        grid-row: 2;
    }

    /* -------- 2 ГРУППА (3 элемента) -------- */
    .photo-row a:nth-child(5) {
        grid-column: 1 / 3;
        grid-row: 3;
    }
    .photo-row a:nth-child(6) {
        grid-column: 1 / 3;
        grid-row: 4;
    }

    .photo-row a:nth-child(7) {
        grid-column: 3 / 5;
        grid-row: 3 / 5;
    }

    /* -------- 3 ГРУППА (3 элемента, наоборот) -------- */
    .photo-row a:nth-child(8) {
        grid-column: 1 / 3;
        grid-row: 5 / 7;
    }

    .photo-row a:nth-child(9) {
        grid-column: 3 / 5;
        grid-row: 5;
    }
    .photo-row a:nth-child(10) {
        grid-column: 3 / 5;
        grid-row: 6;
    }

    /* -------- ОСТАЛЬНЫЕ -------- */
    .photo-row a:nth-child(n + 11) {
        grid-column: span 2;
        grid-row: auto;
    }

    .back {
        padding-top: 10px;
        margin-bottom: 16px;
    }

    .back a {
        color: rgba(255, 255, 255, 0.70);
        font-family: Onest;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .back a::before {
        width: 18px;
    }

    .contact-row {
        gap: 64px;
    }

    .contact-tel {
        height: 130px;
        padding: 20px 16px;
    }

    .contact-lt {
        gap: 16px;
    }

    .contact-lt-title {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .contact-lt-line {
        gap: 16px;
    }

    .contact-lt-block {
        width: 100%;
        height: 130px;
        padding: 20px;
    }

    .contact-lt-adr {
        max-width: 235px;
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .contact-lt-block a {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.14px;
        text-transform: uppercase;
    }

    .contact-lt-block_soc {
        width: calc(100% / 3 - 13.33px);
        height: 78px;
        padding: 12px;
    }

    .contact-lt-block_soc a {
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: uppercase;
    }

    .contact-lt-block-pic {
        width: 56px;
    }

    .error {
        margin-top: 130px;
    }

    .error-cont-num {
        font-size: 130px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -1.3px;
        text-transform: uppercase;
        gap: 96px;
        height: 130px;
    }

    .error-cont-num-sh {
        width: 176px;
        padding-top: 40px;
    }

    .error-cont h1 {
        max-width: 218px;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.24px;
        text-align: center;
        margin: 0 auto;
        text-transform: uppercase;
        margin-top: 24px;
        margin-bottom: 8px;
    }

    .error-cont p {
        max-width: 268px;
        color: var(--white_70, rgba(255, 255, 255, 0.70));
        font-family: Onest;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        margin: 0 auto;
    }

    .error-cont a {
        color: var(--white, #FFF);
        font-family: 'Bounded', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        padding: 16px 20px;
        margin-top: 32px;
    }

    .match-tabs-switcher {
        margin-bottom: 30px;
    }
}
@media (max-width: 660px) {
    .arenas-cont-item {
        flex-basis: 48%;
        line-height: 1.2;
    }
    .player-banner-chip {
        flex-wrap: wrap;
    }
    .head2head-leaders-category-players {
        grid-template-columns: 1fr;
    }
    .head2head-leaders-category-players .main-best-item-card {
        justify-content: space-between;
    }
    .head2head-teamsstat-groupparams-grid {
        grid-template-columns: 0 auto 1fr auto 0;
    }
    .head2head-teamsstat-value-wrapper, .head2head-teamsstat-title-wrapper {
        padding: 10px 5px;
    }
    .head2head-teamsstat-scale-wrapper {
        padding: 0;
    }
    .head2head-teamsstat-teams-mobile {
        font-size: 16px;
    }
    .head2head-teamsstat-teamname-mobile.team-b {
        margin-left: auto;
    }
    .head2head-teamsstat-wrapper {
        padding: 10px;
    }
}
@media (max-width: 599px) {
    .gameroster-row-item-cap {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .team-b .gameroster-row-item-cap {
        left: unset;
        right: 10px;
    }
    .gameroster-row-item {
        padding: 9px;
    }

    .gameroster-wrapper {
        padding: 10px;
    }
}
@media (max-width: 512px) {
    .teams-cont-item {
        width: calc(100% / 2 - 12px);
        aspect-ratio: 163/120;
        gap: 25px;
        align-self: stretch;
        color: var(--white, #FFF);
        font-family: Bounded;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        padding: 16px;
    }
    .teams-cont-item {
        flex-grow: 1;
        flex-basis: 100%;
        align-items: center;
    }
    .contact-lt-block span.contact-lt-block-a {
        font-size: 3vw;
    }
    .table-block-cont thead th:first-child, .table-block-cont tbody tr td:first-child {
        width: 40px;
    }
    .table-block-cont tbody td,
    .table-block-cont thead th {
        padding: 5px;
    }
    .table-block-cont tbody td, .table-block-cont thead th {
        white-space: normal;
    }
    .table-block-cont tbody td .table-player {
        white-space: normal;
        text-align: left;
    }

    .head2head-game-teamsscore {
        flex-direction: column;
    }

    .head2head-game-team {
        flex-direction: row;
        width: 100%;
    }

    .head2head-game-team:last-child {
        flex-direction: row-reverse;
    }

    .head2head-game-team img {
        width: 32px;
        height: 32px;
    }
    .head2head-game-datescore {
        display: none;
    }
    .head2head-oneteamscore {
        display: block;
    }
    .head2head-game-team .team-name {
        text-align: left;
    }
    .head2head-game-overtime-mobile:not(:empty) {
        display: block;
        margin-top: 10px;
        text-align: right;
    }
    .gameroster-row-item-name {
        font-size: 14px;
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 486px) {
    .gameroster-row-item-name {
        white-space: wrap;
        word-break: break-word;
    }
}
@media (max-width: 470px) {
    .head2head-leaders-category-players .main-best-item-card {
        justify-content: normal;
    }
}

@media (max-width: 400px) {
    h1.team-top-info-title {
        font-size: 18px;
    }
}

@media (max-width: 400px) {
    .press-nav button {
        padding: 12px 7px;
    }
    .table-player-person-cell {
        max-width: 270px;
        white-space: normal;
    }
    .table-team {
        white-space: normal;
        gap: 5px;
        text-align: left;
    }
}

@media (max-width: 370px) {
    .text-thin-hidden {
        display: none;
    }
}

@media (max-width: 354px) {
    .head2head-oneteamscore {
        min-width: unset;
    }
}

@media (max-width: 316px) {
    .press-nav {
        overflow: auto;
        width: 100vw;
        margin-right: 0;
    }
    .head2head-game-team .team-name {
        font-size: 12px;
    }
}

@media (max-width: 290px) {
    .head2head-game-team .team-name {
        font-size: 10px;
    }
}