@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'),
  url("fonts/Roboto-Regular.woff2") format("woff2"),
  url("fonts/Roboto-Regular.woff") format("woff"),
  url("fonts/Roboto-Regular.ttf") format("ttf");
}

@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'),
  url("fonts/Roboto-Medium.woff2") format("woff2"),
  url("fonts/Roboto-Medium.woff") format("woff"),
  url("fonts/Roboto-Medium.ttf") format("ttf");
}

@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'),
  url("fonts/Roboto-Bold.woff2") format("woff2"),
  url("fonts/Roboto-Bold.woff") format("woff"),
  url("fonts/Roboto-Bold.ttf") format("ttf");
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Regular.eot');
  src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
  url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/ProximaNova-Regular.woff') format('woff'),
  url('fonts/ProximaNova-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Semibold.eot');
  src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
  url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
  url('fonts/ProximaNova-Semibold.woff') format('woff'),
  url('fonts/ProximaNova-Semibold.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/ProximaNova-Bold.eot');
  src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
  url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
  url('fonts/ProximaNova-Bold.woff') format('woff'),
  url('fonts/ProximaNova-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0;
  padding: 0;
}

:root {
  /*css - переменные*/
  --white: #ffffff;
  --white-opacity: 255, 255, 255;
  --black: #000000;
  --black-opacity: 0, 0, 0;
  --red: #bb1931;
  --red-opacity: 187, 25, 49;
  --red-dark: #aa162c;
  --red-dark-opacity: 170, 22, 44;
  --red-light: #ea0b3a;
  --red-light-opacity: 234, 11, 58;
  --grey: #9d9d9d;
  --grey-dark: #313437;
  --grey-dark-border: #46494b;
  --grey-light: #f2f2f2;
  --pale: #e5e5e5;
  --pale-opacity: 229, 229, 229;
  --light: #f5f5f5;
  --light-opacity: 245, 245, 245;
  --grey-mid: #5f5f5f;
  --green: #079E13;
  --green-dark: #075A15;
  --gray: #959595;
  --big-border-radius: 8px;
  --small-border-radius: 4px;
  --light-border-color: #d8d8d8;
}

/* применение var(--color-blue); */

.visually-hidden:not(:focus):not(active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  font-style: normal;
  font-weight: 400;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main {
  min-width: 1250px;
}

a {
  text-decoration: unset;
  cursor: pointer;
}

p {
  margin: 0;
}

.container {
  width: 1250px;
  padding: 0 15px;
  margin: 0 auto;
}

.main-container {
  display: flex;
  justify-content: space-between;
}

.main-content {
  width: 920px;
  flex-shrink: 0;
  padding: 0 0 40px 0;
}

.main-content--without-sidebar {
  width: 100%;
}

.main-container--with-sidebar,
.tabs-main {
  width: 1250px;
  padding: 0 15px;
  margin: 0 auto;
}

.tabs-main {
  padding: 0 15px;
}

.main-banner {
  margin: auto;
}

.sidebar {
  width: 260px;
  flex-shrink: 0;
  padding: 0 0 20px 0;
}

.sidebar__block {
  margin: 0 0 20px 0;
}

.title {
  font-size: 40px;
  line-height: 45px;
  font-weight: 700;
  margin: 0 0 36px 0;
}

.subtitle {
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.mrgn-no {
  margin: unset !important;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-radius: 2px;
  background-color: var(--red-dark);
  outline: none;
  border: none;
  color: var(--white);
  letter-spacing: 0.96px;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  padding: 0 25px;
  width: 100%;
  max-width: 260px;
}

.button:hover {
  background-color: var(--red-light);
  transition: 0.2s;
}

.button--center {
  margin: 0 auto;
}

.button--loadmore {
  margin-top: 40px;
}

.button--standard {
  min-width: 260px;
  padding: 0 20px;
}

.button--transparent {
  border: 1px solid var(--red-light);
  color: var(--red-light);
  background-color: transparent;
}

.button--transparent:hover {
  color: var(--white);
  transition: 0.2s;
}

.button:disabled,
.button:disabled:hover {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: var(--red-dark);
}

.filters-group {
  margin: 0 0 30px 0;
}

.filters {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
  display: flex;
}

.panel-body .grid-view .table .filters {
  display: table-row;
}

.filters-form--range .filters {
  margin: 0;
}

.filters__item {
  width: 212px;
  min-width: 212px;
  margin: 0 24px 0 0;
  flex-shrink: 0;
}

.filters__item:last-child {
  margin: 0;
}

.filters__item--wide {
  width: 100% !important;
  max-width: 400px;
}

.filters__item--superwide {
  flex-grow: 1;
}

.filters__item--superwide,
.filters__item--superwide .chosen-container,
.search-chosen-container select {
  max-width: 100%;
}

.filters__title {
  font-size: 12px;
  line-height: 26px;
  color: var(--red-dark);
}

.filters--border {
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  display: inline-flex;
}

.inner-menu {
  overflow: hidden;
  margin-right: -10px !important;
}

.top {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
  overflow: hidden;
}

.top--justify {
  justify-content: space-between;
}

.top--overflow {
  overflow: unset;
}

.top .subtitle,
.top .tabs__navigation {
  margin: 0;
}

.top__link {
  font-weight: 500;
  font-size: 11px;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--red-dark);
}

.top__link--league {
  margin: 0 0 0 24px;
}

.top--share {
  overflow: visible;
}

.top--gap {
  gap: 20px;
}

.margin-bottom {
  margin: 0 0 40px 0;
}

.socials__icon {
  fill: var(--grey-dark);
}

.header {
  display: flex;
  z-index: 1001;
  background: var(--white);
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: -44px;
}

.header__container {
  flex-grow: 1;
}

.header__top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 44px;
  padding: 0 25px;
}

.logo {
  display: block;
  flex-shrink: 0;
}

.header__logo {
  margin: 20px 20px 0 40px;
  width: 120px;
  text-align: right;
  transition: 0.15s;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.header__img {
  width: 100%;
  height: auto;
  transition: 0.15s;
}

.header__mobile-logo {
  display: none;
}

.socials {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0 20px 0 0;
  margin: 0;
}

.socials__link {
  display: flex;
  align-items: center;
  padding: 0 13px;
  margin: 0 5px;
}

.contacts__socials .socials {
  justify-content: center;
  padding: 0;
  margin: 20px 0 0 0;
}

/* Фиксированное меню */

.header.fixed {
  box-shadow:  0 0 32px 3px rgba(var(--black-opacity), 0.1);
}

.header.fixed .header__logo {
  margin: 56px 20px 0 40px;
  transition: 0.15s;
}

.header.fixed .header__img {
  width: 90px;
  height: 90px;
  transition: 0.15s;
}

/* Поиск */

.search {
  position: relative;
  padding: 10px 15px;
  display: flex;
  align-items: center;
}

.search--mobile {
  display: none;
}

.search:after,
.search:before,
.header__tournaments:before,
.header__register_coaches:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 1px;
  height: 30px;
  transform: skew(-15deg);
  background-color: rgba(var(--black-opacity), 0.23);
}

.search:after {
  left: 0;
}

.search:before,
.header__tournaments:before,
.header__register_coaches:before {
  right: 0;
}

.search__form {
  display: flex;
  align-items: center;
}

.search__link {
  display: flex;
  padding: 0 7px;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}

.search__form--active .search__link {
  display: none;
}

.search__icon {
  fill: var(--grey-dark);
}

.search__input {
  width: 0;
  outline: none;
  height: 22px;
  padding: 0;
  border: none;
  transition: all 0.6s ease;
}

.search__form--active .search__input {
  width: 200px;
  padding: 10px;
  margin: 0 10px;
  border: 1px solid var(--grey);
}

.search__button {
  display: none;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0 7px;
}

.search__form--active .search__button {
  display: flex;
}

.search-result__text {
  margin: 0 0 30px;
  color: var(--black);
  font-weight: 700;
  font-size: 16px;
}

.header__details,
.header__tournaments,
.header__register_coaches {
  letter-spacing: 0.8px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--red-dark);
  font-size: 10px;
  cursor: pointer;
  padding: 10px 20px;
}

.header__tournaments, .header__register_coaches {
  position: relative;
}

.navigation {
  display: flex;
  background-color: var(--red-light);
  margin: 0 0 60px;
  position: relative;
}

.navigation__list {
  list-style: none;
  display: flex;
  align-items: center;
  height: 56px;
  margin: 0;
  padding: 0 0 0 10px;
}

.navigation__list--dark {
  background: var(--red-dark);
}

.navigation__list--dark .navigation__item:last-child {
  margin: 0 40px 0 0;
}

.navigation__list--light {
  flex-grow: 1;
  padding: 0;
}

.navigation__item {
  flex-grow: 1;
}

.navigation__link {
  position: relative;
  font-weight: 500;
  color: var(--white);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  cursor: pointer;
  padding: 0 20px;
}

.navigation__list--dark .navigation__link {
  padding: 0 30px;
}

@media (min-width: 1351px) and (max-width: 1475px) {
  .navigation__link {
    padding: 0 10px;
  }


  .navigation__list--dark .navigation__link {
    padding: 0 25px;
  }
}

.navigation__link--type {
  text-transform: uppercase;
}

.navigation__separator {
  position: relative;
}

.navigation__separator:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 56px;
  top: -28px;
  right: -99px;
  background: linear-gradient(105deg, transparent 50%, var(--red-light) calc(50% + 1px));
}

@media (min-width: 1351px) and (max-width: 1475px) {
  .navigation__separator:after {
    right: -94px;
  }
}

.navigation__list--dark .navigation__item:first-child .navigation__separator:after {
  left: -40px;
  right: unset;
  background: linear-gradient(-75deg, transparent 50%, var(--white) calc(50% + 1px));
}

@media (min-width: 1351px) and (max-width: 1475px) {
  .navigation__list--dark .navigation__item:first-child .navigation__separator:after {
    left: -35px;
  }
}

.navigation__item--active .navigation__link:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid var(--white);
}

.navigation__submenu {
  flex-grow: 1;
  align-items: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 56px;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease;
}

.navigation__submenu.navigation__submenu--active {
  visibility: visible;
  opacity: 1;
  transition: 0.3s ease;
}

.navigation__submenu-item {
  flex-grow: 1;
}

.navigation__submenu-link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}

.navigation__submenu-text {
  font-size: 13px;
  line-height: 20px;
  padding: 0 5px;
  color: var(--black);
  border-bottom: 3px solid transparent;
  white-space: nowrap;
}

.navigation__submenu-item--active .navigation__submenu-text,
.navigation__submenu-item:hover .navigation__submenu-text {
  border-bottom: 3px solid var(--red-light);
  transition: 0.2s;
}

.header__hamburger {
  display: none;
}

/* Все разделы */

.menu {
  display: none;
  background-color: var(--red);
  box-shadow: 0 1px 12px 1px rgba(var(--black-opacity), 0.1);
  position: absolute;
  top: 0;
  z-index: 1002;
}

.menu__close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.menu__close:after,
.menu__close:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 16px;
  background-color: var(--red-light);
  top: 10px;
  right: 20px;
}

.menu__close:after {
  transform: skew(45deg);
}

.menu__close:before {
  transform: skew(-45deg);
}

.menu__main {
  background-color: var(--red-dark);
  flex-grow: 1;
  padding: 40px 20px;
}

.menu__side {
  width: 400px;
  flex-shrink: 0;
  padding: 15px 15px 30px 40px;
}

.menu__list,
.menu__units {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu__units {
  display: flex;
  flex-wrap: wrap;
}

.menu__unit {
  width: 200px;
  flex-shrink: 0;
  padding: 20px 0;
  margin: 0 20px;
}

.menu__unit:first-child,
.menu__unit:nth-child(2),
.menu__unit:nth-child(3) {
  border-bottom: 1px solid var(--red-light);
}

@media (max-width: 1879px) {
  .menu__unit:nth-child(4) {
    border-bottom: 1px solid var(--red-light);
  }
}

@media (max-width: 1639px) {
  .menu__unit:nth-child(5) {
    border-bottom: 1px solid var(--red-light);
  }
}

@media (max-width: 1399px) {
  .menu__unit:nth-child(6) {
    border-bottom: 1px solid var(--red-light);
  }
}

@media (max-width: 1159px) {
  .menu__unit:nth-child(7) {
    border-bottom: 1px solid var(--red-light);
  }
}

.menu__main-header {
  font-size: 23px;
  line-height: 24px;
  color: var(--white);
  margin: 0 20px 49px 20px;
}

.menu__logo {
  margin: 0 0 20px 0;
}

.menu__link {
  font-size: 12px;
  line-height: 20px;
  color: var(--white);
}

.menu__side .menu__link {
  font-size: 14px;
  line-height: 27px;
}

.menu__title {
  font-weight: 500;
  text-transform: uppercase;
  color: var(--white);
  margin: 0 0 10px 0;
}

.menu__side .menu__title {
  font-size: 23px;
  line-height: 24px;
  margin: 0 0 24px 0;
  text-transform: unset;
}

/* Подвал */

.footer {
  background-color: var(--red-dark);
  padding: 20px 0 30px 0;
  color: var(--white);
  overflow: hidden;
  margin: auto 0 0 0;
}

.footer__container {
  position: relative;
  z-index: 1;
}

.footer__container:after {
  content: url("../img/footer-bg.png");
  position: absolute;
  top: -600px;
  right: -150px;
  z-index: -1;
}

.footer__top {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px 0;
}

.footer__wrapper {
  display: flex;
  align-items: center;
}

.footer__socials .socials__icon {
  fill: var(--white);
}

.footer__login {
  display: block;
  color: var(--white);
  font-size: 16px;
  margin: 0 0 0 20px;
}

.footer__units,
.footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__units {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px 0;
}

.footer__link {
  font-size: 12px;
  line-height: 22px;
  color: var(--white);
}

.footer__title {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.footer__copyright-link {
  color: var(--white);
  text-decoration: underline;
}

/* Бесков */
.beskov-top {
  padding: 40px 0;
  background-image: url("/img/beskov/beskov-pentagons-background.svg"), linear-gradient(to right, #0C491F 40%, var(--green) 100%);
  color: var(--white);
  overflow: hidden;
  margin: 0 0 40px 0;
}

.beskov-top__container {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.beskov-top__container:after {
  content: '';
  position: absolute;
  top: -124px;
  left: -134px;
  z-index: -1;
  width: 433px;
  height: 427px;
  background-image: url("/img/beskov/beskov-header-figure.svg");
  background-size: cover;
}

.beskov-top__picture {
  margin: 0 100px 0 0;
  flex-shrink: 0;
}

.beskov-top__img {
  display: block;
}

.beskov-top__title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  margin: 0 0 30px 0;
  max-width: 700px;
}

.beskov-top__text {
  font-size: 20px;
  line-height: 24px;
}

.tabs__navigation {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  display: flex;
  justify-content: space-between;
  margin-right: -10px !important;
}

.tabs-main__navigation {
  display: none;
}

.tabs__navigation--nearby {
  justify-content: start;
}

.tabs__item {
  cursor: pointer;
  flex-grow: 1;
  margin: 0 10px 0 0;
  flex-basis: 180px;
}

.tabs__navigation--nearby .tabs__item {
  margin-right: 24px;
}

.tabs__navigation--nearby .tabs__item:last-child {
  margin-right: 0;
}

.tabs__link,
.tabs__link--dominant {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
  height: 40px;
  background-color: var(--grey-light);
  border-radius: 3px;
  padding: 0 14px;
  text-align: center;
  white-space: nowrap;
}

.tabs__link--dominant {
  display: none;
}

.tabs__item--active .tabs__link {
  color: var(--white);
  background-color: var(--red-light);
  transition: all 0.2s;
}

@media (hover: hover) {
  .tabs__item:hover .tabs__link {
    color: var(--white);
    background-color: var(--red-light);
    transition: all 0.2s;
  }
}

.tabs--dominant-color .tabs__item--active .tabs__link.tabs__link--default,
.tabs--dominant-color .tabs__item:hover .tabs__link.tabs__link--default {
  display: none;
}

.tabs--dominant-color .tabs__item--active .tabs__link.tabs__link--dominant,
.tabs--dominant-color .tabs__item:hover .tabs__link.tabs__link--dominant {
  display: flex;
}

.tabs--dominant-color .tabs__item--active .tabs__link.tabs__link--dominant.text-dark,
.tabs--dominant-color .tabs__item:hover .tabs__link.tabs__link--dominant.text-dark {
  color: var(--black);
}

.tabs--dominant-color .tabs__item--active .tabs__link.tabs__link--dominant.text-light,
.tabs--dominant-color .tabs__item:hover .tabs__link.tabs__link--dominant.text-light {
  color: var(--white);
}

.tabs--border .tabs__link {
  background-color: transparent;
  font-weight: 500;
  border-bottom: 3px solid transparent;
  color: var(--black);
  border-radius: unset;
  padding: 0;
  height: 34px;
}

.tabs--border .tabs__item {
  margin: 0 16px;
  white-space: nowrap;
  flex-basis: unset;
}

.tabs--border .tabs__item--active .tabs__link,
.tabs--border .tabs__item:hover .tabs__link {
  border-bottom: 3px solid var(--red-light);
  transition: 0.2s;
  background-color: transparent;
  color: var(--black);
}

.tabs__pane {
  display: none;
}

.tabs__pane--active {
  display: block;
}

.results-top {
  margin: 0 0 10px 0;
}

.results-top .tabs__item {
  margin: 0 10px 10px 0;
  flex-basis: unset;
}

.results-top .tabs__navigation {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-right: -10px;
}

.top .tabs__navigation {
  margin-right: -10px;
}

/* task 68180 start */
.documents-container {
  font-family: "Proxima Nova", sans-serif;
}

.documents {
  display: flex;
  flex-direction: row-reverse;
  gap: 24px 16px;
  padding-bottom: 40px;
  align-items: flex-start;
}

.documents__nav {
  min-width: 300px;
  overflow: hidden;
  border: 1px solid var(--red-dark);
  border-radius: var(--big-border-radius);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.1;
  color: var(--black);
}

.documents__nav-head {
  color: var(--white);
  background-color: var(--red-dark);
  padding: 14px 16px;
}

.mobile-head {
  display: none;
}

.documents__nav-list {
  list-style: none;
  padding: 0;
}

.documents__nav-list_hidden {
  animation: hide-nav 0.4s forwards;
}

.documents__nav-list_show {
  animation: show-nav 0.5s forwards;
}

.documents__nav-item:not(:last-child) {
  border-bottom: 1px solid var(--red-dark);
}

.documents__nav-link {
  display: block;
  color: inherit;
  padding: 12px 16px;
  transition: background-color 0.3s ease-in-out;
}

@media (hover: hover) {
  .documents__nav-link:hover {
    background-color: var(--pale);
  }
}

.documents__nav-link--active {
  pointer-events: none;
  background-color: var(--pale);
}

@keyframes hide-nav {
  0% {
    max-height: 740px;
  }
  100% {
    max-height: 0;
  }
}

@keyframes show-nav {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 740px;
  }
}
/* task 68180 end */

.documents__list {
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%;
}

.tabs--documents .documents__list {
  margin: 50px 0 0 0;
}

.documents__list:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  top: -2px;
  left: 0;
  background: linear-gradient(to right, var(--red-light) 0%, var(--red-dark) 100%);
}

.documents__item {
  min-height: 100px;
  border-bottom: 1px solid var(--pale);
  padding: 20px 16px;
  display: flex;
  align-items: center;
}

.documents__icon {
  margin: 0 30px 0 0;
  flex-shrink: 0;
}

.documents__date {
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 5px 0;
  color: var(--red-dark);
}

.documents__title {
  color: var(--black);
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}

.documents__download {
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
}

.documents__size {
  font-size: 16px;
  line-height: 18px;
  padding: 0 24px;
}

.documents__link {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--black);
  flex-grow: 1;
}

.documents__tournament {
  width: 40%;
  padding: 0 0 0 20px;
  flex-shrink: 0;
  margin: 0 0 0 auto;
}

/* Таблицы */

.table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--white);
  position: relative;
  table-layout: fixed;
}

.table__head {
  background-color: var(--light);
  text-align: left;
}

.table--line-none:after {
  display: none;
}

.table__head .table__cell {
  font-weight: 500;
  height: 50px;
  font-size: 12px;
}

.table__row {
  border-bottom: 1px solid #e2e2e2;
}

.table__cell {
  height: 60px;
  padding: 5px 10px;
  text-align: center;
}

.table--big {
  table-layout: unset;
}

.table--big .table__cell {
  padding: 10px 20px;
}

.table__cell--center {
  text-align: center;
}

.table__cell--left {
  text-align: left;
}

.table__cell--semibold {
  font-weight: 500;
}

.table__cell--bold {
  font-weight: 700;
}

.table__link {
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--black);
  position: relative;
}

.table__text {
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 34px;
  -webkit-box-pack: center;
}

.table__link--center {
  justify-content: center;
}

.table__logo {
  display: block;
  margin: 0 10px 0 0;
  flex-shrink: 0;
  border-radius: 25%;
}

.table__cell--number {
  width: 40px;
  text-align: center;
}

.empty-block {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-top: 1px solid var(--pale);
  border-bottom: 1px solid var(--pale);
  width: 100%;
}

.empty-block--black {
  color: var(--black);
}

.empty-block--padding {
  padding: 20px;
}

.empty-block--white {
  color: var(--white);
  border-top: none;
  border-bottom: none;
}

/* Бесков. услуги и цены */

.beskov .table:after,
.beskov .media__stamp,
.beskov .documents__list::after {
  background: var(--green);
}

.beskov .tabs--border .tabs__item--active .tabs__link,
.beskov .tabs--border .tabs__item:hover .tabs__link {
  border-bottom: 3px solid var(--green);
}

.beskov .media__date,
.beskov .contacts__value--mail,
.beskov .documents__date {
  color: var(--green-dark);
}

.beskov-top ~ .partners .partners__main {
  border-top: 1px solid var(--green);
}

.beskov .button {
  background-color: var(--green-dark);
}

.beskov .button:hover {
  background-color: var(--green);
}

.beskov .coaches__item {
  background-color: var(--green-dark);
}

.beskov .coaches--main .coaches__title {
  border-bottom: 1px solid var(--green);
}

.beskov .coaches__bottom {
  border-top: 1px solid var(--green);
}

.beskov .dropdown__title::after {
  content: url("/img/beskov/beskov-arrow.svg");
}

.beskov .form__group--date::before {
  content: url("/img/beskov/beskov-calendar.svg");
}

.beskov .form__label {
  color: var(--green);
}

.beskov-services {
  padding-bottom: 40px;
}

.beskov-services .table__row .table__cell {
  height: 90px;
  font-size: 18px;
  line-height: 22px;
}

.beskov-services__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 34px;
  box-sizing: content-box;
  border: 1px solid var(--green-dark);
  border-radius: 3px;
  font-size: 12px;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--green-dark);
  padding: 0 30px 0 0;
  position: relative;
}

.beskov-services__download-icon {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 14px;
  stroke: var(--green-dark);
}

.beskov-services__service {
  width: 65%;
}

.beskov-services__price {
  width: 15%;
  white-space: nowrap;
}

.beskov-services__download {
  width: 20%;
}

.beskov-services__button {
  cursor: pointer;
  margin: 0 auto;
}

.beskov-seminars {
  padding-bottom: 40px;
}

.beskov-seminars__date {
  width: 12%;
}

.beskov-seminars__time {
  width: 12%;
}

.beskov-seminars__theme {
  width: 49%;
  font-size: 16px;
  line-height: 20px;
}

.beskov-seminars__speaker {
  width: 27%;
}

.beskov-seminars__speaker-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 5px 0;
}

.coaches {
  padding-bottom: 40px;
}

.coaches__list {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.coaches__item {
  background-color: var(--red-dark);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.coaches__link {
  display: flex;
  padding: 0 15px;
  color: var(--white);
  height: 100%;
}

.coaches__picture {
  width: 230px;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coaches__background {
  position: absolute;
  left: -113px;
  top: calc(50% - 187px);
  z-index: 2;
}

.beskov .coaches__background {
  left: -95px;
  top: calc(50% - 172px);
}

.coaches__img {
  display: block;
  z-index: 1;
}

.coaches__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 24px 15px 24px 25px;
  z-index: 3;
}

.coaches__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin: 0 0 15px 0;
}

.coaches__position {
  margin: 0 0 10px 0;
}

.coaches__bottom-wrapper {
  margin: auto 0 0 0;
}

.coaches__bottom {
  margin: 20px 0 0 0;
  border-top: 1px solid var(--red-light);
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 0 0;
}

.coaches--main .coaches__title {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid var(--red-light);
}

/* О центре */

.beskov-programs {
  margin-bottom: 40px;
}

.beskov-programs__list {
  list-style: none;
  padding: 0;
  margin: 0 0 35px 0;
  position: relative;
}

.beskov-programs__list:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  top: -2px;
  left: 0;
  background: var(--green);
}

.beskov-programs__item {
  border-bottom: 1px solid var(--pale);
}

.beskov-programs__link {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 55px 24px 20px;
  color: var(--black);
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.beskov-programs__buttons {
  display: flex;
  justify-content: flex-end;
}

.beskov-programs__button {
  margin: 0 0 0 30px;
  padding: 0 65px;
}

.reviews {
  margin-bottom: 40px;
}

.reviews__wrapper {
  position: relative;
}

.reviews__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.reviews__arrow {
  width: 80px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
  z-index: 2;
  outline: none;
}

.reviews__arrow--right {
  right: 0;
}

.reviews__arrow--right .reviews__arrow-icon {
  transform: scale(-1, 1);
}

.reviews__arrow-icon {
  fill: var(--grey);
}

.reviews__item {
  padding: 10px;
}

.reviews__unit {
  min-height: 250px;
  display: flex;
  align-items: center;
  padding: 40px 98px;
  box-shadow: 0 2px 13px 1px rgba(var(--black-opacity), 0.1);
  background-color: var(--white);
}

.reviews__picture {
  width: 200px;
  flex-shrink: 0;
  position: relative;
}

.reviews__icon {
  position: absolute;
  right: 40px;
  top: 5px;
}

.reviews__img {
  display: block;
  border-radius: 25%;
}

.reviews__text {
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
  font-style: italic;
  margin: 5px 0 24px 0;
}

/* Формы */

.form__notification {
  height: 56px;
  background: linear-gradient(to right, #8c1426 0%, #de1640 100%);
  display: flex;
  align-items: center;
  margin: 10px 0;
  font-size: 20px;
  justify-content: center;
  color: #ffffff;
}

.form__notification--beskov {
  background: linear-gradient(to right, #0C491F 40%, var(--green) 100%);
}

.form__content {
  padding: 40px 150px;
  box-shadow: 0 2px 13px 1px rgba(var(--black-opacity), 0.1);
  margin-bottom: 40px;
}

.form__text {
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 20px 0;
}

.form__group {
  display: flex;
  flex-direction: column;
  margin: 0 0 5px 0;
  position: relative;
}

.form__section {
  display: flex;
  justify-content: space-between;
}

.form__group--short {
  width: calc((100% - 60px)/3);
}

.form__label {
  margin: 0 0 10px 0;
}

.form__group--color .form__label {
  color: var(--red-dark);
}

.form__color {
  color: var(--red-dark);
}

.form__input {
  width: 100%;
  height: 47px;
  padding: 0 20px;
}

.filters__item--superwide .form__input {
  height: 44px;
}

.form__textarea {
  padding: 20px;
}

.form__input,
.form__textarea {
  border-radius: 6px;
  border: 1px solid #eeeeee;
  box-shadow: 0px 4px 6px rgba(var(--black-opacity), 0.06);
  outline: none;
  font-family: "Roboto", "Arial", sans-serif;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.form__help {
  font-size: 12px;
  padding: 5px 0;
  color: var(--red-dark);
  min-height: 26px;
}

.form .dropdown__title {
  position: relative;
  border: 0.5px solid #eeeeee;
  box-shadow: 0px 4px 6px rgba(var(--black-opacity), 0.06);
  border-radius: 6px;
}

.form__group--bordered:after,
.form .dropdown__title:before {
  content: '';
  position: absolute;
  bottom: 26px;
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, var(--red-light) 0%, var(--red-dark) 100%);
  border-radius: 0 0 6px 6px;
}

.form .dropdown__title:before {
  bottom: 0;
}

.beskov .form__group--bordered:after,
.beskov .form .dropdown__title:before {
  background: linear-gradient(88.61deg, #065E14 6.08%, rgba(255, 255, 255, 0) 68.07%), #079E13;
}

/* Дропдауны и селекты */

.dropdown {
  position: relative;
  cursor: pointer;
}

.dropdown__title {
  position: relative;
}

.dropdown__title:after {
  display: block;
  content: url(/img/arrow.svg);
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -8px;
  transition: 0.2s;
  fill: var(--red-dark);
}

.dropdown.js-open .dropdown__title {
  background-color: var(--light);
}

.dropdown--dark.js-open .dropdown__title {
  background-color: #5a5d5f;
}

.dropdown.js-open .dropdown__title:after {
  transform: rotate(180deg);
  transition: 0.2s;
}

.dropdown--dark.js-open .dropdown__title:after {
  content: url(/img/arrow-white.svg);
}

.dropdown__title {
  font-weight: 500;
  color: var(--black);
  display: flex;
  align-items: center;
  height: 47px;
  border-bottom: 1px solid #c6c6c6;
  outline: none;
  font-family: "Roboto", "Arial", sans-serif;
}

.dropdown--dark .dropdown__title {
  font-weight: 400;
  height: 36px;
  border-color: #5a5d5f;
}

.dropdown__options {
  display: none;
  list-style: none;
  margin: 0;
  position: absolute;
  width: 100%;
  z-index: 99;
  top: 47px;
  left: 0;
  background-color: var(--light);
  padding: 10px 0;
  max-height: 210px;
}

.dropdown--dark .dropdown__options {
  background-color: #5a5d5f;
}

.dropdown--dark .dropdown__options:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #313437;
}

.dropdown__link,
.dropdown__options li:not(.dropdown__option) {
  display: block;
  line-height: 14px;
  padding: 5px 30px 5px 15px;
  cursor: pointer;
}

.dropdown__options li.js-active,
.dropdown__options .js-div-select-li-hide {
  display: none;
}

.dropdown__link:hover {
  color: var(--black);
  text-decoration: none;
}

.dropdown--dark .dropdown__link {
  font-size: 12px;
  color: var(--white);
}

.dropdown__options .dropdown__link,
.dropdown__options li:not(.dropdown__option) {
  font-size: 12px;
}

.dropdown__options .dropdown__link:hover,
.dropdown__options li:not(.js-div-select-li-empty, .js-div-select-li-process, .dropdown__option):hover {
  color: var(--red-dark);
}

.dropdown--light .dropdown__title {
  border: unset;
  border-bottom: 1px solid #c6c6c6;
}

.dropdown--light.js-open .dropdown__title {
  background-color: var(--white);
}

.dropdown--white.js-open .dropdown__title,
.dropdown--white  .dropdown__options {
  background-color: var(--white);
}

.dropdown--transparent .dropdown__title {
  border: 1px solid rgba(var(--white-opacity), 0.3);
  color: var(--white);
}

.dropdown--transparent .dropdown__title:after {
  content: url(/img/arrow-white-opacity.svg);
}

.dropdown--transparent.js-open .dropdown__title {
  background-color: transparent;
}

.dropdown--transparent .dropdown__options {
  background-color: var(--red-dark);
}

.dropdown--transparent .dropdown__options .dropdown__link:hover {
  color: var(--white);
}

.dropdown--red .dropdown__title {
  background-color: var(--red-dark);
  border: none;
}

.filters--border .dropdown__title {
  border-bottom: 0;
  position: relative;
}

.filters--border .filters__item:not(:last-child) .dropdown__title:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 34px;
  top: 50%;
  margin-top: -17px;
  right: 0;
  background: #c6c6c6;
}

.dropdown--disabled {
  cursor: default;
}

.form__group--date {
  position: relative;
}

.form__group--date:before {
  content: url(/img/calendar.svg);
  position: absolute;
  display: block;
  right: 15px;
  top: 42px;
  pointer-events: none;
  width: 16px;
  height: 15px;
}

.dropdown__search {
  width: 100%;
  font-size: 12px;
  border: 2px solid #eeeeee;
  outline: none;
  font-family: "Roboto", "Arial", sans-serif;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 5px 15px;
}

.js-div-select-li-empty {
  display: block;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 30px 5px 15px;
}

/* Бесков. Программа */

.beskov-program {
  margin-bottom: 70px;
}

.beskov-program__description {
  font-size: 16px;
  line-height: 23px;
}

.beskov-curriculums {
  margin-bottom: 120px;
}

.beskov-curriculums__discipline {
  width: 52%;
}

.beskov-curriculums__time {
  width: 18%;
}

.beskov-curriculums__form {
  width: 20%;
}

.beskov-curriculums .table__row .table__cell {
  height: 90px;
  font-size: 18px;
  line-height: 22px;
}

.beskov-about {
  margin: 0 0 40px 0;
}

/* Турнирная таблица */

.tournament-tables__subtitle {
  margin: 0 0 20px 0;
}

.tournament-statistics .filters-group {
  margin: 0 0 20px 0;
}

.tournament-tables {
  margin: 0 0 60px 0;
}

.tournament-table__table,
.table-chess-teams {
  table-layout: fixed;
}

.mark {
  flex-shrink: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #b0b7c0;
}

.mark--up {
  position: relative;
  bottom: 3px;
  right: -3px;
  width: 0;
  height: 0;
  border-radius: 0;
  border: 5px solid transparent;
  border-bottom: 5px solid #13cf00;
  background-color: transparent;
}

.mark--down {
  position: relative;
  top: 3px;
  right: -3px;
  width: 0;
  height: 0;
  border-radius: 0;
  border: 5px solid transparent;
  border-top: 5px solid #d81920;
  background-color: transparent;
}

.progress {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: start;
}

.progress__link {
  position: relative;
  display: block;
  cursor: pointer;
}

.progress__link .progress__text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  font-size: 11px;
  line-height: 11px;
  color: var(--white);
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 50%;
  background-color: #13cf00;
}

.progress__item--loss .progress__text {
  background-color: #d81920;
}

.progress__item--draw .progress__text {
  background-color: #76767f;
}

.progress__item {
  position: relative;
  margin: 0 4px;
}

.progress__drop {
  position: absolute;
  background-color: var(--white);
  width: 340px;
  min-height: 85px;
  height: auto;
  box-shadow: 0 0 13px 1px rgba(var(--black-opacity), 0.13);
  border-radius: 3px;
  left: 50%;
  margin-left: -170px;
  padding: 15px 0;
  top: 40px;
  color: var(--black);
  display: none;
  z-index: 2;
  text-align: center;
}

.table__link .progress__drop {
  top: 55px;
}

.progress__drop--loader img,
.progress__drop .preload-img{
  width: 55px;
  height: 55px;
}

.progress__drop:after {
  content: '';
  position: absolute;
  border: 10px solid transparent;
  border-bottom: 10px solid var(--white);
  top: -16px;
  left: 50%;
  margin-left: -10px;
  display: block;
}

.progress__drop:hover {
  background-color: var(--red);
  transition: 0.2s;
  color: var(--white);
}

.progress__drop:hover .progress__score,
.progress__drop:hover .progress__goals-title {
  color: var(--white);
}

.progress__drop:hover:after {
  border-bottom: 10px solid var(--red);
  transition: 0.2s;
}

.progress__drop .progress__goals-minute--white,
.progress__drop:hover .progress__goals-minute--red {
  display: none;
}

.progress__drop:hover .progress__goals-minute--white,
.progress__drop .progress__goals-minute--red {
  display: flex;
}

.progress__container {
  display: flex;
  align-items: center;
}

.progress__date {
  font-size: 11px;
  margin: 0 0 5px 0;
}

.progress__stadium {
  font-size: 10px;
  font-weight: 500;
  margin: 0 0 5px 0;
}

.progress__team {
  display: flex;
  align-items: center;
  width: calc((100% - 50px) / 2);
}

.progress__team--left {
  justify-content: flex-end;
}

.progress__title {
  font-size: 12px;
  line-height: 12px;
  margin: 10px;
  text-align: left;
}

.progress__team--left .progress__title {
  text-align: right;
}

.progress__img {
  display: block;
  flex-shrink: 0;
  border-radius: 50%;
}

.progress__score {
  font-size: 21px;
  font-weight: 700;
  color: var(--red-light);
  width: 70px;
  display: flex;
  flex-direction: column;
}

.progress__score-additional {
  font-size: 14px;
  line-height: 15px;
  font-weight: 500;
}

.progress__goals {
  font-size: 10px;
  line-height: 12px;
  margin: 10px 0 0 0;
}

.progress__goals-title {
  color: var(--red);
  font-weight: 700;
  margin: 0 0 5px 0;
}

.progress__goals-content {
  display: flex;
}

.progress__goals-list {
  list-style: none;
  width: 50%;
  padding: 5px;
}

.progress__goals-item {
  display: flex;
  align-items: center;
  margin: 0 0 3px 0;
}

.progress__goals-item:last-child {
  margin: 0;
}

.progress__goals-name {
  padding: 0 5px;
  text-align: left;
}

.progress__goals-list--left {
  border-right: 1px solid var(--red);
}

.progress__goals-list--left .progress__goals-item {
  justify-content: flex-end;
}

.progress__goals-list--left .progress__goals-name {
  order: -1;
  text-align: right;
}

.progress__goals-minute {
  flex-shrink: 0;
  align-items: center;
}

.progress__drop:hover .progress__goals-list--left {
  border-right-color: var(--white);
}

.tournament-table__number {
  position: relative;
  width: 6%;
}

.tournament-table__number--up::before,
.tournament-table__number--down::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
}

.tournament-table__number--up::before {
  background-color: #50DD37;
}

.tournament-table__number--down::before {
  background-color: #FF0032;
}

.tournament-table__variable {
  text-align: center;
  width: 5%;
}

.tournament-table__next {
  padding: 0;
  width: 92px;
}

.main-content--without-sidebar .tournament-table__next {
  width: 10%;
}

.tournament-table__next .table__logo {
  margin: 0;
}

.tournament-table__progress {
  width: 166px;
}

.main-content--without-sidebar .tournament-table__progress {
  width: 18%;
}

.tournament-table__mark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 24px;
}

.tournament-table__mark-text {
  width: 12px;
  text-align: center;
}

/* Профиль */
.profile {
  background-image: url("/img/pentagons-background.svg"), linear-gradient(to right, var(--red-dark) 30%, var(--red-light) 100%);
  background-size: cover;
  color: var(--white);
  overflow: hidden;
  margin: 0 0 40px 0;
  min-height: 300px;
}

.profile__container {
  display: flex;
  position: relative;
  z-index: 1;
  min-height: 300px;
}

.profile--referee .profile__container {
  max-width: 1400px;
  width: 100%;
}

.profile__picture {
  margin: 0 80px 0 0;
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

.profile__logo {
  position: absolute;
  bottom: 30px;
  right: 0;
}

.profile__background {
  position: absolute;
  top: calc(50% - 232px);
  left: -102px;
  fill: var(--red-dark);
}

.profile__background--referee {
  top: calc(50% - 285px);
  left: -183px;
  max-width: none;
}

.profile__img {
  display: block;
  z-index: -1;
}

.profile__content {
  padding: 40px 0 30px 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.profile__title {
  display: inline-block;
  margin: 0 0 30px 0;
  color: var(--white);
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
}

.profile__subtitle {
  font-size: 20px;
  font-weight: 500;
  color: var(--white);
  line-height: 24px;
  margin: 0 0 20px 0;
}

.profile__list {
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.profile__list--margin-top {
  margin: 20px 0 0 0;
}

.profile__item {
  display: flex;
  align-items: center;
  margin: 0 0 5px 0;
  min-height: 28px;
}

.profile__property {
  color: white;
  width: 124px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 0 10px 0 0;
  flex-shrink: 0;
}

.profile--referee .profile__property {
  width: 175px;
}

.profile__value {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.profile__value a {
  color: var(--white);
}

.profile__wrapper {
  display: flex;
  align-items: flex-end;
  z-index: 2;
}

.stats {
  max-width: 420px;
  width: 100%;
  margin-left: 40px;
  padding: 0 0 30px;
}

.stats__heading {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 10px;
}

.stats__wrapper {
  border: 1px solid var(--white);
}

.table-stats {
  background-color: inherit;
  width: 100%;
}

.table-stats:after {
  display: none;
}

.table-stats .table__head {
  background-color: inherit;
  border: none;
}

.table-stats .table__head .table__cell {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
}

.table-stats .table__cell {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  border: none;
  padding: 6px;
  height: auto;
}

.table-stats__mobile {
  display: none;
}

.table-stats .table-stats__name {
  width: 34.5%;
  padding: 6px 6px 6px 16px;
  text-align: left;
}

.table-stats .table__row {
  border: none;
}

.table-stats .table__row:last-child .table__cell {
  padding: 6px 9px 17px;
}

.table-stats .table__row:last-child .table-stats__name {
  padding: 6px 9px 17px 16px;
}

.slider {
  position: relative;
}

.slider__indicators {
  width: calc(100% - 100px);
  display: grid;
  grid-template-columns: repeat(8,1fr);
  grid-column-gap: 10px;
  margin: 0 auto 30px;
}

.slider__indicators-item {
  width: 100%;
  height: 40px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider__indicators-link {
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-color: var(--grey-light);
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider__indicators-item.tns-nav-active .slider__indicators-link {
  background-color: var(--red-light);
  color: var(--white);
}

.slider__arrows-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
}

.slider__arrows-link--disabled {
  cursor: auto;
}

.slider__arrows-link--disabled .slider__arrows {
  stroke: var(--gray);
}

.slider__arrows-link--left {
  left: 0;
}

.slider__arrows {
  stroke: var(--red-light);
}

.slider__arrows--left {
  transform: rotate(180deg);
}

.slider__arrows-link--right {
  right: 0;
}

.full-stats--mobile {
  display: none;
}

.table-referee {
  margin: 0 0 25px;
}

.table-referee:not(.table--dominant-color):after {
  bottom: 0;
  background-color: var(--red-light);
  top: auto;
}

.table-referee .table__head {
  background-color: var(--white);
}

.table-referee .table__cell {
  background-color: var(--grey-light);
  border: 2px solid var(--white);
  height: auto;
  padding: 10px 20px;
}

.table-referee .table__row:first-child .table__cell {
  border-top: 2px solid var(--grey-light);
}

.table-referee .table__row:last-child .table__cell {
  border-bottom: 2px solid var(--grey-light);
}

.table-referee .table-referee__league {
  width: 250px;
  text-align: left;
}

.table-referee .table-referee__info {
  width: 210px;
  text-align: left;
}

.table-referee .table-referee__teams {
  background-color: var(--white);
  border: 2px solid var(--grey-light);
  border-right: 2px solid var(--white);
  text-align: left;
}

.table-referee .table__head .table__cell {
  background-color: var(--white);
  height: auto;
  padding: 10px;
  color: var(--red-dark);
  font-size: 16px;
  line-height: 20px;
  border: none;
}

.table-referee .table-referee__goals {
  width: 85px;
  background-color: var(--white);
  border-bottom: 2px solid var(--grey-light);
}

.table-referee .table-referee__cards {
  width: 67px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  padding: 15px;
  text-transform: uppercase;
}

.table-referee__league-name {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 5px 0;
  color: var(--black);
}

.table-referee__birthday-year {
  font-size: 12px;
  line-height: 14px;
  color: var(--black);
}

.table-referee__date {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 5px 0;
}

.table-referee__location {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  color: var(--red-dark);
}

.table-referee__location-icon {
  fill: var(--red-dark);
  margin-right: 5px;
}

.table-referee__team-link {
  display: flex;
  align-items: center;
}

.table-referee__team-link:first-child {
  margin: 0 0 10px;
}

.table-referee__team-name {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  z-index: 3;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-box-pack: center;
}

.table-referee__team-logo {
  border-radius: 50%;
  margin-right: 8px;
}

.table-referee__goals-item {
  font-weight: 900;
  font-size: 14px;
  line-height: 18px;
  color: var(--red-light);
}

.table-referee__goals-item:first-child {
  margin: 0 0 10px;
}

.full-stats__list {
  margin: 0 20px;
  list-style: none;
}

.full-stats__item {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  line-height: 34px;
}

.full-stats__number {
  color: var(--red-light);
}

.filters--mobile {
  border-top: 2px solid var(--red-light);
  display: none;
}

.profile-share {
  position: absolute;
  right: 15px;
  top: 54px;
  z-index: 3;
}

.beskov-top .profile-share {
  top: 50px;
}

.social-share {
  display: flex;
  flex-direction: column;
  width: 84px;
  position: relative;
}

.social-share__icons {
  position: absolute;
  top: 24px;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.social-share__icons.open {
  pointer-events: auto;
  width: 100%;
}

.social-share__text {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--red);
}

.profile-share .social-share__text,
.match .social-share__text {
  color: var(--white);
}

.social-share__icon {
  fill: var(--red);
  margin: 0 0 0 7px;
  flex-shrink: 0;
}

.profile-share .social-share__icon,
.match .social-share__icon {
  fill: var(--white);
}

.tournament-tables .social-share {
  top: -3px;
}

.total-count {
  list-style: none;
  display: flex;
  margin: 0 auto 40px;
  border-radius: 2px;
  border: 1px solid var(--pale);
  max-width: 490px;
  width: 100%;
  padding: 0;
}

.total-count__item {
  height: 105px;
  width: calc(100% / 3);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.total-count__position {
  color: var(--black);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.96px;
  margin: 0 0 10px 0;
}

.total-count__value {
  color: var(--red);
  font-size: 35px;
  line-height: 40px;
  font-weight: 500;
}

.total-count__item:nth-child(even) {
  border-left: 1px solid var(--pale);
  border-right: 1px solid var(--pale);
}

.socials-color {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: auto 0 0 0;
}

.socials-color__item {
  margin: 0 14px 0 0;
}

.socials-color__link {
  display: block;
}

.statistics-header {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.statistics-header__navigation {
  margin-left: 0;
}

.statistics-header__navigation .tabs__link {
  margin-right: 10px
}

.statistics-table__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.statistics-table__item {
  width: calc((100% - 40px) / 3);
  min-height: 90px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 2px 13px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
  border-radius: 3px;
}

.statistics-table__item:nth-child(even) {
  margin: auto auto 50px;
}

.search-photo__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

/* Поиск */
.search-chosen-container {
  position: absolute;
  top: -100000px;
  left: -100000px;
}

.search-chosen-container select {
  width: 737px;
}

.search__middle-results {
  display: flex;
  height: 13px;
  color: black;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 30px;
}

/* Достижения */

.stamp__icon {
  width: 11px;
  height: 13px;
  margin-left: 5px;
}

.stamp__signature {
  width: 30px;
  height: 7px;
  color: white;
  font-size: 10px;
  font-weight: 400;
  margin-left: 5px;
}

.rewards {
  margin: 0 0 20px 0;
}

.rewards__wrapper {
  margin-bottom: 40px;
}

.rewards__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: 16px;
}

.rewards__item {
  width: calc((100% - 20px) / 2);
  position: relative;
  border: 1px solid var(--light);
  border-radius: 5px;
  padding: 30px;
  min-height: 190px;
  display: flex;
  flex-direction: column;
}

.rewards__item--with-icon {
  padding: 0;
  flex-direction: row;
  justify-content: space-between;
}

.rewards__img {
  display: block;
  margin: 0 0 15px 0;
}

.rewards__season {
  text-align: center;
}

.rewards__title {
  color: var(--red-light);
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 16px 0;
}

.rewards__tournament {
  color: var(--black);
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  display: block;
}

.rewards__item--with-icon .rewards__tournament {
  padding: 0 30px 10px 30px;
}

.rewards__link {
  display: flex;
  align-items: center;
  color: var(--black);
}

.rewards__link-img {
  margin: 0 10px 0 0;
  border-radius: 25%;
}

.rewards__bottom {
  margin: auto 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rewards__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}

.rewards__left {
  padding: 10px 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 160px;
}

.rewards__item--with-icon .rewards__title {
  margin: 0;
  padding: 10px 30px;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.rewards__item--with-icon .rewards__link {
  border-top: 1px solid var(--pale);
  margin: auto 0 0 0;
  padding: 20px 30px;
}

.profile__rewards {
  list-style: none;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 30px;
}

.profile__rewards-item {
  margin: 0 2px;
}

.rewards__img {
  display: block;
}

.bests {
  margin-bottom: 20px;
}

.bests__list {
  list-style: none;
  display: flex;
}

.bests__item {
  width: 300px;
  flex-shrink: 0;
}

.bests__item {
  margin: 0 160px 20px 0;
}

.bests__item:nth-child(3n) {
  margin: 0;
}

.bests__title {
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.bests__stats {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: var(--red);
  margin: 0 0 25px 0;
}

.bests__link {
  color: var(--black);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bests__picture {
  position: relative;
  margin: 0 auto 25px auto;
  z-index: 1;
}

.bests__img {
  display: block;
  z-index: 1;
}

.bests__background {
  position: absolute;
  top: -12px;
  left: -10px;
  z-index: 2;
}

.bests__name {
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px 0;
}

.bests__date {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}

.trainer-profile-news__header {
  display: flex;
  margin-bottom: 30px;
  margin-top: 30px;
}

.trainer-profile__subtitle {
  width: calc((100%) / 2);
  margin-right: auto;
}

/* Контакты */

.contacts__content {
  display: flex;
  padding: 30px 0 50px 0;
}

.contacts__info {
  display: flex;
  flex-direction: column;
  margin: 0 50px 0 0;
}

.contacts__info-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--black);
  line-height: 30px;
}

.contacts__info-title--beskov {
  margin: 20px 0 0 0;
}

.contacts__list {
  margin: 24px 0 0;
  padding: 0;
  list-style-type: none;
}

.contacts__item {
  display: flex;
  margin: 0 0 20px 0;
}

.contacts__item-text {
  width: 92px;
  font-size: 16px;
  font-weight: 700;
  color: var(--black);
}

.contacts__item-value {
  width: calc(100% - 92px - 60px);
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
  text-align: left;
}

.contacts__item-value p {
  margin: 0 0 18px 0;
}

.contacts__value--mail {
  color: var(--red-light);
  text-decoration: underline;
}

.contacts__map {
  min-width: 648px;
}

.contacts .socials-color,
.figure-head .socials-color,
.league .socials-color {
  justify-content: flex-start;
}

.league .socials-color {
  margin: 0 0 20px 0;
}

/* Об МФФ */

.head {
  padding: 20px 0;
  background: url("/img/pentagons-background.svg"), linear-gradient(to right, var(--red-dark) 40%, var(--red-light) 100%);
  color: var(--white);
  overflow: hidden;
  margin: 0 0 30px 0;
}

.head__title {
  color: white;
  font-size: 34px;
  line-height: 38px;
  font-weight: 700;
}

.head__container {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  min-height: 100px;
}

.head__back-link {
  display: block;
  color: var(--white);
  margin: 10px 0 0 0;
}

/*НОВЫЕ СТИЛИ ДЛЯ НАВИГАЦИИ*/

.head__navigation {
  text-align: center;
  align-self: center;
  max-width: 780px;
  margin: 25px 0 15px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  gap: 2px;
}

@media (max-width: 400px) {
  .head__navigation {
    font-size: 10px;
  }
}

.head__navigation .head__link {
  margin: 0;
  display: flex;
  align-items: center;
  color: var(--white, #fff);
}

.head__up-link .head__back-icon {
  transform: rotate(-90deg);
}

.head__next-link .head__back-icon {
  transform: rotate(0deg);
  margin-left: 5px;
}

/*КОНЕЦ НОВЫЕ СТИЛИ ДЛЯ НАВИКАЦИИ*/

.head__info {
  margin: 10px 0 0;
}

.head__text {
  margin: 5px 0 0 0;
}

.head--tournament .head__container {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.head__back-icon {
  stroke: var(--white);
  transform: rotate(180deg);
  margin: 0 5px 0 0;
}

.about__content {
  padding: 0 0 50px 0;
  font-size: 16px;
  line-height: 22px;
  color: var(--black);
}

.about__content p,
.about__content h1,
.about__content h2,
.about__content h3,
.about__content h4,
.about__content h5,
.about__content h6 {
  margin: 0 0 28px 0;
}

.about__title {
  margin: 42px 0 20px 0;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  color: var(--black);
}

.about__image-container {
  text-align: center;
}

.about img {
  margin: 0 auto 28px 0;
  max-width: 100%;
  height: auto;
}

/* Календарь на главной */
.main-calendar {
  background-color: var(--grey-light);
}

.main-calendar__top {
  height: 73px;
}

.main-calendar__container {
  position: relative;
  display: flex;
  align-items: center;
  padding: 13px 0;
}

.main-calendar__top-title {
  padding: 0 34px 0 14px;
  line-height: 47px;
  font-size: 16px;
  font-weight: 500;
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 10px;
}

.main-calendar__top-title:after {
  display: block;
  content: url(/img/arrow.svg);
  fill: var(--red-dark);
  transform: rotate(-90deg);
}

.main-calendar__top-title:before {
  display: block;
  content: '';
  width: 36px;
  height: 36px;
  background-image: url(/img/calendar.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 19px;
  right: 30px;
}

.main-calendar__top-filters {
  list-style-type: none;
  display: flex;
  margin: 0 14px;
  padding: 0;
}

.main-calendar__top-filters__item {
  width: 160px;
  margin: 0 20px 0 0;
}

.main-calendar__top-filters__item:last-child {
  margin: 0;
}

.main-calendar__top-filters__item--tournament {
  width: 200px;
}

.main-calendar__top-filters__item--loader {
  display: none;
  padding: 7px 0 0 0;
  text-align: center;
}

.main-calendar__top-filters__item--loader img {
  width: 32px;
  height: 32px;
}

.main-calendar__top-button {
  margin-left: auto;
  height: 36px;
  white-space: nowrap;
}

.main-calendar__content {
  padding: 0 15px;
  position: relative;
}

.main-calendar__arrow {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 60px);
  width: 36px;
  outline: none;
}

.main-calendar__arrow[aria-disabled="true"] {
  display: none;
}

.main-calendar__arrow:hover {
  background-color: rgba(var(--red-light-opacity), 0.2);
  cursor: pointer;
  transition: 0.2s;
}

.main-calendar__arrow svg {
  width: 21px;
  fill: #67696b;
}

.main-calendar__arrow:hover svg {
  fill: var(--white);
}

.main-calendar__arrow--left {
  left: -22px;
}

.main-calendar__arrow--left svg {
  transform: rotate(90deg);
}

.main-calendar__arrow--right {
  right: -22px;
}

.main-calendar__arrow--right svg {
  transform: rotate(-90deg);
}

.main-calendar__matches {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
}

.main-calendar__matches-loader {
  display: none;
  text-align: center;
}

.main-calendar__matches-loader img {
  width: 66px;
  height: 66px;
}

.main-calendar__matches-item {
  width: calc(100% / 5);
  padding: 0 20px 0 0;
}

.main-calendar__match {
  padding: 8px 15px 8px 15px;
  position: relative;
  display: block;
  color: var(--black);
}

.main-calendar__match:hover {
  background-color: var(--red-dark);
  color: var(--white);
  transition: 0.2s;
}

.main-calendar__match:hover .main-calendar__match-top__stage,
.main-calendar__match:hover .main-calendar__match-team__score,
.main-calendar__match:hover .main-calendar__match-teams {
  color: var(--white);
}

.main-calendar__match:first-child {
  margin: 0 0 20px 0;
  position: relative;
}

.main-calendar__match:first-child:after {
  content: '';
  position: absolute;
  width: 110%;
  height: 1px;
  background-color: #c6c6c6;
  bottom: -11px;
  left: 0;
}

.main-calendar__match-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
}

.main-calendar__match-top__date {
  font-size: 12px;
}

.main-calendar__tournament,
.main-calendar__stadium {
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.main-calendar__video,
.main-calendar__video-icon {
  display: block;
}

.main-calendar__live {
  background-color: var(--red-light);
  font-size: 9px;
  line-height: 9px;
  padding: 3px 5px;
  border-radius: 3px;
  color: var(--white);
  text-transform: uppercase;
}

.main-calendar__stadium {
  min-height: 16px;
}

.main-calendar__stadium-icon {
  fill: var(--red-dark);
}

.main-calendar__match:hover .main-calendar__stadium-icon {
  fill: var(--white);
}

.main-calendar__match-top__stage {
  font-size: 11px;
  color: var(--red-light);
}

.main-calendar__match-teams {
  margin: 5px 0 0 0;
  color: var(--black);
}

.main-calendar__match-teams table {
  width: 100%;
  height: 68px;
}

.main-calendar__match-teams table td {
  padding: 0;
}

.main-calendar__match-team__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 25%;
  background-color: var(--white);
  flex-shrink: 0;
}

.main-calendar__match-team__logo img {
  border-radius: 25%;
}

.main-calendar__match-team__name {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  padding: 0 6px 0 12px;
  display: flex;
  align-items: center;
  justify-content: start;
  overflow: hidden;
}

.main-calendar__match-team__name-wrapper {
  max-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-box-pack: center;
}

.main-calendar__match-team__score {
  font-size: 13px;
  font-weight: 500;
  color: var(--red-light);
}

.main-calendar__match-team__score--additional {
  font-size: 11px;
  font-weight: 400;
}

.main-calendar__team-container {
  display: flex;
}

.main-calendar__dots,
.main-calendar .tns-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 20px 0;
}

.main-calendar__dot,
.main-calendar .tns-nav button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--grey);
  margin: 5px;
  cursor: pointer;
  border: none;
}

.tns-nav {
  text-align: center;
}

.main-calendar__dot.main-calendar__dot--hidden {
  display: none;
}

.main-calendar__dot.tns-nav-active,
.main-calendar button.tns-nav-active {
  background-color: var(--red-light);
}

/* Виджет новостей в сайдбаре */
.sidebar__news {
  width: 100%;
  box-shadow: 0 2px 13px 1px rgba(0, 0, 0, 0.1);
  margin: 0 0 24px;
}

.sidebar__news-title {
  margin: 0;
  padding: 0 0 0 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 46px;
  background-color: var(--red-dark);
  color: var(--white);
  border-radius: 3px 3px 0 0;
}

.sidebar__news-list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.sidebar__news-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
}

.sidebar__news-item-date {
  margin: 0 0 10px 0;
  font-size: 10px;
  line-height: 16px;
  color: var(--red-dark);
}

.sidebar__news-item-title {
  line-height: 16px;
  font-size: 12px;
  color: var(--black);
}

.sidebar__news-button-container {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar__news-button {
  font-size: 11px;
  color: var(--red-dark);
  text-decoration: underline;
  text-transform: uppercase;
}

/* Новость */

.widget-title {
  display: none;
}

.news-item__picture {
  display: block;
}

.news-item__title {
  margin: 20px 0;
  line-height: 32px;
  font-size: 30px;
  font-weight: 700;
  color: var(--black);
}

.news-item__date {
  margin: 0 0 16px 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--red-dark);
}

.news-item__content,
.news-item__content p {
  line-height: 22px;
  font-size: 16px;
  color: var(--black)
}

.news-item__content p {
  margin: 0 0 24px 0;
}

.news-item__content table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid rgba(var(--black-opacity), 0.2);
}

.news-item__content td,
.news-item__content th {
  border: 1px solid rgba(var(--black-opacity), 0.2);
  padding: 5px;
}

.news-item__content img {
  max-width: 100%;
  height: auto;
  margin: 10px 0;
}

.video-container iframe {
  width: 920px !important;
  height: 518px !important;
}

.news-item__author {
  margin: 24px 0;
  line-height: 16px;
  font-size: 14px;
}

/* Теги */
.tags {
  display: flex;
  margin: 20px 0;
  color: var(--black);
}

.tags__title {
  margin: 8px 22px 0 0;
  line-height: 16px;
  font-size: 14px;
  min-width: 70px;
}

.tags__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

.tag__item {
  padding: 7px 10px;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  margin: 0 15px 10px 0;
}

.tag__text,
.categories__text {
  color: var(--black);
}

/* Категории */
.categories {
  display: flex;
  margin: 20px 0;
  color: var(--black);
}

.categories__title {
  margin: 8px 22px 0 0;
  line-height: 16px;
  font-size: 14px;
}

.categories__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

.categories__item {
  padding: 7px 10px;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  margin: 0 15px 10px 0;
}

/* Альбом */

.album-item__title {
  margin: 20px 0;
  font-size: 34px;
  line-height: 38px;
  font-weight: 700;
}

.album-item__date {
  margin: 0 0 20px 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--red-dark);
}

.album-item__description {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 20px 0;
}

.album-item__info {
  display: flex;
  flex-direction: column;
}

.album-item__count-photos {
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 10px 0;
}

.album-item__author {
  line-height: 16px;
  font-size: 14px;
}

.photo-item {
  margin: 0 0 32px;
}

.photo-item__image {
  max-width: 100%;
}

.photo-item__description {
  margin: 20px 0 0 0;
  line-height: 22px;
  font-size: 16px;
  color: var(--grey-mid);
}

/* Видео */

.video-item__title {
  margin: 20px 0;
  font-size: 34px;
  line-height: 38px;
  font-weight: 700;
}

.video-item__date {
  margin: 0 0 10px 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--red-dark);
}

.video-item__description {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 28px 0;
}

.video-item__author {
  line-height: 16px;
  font-size: 14px;
}

/* Судейские бригады */

.tabs--brigades .tabs__navigation {
  max-width: 600px
}

.brigades__list {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.brigades__link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.brigades__img {
  display: block;
  width: 100%;
}

.brigades__content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  background-color: var(--red-light);
  position: relative;
  padding: 10px 15px;
  overflow: hidden;
  z-index: 1;
  flex-grow: 1;
}

.brigades__icon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.brigades__title {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
  text-align: center;
}

/* Судейская бригада */

.brigade {
  margin: 0 0 80px 0;
}

.brigade__list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(290px, 1fr));
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.brigade__item {
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 13px 1px rgba(var(--black-opacity), 0.1);
  color: var(--black);
}

.brigade__link {
  color: var(--black);
}

.brigade__top {
  background: var(--red-dark);
  min-height: 180px;
  padding: 20px;
  position: relative;
  margin: 0 0 40px 0;
}

.brigade__background {
  position: absolute;
  top: 0;
  left: -20px;
  z-index: 2;
}

.brigade__title {
  color: var(--white);
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin: 0 0 10px 0;
  z-index: 3;
  position: relative;
}

.brigade__position {
  font-size: 12px;
  line-height: 16px;
  color: rgba(var(--white-opacity), 0.5);
  padding: 0 0 0 5px;
}

.brigade__picture {
  position: absolute;
  bottom: -36px;
}

.brigade__icons {
  position: absolute;
  bottom: 3px;
  right: -50px;
  list-style: none;
  display: flex;
  width: 90px;
  z-index: 10;
}

.profile--referee .brigade__icons {
  bottom: 20px;
  right: -28px;
}

.brigade__icon {
  margin: 0 0 0 7px;
}

.brigade__img {
  display: block;
}

.brigade__units {
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 4;
  position: relative;
}

.brigade__unit {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 46px;
  padding: 0 20px;
}


.brigade__units .brigade__unit:not(:last-child) {
  border-bottom: 1px solid var(--pale);
}

.brigade__bottom {
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-decoration: underline;
  color: var(--red-dark);
  text-transform: uppercase;
  margin-top: auto;
  border-top: 1px solid var(--pale);
}

.brigade__value {
  font-weight: 700;
  white-space: nowrap;
}

.brigade__info,
.brigade__status {
  position: relative;
  z-index: 3;
  color: var(--white);
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brigade__status {
  margin: 5px 0 0 0;
}

/* Виджеты новостей, фото и видео */

.media {
  margin: 0 0 20px 0;
  position: relative;
}

.media__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(215px, 1fr));
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.media__img {
  width: 100%;
  height: auto;
}

.media__list--wide {
  grid-template-columns: repeat(4, minmax(290px, 1fr));
}

.media__link {
  display: block;
  position: relative;
  color: var(--black);
}

.media__img {
  display: block;
}

.media__picture {
  margin: 0 0 15px 0;
  position: relative;
}

.media__title {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  transition: 0.3s;
  max-height: 72px;
  overflow: hidden;
}

.media__signature {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 15px 0;
  transition: 0.3s;
}

.media__type {
  margin: 0 8px 0 0;
  color: var(--grey);
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

.media__text {
  font-size: 15px;
  line-height: 16px;
}

.media__date {
  color: var(--red-dark);
  font-size: 10px;
  line-height: 16px;
  margin: 0 8px 0 0;
}

.media__stamp {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 25px;
  background: var(--red-dark);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
}

.media__stamp-icon {
  margin: 0 3px 0 0;
}

.media__stamp--album {
  min-width: 49px;
}

.media__stamp--video {
  min-width: 61px;
}

.media__stamp-signature {
  font-size: 10px;
  color: var(--white);
}

/* Фото и видео на главной */

.main-albums .media__list,
.main-videos .media__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.main-albums .media__picture,
.main-videos .media__picture {
  margin: 0 0 8px 0;
}

.main-albums .media__signature,
.main-videos .media__signature {
  margin: 0 0 5px 0;
}

.media__item--big {
  grid-row: 1/3;
  grid-column: 3/5;
}

.main-videos .media__item--big {
  grid-column: 1/3;
}

.media__item--big .media__picture {
  margin: 0;
}

.media__item--big .media__link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.media__item--big .media__date {
  color: var(--white);
}

.media__item--big .media__title {
  font-size: 18px;
  line-height: 22px;
  max-height: unset;
}

.media__item--big .media__date,
.media__item--big .media__signature {
  font-size: 12px;
  line-height: 14px;
}

.media__item--big .media__signature {
  margin: 0 0 10px 0;
}

.media__item--big .media__content {
  background: rgba(45, 40, 56, 0.95);
  width: 100%;
  padding: 20px 30px;
  color: var(--white);
}

.media--posts {
  margin: 0 0 40px 0;
}

/* Новости на главной по категориям */

.main-posts,
.main-albums,
.main-videos {
  margin: 0 0 40px 0;
}

.main-posts__columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(292px, 1fr));
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  position: relative;
}

.main-posts__block {
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 13px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  border-radius: 3px;
  overflow: hidden;
}

.main-posts__block:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  top: -2px;
  left: 0;
  background: linear-gradient(to right, var(--red-light) 0%, var(--red-dark) 100%);
}

.main-posts__block-title {
  margin: 0;
  padding: 0 0 0 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 46px;
  color: var(--black);
  border-bottom: 1px solid #e8e8e8;
}

.main-posts__list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.main-posts__item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
}

.main-posts__list .main-posts__item:last-child {
  border-bottom: none;
}

.main-posts__item-date {
  margin: 0 0 10px 0;
  font-size: 10px;
  line-height: 16px;
  color: var(--red-dark);
}

.main-posts__item-title {
  line-height: 16px;
  font-size: 12px;
  color: var(--black);
}

.main-posts__button-container {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  border-top: 1px solid #e8e8e8;
}

.main-posts__button {
  font-size: 11px;
  color: var(--red-dark);
  text-decoration: underline;
  text-transform: uppercase;
}

/* Рекорды на главной */

.records {
  margin: 0 0 20px 0;
}

.records__list {
  list-style: none;
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 0 0 20px 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: relative;
}

.records__item {
  flex-shrink: 0;
  width: 292px;
  margin: 0 20px 0 0;
  box-shadow: 0 2px 13px 1px rgba(var(--black-opacity), 0.1);
  border-radius: 3px;
}

.records__item--color .records__link {
  background-image: none;
}

.records__item:nth-child(3n) {
  margin: 0;
}

.records__top--bordered {
  border-radius: 3px 3px 0 0;
}

.records__top,
.records__link {
  background: var(--red-dark);
  color: var(--white);
}

.records__item--color .records__top,
.records__item--color .records__link {
  background-color: unset;
}

.records__picture {
  margin: 0 5px 0 0;
  flex-shrink: 0;
  position: relative;
}

.records__background {
  position: absolute;
  top: -51px;
  left: -63px;
  pointer-events: none;
  z-index: 2;
  fill: var(--red-dark);
}

.records__img {
  display: block;
  position: relative;
  left: -10px;
  z-index: 1;
  max-width: 124px;
  height: auto;
}

.records__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 15px;
}

.records__link {
  display: flex;
  min-height: 180px;
  padding: 20px 0;
  overflow: hidden;
}

.records__link.main-records {
  flex-direction: column;
  align-items: center;
}

.records__link.main-records .records__content{
  padding: 15px;
}

.records__link.main-records .records__content .records__units.records__units_club_birthday{
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 0;
}

.records__link.main-records .records__content .records__units.records__units_club_birthday .records__unit.club{
  width: max-content;
}

.records__link.main-records .records__content .records__units.records__units_club_birthday .records__unit.birthday{
  width: fit-content;
}

.records__link.main-records .records__content .records__units.records__units_club_birthday .records__unit .records__value{
  font-size: 14px;
  line-height: 14px;
}

.records__units {
  list-style: none;
  display: flex;
  padding: 16px 0 0 0;
  margin: auto 12px 0 0;
  border-top: 1px solid var(--red-light);
}

.records__unit {
  width: calc(100% / 3);
}

.records__unit_shootouts {
  width: calc(100% / 1.5);
}

.records__subtitle {
  font-size: 19px;
  line-height: 22px;
  font-weight: 500;
  margin: 0 7px 7px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 66px;
}

.records__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 4;
}

.records__text {
  color: rgba(var(--white-opacity), 0.8);
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.72px;
}

.records__value {
  font-size: 28px;
  line-height: 34px;
}

.records__button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: 10px;
  font-weight: 500;
  color: var(--red-dark);
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 0.8px;
}

.records-table {
  table-layout: fixed;
  color: var(--black);
}

.records-table:not(.table--dominant-color):after,
.tournament-sidebar-table:after {
  content: '';
  position: absolute;
  width: calc(100% - 20px);
  height: 1px;
  background: var(--red);
  top: 40px;
  left: 10px;
}

.records-table__img {
  border-radius: 25%;
  margin: 0 10px 0 0;
  flex-shrink: 0;
}

.records-table .table__head,
.tournament-sidebar-table .table__head {
  background: var(--white);
  border-bottom: 1px solid var(--pale);
  color: var(--grey);
  position: relative;
}

.records-table .table__head .table__cell,
.tournament-sidebar-table .table__head .table__cell {
  height: 40px;
  font-weight: 400;
}

.records-table__variable {
  width: 36px;
  padding: 0;
}

.records-table .table__cell {
  font-size: 12px;
  line-height: 14px;
}

/* Рекорды статистика */

.records-table__title {
  text-align: left;
}

.records-table__number {
  width: 40px;
  padding: 0;
}

.records--stats .records__item {
  width: 288px;
}

.records--stats .records__item:nth-child(3n) {
  margin: 0 20px 0 0;
}

.records--stats .records__item:nth-child(4) {
  margin: 0;
}

.records--stats .records-table__player {
  padding: 5px 5px 5px 0;
}

.records-table--collapse:after {
  display: none;
}

.collapse-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-size: 12px;
  font-weight: 500;
  color: var(--red-dark);
  cursor: pointer;
  background-color: var(--white);
}

.collapse-button__icon {
  margin: 0 5px 2px 5px;
  transition: 0.2s;
  fill: var(--red-dark);
}

.collapse-button--active .collapse-button__icon {
  transform: rotate(180deg);
  transition: 0.2s;
}

/* Слайдер новостей на главной */
.news-slider {
  height: 600px;
  background: linear-gradient(to right, #8c1426 0%, #de1640 100%);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0 0 40px 0;
  overflow: hidden;
}

.news-slider:after {
  content: url("/img/background-figure.svg");
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: -1;
}

.news-slider__container {
  display: flex;
}

@media (max-width: 1249.5px) {
  .news-slider__container.not-found,
  .news-slider__container.load,
  .news-slider__container.empty,
  .news-slider__container.error{
    height: 65svh;
  }
}

.news-slider__container.load::before{
  content: '';
  display: block;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none repeat scroll 0% 0%; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><circle cx="50" cy="50" r="0" fill="none" stroke="%23fff" stroke-width="2"><animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate><animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate></circle><circle cx="50" cy="50" r="0" fill="none" stroke="%23fff" stroke-width="2"><animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate><animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate></circle></svg>') no-repeat center;
  background-size: 50% 50%;
}

.news-slider__container.not-found,
.news-slider__container.error{
  display: flex;
  justify-content: center;
  align-items: center;
}

.news-slider__container.not-found h3 {
  color: white;
  text-align: center;
}

.news-slider__container.error .error__text {
  color: white;
}

.news-slider__container.error .button--loadmore {
  background-color: white;
  color: black;
}

.news-slider__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.news-slider__link,
.news-slider__img {
  display: block;
}

.news-slider__picture {
  box-shadow: 0 2px 13px 1px rgba(var(--black-opacity), 0.6);
}

.news-slider__main,
.news-slider__item {
  margin: 0 15px 19px 0;
}

.news-slider__main {
  flex-shrink: 0;
}

.news-slider__item:nth-child(2n) {
  margin: 0 0 19px 0;
}

.news-slider__link {
  position: relative;
  display: block;
  z-index: 1;
}

.news-slider__link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(var(--black-opacity), 0.45), rgba(var(--black-opacity), 0));
}

.news-slider__content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px;
  color: var(--white);
  z-index: 1;
}

.news-slider__main .news-slider__content {
  padding: 30px;
}

.news-slider__picture {
  position: relative;
}

.news-slider__title {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}

.news-slider__main .news-slider__title {
  font-size: 33px;
  line-height: 37px;
}

.news-slider__signature {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}

.news-slider__main .news-slider__signature {
  margin: 0 0 15px 0;
}

.news-slider__date {
  font-size: 10px;
  margin: 0 15px 0 0;
}

.news-slider__main .news-slider__date {
  font-size: 12px;
}

.news-slider__type {
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 500;
}

.news-slider__main .news-slider__type {
  font-size: 11px;
}

.news-slider__dots {
  display: none;
}

/* Руководство */

.persons {
  margin: 0 auto 40px auto;
}

.persons--management {
  margin: 40px auto 40px auto;
}

.persons__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.persons__item {
  margin: 0 40px 40px 0;
  width: calc((100% - 40px) / 2);
}

.persons--management .persons__item {
  width: 100%;
}

.persons__item:nth-child(odd) {
  margin: 0 0 40px 0;
}

.persons__link {
  display: flex;
  align-items: center;
  color: var(--black);
}

.persons__img {
  display: block;
  margin: 0 40px 0 0;
  flex-shrink: 0;
  border-radius: 25%;
}

.persons__content {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  height: 180px;
}

.persons__title {
  font-weight: 500;
  font-size: 22px;
  line-height: 25px;
  margin: 0 0 15px 0;
}

.persons__position {
  font-weight: 500;
}

.persons__text,
.persons__position {
  margin: 0 0 10px 0;
}

.persons__bottom {
  margin: auto 0 0 0;
  border-top: 1px solid var(--red);
  padding: 24px 0 10px 0;
  display: flex;
  align-items: center;
  width: 150px;
}

.persons__date {
  width: 100px;
}

.persons--modify .persons__item {
  width: 100%;
  margin: 0;
}

.persons--modify .persons__item:not(:last-child) {
  border-bottom: 1px solid var(--pale);
}

.persons--modify .persons__link {
  padding: 40px 0;
}

.persons--modify .persons__content {
  padding: 0;
}

.persons--center .persons__content {
  justify-content: center;
}

/* Партнёры */

.partners__block {
  padding: 50px 0 110px 0;
  width: 100%;
}

.partners__text {
  font-size: 18px;
  line-height: 22px;
  max-width: 850px;
  margin: 0 auto 24px auto;
  text-align: center;
}

.partners__button {
  width: 294px;
  border-radius: 2px;
  border: 1px solid var(--red-light);
  color: var(--red-light);
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.96px;
  font-weight: 500;
  margin: 44px auto;
  cursor: pointer;
}

.partners__block-link {
  display: flex;
  justify-content: center;
  color: var(--red-light);
  font-size: 18px;
  margin: 0 0 15px 0;
  text-decoration: underline;
  cursor: pointer;
}

.partners__phone {
  color: var(--black);
  font-weight: 500;
}

.partners__main {
  padding: 60px 0 0 0;
  border-top: 1px solid var(--red-dark);
}

.partners__main-title {
  text-align: center;
  margin: 0 0 44px 0;
}

.partners__list {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}

.partners__item {
  width: 200px;
  margin: 0 20px 40px 20px;
}

.partners__link {
  display: block;
  color: var(--black);
}

.partners__img {
  display: block;
}

.partners__title {
  padding: 20px 10px;
  text-align: center;
}

.partners--bottom .partners__item {
  margin: 0;
  display: flex !important;
  justify-content: center;
  flex-grow: 1;
  width: unset;
}

.partners--bottom .partners__link {
  margin: 10px;
}

.partners--bottom .partners__main {
  padding: 20px 0;
}

.partners--bottom .partners__list {
  flex-wrap: nowrap;
}

/* Комитеты */

.committees {
  padding: 0 0 70px 0;
}

.committees .tabs__item,
.tabs--documents .tabs__item {
  max-width: 300px;
}

.committees .tabs__navigation,
.tabs--documents .tabs__navigation {
  justify-content: left;
}

.committees__block-content {
  position: relative;
}

.committees__post-list:after,
.committees__block-content:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  top: -2px;
  left: 0;
  background: linear-gradient(to right, var(--red-light) 0%, var(--red-dark) 100%);
}

.committees__post-list,
.committees__list {
  list-style: none;
  margin: 0 0 50px 0;
  position: relative;
}

.committees__post-item,
.committees__item {
  border-bottom: 1px solid var(--pale);
}

.committees__item,
.committees__post-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  min-height: 90px;
  color: var(--black);
}

.committees__link:hover {
  background-color: rgba(var(--red-light-opacity), 0.1);
  transition: 0.2s;
}

.committees__post-text,
.committees__text {
  padding: 0 20px 0 0;
  font-size: 17px;
  line-height: 20px;
  font-weight: 500;
}

.committees__text {
  flex-grow: 1;
}

.committees__post-date {
  width: 160px;
  flex-shrink: 0;
}

.committees__block {
  margin: 0 0 100px 0;
}

.committees__item {
  min-height: 60px;
  justify-content: flex-start;
  padding: 0 20px 0 90px;
}

.committees__photo {
  margin: 0 20px 0 0;
  border-radius: 25%;
  flex-shrink: 0;
}

.committees__main {
  background-color: var(--grey-light);
  padding: 20px 90px;
  display: flex;
  align-items: center;
}

.committees__main .committees__text {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
  margin: 0 0 14px 0;
  padding: 0;
}

.committees__main-container {
  width: 500px;
}

.committees__position {
  width: 300px;
  text-align: center;
  flex-shrink: 0;
  font-size: 17px;
  line-height: 20px;
}

.committees__main .committees__position {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  color: var(--red-dark);
  width: 100%;
}

/* Детские школы */

.schools__list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, 215px);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.schools__link,
.schools__img,
.schools__logo-img {
  display: block;
}

.schools__img {
  width: 100%;
}

.schools__link {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.schools__logo {
  position: absolute;
  background-color: var(--white);
  border-radius: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 110px;
  left: 50%;
  width: 94px;
  height: 94px;
  margin-left: -47px;
  z-index: 1;
}

.schools__logo-img {
  border-radius: 25%;
}

.schools__content {
  background-color: var(--red-dark);
  padding: 40px 15px 10px 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.schools__button,
.schools__title {
  font-weight: 700;
}

.schools__title {
  margin: 0 0 15px 0;
}

.schools__text {
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 25px 0;
}

.schools__button {
  margin: auto auto 0 auto;
}

.schools__icon {
  margin: 0 0 0 10px;
  stroke: var(--white);
}

.schools__icon--dark {
  stroke: var(--black);
}

/* Турнир. Таблицы и сетки */

.tabs--tournament .tabs__navigation {
  width: 540px;
}

.tournament-form__number {
  width: 6%;
}

.tournament-form__team {
  width: 280px;
}

/* Турнир. Шахматка */

.chess-scroll {
  position: relative;
  overflow: hidden;
}

.chess-scroll-line {
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: rgba(var(--grey-light), 0.5);
  z-index: 1;
  cursor: pointer;
}

.chess-scroll-toddler {
  position: absolute;
  width: 101px;
  height: 3px;
  background-color: var(--red-light);
  z-index: 2;
  cursor: pointer;
}

.chess-scroll-line--one {
  top: 50px;
}

.chess-scroll-toddler--one {
  top: 50px;
}

.chess-scroll-line--two {
  bottom: 0;
}

.chess-scroll-toddler--two {
  bottom: 0;
}

.tournament-chess {
  display: flex;
}

.tournament-chess__teams {
  width: 315px;
  flex-shrink: 0;
}

.table-chess-teams__number {
  width: 55px;
}

.table-chess-teams__teams {
  width: 260px;
}

.tournament-chess__values {
  flex-grow: 1;
  outline: none;
}

.table-chess,
.table-chess-teams,
.tournament-table__table,
.tournament-form__table {
  border-top: 3px solid var(--red-dark);
}

.table-chess:after,
.table-chess-teams:after,
.tournament-table__table:after,
.tournament-form__table:after {
  display: none;
}

.table-chess__empty {
  background-color: var(--light);
}

.table-chess__link {
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.table-chess__link--small {
  font-size: 12px;
  line-height: 15px;
  height: unset;
}

.table-chess {
  width: unset;
  min-width: 605px;
}

.table-chess .table__cell {
  width: 101px;
  min-width: 101px;
}

/* Список команд */

.teams {
  padding-bottom: 50px;
}

.teams__list {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.teams__list--wide {
  grid-template-columns: repeat(4, 1fr);
}

.teams__list--bordered:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  top: -2px;
  left: 0;
  background: linear-gradient(to right, var(--red-light) 0%, var(--red-dark) 100%);
}

.teams__item {
  display: flex;
  flex-direction: column;
}

.teams__link {
  display: block;
}

.teams__top {
  height: 216px;
}

.teams__img {
  display: block;
  width: 100%;
}

.teams__content {
  display: flex;
  align-items: center;
  height: 90px;
  background-color: var(--red-light);
  position: relative;
  padding: 10px 15px;
  z-index: 1;
  overflow: hidden;
}

.teams__icon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.teams__logo {
  border-radius: 25%;
  background-color: var(--white);
  flex-shrink: 0;
  margin: 0 20px 0 0;
}

.teams__title {
  font-size: 14px;
  font-weight: 500;
  color: var(--white)
}

/* Стадионы */

.stadiums {
  margin: 0 auto 40px auto;
}

.stadiums__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.stadiums__link {
  display: flex;
  flex-direction: column;
}

.stadiums__picture {
  margin: 0 0 20px 0;
}

.stadiums__img {
  display: block;
  width: 100%;
}

.stadiums__address {
  margin: 0 0 10px 0;
  font-size: 12px;
  color: var(--black);
  display: flex;
}

.stadiums__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  padding: 0 0 15px 0;
  color: var(--black);
}

.stadiums__icon {
  margin: -3px 10px 0 0;
  flex-shrink: 0;
  fill: var(--red-dark);
}

.stadiums__content {
  transition: 0.3s;
}

/* Шапка матча */

.match {
  padding: 30px 0 0 0;
  box-shadow: 0 0 0 1000px rgba(var(--black-opacity), 0.6) inset;
  color: var(--white);
  background-size: cover;
  background-position: center;
}

.match a {
  color: var(--white);
}

.match__top-wrapper {
  margin: 0 0 20px 0;
}

.match__top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px 0;
  position: relative;
}

.match__video,
.match__video-icon {
  display: block;
}

.match__video {
  position: absolute;
  top: 0;
  left: 0;
}

.match__live {
  width: 78px;
  height: 27px;
  background: var(--red-light);
  border-radius: 2px;
  font-weight: 500;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  padding: 0 12px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 4px;
  left: 0;
}

.match__live:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--white);
  border-radius: 50%;
  right: 12px;
  top: 50%;
  margin-top: -4px;
}

.match__tournament {
  display: block;
  font-size: 30px;
  line-height: 34px;
  font-weight: 500;
  width: 100%;
  margin: 0 200px;
  text-align: center;
}

.match__socials {
  position: absolute;
  top: 12px;
  right: 0;
}

.match__round {
  display: block;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
}

.match__middle {
  padding: 10px 0;
  position: relative;
  text-align: center;
}

.match__middle:after,
.match__brigade:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 2px;
  top: -1px;
  left: 50%;
  margin-left: -30px;
  background: var(--red);
}

.match__date {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}

.match__place {
  font-size: 13px;
  line-height: 15px;
}

.match__place-icon {
  margin: 0 4px 0 0;
  fill: var(--red-dark);
}

.match__brigade {
  list-style: none;
  position: relative;
  padding: 20px 0 10px 0;
  font-size: 13px;
  line-height: 15px;
}

.match__brigade-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 3px 0;
}

.match__brigade-unit {
  font-weight: 500;
}

.match__brigade-value {
  padding: 0 0 0 5px;
}

.match__main {
  margin: 20px 0 0 0;
  background: linear-gradient(to top, rgba(170, 22, 44, 0.85) 100px, transparent 100px, transparent);
}

.match__main-container {
  display: flex;
  align-items: stretch;
}

.match__team {
  display: flex;
  align-items: flex-end;
  width: calc((100% - 220px) / 2);
}

.match__team--right .match__picture {
  order: 2;
}

.match__picture {
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  padding: 3px;
  border-radius: 25%;
  margin: 0 70px;
  flex-shrink: 0;
}

.match__img {
  display: block;
  max-width: 100%;
  height: auto;
}

.match__img {
  border-radius: 25%;
}

.match__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  padding: 0 15px;
  flex-grow: 1;
  height: 100px;
  display: flex;
  align-items: center;
}

.match__team--right .match__title {
  text-align: right;
  justify-content: flex-end;
}

.match__score {
  width: 190px;
  flex-shrink: 0;
  margin: 0 15px;
}

.match__score-container {
  background: rgba(95, 95, 95, 0.9);
  padding: 10px 5px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.match__score-main {
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
}

.match__list {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 5px 0 0 0;
}

.match__item {
  margin: 0 8px;
  white-space: nowrap;
}

.match__score.beach_footbal_score .match__list {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.match__score.beach_footbal_score .match__list .match__item {
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.match__score.beach_footbal_score .match__list .match__item .name {
  font-weight: 400;
  opacity: 0.5;
  display: block;
  font-size: 10px;
}

.match__score.beach_footbal_score .match__list .match__item .name {
  font-weight: 700;
}



/* Матч. Состав */

.structure {
  margin: 40px 0;
}

.structure__title {
  text-align: center;
  margin: 0 0 20px 0;
}

.structure__container {
  display: flex;
}

.structure__unit {
  width: 50%;
  padding: 12px 0;
}

.structure__unit--right {
  border-left: 1px solid var(--red-light);
}

.structure a {
  color: var(--black);
}

.structure__top {
  align-items: center;
  display: none;
}

.structure__top-name {
  margin: 0 10px;
}

.structure__list {
  list-style: none;
}

.structure__item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 60px;
  gap: 10px;
}

.structure__unit--right .structure__item {
  justify-content: flex-start;
}

.structure__img {
  display: block;
  margin: 0 0 0 14px;
  border-radius: 25%;
  flex-shrink: 0;
}

.structure__unit--right .structure__img {
  margin: 0 14px 0 0;
}

.structure__number {
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
  color: var(--red-dark);
  width: 80px;
  text-align: center;
  flex-shrink: 0;
}

.structure__name {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.structure__name-text {
  display: flex;
  align-items: center;
  gap: 4px;
}

.structure__name-position {
  font-size: 12px;
  color: var(--grey);
  font-weight: 400;
  margin: 0 10px;
}

.structure__position {
  order: -1;
  margin: 0 3px;
  text-transform: uppercase;
}

.structure__unit--right .structure__player,
.structure__unit--right .structure__name-text {
  order: -1;
}

.structure__unit--right .structure__position {
  order: 1;
}

.structure__unit--right .structure__number {
  order: 1;
}

.structure__unit--right .structure__img {
  order: 2;
}

.structure__unit--right .structure__name {
  order: 3;
}

.structure__unit--right .structure__events {
  order: 4;
}

.structure__events {
  margin: 0 4px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.structure__unit--right .structure__events {
  justify-content: flex-start;
}

.structure__event {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px;
}

/* task 69510 start */
.structure__event-desc {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  left: 0;
  display: block;
  padding: 12px 12px 10px;
  background-color: var(--white);
  bottom: 28px;
  width: max-content;
  box-shadow: rgb(149 157 165 / 31%) 0 4px 18px;
  font-weight: 500;
  transition: opacity 0.3s;
  border-radius: 4px;
}

.structure__unit--right .structure__event-desc {
  right: 0;
  left: auto;
}

.structure__event-desc::after {
  content: '';
  position: absolute;
  left: 9px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  z-index: 1000019;
  background-color: var(--white);
  bottom: -3px;
}

.structure__unit--right .structure__event-desc::after {
  right: 8px;
  left: auto;
}

.structure__event:hover .structure__event-desc {
  opacity: 1;
}
/* task 69510 end */

.structure__player {
  display: flex;
  align-items: center;
}

.structure__name {
  text-align: right;
  margin-left: 10px;
}

.structure__unit--right .structure__name {
  text-align: left;
}

.structure__empty {
  text-align: center;
}

/* Матч. События */

.match-wrapper {
  margin: 0 0 30px 0;
}

.events {
  background-color: var(--red-dark);
  color: var(--white);
  padding: 20px 0 5px 0;
}

.events__title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 20px 0;
}

.events__block {
  margin: 0 0 20px 0;
}

.events__container {
  display: flex;
}

.events__list {
  list-style: none;
  width: 50%;
  padding: 5px 0;
}

.events__list--right {
  border-left: 1px solid rgba(var(--white-opacity), 0.2);
}

.events__list--left .events__minutes {
  justify-content: flex-end;
}

.events__item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /*height: 30px;*/
  padding: 0 5px;
  margin: 0 0 5px 0;
}

.events__item:last-child {
  margin: 0;
}

.events__wrapper {
  display: flex;
  align-items: center;
}

.events__list--right .events__item {
  justify-content: flex-start;
}

.events__list--right .events__icon {
  order: 1;
}

.events__list--right .events__shootout-result,
.events__list--right .events__minutes,
.events__list--right .events__wrapper {
  order: 2;
}

@media (min-width: 481px) {
  .events__list--right .events__player {
    order: 3;
  }
}

.events__icon,
.events__player-img {
  margin: 0 2px;
}

.events__icon {
  flex-shrink: 0;
}

.events__minutes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 500;
  margin: 0 2px;
}

.events__shootout-result {
  text-align: right;
  width: 56px;
  font-weight: 500;
  margin: 0 6px;
}

.events__list--right .events__shootout-result {
  text-align: left;
}

.events__minutes span {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.events__player {
  display: flex;
  align-items: center;
  color: var(--white);
}

.events__player-name {
  margin: 0 6px;
  text-align: right;
  font-size: 12px;
  max-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-box-pack: center;
}

.events__player-img {
  border-radius: 25%;
}

.events__list--right .events__player-img {
  order: -1;
}

.events__list--right .events__player-name {
  text-align: left;
}

/* Матч. Горизонтальный таймлайн */

.timeline {
  background-color: var(--red-dark);
  padding: 10px 0 20px 0;
}

.timeline__team {
  display: flex;
  align-items: center;
  height: 74px;
  width: 190px;
}

.timeline__picture {
  width: 40px;
  height: 40px;
  border-radius: 25%;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.timeline__img {
  display: block;
  border-radius: 25%;
}

.timeline__team-name {
  color: var(--white);
  padding: 0 10px 0 15px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}

.timeline__line {
  height: 2px;
  background-color: var(--red-light);
  position: relative;
}

.timeline__container {
  position: relative;
}

.timeline__separator {
  position: absolute;
  top: 50%;
  margin-top: -100px;
  font-size: 12px;
  color: rgba(var(--white-opacity), 0.4);
  white-space: nowrap;
}

.timeline__separator-line {
  width: 1px;
  height: 150px;
  background-color: rgba(var(--white-opacity), 0.2);
  margin: 10px 0 0 0;
}

.timeline__events {
  list-style: none;
}

.timeline__event {
  position: absolute;
  width: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.timeline__event.team2 {
  top: -8px;
}

.timeline__event.team1 {
  bottom: -10px;
}

.timeline__minute {
  width: 20px;
  height: 20px;
  line-height: 14px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-weight: 500;
  background: var(--red-dark);
}

.timeline__event.team2 .timeline__minute {
  order: -1;
}

.timeline__icon-container {
  position: relative;
  width: 22px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline__event-popover {
  position: absolute;
  padding: 10px;
  border: none;
  background-color: var(--red-light);
  color: var(--white);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--red-light);
  border-radius: 4px;
}

.timeline__event-popover:after {
  content: '';
  position: absolute;
  left: calc(50% - 2px);
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  z-index: 1000019;
  background-color: var(--red-light);
}

.timeline__event-popover--top:after {
  bottom: -4px;
  border-right: 1px solid var(--red-light);
  border-bottom: 1px solid var(--red-light);
}

.timeline__event-popover--bottom:after {
  top: -4px;
  border-left: 1px solid var(--red-light);
  border-top: 1px solid var(--red-light);
}

.timeline__event-popover:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 6px;
}

.timeline__event-popover--top:before {
  bottom: -6px;
}

.timeline__event-popover--bottom:before {
  top: -6px;
}

.timeline__event-popover__list {
  list-style-type: none;
}

.timeline__event-popover__item {
  display: flex;
  justify-content: left;
  align-items: center;
}

.timeline__event-popover__item:not(:last-child) {
  margin: 0 0 10px 0;
}

.timeline__event-popover__ico {
  margin: 0 6px 0 0;
  display: flex;
  align-items: center;
}

.timeline__event-popover__ico--red-card {
  width: 16px;
  height: 21px;
  margin: 0 10px 0 0;
  border-radius: 2px;
  border: 1px solid var(--white);
}

.timeline__event-popover__min {
  margin: 0 10px 0 0;
  display: flex;
  align-items: center;
}

.timeline__event-popover__author {
  display: flex;
  align-items: center;
}

.timeline__event-popover__author-image-link {
  margin: 0 5px 0 0;
  color: var(--white);
}

.timeline__event-popover__author-image {
  border-radius: 50%;
  display: block;
}

.timeline__event-popover__author-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.timeline__event-popover__author-name {
  white-space: nowrap;
  color: var(--white);
}

.timeline__event-popover__assist-link {
  display: flex;
  color: var(--white);
}

.timeline__event-popover__assist-name {
  white-space: nowrap;
  font-size: 10px;
  line-height: 14px;
}

.timeline__event-popover__note {
  white-space: nowrap;
  font-size: 10px;
  line-height: 14px;
}

.timeline__event-popover__sub {
  display: flex;
  flex-direction: column;
}

.timeline__event-popover__sub-link {
  display: flex;
  align-items: center;
  color: var(--white);
  margin: 0 0 3px 0;
}

.timeline__event-popover__sub-link:last-child {
  margin: 0;
}

.timeline__event-popover__sub-image {
  margin: 0 5px 0 0;
  display: block;
  border-radius: 50%;
}

.timeline__event-popover__sub-name {
  white-space: nowrap;
}

/* Матч. Предыдущие игры */

.structure--history .structure__unit {
  padding: 0;
}

.history {
  list-style: none;
  border-top: 1px solid var(--pale);
}

.history__item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 44px;
  border-bottom: 1px solid var(--pale);
  padding: 5px 15px;
}

.structure__unit--right .history__item {
  justify-content: flex-start;
}

.history__img {
  display: block;
  flex-shrink: 0;
  border-radius: 25%;
  width: 26px;
  height: 26px;
}

a.history__score {
  color: var(--red-light);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 64px;
  flex-shrink: 0;
}

.history__score-additional {
  font-size: 10px;
  line-height: 12px;
}

.history .progress {
  flex-shrink: 0;
}

.history__team {
  padding: 0 10px 0 0;
  text-align: right;
}

.structure__unit--right .history__team {
  padding: 0 0 0 10px;
}

.structure__unit--right .progress {
  order: 1;
}

.structure__unit--right .history__score {
  order: 2;
}

.structure__unit--right .history__img {
  order: 3;
}

.structure__unit--right .history__team {
  order: 4;
  text-align: left;
}

/* Матч. Личные встречи */

.match-personal__line {
  width: 200px;
  display: flex;
  height: 16px;
  background-color: var(--pale);
  justify-content: flex-end;
}

.match-personal__part--right .match-personal__line {
  justify-content: flex-start;
}

.match-personal__line-fill {
  background-color: var(--red-dark);
  height: 100%;
}

.match-personal {
  display: flex;
}

.match-personal__part {
  width: calc((100% - 218px) / 2);
}

.match-personal__team,
.match-personal__item {
  display: flex;
  align-items: center;
}

.match-personal__team {
  justify-content: flex-end;
  margin: 0 0 10px 0;
}

.match-personal__part--right .match-personal__team {
  justify-content: flex-start;
}

.match-personal__team-img {
  display: block;
  border-radius: 25%;
}

.match-personal__part--right .match-personal__team-img {
  order: -1;
}

.match-personal__team-name {
  margin: 0 20px;
  text-align: right;
}

.match-personal__part--right .match-personal__team-name {
  text-align: left;
}

.match-personal__stats {
  list-style: none;
}

.match-personal__item {
  height: 30px;
  justify-content: flex-end;
}

.match-personal__part--right .match-personal__item {
  justify-content: flex-start;
}

.match-personal__number {
  font-size: 20px;
  line-height: 22px;
  color: var(--red-dark);
  width: 34px;
  text-align: center;
  flex-shrink: 0;
  font-weight: 700;
}

.match-personal__stats-text {
  width: 114px;
  padding: 0 10px;
  text-align: right;
  flex-shrink: 0;
}

.match-personal__part--right .match-personal__stats-text {
  text-align: left;
}

.match-personal__part--right .match-personal__number {
  order: 1;
}

.match-personal__part--right .match-personal__stats-text {
  order: 2;
}

.match-personal__part--right .match-personal__line {
  order: 3;
}

.match-personal__middle {
  flex-shrink: 0;
  width: 146px;
  margin: 0 36px;
  background-color: rgba(var(--pale-opacity), 0.5);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 14px 10px;
  border-radius: 3px;
}

.match-personal__middle-number {
  font-size: 65px;
  line-height: 67px;
  font-weight: 700;
  color: var(--red-light);
}

.match-personal__middle-bottom span {
  color: var(--red-dark);
  font-weight: 700;
  margin: 0 16px;
}

.structure--match-trainers,
.structure--match-personal,
.structure--match-recent-matches,
.structure--match-season-stats {
  margin: 40px 0;
}

/* Матч. Статистика за сезон */
.match-season-stats {

}

.match-season-stats__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  width: 100%;
}

.match-season-stats__item {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  border-bottom: 1px solid var(--pale);
}

.match-season-stats__item--title {
  height: unset;
  padding: 0;
  margin: 0 0 10px 0;
  border: none;
}

.match-season-stats__team {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0 16px;
  text-align: right;
}

.match-season-stats__team--right {
  justify-content: flex-start;
  text-align: left;
}

.match-season-stats__team-name {
  margin: 0 20px;
}

.match-season-stats__team-img {
  display: block;
}

.match-season-stats__title {
  width: 360px;
  text-align: center;
  flex-shrink: 0;
}

.match-season-stats__value {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  text-align: right;
  margin: 0 16px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

.match-season-stats__value--highlited {
  color: var(--red-dark);
}

.match-season-stats__value--right {
  text-align: left;
  justify-content: flex-start;
}

.match-season-stats__item .history__item {
  border: none;
  min-height: 40px;
  padding: 5px 0;
  font-weight: 400;
  font-size: 14px;
  justify-content: flex-end;
}

.match-season-stats__item .structure__unit--right.history__item {
  justify-content: flex-start;
}

.match-season-stats .progress__item {
  margin: 0;
}

/* Матч. Тренеры */

.match-trainers {
  display: flex;
}

.match-trainers__separator {
  width: 78px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.match-trainers__separator-line {
  width: 30px;
  background-color: var(--red-dark);
  height: 2px;
}

.match-trainers__unit {
  display: flex;
  align-items: center;
  width: calc((100% - 30px) / 2);
  justify-content: flex-end;
}

.match-trainers__unit--right {
  justify-content: flex-start;
}

.match-trainers__img {
  display: block;
  border-radius: 25%;
}

.match-trainers__unit--right .match-trainers__img {
  order: -1;
}

.match-trainers__main {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.match-trainers__list {
  list-style: none;
}

.match-trainers__item {
  display: flex;
  align-items: center;
  height: 34px;
  justify-content: flex-end;
}

.match-trainers__unit--right .match-trainers__item {
  justify-content: flex-start;
}

.match-trainers__text {
  text-align: right;
}

.match-trainers__unit--right .match-trainers__text {
  text-align: left;
}

.match-trainers__number {
  width: 40px;
  font-size: 20px;
  line-height: 22px;
  text-align: right;
  color: var(--red-dark);
  flex-shrink: 0;
  font-weight: 700;
}

.match-trainers__unit--right .match-trainers__number {
  text-align: left;
}

.match-trainers__title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  text-align: right;
  display: block;
  margin: 0 0 10px 0;
}

.match-trainers__unit--right .match-trainers__title {
  text-align: left;
}

.match-trainers__unit--right .match-trainers__picture,
.match-trainers__unit--right .match-trainers__number {
  order: -1;
}

/* Матч. Статистика */

.match-stats {
  list-style: none;
}

.match-stats__item {
  margin: 0 0 20px 0;
}

.match-stats__title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin: 0 0 10px 0;
}

.match-stats__container {
  display: flex;
  align-items: center;
}

.match-stats__number {
  width: 36px;
  flex-shrink: 0;
  color: var(--red-light);
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
}

.match-stats__number--right {
  text-align: right;
  color: var(--grey-dark);
}

.match-stats__line {
  flex-grow: 1;
  height: 16px;
  display: flex;
}

.match-stats__part {
  height: 100%;
  background-color: var(--red-light);
}

.match-stats__part--left {
  margin: 0 1px 0 0;
}

.match-stats__part--right {
  margin: 0 0 0 1px;
  background-color: var(--grey-dark);
}

.match-stats__part--full {
  margin: 0;
}

/* Матч. Голосование */

.match-vote__loader {
  display: none;
  text-align: center;
}

.match-vote__loader img {
  height: 114px;
}

.match-vote__teams {
  display: flex;
}

.match-vote__team {
  padding: 0 20px;
  width: 50%;
  margin: 0 0 20px 0;
  cursor: pointer;
}

.match-vote__indicator {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.match-vote__team--right .match-vote__indicator {
  justify-content: flex-start;
}

.match-vote__team-img {
  display: block;
  margin: 0 20px;
}

.match-vote__team--right .match-vote__team-img {
  order: -1;
}

.match-vote__team-name {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
}

.match-vote__team--right .match-vote__team-name {
  text-align: left;
}

.match-vote__button {
  margin: 20px auto 0 auto;
}

.match-vote__input {
  display: none;
}

.match-vote__input:checked + .match-vote__indicator {
  color: var(--red-light);
  transition: 0.2s;
}

.match-vote__stats {
  display: flex;
  align-items: center;
}

.match-vote__number {
  width: 74px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: var(--red-dark);
  flex-shrink: 0;
}

.match-vote__line {
  flex-grow: 1;
  height: 16px;
  background-color: var(--pale);
  display: flex;
  justify-content: flex-end;
}

.match-vote__team--right .match-vote__line {
  justify-content: flex-start;
}

.match-vote__team--right .match-vote__number {
  order: -1;
}

.match-vote__line-fill {
  background: var(--red-dark);
}

.match-vote__result .match-vote__team {
  margin: 0;
  cursor: default;
}

.match-vote__result .match-vote__indicator {
  margin: 0 0 20px 0;
}

/* Матч. Трансляция */

.match-video__video {
  margin: 0 0 44px 0;
}

.match-video__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 60px 0;
}

.match-video__container {
  padding: 0 30px 0 0;
}

.match-video__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin: 0 0 10px 0;
}

.match-video__date {
  font-size: 12px;
  line-height: 16px;
  color: var(--red-light);
}

.match-video__socials {
  flex-shrink: 0;
}

.match-video__pane {
  box-shadow: 0 2px 13px 1px rgba(var(--black-opacity), 0.1);
  padding: 34px 50px;
  margin: 0 0 30px 0;
}

.match-video__pane-text {
  margin: 0 0 10px 0;
}

.match-video__pane--no {
  border: 1px solid rgba(var(--red-light-opacity), 0.3);
}

.match-video__link {
  color: var(--red-light);
  text-decoration: underline;
}

/* Турнир. Календарь */

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.tabs--group .tabs__navigation {
  width: 460px;
}

.tabs--group {
  display: flex;
  flex-wrap: wrap;
}

.tabs--group .tabs__content {
  width: 100%;
}

.calendar a {
  color: var(--black);
}

.calendar__block {
  margin: 0 0 34px 0;
}

.calendar__top {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 0 0 20px 0;
  position: relative;
}

.calendar__top:not(.calendar__top--dominant-color):after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, var(--red-light) 0%, var(--red-dark) 100%);
  z-index: 1;
}

.calendar__list {
  margin-bottom: 20px;
}

.calendar__item {
  display: flex;
  align-items: center;
  height: 60px;
  border-bottom: 1px solid var(--gray);
}

.calendar__date {
  width: 120px;
  height: 100%;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
}

.calendar__date--small .calendar__date-date {
  font-size: 11px;
}

.calendar__date-weekday {
  text-transform: capitalize;
}

.calendar__team {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc((100% - 490px) / 2);
}

.calendar__team--right {
  justify-content: flex-start;
}

.calendar__img {
  display: block;
  margin: 0 16px;
  border-radius: 25%;
}

.calendar__team--right .calendar__img {
  order: -1;
}

.calendar__team-text {
  text-align: right;
  font-weight: 500;
}

.calendar__team--right .calendar__team-text {
  text-align: left;
}

.calendar__team--main .calendar__team-text {
  font-weight: 700;
}

.calendar__place {
  display: flex;
  align-items: center;
  width: 290px;
}

.calendar__place-icon {
  flex-shrink: 0;
  fill: var(--red-dark);
}

.calendar__place-text {
  padding: 0 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-box-pack: center;
}

.calendar__head {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: var(--light);
  height: 50px;
}

.calendar__stats {
  display: grid;
  grid-template-columns: 70px 90px 54px 54px;
  gap: 5px;
  width: 290px;
  font-weight: 500;
  font-size: 12px;
}

.calendar__stats-item {
  text-align: center;
}

.calendar__stats-mobile {
  display: none;
}

.calendar__stats abbr {
  text-decoration: none;
}

.calendar__score {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 100%;
  flex-shrink: 0;
  background-color: var(--light);
}

.calendar__score-main {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: var(--red-light);
}

.calendar__score-additional {
  font-size: 11px;
  line-height: 14px;
}

.calendar__live {
  width: 40px;
  height: 24px;
  background-color: var(--red-light);
  border-radius: 2px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.8px;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.structure--match-recent-matches .calendar__top  {
  text-align: center;
}

.structure--match-recent-matches .calendar__place {
  width: 120px;
}

.structure--match-recent-matches .calendar__team {
  width: calc((100% - 320px) / 2);
}

/* Турнир. Статистика */

.tournament-statistics__variable {
  width: 80px;
}

.tournament-statistics__number {
  width: 55px;
}

.tournament-statistics__team {
  width: 200px;
}

/* Стадион */

.stadium__img {
  display: block;
  margin: 0 0 30px 0;
  height: auto;
}

.stadium__capacity {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 30px 0;
}

.stadium__text {
  margin: 0 0 40px 0;
}

.stadium__place {
  padding: 0 20px 0 0;
}

.stadium__wrapper {
  flex-shrink: 0;
}

.stadium__contacts {
  font-size: 16px;
  line-height: 22px;
  border-top: 1px solid var(--pale);
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stadium__contacts-link {
  color: var(--black);
  display: block;
}

.stadium__unit {
  display: inline-block;
  width: 50px;
}

.stadium__map {
  margin: 0 0 50px 0;
}

/* Список турниров */

.tournaments__list {
  position: relative;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.tournaments__list--wide {
  grid-template-columns: repeat(4, 1fr);
}

.tournaments__link {
  display: flex;
  flex-direction: column;
}

.tournaments__img {
  display: block;
}

.tournaments__content {
  transition: 0.3s;
}

.tournaments__picture {
  margin: 0 0 20px 0;
}

.tournaments__dates {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}

.tournaments__dates-text {
  color: var(--red-dark);
  font-size: 12px;
  line-height: 14px;
}

.tournaments__icon {
  margin: 0 12px 0 0;
}

.tournaments__title {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  color: var(--black);
}

.school-contacts__text {
  margin: 0 0 30px 0;
}

/* Лига. Результаты */

.league__header {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.league__block {
  margin: 0 0 40px 0;
}

.summary-table {
  table-layout: unset;
}

.summary-table .summary-table__total {
  border-right: 1px solid rgba(var(--red-light-opacity), 0.8);
}

.summary-table__link,
.summary-table__total {
  font-size: 12px;
  line-height: 14px;
}

.summary-table__link {
  color: var(--black);
}

.summary-table__link--red {
  color: var(--red-light);
}

.summary-table__link:hover {
  color: var(--red-light);
  transition: 0.2s;
}

.summary-table__total {
  color: var(--red-light);
}

tbody .summary-table__total {
  font-weight: 700;
}

.summary-table__number {
  width: 55px;
  position: relative;
}

.summary-table__number--up:after,
.summary-table__number--down:after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 0;
}

.summary-table__number--up:after {
  background-color: #1ad323;
}

.summary-table__number--down:after {
  background-color: #ea0b20;
}

.summary-table__team {
  width: 200px;
}

.summary-table__variable {
  width: 51px;
}

.summary-table__variable--red {
  color: var(--red-light);
  font-size: 12px;
  line-height: 14px;
}

.summary-table__mark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 24px;
}

.table__head .results-table__team {
  padding: 5px 10px 5px 46px;
}

.results-table .table__head .table__cell:not(.results-table__team) {
  font-size: 12px;
  line-height: 14px;
}

.results-table .table__cell:first-child,
.results-table .table__cell:nth-child(2) {
  border-right: 1px solid var(--light);
}

.results-table__team {
  width: 230px;
}

.results-table__variable {
  width: 51px;
}

.results-table__team .table__text {
  text-align: center;
  width: 100%;
  font-weight: 500;
}

.results-table__link {
  position: relative;
  display: block;
  text-align: center;
  color: var(--black);
}

.results-table__link--red {
  color: var(--red-light);
}

.results-table__link:hover {
  transition: 0.2s;
  color: var(--red-light);
}

.results-table__total {
  font-weight: 500;
  color: var(--red-light);
}

.results-table__future {
  font-size: 12px;
}

.results-top .tabs__link {
  min-width: 100px;
}

.results-top__past .tabs__link {
  border: 1px solid var(--red-light);
  color: var(--red);
}

.results-top__past.tabs__item--active .tabs__link {
  color: var(--white);
}

/* Турнирный виджет в сайдбаре */

.tournament-sidebar,
.calendar-sidebar {
  box-shadow: 0 2px 13px 1px rgba(var(--black-opacity), 0.1);
}

.tournament-sidebar__top,
.calendar-sidebar,
.infographics__top {
  color: var(--white);
}

.tournament-sidebar__title,
.infographics__title {
  background: var(--red-dark);
  font-size: 18px;
  line-height: 46px;
  font-weight: 700;
  padding: 0 10px;
  border-radius: 3px 3px 0 0;
}

.tournament-sidebar__wrapper,
.calendar-sidebar__wrapper,
.infographics__wrapper {
  background: var(--red);
  position: relative;
}

.calendar-sidebar__wrapper {
  color: var(--white);
}

.tournament-sidebar__wrapper,
.infographics__wrapper {
  background: url("/img/pentagons-sidebar-background.svg"), var(--red);
}

.tournament-sidebar__container {
  display: flex;
}

.dropdown__container {
  width: 50%;
  flex: 1 1 auto;
}

.tournament-sidebar__container .dropdown__title {
  border: none;
  border-bottom: 1px solid rgba(var(--white-opacity), 0.3);
  border-right: 1px solid rgba(var(--white-opacity), 0.3);
}

.tournament-sidebar .dropdown__link,
.infographics .dropdown__link {
  padding: 5px 20px 5px 10px;
}

.sidebar .dropdown__title:after {
  right: 8px;
}

.tabs--tournament-sidebar .tabs__navigation {
  flex-wrap: wrap;
  padding: 10px 6px;
  margin: 0;
  justify-content: flex-start;
}

.tabs--tournament-sidebar .tabs__item {
  flex-basis: unset;
  flex-grow: 0;
  width: calc((100% - 9px)/4);
  padding: 0 3px 5px 3px;
  margin: 0 !important;
}

.tabs--tournament-sidebar .tabs__link {
  padding: 0 5px;
  height: 26px;
  display: flex;
  align-items: center;
  line-height: 10px;
  text-align: center;
  border: 1px solid rgba(var(--white-opacity), 0.35);
  color: var(--white);
  border-radius: 2px;
  font-size: 10px;
  font-weight: 500;
  background-color: transparent;
  white-space: unset;
}

.tabs--tournament-sidebar .tabs__item--active .tabs__link {
  background: var(--white);
  border-color: var(--white-opacity);
  color: var(--red-dark);
  transition: 0.2s;
}

@media (hover: hover) {
  .tabs--tournament-sidebar .tabs__link:hover {
    background: var(--white);
    border-color: var(--white-opacity);
    color: var(--red-dark);
    transition: 0.2s;
  }
}

.tournament-sidebar__button,
.calendar-sidebar__button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: 10px;
  font-weight: 500;
  color: var(--red-dark);
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 0.8px;
}

.tournament-sidebar-table {
  font-size: 12px;
}

.tournament-sidebar-table .table__logo {
  margin: 0 5px 0 0;
  border-radius: 25%;
}

.tournament-sidebar-table__variable {
  width: 34px;
}

.tournament-sidebar-table .table__cell {
  padding: 0;
  height: 40px;
}

.tournament-sidebar-table .tournament-sidebar-table__number {
  position: relative;
  width: 38px;
  padding: 0 0 0 5px;
}

.tournament-sidebar-table .tournament-sidebar-table__number.tournament-sidebar-table__number--up::before,
.tournament-sidebar-table .tournament-sidebar-table__number.tournament-sidebar-table__number--down::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
}

.tournament-sidebar-table .tournament-sidebar-table__number.tournament-sidebar-table__number--up::before {
  background-color: #50DD37;
}

.tournament-sidebar-table .tournament-sidebar-table__number.tournament-sidebar-table__number--down::before {
  background-color: #FF0032;
}

.tournament-sidebar-table .table__text {
  font-size: 12px;
  line-height: 12px;
}

.tournament-sidebar__loader,
.infographics__loader {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tournament-sidebar__loader img,
.infographics__loader img {
  width: 75px;
  margin: 20px 0;
}

/* Календарь в сайдбаре */

.calendar-sidebar {
  /*overflow: hidden;*/
}

.calendar-sidebar__loader {
  text-align: center;
}

.calendar-sidebar .dropdown--transparent .dropdown__title {
  border-top: none;
  border-radius: 3px 3px 0 0;
}

.tabs--calendar-sidebar .tabs__navigation {
  margin: 0;
  padding: 10px 10px 0 10px;
}

.tabs--calendar-sidebar .tabs__link {
  border-radius: 3px 3px 0 0;
  background-color: transparent;
  color: var(--white);
  font-size: 12px;
}

.tabs--calendar-sidebar .tabs__item--active .tabs__link,
.tabs--calendar-sidebar .tabs__link:hover {
  background-color: var(--white);
  color: var(--red-dark);
  transition: 0.2s;
}

.calendar-sidebar__list {
  list-style: none;
}

.calendar-sidebar__item {
  border-bottom: 1px solid var(--pale);
}

.calendar-sidebar__link {
  display: block;
  padding: 10px 15px 5px 15px;
  color: var(--black);
  background-color: var(--white);
  z-index: 2;
  position: relative;
}

.calendar-sidebar__item-top {
  display: flex;
  align-items: center;
  margin: 0 0 5px 0;
}

.calendar-sidebar__date {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}

.calendar-sidebar__video {
  display: block;
  margin: 0 0 0 10px;
}

.calendar-sidebar__video-icon {
  display: block;
}

.calendar-sidebar__round {
  font-size: 11px;
  line-height: 14px;
  color: var(--red);
  text-transform: uppercase;
  margin: 0 0 0 auto;
}

.calendar-sidebar__content {
  display: flex;
  color: var(--black);
}

.calendar-sidebar__teams {
  flex-grow: 1;
}

.calendar-sidebar__team {
  display: flex;
  align-items: center;
  padding: 3px 0;
}

.calendar-sidebar__team-name {
  font-size: 12px;
  line-height: 12px;
  padding: 0 10px 0 0;
}

.calendar-sidebar__img {
  display: block;
  margin: 0 5px 0 0;
  border-radius: 25%;
}

.calendar-sidebar__info {
  width: 50px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.calendar-sidebar__live {
  width: 50px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: var(--red-light);
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.72px;
  color: var(--white);
}

.calendar-sidebar__time {
  width: 50px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: var(--pale);
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
}

.calendar-sidebar__score {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  color: var(--red-dark);
  font-size: 13px;
  font-weight: 500;
  width: 100%;
  position: relative;
}

.calendar-sidebar__score-additional {
  font-size: 10px;
}

.calendar-sidebar__score-item {
  text-align: right;
  width: 100%;
  line-height: 26px;
}

.calendar-sidebar__score-additional {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 10px;
}

/* Профиль команды */

.head--team .head__container {
  align-items: stretch;
}

.head__picture {
  margin: 0 110px 0 0;
  flex-shrink: 0;
}

.head__img {
  display: block;
  border-radius: 25%;
}

.head__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.head__content .socials-color {
  justify-content: flex-start;
  margin: auto 0 0 0;
}

.tabs--team-stats,
.tabs--player-stats {
  width: 690px;
}

.statistics__list {
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.statistics__item {
  width: calc((100% - 40px)/3);
  max-width: 394px;
  box-shadow: 0 4px 6px rgba(var(--black-opacity), 0.06);
  border-radius: 5px;
}

.table-statistics:not(.table--dominant-color):after {
  border-radius: 2px 2px 0 0;
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  top: -2px;
  left: 0;
  background: linear-gradient(to right, var(--red-light) 0%, var(--red-dark) 100%);
}

.table-statistics .table__cell {
  text-align: left;
  height: 40px;
}

.table-statistics .table__head {
  background-color: unset;
  border-bottom: 1px solid var(--pale);
}

.table-statistics .table__row:last-child {
  border: none;
}

.table-statistics .table__head .table__cell {
  font-size: 18px;
  font-weight: 700;
}

.table-statistics__unit {
  width: 85%;
}

.statistics__item--players .table-statistics__unit {
  width: 164px;
  font-weight: 700;
}

.table-statistics__value {
  width: 40px;
  font-weight: 700;
  padding: 0 5px 0 0;
}

.table-statistics--team .table-statistics__value {
  text-align: center;
}

.statistics__item--players .table__link {
  justify-content: flex-end;
}

.statistics__item--players .table__logo {
  margin: 0 0 0 10px;
  border-radius: 25%;
}

.table-team-forwards__variable {
  width: 15%;
}

.table-team-forwards__total {
  font-weight: 700;
  color: var(--red-light);
}

.tabs--media .tabs__item {
  margin: 0 30px;
}

/* Команда. Состав */

.composition__list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 0 0 20px 0;
}

.composition__item {
  box-shadow: 0 2px 13px 1px rgba(var(--black-opacity), 0.1);
  height: 100%;
}

.composition__link {
  background: var(--red-dark);
  color: var(--white);
  border-radius: 3px 3px 0 0;
  display: flex;
  min-height: 180px;
  padding: 20px 0;
  overflow: hidden;
}

.composition__link--color {
  background-image: none;
}

.composition__picture {
  margin: 0 5px 0 0;
  flex-shrink: 0;
  position: relative;
}

.composition__background {
  position: absolute;
  top: -51px;
  left: -63px;
  z-index: 2;
  transition: 0.4s;
  fill: var(--red-dark);
}

.composition__img {
  display: block;
  position: relative;
  left: -10px;
  z-index: 1;
}

.composition__icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.composition__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin: 0 0 15px 0;
}

.composition__content {
  display: flex;
  flex-direction: column;
  padding: 0 15px 0 0;
  width: 100%;
  z-index: 3;
  position: relative;
}

.composition__bottom {
  margin: auto 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.composition__number {
  font-size: 25px;
  font-weight: 500;
}

.composition__info {
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
}

.composition--search .composition__teams {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 155px;
  margin: 0 0 5px 0;
}

.coaches--search {
  padding: 0 !important;
}

.coaches--search .coaches__teams {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 155px;
  margin: 0 0 5px 0;
}

.search-all__coaches .coaches__teams {
  width: 300px;
}

.table-composition:after {
  display: none;
}

.table-composition .table__row:last-child {
  border: none;
}

.table-composition .table__cell {
  height: 50px;
}

.table-composition__unit {
  width: 80%;
  text-align: left;
}

.table-composition__value {
  width: 20%;
  font-weight: 500;
}

/* Шаринг */

.news-item .social-share {
  margin: 0 0 20px 0;
}

.social-share--sidebar {
  margin: 16px 0;
  text-align: center;
}

/* Статистика судьи */

.table-referee__season {
  width: 30%;
}

.table-referee__season {
  width: 18%;
}

.table-referee__variable {
  width: 12%;
}

.table-referee__total,
.table-staff__total {
  color: var(--red-light);
  font-weight: 500;
}

.table-referee__wrap {
  display: flex;
  align-items: center;
}

.table-referee__additional {
  color: var(--red-light);
  margin: 0 0 0 5px;
}

/* Статистика тренера */

.table-staff__tournament {
  width: 30%;
}

.table-staff__team {
  width: 25%;
}

.table-staff__season {
  width: 15%;
}

.table-staff__variable {
  width: 7%;
}

.table-season__tablet {
  display: none;
}

.table-season th {
  white-space: nowrap;
}

.table-season__substitute {
  width: 140px;
}

.table-season__sum {
  color: var(--red-dark);
  font-weight: 700;
}

.table-season__all-stats {
  background-color: var(--red-light);
  color: var(--white);
  font-weight: 700;
}

/* Виджет соц. сетей */

.social-widget {
  box-shadow: 0 2px 13px 1px rgba(var(--black-opacity), 0.1);
  overflow: hidden;
  margin: 0 0 24px;
  position: relative;
}

.social-widget__title {
  position: relative;
  padding: 0 10px;
  line-height: 46px;
  background: var(--red-dark);
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
  border-radius: 3px 3px 0 0;
}

.social-widget--instagram-subscribe {
  padding: 7px 16px 8px;
  margin: 13px;
  cursor: pointer;
  text-align: center;
  background-color: var(--red-light);
  border: 0;
  border-radius: 4px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  font-size: 12.5px;
  outline: 0;
  font-family: -apple-system,BlinkMacSystemFont,'Roboto','Helvetica Neue',Geneva,"Noto Sans Armenian","Noto Sans Bengali","Noto Sans Cherokee","Noto Sans Devanagari","Noto Sans Ethiopic","Noto Sans Georgian","Noto Sans Hebrew","Noto Sans Kannada","Noto Sans Khmer","Noto Sans Lao","Noto Sans Osmanya","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Thai",sans-serif,arial,Tahoma,verdana;
  line-height: 15px;
}

.social-widget--instagram-subscribe .socials__icon {
  margin: 0 8px 0 0;
  fill: var(--white);
}

/* Баннеры */

.banner {
  display: block;
  width: 100%;
}

.banner--match {
  background: var(--white);
}

.banner--match,
.banner--match img {
  border-radius: 3px 3px 0 0;
}

.banner__img {
  display: block;
  margin: auto;
}

.match__score .banner--match:not(:first-child) {
  border-radius: 0;
}

/* Пагинация */

.pagination-section {
  display: flex;
  justify-content: center;
  margin: 40px 0 30px 0;
  padding: 0;
  list-style-type: none;
}

.pagination-section__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-right: 8px;
  font-size: 16px;
  border-radius: 2px;
  cursor: pointer;
  background-color: var(--grey-light);
  color: var(--black);
}

.pagination-section__item:last-child {
  margin-right: 0;
}

.pagination-section__item--active {
  background-color: var(--red-light);
  color: var(--white);
  border: 1px solid var(--red-dark);
}

.pagination-section__item:hover {
  background-color: var(--red-light);
  transition: all 0.2s;
}

.pagination-section__item:hover.pagination-section__item--disabled,
.pagination-section__item--disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background-color: var(--grey-light);
  color: var(--black);
}

.pagination-section__item:hover.pagination-section__item--ellipsis,
.pagination-section__item--ellipsis {
  width: 20px;
  opacity: 0.4;
  cursor: not-allowed;
  background-color: var(--grey-light);
  color: var(--black);
}

.pagination-section__item span,
.pagination-section__item a {
  width: 100%;
  height: 100%;
  color: var(--black);
  display: flex;
  justify-content: center;
  align-items: center;
}


.pagination-section__item.pagination-section__item--active a,
.pagination-section__item:hover a {
  color: var(--white);
}

.pagination-section__item--arrow {
  position: relative;
}

.pagination-section__item--arrow::after {
  position: absolute;
  font-family: "FontAwesome";
  font-size: 20px;
  color: var(--grey-mid);
}

.pagination-section__item:hover.pagination-section__item--arrow::after {
  color: var(--white);
}

.pagination-section__item--arrow-left::after {
  content: "\f104";
}

.pagination-section__item--arrow-right::after {
  content: "\f105";
}

.socials-white {
  list-style: none;
  display: flex;
}

.socials-white__link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.socials-white__item {
  margin: 0 38px 0 0;
}

/* Инфорграфика на главной */

.infographics__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: var(--white);
  position: relative;
  background: linear-gradient(to right, #8c1426 0%, var(--red-light) 100%);
  z-index: 1;
  overflow: hidden;
  padding: 20px 15px;
}

.infographics__list.load {
  background: transparent;
  height: 115px;
}

.infographics__list.load:after {
  display: none;
}

.infographics__list.load:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/loader-circle.svg') no-repeat center;
  background-size: 50% 50%;
}

.infographics__list:after {
  content: '';
  background: url("/img/background-figure.svg");
  position: absolute;
  top: 0;
  right: -80px;
  width: 300px;
  height: 249px;
  opacity: 0.7;
  background-size: cover;
  z-index: -1;
}

.infographics__item {
  width: calc(50% - 10px);
  flex-shrink: 0;
  margin: 0 0 20px 0;
}

.infographics__item:nth-child(odd) {
  margin: 0 10px 20px 0;
}

.infographics__number {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.infographics__text {
  max-width: 80px;
}

/* Страница поиска - все */

.search-all__with-sidebar {
  display: flex;
}

.search-all__main {
  max-width: 600px;
  margin: 0 20px 0 0;
}

.search-all__block {
  margin: 0 0 30px 0;
}

.search-all__text {
  margin: 0 0 15px 0;
}

.search-all__number {
  padding: 0 10px;
}

.search-all__news .media__list {
  grid-template-columns: repeat(2, minmax(290px, 1fr));
}

.search-all .coaches__list {
  grid-template-columns: 1fr;
}

.search-all__button {
  width: 100%;
  max-width: unset;
  margin-top: 20px;
}

.search-all__main .search-all__button {
  max-width: 607px;
}

.search-all__schools .schools__items {
  width: 100%;
}

.search-all__schools .schools__img {
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.search-all__schools .schools__title,
.search-all__schools .schools__text {
  text-align: center;
}

/* Шапка школы/клуба */

.figure-head {
  overflow: hidden;
  margin: 0 0 40px 0;
  min-height: 260px;
  background: #ca1233;
}

.figure-head,
.figure-head a {
  color: var(--white);
}

.text-light,
.text-dark {
  background-image: unset;
}

.text-light .profile__container::after,
.text-dark .profile__container::after {
  display: none;
}

.text-light,
.text-light a,
.text-light .profile__property,
.text-light .teams__title,
.text-light .profile__value,
.text-light .profile-share .social-share__text,
.text-light .records__top,
.text-light .records__top a,
.text-light .records__text {
  color: var(--white);
}

.text-dark,
.text-dark a,
.text-dark .profile__property,
.text-dark .teams__title,
.text-dark .profile__value,
.text-dark .profile-share .social-share__text,
.text-dark .records__top,
.text-dark .records__top a,
.text-dark .records__text {
  color: var(--black);
}

.socials-white__icon {
  fill: var(--white);
}

.text-dark .socials-white__icon,
.text-dark .profile-share .social-share__icon {
  fill: var(--black);
}

.text-light .records__units {
  border-top: 1px solid rgba(var(--white-opacity), 0.5);
}

.text-dark .records__units {
  border-top: 1px solid rgba(var(--black-opacity), 0.5);
}

.text-light .records__title {
  border-bottom: 1px solid rgba(var(--white-opacity), 0.5);
}

.text-dark .records__title {
  border-bottom: 1px solid rgba(var(--black-opacity), 0.5);
}

.records-table a {
  color: var(--black);
}

a.collapse-button {
  color: var(--red-dark);
}

.figure-head__container {
  position: relative;
  min-height: 260px;
}

.figure-head__background-img {
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 1;
  clip-path: url("#stadium-clipping");
  width: auto;
  max-width: unset;
}

.figure-head__background {
  position: absolute;
  left: 900px;
  top: 0;
  z-index: 1;
  height: 100%;
}

.figure-head__content {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 830px;
  padding: 30px 0;
}

.figure-head__img {
  display: block;
  border-radius: 25%;
  flex-shrink: 0;
  margin: 0 60px 0 0;
}

.figure-head__title {
  font-size: 34px;
  line-height: 38px;
  font-weight: 700;
  margin: 0 0 30px 0;
}

.figure-head__list {
  list-style: none;
}

.figure-head__item {
  display: flex;
  margin: 0 0 16px 0;
}

.figure-head__init {
  flex-shrink: 0;
  width: 104px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.figure-head__value {
  font-size: 14px;
  font-weight: 500;
}

.figure-head .profile__property {
  width: 104px;
}

.figure-head--team .figure-head__wrapper {
  display: flex;
  flex-direction: column;
}

.figure-head--team .profile__share {
  margin: auto 0 0 0;
}

/* Анимация при наведении */

.schools__items .schools__img,
.teams__item .teams__img,
.tournaments__item .tournaments__img,
.media__item .media__img,
.composition__item .composition__img,
.brigades__item .brigades__img,
.stadiums__item .stadiums__img,
.records__link .records__img {
  transition: 0.4s;
}

.news-slider__link .news-slider__img {
  transition: 0.8s;
}

.media__picture,
.schools__picture,
.teams__picture,
.tournaments__picture,
.brigades__picture,
.stadiums__picture,
.news-slider__picture {
  overflow: hidden;
}

.schools__items:hover .schools__img,
.teams__item:hover .teams__img,
.tournaments__item:hover .tournaments__img,
.media__item:hover .media__img,
.brigades__item:hover .brigades__img,
.stadiums__item:hover .stadiums__img,
.news-slider__link:hover .news-slider__img {
  transform: scale(1.1);
  transition: 0.4s;
}

.news-slider__link:hover .news-slider__img {
  transition: 0.8s;
}

.media__item:hover .media__title,
.stadiums__item:hover .stadiums__title {
  text-decoration: underline;
}

/* Стили редактора в Бескове */

.beskov-about__list {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
}

.beskov-about__description {
  margin: 0 0 40px 0;
}

.beskov-about__description p,
.beskov-about p {
  margin: 0 0 14px 0;
}

.beskov-director {
  display: flex;
  margin-bottom: 40px;
}

.beskov-director__picture {
  width: 300px;
  flex-shrink: 0;
}

.beskov-director__img {
  border-radius: 25%;
}

.beskov-about img {
  margin: 0 0 10px 0;
}

figure {
  margin: 0;
}

.beskov-director__main {
  flex-grow: 1;
}

.beskov-director__title {
  font-size: 22px;
  line-height: 26px;
  margin: 0 0 20px 0;
  font-weight: 500;
  max-width: 800px;
}

.beskov-director__description,
.beskov-about__description {
  font-size: 16px;
  line-height: 23px;
}

/* Сортировка таблиц */

.sort-header span {
  position: relative;
  cursor: pointer;
}

.sort-header span:after {
  content: url("/img/sort-arrows.svg");
  width: 4px;
  height: 11px;
  position: absolute;
  right: -10px;
  top: 1px;
}

.sort-header.headerSortDown span:after {
  content: url("/img/sort-arrow-down.svg");
  width: 4px;
  height: 4px;
}

.sort-header.headerSortUp span:after {
  content: url("/img/sort-arrow-up.svg");
  width: 4px;
  height: 4px;
  top: -5px;
}

.sort-header a {
  color: inherit;
}

/* Полоска доминантного цвета */

.dominant-color-line {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 3px;
}

.dominant-color-line--relative {
  position: relative;
}

.calendar__top--dominant-color .dominant-color-line {
  top: unset;
  bottom: -2px;
}

.records-table .dominant-color-line {
  width: calc(100% - 20px);
  height: 1px;
  top: 40px;
  left: 10px;
}

/* Прелоадеры */

.js-tiny-slider-cont:not(.js-already-init) .js-tiny-slider,
.js-tiny-slider-cont:not(.js-already-init) .js-main-calendar-dots,
.js-tiny-slider-cont:not(.js-already-init) .js-news-slider-dots,
.js-dropdown,
.js-select {
  display: none;
}

.js-tiny-slider-cont,
.js-dropdown-cont,
.js-select-cont {
  position: relative;
  height: 100%;
  min-height: 47px;
}

.js-tiny-slider-cont:not(.js-already-init):before,
.js-dropdown-cont:not(.js-already-init):before,
.js-select-cont:not(.js-already-init):before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/loader-circle.svg) no-repeat;
  background-size: 100% 100%;
}

.media__list.load,
.partners__list.load,
.main-posts__columns.load,
.records__list.load{
  height: 25vh;
}

.media__list.load:before,
.partners__list.load:before,
.main-posts__columns.load:before,
.records__list.load:before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/loader-circle.svg') no-repeat center;
  background-size: 50% 50%;
}

.news-item.load,
.album-item.load,
.video-item.load{
  height: 25vh;
  position: relative;
}

.news-item.load:before,
.album-item.load:before,
.video-item.load:before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/loader-circle.svg') no-repeat center;
  background-size: 50% 50%;
}

.matches .container.load{
  height: 25vh;
  position: relative;
}

.matches .container.load:before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/loader-circle.svg') no-repeat center;
  background-size: 50% 50%;
}

.matches .container .calendar.load{
  height: 25vh;
  position: relative;
}

.matches .container .calendar.load:before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/loader-circle.svg') no-repeat center;
  background-size: 50% 50%;
}

.tournament-table.load{
  height: 25vh;
  position: relative;
}

.tournament-table.load:before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/loader-circle.svg') no-repeat center;
  background-size: 50% 50%;
}

.tournament-table.load,
.composition.load,
.teams.teams--tournament.load,
.table-tournament-statistics tbody.load,
.tournament-calendar.load,
.documents.load,
.league.load,
.tournaments.tournament-tables.load,
[data-widget="TournamentSchedule"].load,
[data-widget="TournamentCalendar"].load,
[data-widget="TournamentView"].load{
  height: 25vh;
  position: relative;
}

.composition.load:before,
.teams.teams--tournament.load:before,
.table-tournament-statistics tbody.load:before,
.tournament-calendar.load:before,
.documents.load:before,
.league.load:before,
.tournaments.tournament-tables.load:before,
[data-widget="TournamentSchedule"].load:before,
[data-widget="TournamentCalendar"].load:before,
[data-widget="TournamentView"].load:before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/loader-circle.svg') no-repeat center;
  background-size: 50% 50%;
}

.datetime a {
  color: inherit;
}

/* Аякс загрузка по табам. Лоадер */

.tabs__content-error,
.tabs__content-loader {
  display: none;
  text-align: center;
}

.tabs__content-loader img {
  height: 114px;
}

.filters-form {
  display: flex;
}

.filters-form--range {
  justify-content: space-between;
  gap: 30px;
  align-items: center;
  flex-wrap: wrap;
}

.picker {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: flex-end;
  max-width: max-content;
  white-space: nowrap;
}

.matches {
  display: flex;
  flex-direction: column;
}

.matches__info {
  background: linear-gradient(91deg, #971733 3%, rgba(151, 23, 50, 0) 55%), linear-gradient(16deg, var(--red-dark) 8%, var(--red-light) 92%), var(--red-dark);
  display: flex;
  align-items: center;
}

.matches__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  color: var(--white);
}

.matches__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.matches__texts {
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
}

.matches__color {
  color: var(--red-light);
}

.matches__sum {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}

.calendar__wrapper {
  width: 280px;
  flex-shrink: 0;
}

.calendar__tournament {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-box-pack: center;
}

.calendar--page .calendar__team-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-box-pack: center;
}

.calendar--page .calendar__score {
  width: 100px;
}

.calendar--page .calendar__place {
  width: 180px;
}

.calendar__info {
  width: 100px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}




.info {
  display: flex;
  flex-direction: column;
}

.info__item {
  display: flex;
  flex-direction: column;
}

.transfer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  padding: 20px 0;
  flex-wrap: wrap;
}

.transfer__teams {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  flex-wrap: wrap;
}

.transfer__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  color: var(--black);
}

.transfer__logo {
  flex-shrink: 0;
}

.transfer__text,
.transfer__line {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}

.transfer__infos {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.transfer__info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.transfer__icon {
  fill: var(--green-dark);
}

.transfer__info--from .transfer__icon {
  fill: var(--red-dark);
  transform: rotate(180deg);
}

.transfer__date {
  font-size: 16px;
  line-height: 20px;
}

.fade {
  animation-name: fade;
  animation-duration: .8s;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.tournament-tours{
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.tournament-tours .tabs .tabs__navigation{
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 10px;
}
.tournament-tours .tabs .tabs__navigation .tabs__item{
  width: fit-content;
  flex-grow: unset;
  margin: 0 10px 0 0;
}
.tournament-tours .tabs .tabs__navigation .tabs__item .tabs__link{
  width: fit-content;
}
@media (max-width: 480px) {
  .tournament-tours .tabs .tabs__navigation .tabs__item .tabs__link{
    width: unset;
  }
  .tournament-tours .tabs .tabs__navigation{
    justify-content: flex-start;
  }

  .tournament-statistics .tabs__navigation .tabs__item{
    flex-grow: 0;
  }
}

.tournament-statistics .top--gap{
  flex-direction: column;
  align-items: start;
}

.tournament-statistics .tabs__navigation{
  flex-wrap: wrap;
  justify-content: flex-start;
}

.tournament-statistics .tabs__navigation .tabs__item{
  flex-grow: 0;
}
/* reester-trainers*/
.reester-trainers .trainers-control {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 40px 0;
}
@media (min-width: 768px) {
  .reester-trainers .trainers-control {
    margin: 50px 0;
  }
}
@media (min-width: 1024px) {
  .reester-trainers .trainers-control {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.reester-trainers .trainers-control .button {
  max-width: initial;
}
@media (min-width: 768px) {
  .reester-trainers .trainers-control .button {
    width: initial;
    min-width: 350px;
  }
}
.reester-trainers .trainers-control .search-container {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .reester-trainers .trainers-control .search-container {
    margin-bottom: 0;
    width: 400px;
  }
}
.reester-trainers .trainers-control .search-container .search-input {
  box-sizing: border-box;
  outline: none;
  width: 100%;
  padding: 12px 0;
  padding-right: 21px;
  border: none;
  border-bottom: 2px solid rgba(133, 133, 133, 0.1);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.reester-trainers .trainers-control .search-container .search-input::placeholder {
  color: var(--gray, #858585);
}
.reester-trainers .trainers-control .search-container .icon-search {
  position: absolute;
  right: 0;
  top: calc(50% - 8px);
  height: 16px;
}
.reester-trainers .trainers-content.load {
  position: relative;
  height: 25vh;
}
.reester-trainers .trainers-content.load:before {
  background: url(../img/loader-circle.svg) no-repeat 50%;
  background-size: 50% 50%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.reester-trainers .trainers-content.load .trainers-item {
  display: none;
}
.trainers-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.trainers-list.load {
  position: relative;
  height: 25vh;
}
.trainers-list.load:before {
  background: url(../img/loader-circle.svg) no-repeat 50%;
  background-size: 50% 50%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.trainers-list.load .trainers-item {
  display: none;
}
.trainers-item {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 2px;
  background: var(--white, #FFF);
  box-shadow: 0px 0px 100px 0px rgba(133, 133, 133, 0.1);
}
.trainers-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .trainers-item {
    flex-direction: row;
  }
}
.trainers-item .trainer-photo {
  max-width: 303px;
  height: 303px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .trainers-item .trainer-photo {
    width: 285px;
    min-width: 285px;
    max-width: initial;
    height: 285px;
    margin-bottom: initial;
    margin-right: 20px;
  }
}
.trainers-item .trainer-photo img {
  width: 100%;
  height: auto;
}
.trainers-item .trainer-description {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.trainers-item .trainer-description .trainer-name {
  color: var(--black, #000);
  font-family: Roboto;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 25px;
  text-align: center;
}
@media (min-width: 768px) {
  .trainers-item .trainer-description .trainer-name {
    text-align: initial;
  }
}
.trainers-item .trainer-description table.trainer-info {
  border-collapse: collapse;
}
.trainers-item .trainer-description table.trainer-info tr td {
  padding-bottom: 20px;
  vertical-align: baseline;
  width: 50%;
}
.trainers-item .trainer-description table.trainer-info tr td p:not(:last-child) {
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .trainers-item .trainer-description table.trainer-info tr td {
    width: initial;
  }
  .trainers-item .trainer-description table.trainer-info tr td:first-child {
    width: 40%;
    padding-right: 20px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .trainers-item .trainer-description table.trainer-info tr td:first-child {
    width: 33%;
  }
}
.trainers-item .trainer-description table.trainer-info tr:last-child td {
  padding-bottom: 0;
}
.form-block {
  display: flex;
  flex-direction: column;
}
.form-block .button {
  max-width: initial;
}
.form-block .form-title {
  color: var(--black, #000);
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .form-block .form-title {
    font-size: 26px;
  }
}
.form-block .trainers-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.form-block .captcha {
  padding: 15px 25px;
  border: 2px solid var(--Light-Grey, #F5F5F5);
}
.status-block {
  /*flex*/
  display: none;
  align-items: center;
  height: 100%;
  z-index: 10;
  width: 100%;
  background-color: var(--white);
}
.status-block .status {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
.status-block .status .icon {
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .status-block .status .icon {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1024px) {
  .status-block .status .icon {
    width: 96px;
    height: 96px;
  }
}
.status-block .status .text {
  color: var(--black, #000);
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 768px) {
  .status-block .status .text {
    font-size: 26px;
  }
}
.status-block .status.success .round {
  background: #38F428;
}
.status-block .status.error .round {
  background: #F42828;
}
.status-block.success-status {
  display: flex;
}
.status-block.success-status .status.success {
  display: flex;
}
.status-block.error-status {
  display: flex;
}
.status-block.error-status .status.error {
  display: flex;
}
.status-block .theme-form {
  cursor: pointer;
  margin-top: 20px;
}
.hide {
  display: none !important;
}
.overflow-none {
  overflow: hidden !important;
}
.pagination-section__item button {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
  color: inherit;
}
.pagination-section__item--disabled button {
  cursor: not-allowed;
}
.pagination-section__item.pagination-section__item--active button,
.pagination-section__item:hover button {
  color: var(--white);
}
/* modal */
.modal-trainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(133, 133, 133, 0.8);
  z-index: 1000;
  overflow: scroll;
}
.modal-trainer .modal-container {
  position: relative;
  padding: 20px;
  width: calc(100% - 30px);
  max-width: 512px;
  margin: 120px auto 40px;
  background-color: var(--white);
}
@media (min-width: 768px) {
  .modal-trainer .modal-container {
    padding: 40px;
  }
}
@media (min-width: 1024px) {
  .modal-trainer .modal-container {
    max-width: 846px;
  }
}
.modal-trainer .modal-container .modal-close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -40px;
  right: 0px;
  background-color: transparent;
  border: none;
}
@media (min-width: 768px) {
  .modal-trainer .modal-container .modal-close {
    right: -40px;
  }
}
.modal-trainer .modal-container .modal-close::before, .modal-container .modal-close::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 2px;
  border-radius: 1px;
  background-color: var(--white);
  top: calc(50% - 1px);
  left: calc(50% - 16px);
  transform: rotate(45deg);
}
.modal-trainer .modal-container .modal-close::after {
  transform: rotate(-45deg);
}
/* inputs */
.field {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .field.name, .field.number {
    width: calc(50% - 10px);
  }
}
.field:not(.empty) .input-text {
  border: 2px solid var(--Light-Grey, #f5f5f5);
}
.field .text-label {
  font-family: Roboto;
  color: var(--Grey, #858585);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
}
.field .text-label span {
  color: var(--red);
}
.field.field-textarea {
  width: 100%;
}
.field.field-textarea.empty textarea {
  border: 2px solid var(--Light-Grey, #f5f5f5);
}
.field.field-textarea:not(.empty) textarea {
  border: 2px solid var(--Light-Grey, #f5f5f5);
}
.field.field-textarea.error textarea {
  border: 2px solid var(--red);
}
.field.field-textarea.error .textarea-name {
  color: red;
}
.field.field-textarea textarea {
  height: 139px;
  resize: vertical;
}
.field.field-textarea .textarea-name {
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  margin: 15px 0 15px;
}
.field .label {
  color: var(--Grey, #858585);
  display: block;
  position: absolute;
  z-index: 3;
  left: 25px;
  top: 42px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: none;
}
.field .error-message {
  display: none;
  position: absolute;
  top: calc(100%);
  left: 0;
  background: transparent;
  font-size: 10px;
  line-height: 15px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  color: var(--red);
}
.field .input-text {
  font-family: Roboto;
  color: var(--black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 15px 25px;
  border-radius: 2px;
  border: 2px solid var(--Light-Grey, #F5F5F5);
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  transition: all 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.field .input-text .text {
  display: block;
}
.field.empty .label {
  display: block !important;
}
.field.error .input-text {
  border: 2px solid var(--red) !important;
  color: var(--red) !important;
}
.field.error .label {
  color: var(--red);
}
.field.error .error-message {
  display: inline-block;
}
.field.success .input-text {
  color: var(--black);
}
.header__register_coaches {
  width: min-content;
}

.subtitle__link {
  color: var(--red-dark);
}

.subtitle__link span {
  position: relative;
}

.subtitle__logo {
  height: 30px;
  width: auto;

  position: relative;
  bottom: -8px;
  left: 0;

  @media (min-width: 480px) {
    height: 35px;
  }
}

/* 07.12.23 */


.reester-trainers .trainers-item .trainer-photo {
  height: 155px;
}

.reester-trainers .trainers-item .trainer-photo img {
  aspect-ratio: 1/1;
  object-fit: contain;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

@media (min-width: 768px) {
  .reester-trainers .trainers-item .trainer-photo {
    height: 224px;
    overflow: hidden;
    width: 224px;
    min-width: 224px;
  }

  .reester-trainers .trainers-item {
    align-items: flex-start;
  }
}

.error-block{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.error-block .error__text{
  font-size: 24px;
  line-height: 100%;
  text-align: center;
}

@media (max-width: 767px) {
  .error-block .error__text {
    font-size: 16px;
  }
}

.tournament-sidebar .error-block{
  padding-top: 25px;
}

/* НОВЫЕ СТИЛИ ДЛЯ ГЛАВНОГО КАЛЕНДАРЯ */

.main-calendar .main-calendar__content{
  min-height: 344px;
}

.main-calendar__matches-loader {
  padding-top: 100px;
}

.main-calendar__content .error-block{
  padding-top: 80px;
}

.main-calendar__top-filters {
  min-height: 40px;
}

@media (max-width: 480px) {
  .main-calendar .main-calendar__content{
    min-height: 158px;
  }

  .main-calendar__matches-loader {
    padding-top: 40px;
  }

  .main-calendar__content .error-block{
    padding-top: 20px;
  }
}


.structure__unit--right .structure__name-text{
  justify-content: flex-start;
  align-items: flex-start;
}

.structure__name-block{
  display: flex;
}

.structure__name-text{
  position: relative;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.structure__template-text{
  color: red;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 10px;
}

.structure__events{
  flex-wrap: nowrap;
}

.structure__player .structure__events {
  flex-wrap: wrap;
}

.structure__template-block{
  flex-basis: 100%;
}

@media (max-width: 730px) {
  .structure__name-text{
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }
  .structure__template-block{
    flex-basis: unset;
  }
  .structure__name{
    flex-direction: row!important;
    align-items: center!important;
  }
  .structure__events{
    margin: 0!important;
  }
  .structure__template-text{
    left: 0;
    right: unset;
  }
}

.structure__name-text .fa.fa-info-circle{
  order: -2;
  margin-right: 5px;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tabs__pane{
  position: relative;
}

.progress__date,
.progress__stadium,
.progress__goals-title{
  text-align: center;
}

.tournament-form{
  overflow: auto;
}

.tournament-form__table{
  table-layout: unset;
}

@media (max-width: 540px) {
  .progress__drop{
    width: calc(100% - 10px);
  }

  /* костыль чтоб вернуть старый функционал на странице https://dev.mosff.ru/tournament/419 */
  [data-widget="TournamentCalendar"] .progress__drop {
    width: 340px;
  }

  .progress__drop::after{
    display: none;
  }
}

@media (max-width: 540px) {
  .tournament-table + .progress__drop::after{
    right: unset !important;
    left: 50% !important;
  }
}

@media (max-width: 768px) {
  .tournament-form + .progress__drop::after {
    right: unset !important;
    left: 50% !important;
  }
}

.events__list--left .events__minutes span {
  min-width: 25px;
}

.match__item.match__item_one {
  font-size: 14px;
  font-weight: 700;
}

.match__item.match__item_one .name {
  margin-right: 4px;
  font-weight: 400;
  opacity: 0.5;
}

@media (max-width: 500px) {
  .match__item.match__item_one {
    font-size: 10px;
  }

  .match__item.match__item_one .name {
    margin-right: 2px;
  }
}

.js-btn-rounds-grup {
  padding: 10px 6px;
  background: #CE0C30;
}

.btn-rounds-grup-title {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
}

.rounds-btn {
  display: flex;
  gap: 4px;
  align-self: stretch;
  justify-content: space-between
}

.round-btn-children {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  flex-grow: 1;

  color: var(--White, #FFF);
  text-align: center;
  font-family: Roboto;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  background: transparent;
  border-radius: 1px;
  border: 1px solid rgba(255, 255, 255, 0.40);
  cursor: pointer;
}

.round-btn-children.selected {
  background: var(--White, #FFF);
  color: var(--Red, #BB1931);
}

@media (min-width: 1000px) {
  .round-btn-children:hover{
    background: var(--White, #FFF);
    color: var(--Red, #BB1931);
  }
}


/* task 58094 */
/* Блок "Минимум игр" */
.filters__wrapper {
  gap: 20px;
}

.tournament-statistics .filters__wrapper .min-games__filters .dropdown__title::before {
  content: 'Минимум игр:';
  padding-left: 10px;
  display: block;
}
.tournament-statistics .filters__wrapper .min-games__filters .dropdown__title > a {
  padding: 5px 5px 5px 10px;
}

/* Таблица */
.scroll-table {
  overflow-x: hidden;
}

@media (max-width: 999px) {
  .scroll-table {
    overflow: auto;
  }
}

.tournament-statistics__player {
  width: 240px;
  position: relative;
}
.tournament-statistics__player::after {
  position: absolute;
  content: '';
  inset: 0;
  opacity: 0;
  box-shadow: 10px 0 5px -3px rgba(0, 0, 0, 0.05);
  transition: 0.2s ease-in-out;
  pointer-events: none;
}
.scroll-table.scrolled .tournament-statistics__player:after {
  opacity: 1;
}

.scroll-table table tbody tr td:nth-child(2) {
  position: relative;
}
.scroll-table table tbody tr td:nth-child(2)::after {
  position: absolute;
  content: '';
  inset: 0;
  opacity: 0;
  box-shadow: 10px 0 5px -3px rgba(0, 0, 0, 0.05);
  transition: 0.2s ease-in-out;
  pointer-events: none;
}
.scroll-table.scrolled table tbody tr td:nth-child(2):after {
  opacity: 1;
}

.tournament-statistics__number {
  position: sticky;
  left: 0;
  background-color: #f5f5f5;
  z-index: 3;
}
.tournament-statistics__player {
  position: sticky;
  left: 55px;
  background-color: #f5f5f5;
  z-index: 3;
}
.tournament-statistics tbody .table__row .table__cell:first-child {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 3;
}
.tournament-statistics tbody .table__row .table__cell:nth-child(2) {
  position: sticky;
  left: 55px;
  background-color: #fff;
  z-index: 3;
}

@media (max-width: 950px) {
  .tournament-statistics__player,
  .tournament-statistics tbody .table__row .table__cell:nth-child(2) {
    left: 30px;
  }
}



/* @media (max-width: 480px) {
    .tournament-statistics__number,
    .tournament-statistics__player,
    .tournament-statistics tbody .table__row .table__cell:first-child,
    .tournament-statistics tbody .table__row .table__cell:nth-child(2) {
        position: unset;
    }
} */
/* end task 58094 */
/* 59084 - Попапы для таблицы */
.table-popup-wrapper {
  position: relative;
}
.table-popup {
  position: relative;
}

.table-popup > .table-popup-text {
  padding: 2px 10px;
  width: fit-content;
  height: fit-content;
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 0 2px gray;
  opacity: 0;
  transition: 0.1s ease-in-out;
  user-select: none;
  pointer-events: none;
  z-index: 2;
}
.table-popup > .table-popup-text.active {
  opacity: 1;
}
.table-popup > span::after {
  content: '' !important;
}
.table-popup-wrapper > .q-mark {
  width: 100%;
  display: block;
  position: absolute !important;
  bottom: -100%;
  border-top: 1px solid lightgray;
  background: transparent;
  cursor: initial;
  user-select: none;
}
.table-popup-wrapper > .q-mark::after {
  content: '' !important;
  display: none;
}

/* 06.11.2024 */
.scroll-table {
  height: 1000px;
}
.scroll-table::-webkit-scrollbar {
  display: none;
}
.scroll-table thead {
  position: sticky;
  top: 0;
  z-index: 10;
  overscroll-behavior: contain;
}
.scroll-table thead th {
  box-shadow: inset 0 10px 1px -8px var(--red-dark);
}
.scroll-table table thead::after {
  position: absolute;
  content: '';
  inset: 0;
  opacity: 0;
  box-shadow: 0 10px 5px -3px rgba(0, 0, 0, 0.05);
  transition: 0.2s ease-in-out;
  pointer-events: none;
}
.scroll-table.scrolled-vertically table thead::after {
  opacity: 1;
}
.tournament-statistics .filters .js-div-select-search {
  display: none;
}
.tournament-statistics .table__cell:nth-child(-n+9) .table-popup-text,
.tournament-statistics .table__cell:nth-child(n+22) .table-popup-text {
  display: none;
}
.tournament-statistics .table__cell:nth-child(-n+9) .q-mark,
.tournament-statistics .table__cell:nth-child(n+22) .q-mark {
  display: none;
}
.tournament-statistics__number {
  top: 0;
}
.tournament-statistics__team {
  top: 0;
}
/* 06.11.2024 */
/* 59084 */



/* admin sort docs task 58256 start*/
.js-sort-table tbody .td-draggable {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.js-sort-table tbody .td-draggable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.js-sort-table .filters {
  display: table-row;
}

.js-sort-table .draggable-lines-wrapper,
.js-sort-tournaments-list .draggable-lines-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
  margin-top: 5px;
}

.js-sort-table .draggable-lines-wrapper .line,
.js-sort-tournaments-list .draggable-lines-wrapper .line {
  width: 12px;
  display: block;
  height: 1px;
  background-color: gray;
}

.error-pop-up,
.success-pop-up {
  position: absolute;
  width: 300px;
  height: 100px;
  border-radius: 5px;
  text-align: center;
  border: 2px solid;
  margin: 300px auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-pop-up {
  border-color: red;
}
/*  sort docs task 58256 end*/

.match__item.match__item_one {
  font-size: 14px;
  font-weight: 700;
}

.match__item.match__item_one .name {
  margin-right: 4px;
  font-weight: 400;
  opacity: 0.5;
}

@media (max-width: 500px) {
  .match__item.match__item_one {
    font-size: 10px;
  }

  .match__item.match__item_one .name {
    margin-right: 2px;
  }
}

/* Task 58222 start */
.tournament-tabs {
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.tournament-tabs .tabs__item {
  flex-grow: 1;
  margin: 0;
}

.tournament-tabs .tabs__link {
  border-radius: 0;
}

.tournament-tabs .tabs__item:first-of-type .tabs__link {
  border-top-left-radius: 10px;
}

.tournament-tabs .tabs__item:last-of-type .tabs__link {
  border-top-right-radius: 10px;
}

@media (min-width: 1250px) {
  .top:has(.tournaments-share) {
    flex-direction: column;
    gap: 10px;
  }

  .tournaments-share {
    align-self: flex-start;
  }
}

/* Task 58222 end */

/* 65120 - смена иконки в протоколе матча */
.structure__info-icon {
  padding-right: 5px;
}

.structure__info-icon img {
  height: 16px;
}

.structure__info-icon {
  order: -2;
}

/* 65120 */

/* 58258 - выделение играющих команд в турнирной таблице */
.tournament-table-highlight {
  background-color: var(--pale);
  font-weight: bold;
}
/* 58258 */

/* новый дизайн селекта */
.js-new-select {
  min-height: 39px;
}

.js-new-select label {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.1;
  color: #858585;
}

.js-new-select .dropdown__title {
  font-family: inherit;
  height: 39px;
  font-weight: 600;
  line-height: 1.1;
  border: 1px solid var(--light-border-color);
  border-radius: var(--small-border-radius);
}

@media (max-width: 1100px) {
  .js-new-select .dropdown__title {
    height: 36px;
  }
}

.js-new-select .dropdown__title .dropdown__link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.js-new-select .dropdown.js-open .dropdown__title {
  background-color: var(--white);
}

.js-new-select .dropdown__title::after {
  content: url("/img/caret-down.svg");
  margin-top: -6px;
}

.js-new-select .dropdown.js-open .dropdown__title:after {
  margin-top: -8px;
}

.js-new-select .dropdown__options {
  font-weight: 500;
  padding-left: 6px;
  background-color: var(--white);
  border: 1px solid var(--light-border-color);
  border-radius: var(--small-border-radius);
  border-top: none;
}

.js-new-select .dropdown__options .dropdown__link,
.js-new-select .dropdown__options li:not(.dropdown__option) {
  font-size: 12px;
  line-height: 1.1;
  padding: 8px 20px 8px 8px;
}

.clear-button,
.hide-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-height: 39px;
  padding: 12px 16px;
  border: none;
  border-radius: var(--small-border-radius);
  font-family: inherit;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.1;
  color: var(--white);
  background-color: var(--red-light);
  white-space: nowrap;
  cursor: pointer;
}

.clear-button::after,
.hide-button::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("/img/cross.svg") no-repeat center / cover;
  margin-left: 8px;
  color: var(--white);
}

.clear-button.clear-button--disabled {
  pointer-events: none;
  cursor: default;
  background-color: var(--gray);
}

.hide-button {
  background-color: var(--white);
  color: var(--red-light);
  border: 1px solid var(--light-border-color);
}

.hide-button::after {
  background: url("/img/arrow-down-red.svg") no-repeat center / cover;
  transition: transform ease-in-out 0.2s;
}

.hide-button.rotate-arrow::after {
  transform: rotate(180deg);
}

/* новый дизайн селекта */

/* 58230 - статистика игроков в матче */
.match-statistics,
.player-comparison {
  margin: 40px 0;
}

.match-statistics img,
.player-comparison img {
  display: block;
}

.match-statistics ul,
.player-comparison ul {
  list-style-type: none;
  padding: 0;
}

.match-statistics a,
.match-statistics__slider a {
  color: inherit;
}

.match-statistics__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 16px 12px;
}

.match-statistics__slider.js-tiny-slider-cont {
  height: max-content;
}

.match-statistics__item-title {
  font-weight: 700;
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  line-height: 1.2;
  margin-bottom: 16px;
}

.statistics-card {
  overflow: hidden;
  border: 1px solid var(--light);
  border-radius: 8px;
}

.statistics-card__player-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--red-light);
  padding: 16px;
  color: var(--white);
  min-height: 167px;
}

.statistics-card__text-section {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.statistics-card__player-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
}

.statistics-card__team-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
}

.statistics-card__logo {
  width: 24px;
  height: 24px;
}

.statistics-card__team-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
}

.statistics-card__result {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.06em;
}

.statistics-card__image-section {
  position: relative;
  flex-shrink: 0;
}

.statistics-card__image-section img {
  width: 100px;
  height: 100px;
  clip-path: polygon(
    1.055% 43.288%,
    1.055% 43.292%,
    1.055% 43.292%,
    1.816% 48.562%,
    2.768% 53.811%,
    3.908% 59.028%,
    5.232% 64.205%,
    6.737% 69.33%,
    8.419% 74.395%,
    10.274% 79.389%,
    12.299% 84.302%,
    14.49% 89.124%,
    16.843% 93.846%,
    16.843% 93.846%,
    17.371% 94.751%,
    17.986% 95.61%,
    18.68% 96.415%,
    19.444% 97.161%,
    20.268% 97.84%,
    21.144% 98.446%,
    22.061% 98.972%,
    23.011% 99.411%,
    23.985% 99.756%,
    24.973% 100%,
    24.973% 100%,
    30.022% 100.877%,
    35.112% 101.559%,
    40.233% 102.046%,
    45.375% 102.339%,
    50.528% 102.436%,
    55.68% 102.339%,
    60.822% 102.046%,
    65.943% 101.559%,
    71.033% 100.877%,
    76.082% 100%,
    76.082% 100%,
    77.07% 99.756%,
    78.044% 99.411%,
    78.995% 98.972%,
    79.912% 98.446%,
    80.788% 97.84%,
    81.612% 97.16%,
    82.376% 96.414%,
    83.07% 95.608%,
    83.686% 94.749%,
    84.213% 93.844%,
    84.213% 93.844%,
    86.566% 89.111%,
    88.757% 84.28%,
    90.781% 79.36%,
    92.636% 74.362%,
    94.318% 69.297%,
    95.823% 64.172%,
    97.147% 59%,
    98.287% 53.789%,
    99.239% 48.55%,
    100% 43.292%,
    100% 43.29%,
    100% 43.29%,
    100.079% 42.25%,
    100.062% 41.191%,
    99.955% 40.124%,
    99.759% 39.061%,
    99.477% 38.014%,
    99.114% 36.992%,
    98.672% 36.009%,
    98.154% 35.074%,
    97.564% 34.199%,
    96.905% 33.395%,
    96.903% 33.394%,
    96.903% 33.394%,
    93.316% 29.601%,
    89.585% 25.939%,
    85.72% 22.415%,
    81.728% 19.034%,
    77.617% 15.804%,
    73.395% 12.731%,
    69.071% 9.821%,
    64.652% 7.081%,
    60.147% 4.517%,
    55.563% 2.136%,
    55.563% 2.136%,
    54.627% 1.725%,
    53.644% 1.406%,
    52.625% 1.178%,
    51.582% 1.041%,
    50.528% 0.995%,
    49.473% 1.041%,
    48.43% 1.178%,
    47.411% 1.406%,
    46.427% 1.725%,
    45.491% 2.136%,
    45.491% 2.136%,
    40.919% 4.517%,
    36.42% 7.081%,
    32.004% 9.821%,
    27.68% 12.731%,
    23.457% 15.804%,
    19.342% 19.033%,
    15.346% 22.414%,
    11.477% 25.938%,
    7.743% 29.599%,
    4.154% 33.392%,
    4.154% 33.392%,
    3.493% 34.185%,
    2.902% 35.052%,
    2.383% 35.982%,
    1.941% 36.963%,
    1.577% 37.983%,
    1.296% 39.032%,
    1.1% 40.099%,
    0.992% 41.171%,
    0.976% 42.239%,
    1.054% 43.289%
  );
}

.statistics-card__image-section::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  bottom: -2px;
  background: url("/img/frame.svg") center / cover no-repeat;
  z-index: 2;
}

.statistics-card__row {
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
}

.statistics-card__row:not(:last-child) {
  border-bottom: 1px solid var(--light);
}

.statistics-card__index {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
}

.statistics-card__name {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.14;
}

.statistics-card__team {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #858585;
}

.statistics-card__indicator {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  color: var(--red-light);
}

.player-comparison {
  padding: 24px 16px;
  border: 1px solid var(--light);
  border-radius: 12px;
}

.player-comparison__form {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.player-comparison__selects-block {
  display: flex;
  gap: 16px;
  padding: 4px 4px 4px 16px;
  border: 1px solid var(--light);
  border-radius: 8px;
}

.player-comparison__form .js-new-select {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.player-comparison__form .js-new-select .dropdown {
  width: 210px;
}

.player-comparison__form .js-new-select .dropdown__title {
  background-color: rgba(var(--light-opacity), 0.4);
}

.player-comparison__card-wrapper {
  position: relative;
  display: flex;
  gap: 12px 20px;
}

.player-comparison__label {
  position: absolute;
  z-index: 2;
  top: calc(50% - 56px / 2);
  left: calc(50% - 56px / 2);
  background-color: var(--red-light);
  color: var(--white);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  border-radius: 8px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.player-comparison__card {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  background: #fcfcfc;
  border: 1px solid var(--light);
  border-radius: 8px;
}

.player-comparison__align-right.player-comparison__card {
  flex-direction: row-reverse;
}

.player-comparison__text-section {
  width: 100%;
  max-width: 167px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.player-comparison__player {
  margin-bottom: 32px;
}

.player-comparison__align-right .player-comparison__player {
  text-align: right;
}

.player-comparison__role {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #858585;
}

.player-comparison__name {
  color: inherit;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
}

.player-comparison__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.player-comparison__item, .mobile-indicator {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.player-comparison__align-right .player-comparison__item, .player-comparison__align-right .mobile-indicator {
  flex-direction: row-reverse;
}

.mobile-indicator {
  display: none;
}

.player-comparison__value {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #00002c;
}

.player-comparison__indicator {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #888888;
}

.player-comparison__image {
  width: 100%;
  max-width: 200px;
}

.player-comparison__form .clear-button {
  margin-bottom: 4px;
}

.player-comparison__team-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
  justify-content: space-between;
}

.player-comparison__team {
  width: 100%;
  max-width: 210px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.player-comparison__logo {
  width: 28px;
  height: 28px;
}

.player-comparison__team-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.14;
}

@media (min-width: 801px) {
  .match-statistics__slider {
    display: none;
  }
}

@media (max-width: 900px) {
  .player-comparison__image {
    max-width: 140px;
  }
}

@media (max-width: 800px) {
  .match-statistics__list {
    display: none;
  }

  .player-comparison__align-right .player-comparison__player {
    text-align: left;
  }

  .player-comparison__player {
    margin-bottom: 16px;
    text-align: center;
  }

  .player-comparison__name {
    font-size: 16px;
  }

  .player-comparison__text-section {
    max-width: 100%;
  }

  .mobile-indicator {
    display: flex;
    width: 100%;
  }

  .mobile-indicator ~ .player-comparison__indicator, .mobile-indicator ~ .player-comparison__indicator ~ .player-comparison__value {
    display: none;
  }

  .statistics-card__player-wrapper {
    min-height: 144px;
  }

  .statistics-card__text-section {
    gap: 10px;
  }

  .player-comparison__form {
    flex-direction: column;
    padding: 16px;
    border: 1px solid var(--light);
    border-radius: 8px;
  }

  .player-comparison__selects-block {
    padding: 0;
    border: none;
    gap: 8px;
    width: 100%;
  }

  .player-comparison__form .js-new-select {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    width: 100%;
  }

  .player-comparison__form .clear-button {
    width: 100%;
    justify-content: center;
    margin-bottom: 0;
  }

  .player-comparison__form .js-new-select .dropdown {
    width: 100%;
  }

  .player-comparison__card-wrapper {
    gap: 12px;
  }

  .player-comparison__card {
    padding: 16px;
    flex-direction: column;
  }

  .player-comparison__align-right.player-comparison__card {
    flex-direction: column;
  }

  .player-comparison__align-right .player-comparison__player {
    text-align: center;
  }

  .player-comparison__label {
    top: 46px;
  }

  .player-comparison__player {
    margin-bottom: 16px;
  }

  .player-comparison__team-wrapper {
    width: 100%;
    align-items: center;
  }

  .player-comparison__team {
    max-width: 100%;
    justify-content: center;
  }
}

@media (max-width: 580px) {
  .player-comparison__selects-block {
    flex-direction: column;
  }

  .player-comparison__list-slider {
    display: flex;
  }

  .player-comparison__card {
    padding: 12px;
  }

  .player-comparison__value {
    font-size: 14px;
  }

  .player-comparison__label {
    font-size: 16px;
    width: 32px;
    height: 32px;
    left: calc(50% - 32px / 2);
  }

  .player-comparison__name {
    font-size: 14px;
  }

  .player-comparison__team-name {
    font-size: 14px;
  }

  .player-comparison__logo {
    width: 24px;
    height: 24px;
  }
}
/* 58230 */

/* 60568 - статистика игрока по сезонам */

/* переменная для переопределения, если у команды есть свой цвет */
:root {
  --prime-color: #ea0b3a;
}

@media (min-width: 730px) {
  .hide-desktop {
    display: none !important;
  }
}

@media (max-width: 730px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (min-width: 1000px) {
  .hide-not-tablet {
    display: none !important;
  }
}

@media (max-width: 1000px) {
  .hide-tablet {
    display: none !important;
  }
}

.hide-mobile {
  width: 100%;
}

.profile__player-page {
  background-color: var(--white);
}

.profile-page-container {
  font-family: 'Proxima Nova', sans-serif;
  width: min(100%, 1280px);
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}

.profile__player {
  background-color: rgba(245, 245, 245);
  padding-top: 40px;
  padding-bottom: 84px;
}

.profile__utility-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
}

.profile__back-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--gray);
}

.profile__back-link::before {
  content: url('/img/caret-left.svg');
  display: block;
  width: 24px;
  height: 24px;
}

.profile__player-info {
  display: flex;
  align-items: center;
}

.profile__player .social-share__icon {
  height: 24px;
  aspect-ratio: 1 / 1;
}

.profile__player .social-share__item {
  position: relative;
}

.profile__player .social-share__icon {
  z-index: 3;
}

.profile__player .social-share {
  display: flex;
  flex-direction: column;
  width: auto;
  position: relative;
}

.profile__player .social-share__icons {
  position: absolute;
  top: -8px;
  left: auto;
  right: 28px;
  z-index: 2;
  width: 40px;
  scale: 0;
  transition: scale 0.2s ease;
  translate: 36px;
  padding: 44px 8px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  list-style: none;
  background-color: white;
}

.profile__player .social-share__icons.open {
  width: 40px;
  scale: 1;
}

.profile__player .social-share__text {
  color: var(--prime-color);
}

.profile__player .social-share__icon {
  fill: var(--prime-color);
  margin: 0;
}

.profile__player .social-share__link-icon {
  width: 24px;
  aspect-ratio: 1 / 1;
  fill: var(--prime-color);
  color: var(--prime-color);
  display: block;
}

.profile__player .social-share__link, .profile__player .social-share__copy-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  aspect-ratio: 1 / 1;
}

.profile__player .social-share__copy-button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.social-share__copy-button .social-share__link-icon {
  width: 14px;
  /* height: 14px; */
}

.profile__player .social-share__copy-hint {
  display: none;
  position: absolute;
  top: 2px;
  left: -104px;
  color: var(--prime-color);
  font-size: 14px;
  line-height: 1.2;
}

.profile__player .social-share__link-icon--vk, .profile__player .social-share__link-icon--whatsapp {
  width: 18px;
}

.player-info {
  display: flex;
  justify-content: center;
}

.profile__player-photo {
  position: relative;
  flex-shrink: 0;
  width: 280px;
}

.profile__frame {
  position: absolute;
  z-index: 1;
  width: 280px;
  height: 280px;
  top: -2px;
  left: -2px;
  aspect-ratio: 1 / 1;
  display: block;
}

.clip-photo_pentagon {
  clip-path: polygon( 96.911% 32.825%,96.911% 32.825%,93.091% 28.931%,89.153% 25.197%,85.097% 21.624%,80.923% 18.213%,76.631% 14.964%,72.221% 11.877%,67.694% 8.952%,63.05% 6.19%,58.29% 3.59%,53.413% 1.154%,53.413% 1.154%,52.942% 0.938%,52.516% 0.757%,52.12% 0.609%,51.742% 0.49%,51.368% 0.398%,50.984% 0.33%,50.577% 0.282%,50.134% 0.252%,49.64% 0.236%,49.082% 0.231%,49.082% 0.231%,48.522% 0.236%,48.025% 0.252%,47.577% 0.282%,47.166% 0.33%,46.778% 0.398%,46.401% 0.49%,46.023% 0.609%,45.63% 0.757%,45.21% 0.938%,44.75% 1.154%,44.75% 1.154%,39.897% 3.59%,35.201% 6.19%,30.652% 8.952%,26.24% 11.877%,21.956% 14.964%,17.789% 18.213%,13.73% 21.624%,9.769% 25.197%,5.895% 28.931%,2.099% 32.825%,2.099% 32.825%,1.416% 33.616%,0.901% 34.367%,0.536% 35.095%,0.301% 35.818%,0.178% 36.553%,0.148% 37.32%,0.191% 38.134%,0.289% 39.014%,0.422% 39.978%,0.573% 41.043%,0.573% 41.043%,1.331% 46.396%,2.185% 51.609%,3.157% 56.701%,4.272% 61.692%,5.553% 66.602%,7.023% 71.448%,8.705% 76.253%,10.625% 81.033%,12.804% 85.81%,15.267% 90.602%,15.267% 90.602%,15.818% 91.544%,16.397% 92.404%,17.012% 93.184%,17.669% 93.883%,18.376% 94.502%,19.139% 95.042%,19.966% 95.504%,20.864% 95.889%,21.84% 96.197%,22.901% 96.429%,22.901% 96.429%,25.557% 96.927%,28.172% 97.419%,30.757% 97.893%,33.327% 98.339%,35.893% 98.745%,38.469% 99.102%,41.068% 99.398%,43.702% 99.623%,46.384% 99.765%,49.128% 99.815%,49.128% 99.815%,51.889% 99.792%,54.62% 99.72%,57.325% 99.601%,60.01% 99.433%,62.68% 99.215%,65.341% 98.948%,67.997% 98.63%,70.654% 98.261%,73.317% 97.841%,75.991% 97.368%,75.991% 97.368%,77.035% 97.146%,77.963% 96.889%,78.79% 96.586%,79.532% 96.226%,80.202% 95.799%,80.815% 95.294%,81.386% 94.702%,81.93% 94.01%,82.462% 93.21%,82.995% 92.29%,82.995% 92.29%,85.512% 87.439%,87.839% 82.528%,89.976% 77.556%,91.922% 72.523%,93.679% 67.428%,95.247% 62.273%,96.626% 57.057%,97.815% 51.78%,98.816% 46.442%,99.629% 41.043%,99.629% 41.043%,99.701% 39.989%,99.718% 39.032%,99.672% 38.154%,99.555% 37.34%,99.359% 36.571%,99.075% 35.831%,98.697% 35.104%,98.215% 34.372%,97.622% 33.618%);
}

.profile-player__img {
  height: 276px;
  aspect-ratio: 1 / 1;
  display: block;
  object-fit: cover;
}

.player-info-mobile {
  background-color: var(--white);
  border-radius: 8px;
  margin-top: 8px;
  padding: 16px;
}

.player-info__items,
.player-info-mobile__items {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.player-info__items {
  flex-direction: column;
  gap: 40px;
}

.player-info-mobile__items {
  flex-wrap: wrap;
  gap: 24px 16px;
}

.player-info__item,
.player-info-mobile__item {
  text-align: center;
}

.player-info-mobile__item {
  flex: 1 1 40%;
}

.player-info__item-value {
  padding-top: 8px;
  color: var(--black);
  font-size: 20px;
  font-weight: 500;
  width: 100%;
  max-width: 280px;
}

.player-info-mobile__item-value {
  padding-top: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
  color: var(--black);
}

.player-social-links {
  margin: 0 auto;
  padding-top: 38px;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 12px;
  color:  var(--prime-color);
}

.player-social-links__link {
  width: 36px;
  aspect-ratio: 1 / 1;
  background-color: var(--pale);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
}

.player-social-links__link:visited {
  color: var(--prime-color);
}

.player-social-links__link a,
.player-social-links__icon {
  display: block;
  width: 28px;
  aspect-ratio: 1 / 1;
}

.player-social-links__link--vk a,
.player-social-links__icon--vk {
  width: 24px;
  color: var(--prime-color);
}

.player-social-links__icon {
  fill: var(--prime-color);
}

.player-overall-stats {
  margin: 0 auto;
}

.profile__player-name {
  padding-top: 16px;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  line-height: 39.6px;
  margin: 0;
}

.player-overall-stats__items {
  padding-top: 16px;
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.player-overall-stats__stat {
  background-color: var(--white);
  border-radius: 8px;
  padding: 16px 24px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 104px;
}

.player-overall-stats__value {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color: var(--prime-color);
}

.profile__loader,
.profile-stats__loader,
.profile__player .error-block {
  width: 100%;
  height: calc(100vh - 200px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile__loader img,
.profile-stats__loader img {
  width: 70px;
}

.profile-stats {
  padding: 48px 0;
}

.profile-stats__tabs {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: var(--light);
}

.profile-stats__tab {
  flex: 1 1 20%;
  padding: 12px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 15.4px;
  text-align: center;
  color: var(--black);
}

.profile-stats__tab--active {
  pointer-events: none;
  color: var(--white);
  background-color: var(--prime-color);
}

.profile-stats__tab--locked {
  pointer-events: none;
}

.profile-stats__tab-content {
  position: relative;
}

.profile-overall-stats__tabs {
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  gap: 4px;
}

.profile-overall-stats__tab {
  flex: 1 1 33%;
}

.profile-overall-stats__heading {
  background-color: var(--prime-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  will-change: border-radius;
  transition: border-radius 300ms ease-in-out;
  cursor: pointer;
}

.profile-overall-stats__title {
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  margin: 0;
}

.profile-overall-stats__expand {
  cursor: pointer;
}

.profile-overall-stats__expand::after {
  display: block;
  content: url(/img/caret-up-white.svg);
  width: 12px;
  height: 12px;
  transition: transform ease-in-out 300ms;
}

.profile-overall-stats__item {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--light);
  border-top: none;
  font-weight: 500;
}

.profile-overall-stats__item:last-of-type {
  border-radius: 0 0 8px 8px;
}

.profile-overall-stats__value {
  width: 50px;
  text-align: center;
  font-size: 12px;
  color: var(--gray);
  white-space: nowrap;
}

.profile-overall-stats__list {
  max-height: 0;
  overflow: hidden;
  transition: max-height ease-in-out 300ms;
  will-change: max-height;
}

.profile-overall-stats__tab--expanded .profile-overall-stats__heading {
  border-radius: 8px 8px 0 0;
}

.profile-overall-stats__tab--expanded .profile-overall-stats__list {
  max-height: 700px;
}

.profile-overall-stats__tab--expanded .profile-overall-stats__expand::after {
  transform: rotate(-180deg);
}

.profile-filters-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-filters-loader img {
  height: 90%;
}

.profile-filters {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 200px);
  align-items: center;
  gap: 20px;
}

.profile-filters__select + .dropdown .dropdown__title {
  font-family: 'Proxima Nova', sans-serif;
  border-radius: 4px;
  background-color: var(--light);
  border-bottom: none;
}

.profile-filters__select + .dropdown:has(.select-item__options--active) .dropdown__title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.profile-filters__select + .dropdown .select-item__options--active {
  max-height: 250px;
}

.profile-filters__select + .dropdown .dropdown__options {
  font-weight: 500;
  border: 2px solid var(--light);
  padding-bottom: 10px;
}

.profile-filters__select + .dropdown .dropdown__title .dropdown__link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-filters__select + .dropdown .dropdown__title::after {
  content: url('/img/caret-down.svg');
}

.profile-games-stats {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.profile-games-stats__heading {
  width: 100%;
  padding: 16px 24px;
  background-color: var(--prime-color);
  border-radius: 8px 8px 0 0;
}

.profile-games-stats__title {
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
}

.profile-games-stats__games {
  border-spacing: 0;
  width: 100%;
  border: 1px solid var(--light);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.profile-games-stats__games thead {
  background-color: var(--light);
}

.profile-games-stats__games th {
  padding: 16px 0;
  text-align: center;
  color: var(--gray);
  font-weight: 500;
  width: min(98px, 6vw);
}

.game-stats-row {
  height: 88px;
}

.game-stats-row:not(:last-child) td {
  border-bottom: 1px solid var(--light);
}

.game-stats-row td {
  text-align: center;
  vertical-align: middle;
}

.game-stats-row td:first-child {
  padding-left: 24px;
}

.game-stats-row td:has(.game-stats-row__teams) {
  width: 456px;
  border-right: 1px solid var(--light);
  height: 100%;
}

.game-stats-row td:has(.game-stats-row__main-info) {
  width: 160px;
}

.game-stats-row__expand {
  padding: 0 12px;
  width: 24px;
}

.game-stats-row__expand-icon {
  cursor: pointer;
  transform: rotate(180deg);
  transition: transform ease-in-out 300ms;
  will-change: transform;
  width: 12px;
  aspect-ratio: 1 / 1;
  fill: var(--grey);
}

.game-stats-row__ball-img {
  width: 28px;
  height: 28px;
  object-fit: cover;
}

.game-stats-row__main-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

.game-stats-row__main-info-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.game-stats-row__date {
  color: var(--black) !important;
}

.game-stats-row__tour {
  color: var(--red-light) !important;
}

.game-stats-row__ball {
  width: 58px;
}

.game-stats-row__teams {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 0 6px;
  height: 86px;
}

.game-stats-row__team {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.game-stats-row__team:first-child {
  justify-content: end;
}

.game-stats-row__team-logo {
  width: 40px;
  height: 40px;
}

.game-stats-row__team-name {
  color: var(--black);
  font-weight: 500;
  font-size: clamp(0.875rem, 0.6033rem + 0.4348vw, 1.125rem);
  line-height: 19.8px;
  width: 120px;
}

.game-stats-row__team:first-of-type .game-stats-row__team-name,
.game-stats-row__team:first-of-type .mobile-games-stats__team-name {
  text-align: right;
}

.game-stats-row__team:last-of-type .game-stats-row__team-name,
.game-stats-row__team:last-of-type .mobile-games-stats__team-name {
  text-align: left;
}

.desktop-games-stats__timeline-open {
  position: absolute;
  z-index: 2;
  bottom: -14px;
  left: calc(50% - 30px / 2);
  border: none;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(
    --grey-light);
  box-shadow: 0px 0px 8px rgba(35, 31, 32, 0.05);
  border-radius: 4px;
  cursor: pointer;
}

.desktop-games-stats__timeline-open::after {
  display: block;
  content: url('/img/caret-down.svg');
  position: absolute;
  left: calc(50% - 6.5px);
  top: calc(50% - 6px);
  width: 13px;
  height: 12px;
  transition: transform ease-in-out 300ms;
}

.desktop-games-stats__timeline-open.timeline-is-open::after {
  transform: rotate(-180deg);
  transition: transform ease-in-out 300ms;
}

.game-stats-row__place,
.game-stats-row__referee {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-start;
}

.game-stats-row__referee {
  justify-self: start;
}

.game-stats-row__place-text, .game-stats-row__referee-text {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--gray);
  text-align: left;
}

.game-stats-row__place-text::before {
  display: block;
  content: url('/img/map-in.svg');
  width: 16px;
  height: 16px;
}

.game-stats-row__referee-text::before {
  display: block;
  content: url('/img/whistle.svg');
  width: 16px;
  height: 16px;
}

.game-stats-row__broadcast {
  display: flex;
}

.game-stats-row__broadcast::after {
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background: url('/img/broadcast-icon.svg') center / cover no-repeat;
}

.game-stats-row__time-and-score {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.game-stats-row__time {
  font-size: 10px;
  line-height: 11.72px;
  color: var(--gray);
}

.game-stats-row__time--only {
  font-size: 18px;
  font-weight: 500;
  line-height: 21.6px;
  color: var(--black);
}

.game-stats-row__score {
  color: var(--red-light);
  font-size: 26px;
  font-weight: 700;
  line-height: 31.2px;
  min-width: 74px;
}

.game-stats-row__stat {
  color: var(--black) !important;
}

.game-stats-row td:not(:last-of-type) .game-stats-row__stat {
  display: block;
  padding: 16px 0;
  border-right: 1px solid var(--light);
}

.profile-games-stats__mobile-games {
  margin: 0 auto;
  width: 100%;
}

.profile-games-stats__mobile-games {
  border: 1px solid var(--light);
  border-top: none;
}

.mobile-games-stats {
  padding: 24px 6px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mobile-games-stats:not(:first-child) {
  border-top: 1px solid var(--light);
}

.mobile-games-stats__row-teams {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.mobile-games-stats__row-teams .game-stats-row__team:first-child {
  justify-content: end;
}

.mobile-games-stats__row {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 4px;
  grid-template-columns: 1fr auto 1fr;
  justify-items: end;
}

.mobile-games-stats__row-divider {
  width: 1px;
  height: 16px;
  background-color: var(--light);
  margin: 0 12px;
}

.mobile-games-stats__right-block, .mobile-games-stats__left-block {
  display: flex;
  align-items: center;
}

.mobile-games-stats__left-block {
  justify-self: start;
}

.mobile-ball-link {
  margin-right: 10px;
}

.mobile-game-stats__ball-img {
  width: 24px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.mobile-games-stats__team-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 15.4px;
  color: var(--black) !important;
}

.mobile-games-stats__team-logo {
  width: 28px;
  height: 28px;
}

.mobile-games-stats__number-stats {
  margin-top: 24px;
  width: 100%;
  border-collapse: collapse;
}

.mobile-games-stats__number-stats thead {
  background-color: rgba(var(--light-opacity), 0.2);
}

.mobile-games-stats__number-stats th, .mobile-games-stats__number-stats td {
  width: 25%;
  text-align: center;
  vertical-align: middle;
}

.mobile-games-stats__number-stats th {
  padding: 12px 0;
}

.mobile-games-stats__number-stats td {
  padding: 16px 0;
  color: var(--black);
}

.mobile-games-stats__timeline-open {
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  font-family: 'Proxima Nova', sans-serif;
  color: var(--red-light);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid var(--light);
  border-radius: inherit;
  border-left: none;
  border-right: none;
  outline: none;
  background-color: rgba(var(--light-opacity), 0.2);
  border-bottom: none;
}

.profile-games-stats__mobile-games:last-of-type .mobile-games-stats__timeline-open {
  border-bottom: none;
}

.mobile-games-stats__timeline-open span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.mobile-games-stats__timeline-open span::after {
  content: url('/img/caret-down-red.svg');
  display: block;
  width: 12px;
  height: 12px;
  transition: transform ease-in-out 300ms;
}

.expanded .mobile-games-stats__timeline-open span::after {
  transform: rotate(-180deg);
}

.game-timeline {
  width: 100%;
  display: flex;
  align-items: stretch;
  padding: 16px 24px;
}

.expanded .game-stats-row__expand-icon {
  transform: rotate(0);
}

.game-timeline__logos,
.game-timeline__events {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.game-timeline__events {
  flex-grow: 1;
  min-height: 184px;
}

.game-timeline__team-logo {
  width: 40px;
  height: 40px;
  border-radius: 9999px;
}

.game-timeline__divider {
  width: 100%;
  height: 1px;
  background-color: var(--light);
}

.game-timeline__team-events-wrapper {
  width: 97%;
  flex: 1 1 auto;
}

.game-timeline__team-events {
  position: relative;
  width: 100%;
  height: 100%;
}

.game-timeline__time-wrapper {
  position: absolute;

  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}

.game-timeline__team-events-wrapper:first-of-type .game-timeline__time-wrapper {
  flex-direction: column-reverse;
}

.profile-transfers__heading-table {
  padding: 16px;
  display: flex;
  gap: 8px;
  background-color: rgb(249, 249, 249);
}

.profile-transfers__season-heading, .profile-transfers__team {
  width: 35%;
  text-align: start;
}

.profile-transfers__transfer {
  display: flex;
  gap: 16px;
}

.rewards__title {
  color: var(--prime-color);
}

@media (min-width: 1000px) {
  .game-timeline__time-wrapper {
    bottom: 0 !important;
  }

  .game-timeline__team-events-wrapper:last-of-type .game-timeline__time-wrapper {
    top: 0 !important;
  }
}

.game-timeline__mobile-divider {
  width: 100%;
  height: 1px;
  opacity: 0.14;
  background-color: var(--gray);
}

.game-timeline__event-icon {
  flex: 0 0 20px;
  width: 20px;
  aspect-ratio: 1 / 1;
  fill: var(--red-light);
}

.game-timeline__event-time {
  color: var(--red);
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
}

.game-timeline__step {
  position: absolute;
  left: calc(50% - 0.5px);
  bottom: -16px;

  width: 1px;
  height: 8px;
  background-color: var(--light);
}

.game-timeline__team-events-wrapper:last-of-type .game-timeline__step {
  top: -16px;
  bottom: auto;
}

.profile-season-stats__table {
  min-width: 100%;
  border-spacing: 0;
}

.profile-season-stats__table thead,
.profile-season-stats__table thead .profile-season-stats__sticky-column {
  background-color: rgb(249, 249, 249);
}

.profile-season-stats__table td,
.profile-season-stats__table th {
  padding: 16px 0;
  padding-right: 24px;
}

.profile-season-stats__table :not(.profile-season-stats__total) th,
.profile-season-stats__table :not(.profile-season-stats__total) td {
  border-bottom: 1px solid var(--light);
}

.profile-season-stats__table td {
  color: var(--black);
  text-transform: capitalize;
  text-align: center;
}

.profile-season-stats__table th:first-of-type,
.profile-season-stats__table td:first-of-type {
  padding-left: 24px;
  text-align: left;
}

.profile-season-stats__total td,
.profile-season-stats__first-cell--total {
  color: var(--white) !important;
}

.profile-season-stats__total,
.profile-season-stats__total .profile-season-stats__sticky-column {
  background-color: rgb(194, 194, 194);
}

.profile-season-stats__total td {
  text-transform: uppercase;
}

.profile-season-stats__logo {
  width: 36px;
  height: 36px;
}

.profile-season-stats__first-cell {
  font-weight: 500;
  font-size: 14px;
  line-height: 16.8px;
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 8px;
}

.profile-season-stats__sticky-column {
  position: sticky;
  left: 0;
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  background-color: var(--white);
  z-index: 2;
}

.profile-season-stats__table-wrapper:first-child .profile-season-stats__table .profile-season-stats__sticky-column {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}

.profile-season-stats__table-wrapper:last-child .profile-season-stats__table .profile-season-stats__sticky-column {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
}

.profile-season-stats__sticky-column--shadow {
  box-shadow: 0 0 8px 0 #231F200D;
}

.profile-season-stats__sticky-column--shadow::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  box-shadow: 10px 0 5px -3px rgba(0, 0, 0, 0.05);
  transition: 0.2s ease-in-out;
}

.profile-season-stats__table-view.scrolled .profile-season-stats__sticky-column--shadow::after {
  opacity: 1;
}

.profile-season-stats__table-view {
  position: relative;
  width: 100%;
  border: 1px solid var(--light);
  border-radius: 8px;
}

.profile-season-stats__table:has(.profile-season-stats__sticky-column--shadow) th:nth-of-type(2),
.profile-season-stats__table:has(.profile-season-stats__sticky-column--shadow) td:nth-of-type(2) {
  padding-left: 8px;
}

.profile-season-stats__sort-header {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

.profile-season-stats__sort-icon {
  width: 8px;
  height: 12px;
}

.profile-season-stats__first-cell:has(.profile-season-stats__logo) {
  font-size: 16px;
  line-height: 19.2px;
}

.profile-transfers {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--light);
  border-spacing: 0;
}

.profile-transfers thead,
.profile-transfers__season {
  background-color: rgba(var(--light-opacity), 0.3);
}

.profile-transfers th {
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: left;
}

.profile-transfers__season-heading {
  padding-left: 8px;
}

.profile-transfers__transfers-heading {
  width: 100%;
}

.profile-transfers__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-top: 1px solid var(--light);
  border-bottom: 1px solid var(--light);
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  color: var(--gray);
}

.profile-transfers__expand-icon {
  width: 11px;
  height: 6px;
  fill: var(--gray);

  cursor: pointer;

  rotate: 180deg;
  will-change: rotate;
  transition: rotate 300ms ease-in-out;
}

.expanded .profile-transfers__expand-icon {
  rotate: 0deg;
}

.profile-transfers__team {
  padding: 20px 0 20px 24px;
}

.profile-transfers__team {
  display: flex;
  align-items: center;
  gap: 8px;
}

.profile-transfers__team-logo {
  width: 36px;
  height: 36px;
}

.profile-transfers__dates {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 20px 0;
  width: 100%;
}

.profile-transfers__dates:not(:has(.profile-transfers__enter-date)) {
  justify-content: flex-end;
}

.profile-transfers__enter-date,
.profile-transfers__leave-date {
  display: grid;
  grid-template-columns: 8px 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 4px 8px;
  width: 100%;
}

.profile-transfers__border {
  width: 100%;
  height: 100%;
  grid-row: span 2;
  border-radius: 4px;
}

.profile-transfers__enter-date .profile-transfers__border {
  background-color: var(--green);
}

.profile-transfers__leave-date .profile-transfers__border {
  background-color: var(--red-light);
}

.profile-transfers__date {
  align-self: flex-end;
}

.profile-transfers__team,
.profile-transfers__date {
  font-weight: 500;
  line-height: 19.2px;
  font-size: 16px;
  color: var(--black);
}

.expand-wrapper {
  padding: 0;
  max-height: 0;
  will-change: max-height;
  transition: max-height ease-in-out 0.3s;
  overflow: hidden;
}

.expanded .expand-wrapper {
  max-height: 2000px;
}

.expand-wrapper.expanded {
  max-height: 2000px;
}

.profile-stats__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 33.6px;
  text-align: left;
  margin: 48px 0 24px;
}

.profile-stats__title-wrapper .profile-stats__title {
  margin: 0;
}

.profile-stats__title-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 48px 0 24px;
}

.profile-stats__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 24px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
}

.profile-stats__icon {
  width: 16px;
  height: 16px;
  display: block;
  background: url("/img/info.svg") center / cover no-repeat;
}

.timeline-event-popup {
  display: none;
  z-index: 1000;
  position: absolute;
  max-width: 270px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.timeline-event-popup__hat {
  position: absolute;
  top: -7px;
  width: 16px;
  height: 8px;
}

.timeline-event-popup__inner {
  background-color: var(--white);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.timeline-event-popup__event {
  display: flex;
  align-items: center;
  gap: 16px;
}

.timeline-event-popup__icon-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 8px;
  border-radius: 8px;
  background-color: rgba(var(--light-opacity), 0.4);
}

.timeline-event-popup__icon {
  width: 24px;
  height: 24px;
  fill: var(--red-light);
}

.timeline-event-popup__icon-divider {
  width: 8px;
  height: 1px;
  background-color: var(--gray);
  opacity: 0.4
}

.timeline-event-popup__player {
  display: flex;
  align-items: center;
  gap: 8px;
}

.timeline-event-popup__player-name {
  color: var(--black);
  font-family: Proxima Nova, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.4px;
}

.timeline-event-popup__player-photo-wrapper {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.timeline-event-popup__player-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.timeline-event-popup__player-photo-background {
  width: 55px;
  aspect-ratio: 1/1;

  position: absolute;
  top: -12px;
  left: -12.25px;

  fill: var(--white);
}

.timeline-event-popup__time {
  color: var(--red-light);
  font-size: 18px;
  font-weight: 500;
  line-height: 19.8px;
  text-align: center;
}

.timeline-event-popup__reason {
  font-size: 12px;
  font-weight: 500;
  line-height: 13.2px;
  text-align: left;
  color: var(--gray);
  grid-column: span 2;
}

.timeline-event-popup__replace-divider {
  width: 100%;
  height: 1px;
  background-color: var(--light);
  margin: 8px 0;
}

.timeline-event-popup__divider {
  margin: 16px auto;
  width: calc(100% - 88px);
  height: 1px;
  background-color: var(--light);
}

.timeline-event-popup__cards-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.timeline-event-popup__cards-content:not(:last-child) {
  margin-bottom: 20px;
}

.profile-transfers__expand-button {
  padding: 0;
  margin: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
}

.profile-rewards__loader {
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-rewards__loader img {
  max-width: 70px;
}

.caption {
  text-transform: uppercase;
  color: var(--gray);
  font-weight: 500;
  font-family: 'Proxima Nova', sans-serif;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-align: center;
  padding-left: 0;
}

.small-text {
  font-family: 'Proxima Nova', sans-serif;
}

@media (max-width: 730px) {
  .small-text {
    font-size: 12px;
    line-height: 1.2;
  }
}

@media (min-width: 730px) {
  .small-text {
    font-size: 14px;
    line-height: 16.8px;
  }
}

.modal-overlay {
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  position: fixed;
  inset: 0;
  z-index: 1050;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.modal-overlay.modal-is-open {
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
}

.modal-wrapper {
  max-width: 1000px;
  width: 90%;
  padding: 30px;
  background: #ffffff;
  border-radius: 8px;
  font-family: 'Proxima Nova', sans-serif;
  color: #0e0e0e;
}

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

.modal-wrapper .profile-stats__title {
  margin: 0;
}

.modal__close-button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.modal__close-icon {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/img/cross-black.svg") center / cover no-repeat;
}

.info__list {
  display: grid;
  gap: 4px;
  margin: 0;
  grid-template-columns: repeat(2, 1fr);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
}

@media (max-width: 960px) {
  .info__list {
    grid-template-columns: repeat(auto-fill, minmax(312px, 1fr));
  }
}

@media (max-width: 730px) {
  .modal-wrapper {
    padding: 16px;
  }

  .info__list {
    grid-template-columns: 1fr;
  }
}

.info__list-item {

  margin-left: 16px;
}


/* 60568 - конец */

/* 66738 - новый дизайн навигации в турнире */
.tournament-head {
  padding: 27px 0 16px;
}

.tournament-head__title {
  width: 100%;
  max-width: 662px;
  font-weight: 600;
  font-size: clamp(1.375rem, 0.388vw + 1.284rem, 1.75rem);
  line-height: 1.2;
  margin-bottom: 17px;
}

.tournament-head__link {
  display: block;
  padding: 11px 42px;
  background: var(--white);
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  color: var(--black);
  transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
}

.tournament-head__link--active, .tournament-head__link:hover {
  color: var(--white);
  background-color: var(--red-light);
}

.tournament-head__link:hover {
  transition: all ease-in-out 0.2s;
}

.tournament-head__navigation {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  margin-bottom: 38px;
}

.tournament-head__subtitle {
  margin-bottom: 8px;
}

.tournament-head__list {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.tournament-head__text {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
}

.tournament-head__info .tournament-head__text:first-child {
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .tournament-head__link {
    width: 100%;
    text-align: center;
  }

  .tournament-head__navigation {
    gap: 8px;
    margin-bottom: 30px;
  }

  .tournament-head__children {
    width: 100%;
  }

  .tournament-head__subtitle {
    display: none;
  }

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

  .tournament-head__text {
    font-size: 14px;
  }

  .tournament-head__info .tournament-head__text:first-child {
    margin-bottom: 4px;
  }
}
/* 66738 */

/* 67580 */
.min-games__filters .dropdown__title .dropdown__link {
  display: none;
}
/* 67580 */

.body.modal-open {
  overflow: hidden;
  scrollbar-gutter: stable;
}

/* Task 59752 sort tournaments */
.panel:has(.tournament-sort-card) {
  border-bottom: none;
}

.js-sort-tournaments-list:has(.tournament-sort-card) {
  list-style: none;
  background-color: #ecf0f5;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  padding: 24px 0;
}

.tournament-sort-card {
  padding: 20px;
  border-radius: 5px;
  width: 80%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tournament-sort-card-draggable {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.tournament-sort-card-draggable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.success-pop-up {
  border-color: green;
}

.save-sort-btn {
  display: block !important;
  margin-right: 20px;
  margin-left: auto !important;
  width: 125px;
}

.ranged-tournaments-tabs__navigation {
  display: flex;
  list-style: none;
  align-items: stretch;
  justify-content: space-around;
  gap: 20px;
  padding: 20px;
  margin-top: 20px;
  width: 80%;
  margin: 24px auto;
  background-color: #38a0f4;
  color: white;
}

.ranged-tournaments-tabs__item {
  text-align: center;
}

.ranged-tournaments-tabs__item.js-active {
  pointer-events: none;
  text-decoration: underline;
}

.ranged-tournaments-tabs__link {
  color: white;
}

.ranged-tournaments-tabs-pane .select2 {
  display: block;
  margin: 0 auto;
  width: 80% !important;
}
/* Task 59752 end */

/* 60982 - новый календарь */
.matches {
  font-family: "Proxima Nova", sans-serif;
}

.matches button {
  cursor: pointer;
}

.matches * {
  line-height: 1.1em;
}

.matches__info,
.sticky-block {
  margin-bottom: 50px;
}

.matches__title {
  font-size: clamp(1.75rem, 1.3099rem + 1.8779vw, 3rem);
  margin: 26px 0;
}

.matches__notification {
  font-weight: 500;
  font-size: clamp(1rem, 0.7513rem + 0.9365vw, 1.875rem);
}

.matches__error-container {
  font-weight: 500;
  font-size: clamp(1rem, 0.174vw + 0.917rem, 1.125rem);
  text-align: center;
}

.matches__container {
  position: relative;
  min-height: 50vh;
  z-index: 1;
}

.matches__loader {
  padding-top: 150px;
  position: absolute;
  inset: 0;
  z-index: 100;
  background-color: var(--white);
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.matches__loader img {
  width: 70px;
}

.sticky-block {
  position: sticky;
  top: 116px;
  /* большой индекс, для того, чтобы перебить индекс скролла селекта */
  z-index: 1000;
}

.sticky-block.mobile {
  display: none;
  z-index: 999;
}

@media (max-width: 1350px) {
  .sticky-block {
    top: 49px;
  }
}

.matches__date-picker {
  position: relative;
  background-color: var(--white);
  min-height: 112px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  box-shadow: 0 8px 8px 2px #231f2008;
  border-radius: 8px;
}

.matches__filters {
  margin-bottom: 50px;
}

.matches__date-picker-loader,
.matches__filters-loader  {
  position: absolute;
  inset: 0;
  z-index: 10;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.matches__filters-loader {
  inset: -1px;
}

.matches__date-picker-loader img,
.matches__filters-loader img {
  display: block;
  max-width: 52px;
  width: 100%;
}

.matches-month-picker,
.matches-week-picker {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

.matches-month-picker__buttons-wrapper {
  position: relative;
  display: flex;
  gap: 4px;
  align-items: center;
}

.matches-month-picker__arrow-buttons {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}

.matches-month-picker__pick-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 120px;
}

.matches-month-picker__pick-button {
  min-width: 108px;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: transparent;
  border: none;
  font-family: inherit;
  grid-row: 1 / 3;
  color: var(--black);
}

.matches-month-picker__pick-button,
.matches-day-picker__date,
.matches-week-picker__week-text {
  font-size: clamp(1.125rem, 0.9489rem + 0.7512vw, 1.625rem);
  font-weight: 700;
  text-wrap: nowrap;
}

.matches-month-picker__arrow-button {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
}

.matches-month-picker__arrow-button:first-child {
  align-items: end;
}

.matches-month-picker__icon {
  width: 70%;
  height: 70%;
  background: url('/img/caret-up.svg') center / cover no-repeat;
}

.picker-arrow-down .matches-month-picker__icon {
  rotate: 180deg;
}

.matches__month-loader {
  display: flex;
  align-items: center;
  justify-content: center;
}

.matches__month-loader img {
  display: block;
  max-width: 50px;
}

.matches-day-picker,
.matches-week-picker__week {
  display: flex;
  justify-content: center;
  align-items: center;
}

.matches-day-picker {
  position: relative;
}

.matches-week-picker__button,
.matches-day-picker__button {
  background-color: transparent;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
}

.matches-day-picker__button {
  width: 24px;
  height: 24px;
}

.matches-day-picker__icon {
  width: 80%;
  height: 80%;
  background: url('/img/caret-up.svg') center / cover no-repeat;
}

.matches-day-picker__button:first-of-type .matches-day-picker__icon,
.matches-week-picker__button:first-of-type .matches-day-picker__icon {
  rotate: -90deg;
}

.matches-day-picker__button:last-of-type .matches-day-picker__icon,
.matches-week-picker__button:last-of-type .matches-day-picker__icon {
  rotate: 90deg;
}

.matches-day-picker__items {
  list-style-type: none;
  display: flex;
}

.matches-day-picker__item {
  display: inline-block;
  transition: transform ease-out 1s;
}

.matches-day-picker__item.week__move-left {
  transform: translateX(-100%);
  transition: all ease-out 1s;
}

.matches-day-picker__slider {
  width: 490px;
}

.matches-day-picker__week-list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  height: 100%;
  gap: 2px;
}

.matches-day-picker__week-item {
  height: 100%;
}

.matches-day-picker__day {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  cursor: pointer;
  border: 1px solid rgba(var(--light-opacity), 0.4);
  background-color: rgba(var(--light-opacity), 0.4);
  border-radius: 4px;
  font-family: inherit;
  width: 100%;
  color: var(--black);
  height: 100%;
  min-height: 78px;
  justify-content: flex-start;
  min-width: 55px;
}

.matches-day-picker__day--active {
  border: 1px solid var(--red-light);
  background-color: transparent;
}

.matches-day-picker__match-count,
.matches-day-picker__match-text {
  width: 50px;
  font-size: 10px;
  font-weight: 600;
}

.matches-day-picker__no-match {
  opacity: 0;
  visibility: hidden;
}

.matches-day-picker__weekday,
.matches-day-picker__match-count,
.matches-day-picker__match-text {
  color: var(--gray);
}

.matches-day-picker__day--active .matches-day-picker__date,
.matches-day-picker__day--active .matches-day-picker__weekday {
  color: var(--red-light);
}

.matches-week-picker {
  text-align: center;
  min-width: 146px;
  justify-content: flex-start;
}

.matches-week-picker__week-text {
  min-width: 80px;
}

.matches-week-picker__button {
  width: 24px;
  height: 24px;
}

.matches-week-picker__icon {
  width: 60%;
  height: 60%;
  background: url('/img/caret-up.svg') center / cover no-repeat;
}

.matches-week-picker__button:first-child .matches-week-picker__icon {
  transform: rotate(-90deg);
}

.matches-week-picker__button:last-child .matches-week-picker__icon {
  transform: rotate(90deg);
}

.date-picker {
  position: absolute;
  z-index: 20;
  top: 70px;
  left: 0;
  width: 375px;
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgb(35 31 32 / 20%);
  padding: 24px 0;
  display: none;
  flex-direction: column;
  gap: 16px;
}

.date-picker_show {
  display: flex;
}

.date-picker__header {
  position: relative;
  border: 1px solid rgba(var(--light-opacity), 0.9);
  border-radius: 4px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  justify-items: center;
  align-items: center;
  margin: 0 24px;
  font-size: 14px;
  line-height: 1.2;
}

.date-picker__count {
  min-width: 75px;
  padding: 0 0 0 6px;
  color: var(--gray);
}

.date-picker__month {
  min-width: 100px;
  text-align: center;
  font-weight: 500;
}

.date-picker__header-month {
  display: flex;
  align-items: center;
  gap: 4px;
}

.date-picker__header-button {
  border: none;
  background-color: var(--gray);
  font-family: inherit;
  padding: 8px;
  border-radius: 4px;
  color: var(--white);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.date-picker__arrow-button {
  border: none;
  background-color: transparent;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.date-picker__icon {
  width: 12px;
  height: 12px;
  background: url('/img/caret-up.svg') center / cover no-repeat;
}

.date-picker__arrow_left .date-picker__icon {
  transform: rotate(-90deg);
}

.date-picker__arrow_right .date-picker__icon {
  transform: rotate(90deg);
}

.date-picker__calendar {
  padding: 0 12px;
}

.date-picker__week-days-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 2px;
  min-height: 40px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  justify-items: center;
  align-items: center;
  border-radius: 4px;
  background-color: var(--light);
  font-weight: 600;
  color: var(--gray);
}

.date-picker__calendar-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  font-weight: 600;
  font-size: 12px;
  color: var(--gray);
}

.date-picker__calendar-button {
  position: relative;
  background-color: transparent;
  min-height: 44px;
  border: 1px solid rgba(133, 133, 133, 0.1);
  border-radius: 4px;
  padding: 4px;
  width: 100%;
  font: inherit;
  color: var(--gray);
  display: flex;
}

.date-picker__weekend {
  color: #ea0b3a99;
}

.date-picker__games-wrapper {
  position: absolute;
  inset: 0;
  color: #000000bd;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 2px;
}

.date-picker__games-wrapper span {
  display: block;
}

.date-picker__games-caption {
  font-size: 8px;
}

.date-picker__no-games {
  opacity: 0;
  visibility: hidden;
}

.date-picker__current-day .date-picker__games-wrapper {
  color: var(--white);
}

.date-picker__calendar-button:not(.date-picker__current-day):hover {
  background-color: #ea0b3a1a;
}

.date-picker__current-week {
  background-color: #eaeaea;
}

.date-picker__old {
  border: 1px solid var(--red);
}

.date-picker__another-month {
  color: rgba(133, 133, 133, 0.1);
}

.date-picker__another-month.date-picker__weekend {
  color: #ea0b3a1a;
}

.date-picker__close-button {
  display: none;
  font-family: inherit;
  margin-right: 16px;
  font-size: 10px;
  font-weight: 600;
  padding: 8px;
  text-transform: uppercase;
  color: var(--white);
  background: var(--red);
  border: 1px solid var(--red);
  border-radius: 4px;
  align-self: flex-end;
  align-items: flex-end;
}

.date-picker__close-button::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("../../img/cross.svg") no-repeat center / cover;
  margin-left: 8px;
  color: var(--white);
}

.date-picker__overlay {
  display: none;
}

.date-picker__overlay_active {
  display: block;
  background-color: #00000045;
  position: fixed;
  inset: 0;
  z-index: 10;
}

.body.modal-open {
  overflow: hidden;
  scrollbar-gutter: stable;
}

.date-picker__current-day {
  color: #ffffff99;
  background-color: var(--red);
}

.matches__filters {
  position: relative;
  min-height: 47px;
}

.matches__filters-form {
  position: relative;
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}

.matches__selects-block {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 220px));
  gap: 20px;
}

.matches__filters-form .dropdown .dropdown__title {
  background-color: rgba(var(--light-opacity), 0.4);
}

.matches__filters-form_hidden {
  animation: decrease-height 0.4s forwards;
}

.matches__filters-form_show {
  animation: increase-height 0.4s forwards;
}

@keyframes decrease-height {
  0% {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    z-index: 5;
    padding: 16px 0;
  }
  20% {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    padding: 0;
  }
  100% {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    padding: 0;
  }
}

@keyframes increase-height {
  0% {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    padding: 0;
  }
  50% {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    padding: 0;
  }
  100% {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    z-index: 5;
    padding: 16px 0;
  }
}

.matches__clear-button {
  justify-self: end;
  width: 100%;
  max-width: 197px;
  max-height: 39px;
}

.matches__hide-filters-button {
  padding: 16px;
  border: 1px solid rgba(var(--light-opacity), 0.7);
  border-radius: 4px;
  font-family: inherit;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--red-light);
  background-color: transparent;
  display: none;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
}

.hide-filters-button__icon {
  fill: var(--red-light);
  width: 12px;
  height: 12px;
  transition: rotate ease-in-out 0.3s;
}

.hide-filters-button__icon_rotate {
  transform: rotate(180deg);
  transition: all ease-in-out 0.3s;
}

.filter_disabled {
  pointer-events: none;
  opacity: 0.7;
}

.matches__upcoming-games {
  min-height: 20vh;
}

.matches__games {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.553vw + 1.136rem, 3rem);
}

.games__heading {
  text-align: left;
  margin-bottom: clamp(1.5rem - 10px, 1.553vw + 1.136rem - 10px, 3rem - 10px);
  position: sticky;
  top: 115px;
  background-color: var(--white);
  padding: 10px 0;
  z-index: 2;
}

.games__count-game {
  font-weight: 600;
  font-size: clamp(0.625rem, 0.129vw + 0.595rem, 0.75rem);
  text-transform: uppercase;
  color: var(--red-light);
}

.games__title {
  font-weight: 700;
  font-size: clamp(1.25rem, 1.036vw + 1.007rem, 2.25rem);
  text-align: left;
}

.games__list {
  list-style: none;
  border: 1px solid var(--pale);
  border-radius: 8px;
}

.games__item:last-child {
  border-radius: 0 0 8px 8px;
}

.game__heading {
  padding: 16px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  border-bottom: 1px solid rgba(var(--light-opacity));
  background: linear-gradient(91deg, #971733 3%, rgba(151, 23, 50, 0) 55%), linear-gradient(16deg, var(--red-dark) 8%, var(--red-light) 92%), var(--red-dark);
  color: var(--white);
}

.games__item:first-child .game__heading {
  border-radius: 8px 8px 0 0;
}

.game__heading a {
  color: inherit;
}

.game:not(:last-child) {
  border-bottom: 1px solid var(--pale);
}

.game__content-wrapper {
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--white);
  min-height: 80px;
}

.game__content-mobile {
  display: none;
}

@media (max-width: 950px) {
  .game__content-desktop {
    display: none;
  }

  .game__content-mobile {
    display: flex;
  }
}

.game__content {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

.game__left-part, .game__right-part {
  display: flex;
  gap: 16px;
  align-items: center;
}

.game__right-part {
  justify-content: flex-end;
}

.game__left-part .game__stadium,
.game__right-part .game__referee {
  width: 100%;
  max-width: 140px
}

.game__dropdown-button {
  border: none;
  background-color: transparent;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
}

.game__dropdown-button_desktop {
  position: absolute;
  background-color: var(--grey-light);
  box-shadow: 0px 0px 8px rgba(35, 31, 32, 0.05);
  border-radius: 4px;
  bottom: -30px;
  left: calc(50% - 28px / 2);
  z-index: 2;
}

.game__dropdown-button_mobile {
  display: none;
}

.game__dropdown-button span {
  display: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--red-light);
}

.game__dropdown-button::after {
  display: block;
  content: url(/img/caret-down.svg);
  width: 13px;
  height: 12px;
  transition: transform ease-in-out 300ms;
}

.game__dropdown-icon_rotate.game__dropdown-button::after {
  transform: rotate(-180deg);
}

.game__dropdown-icon {
  fill: var(--gray);
  width: 11px;
  height: 6px;
  transform: rotate(180deg);
  transition: transform ease-in-out 0.3s;
}


.game__stage {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--red-light);
}

.game__stadium-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: var(--gray);
  transition: opacity ease-in-out 0.2s;
}

.game__stadium-name {
  display: flex;
  align-items: center;
  gap: 4px;
}

.game__stadium-name::before {
  display: block;
  content: url(/img/map-in.svg);
  width: 16px;
  height: 16px;
}

.game__stadium-icon {
  fill: var(--gray);
  height: 16px;
  width: 16px;
  flex-shrink: 0;
}

.game__stadium-link:hover,
.game__score-wrapper:hover,
.game__team:hover,
.game__referee-name:hover,
.game__broadcast:hover {
  opacity: 0.7;
  transition: all ease-in-out 0.2s;
}

.game__ball-button {
  border: none;
  background-color: transparent;
}

.game__ball-button img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.game__ball-link {
  width: 28px;
  height: 28px;
  display: block;
}

.game__mobile-stage {
  display: none;
}

.game__teams-wrapper {
  position: relative;
  width: 100%;
}

.game__teams {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.game__team {
  width: 100%;
  max-width: 230px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 600;
  font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem);
  color: inherit;
  transition: opacity ease-in-out 0.2s;
}

.game__team-logo {
  display: block;
  width: 40px;
  height: 40px;
}

.game__score-wrapper {
  position: relative;
  min-width: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity ease-in-out 0.2s;
}

.game__time {
  font-weight: 500;
  font-size: 12px;
  color: var(--gray);
}

.game__time.game__without-score {
  position: relative;
  top: 0;
  left: 0;
  margin-left: 0;
  font-weight: 500;
  font-size: clamp(0.75rem, 0.659rem + 0.3883vw, 1.125rem);
  line-height: 1.2;
  color: var(--black);
}

.game__score {
  font-weight: 700;
  font-size: clamp(1.125rem, 1.0036rem + 0.5178vw, 1.625rem);
  line-height: 1.2;
  color: var(--red-light);
}

.game__additional {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
  color: var(--red-light);
}

.game__referee {
  color: inherit;
}

.game__referee-title {
  display: block;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--gray);
}

.game__referee-icon {
  display: none;
  fill: var(--gray);
  width: 12px;
  height: 12px;
}

.game__referee-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: inherit;
  transition: opacity ease-in-out 0.2s;
  display: flex;
  gap: 4px;
  align-items: center;
}

.game__referee-name::before {
  display: block;
  content: url(/img/whistle.svg);
  width: 16px;
  height: 16px;
}

.game__broadcast-wrapper {
  width: 24px;
  height: 24px;
}

.game__broadcast {
  color: var(--red-light);
  justify-self: end;
}

.game__broadcast-icon::after {
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background: url(/img/broadcast-icon.svg) center / cover no-repeat;
}

.game__broadcast_no-url {
  pointer-events: none;
  color: var(--gray);
  cursor: auto;
}

.game__dropdown {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top: 1px solid rgba(var(--light-opacity));
  height: 100%;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}

.game__event-dropdown_show {
  animation: show-event-dropdown 0.3s ease-in-out forwards;
}

.game__event-dropdown_hide {
  animation: hide-event-dropdown 0.3s ease-in-out forwards;
}

@keyframes show-event-dropdown {
  0% {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
  }
}

@keyframes hide-event-dropdown {
  0% {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
  }
  40% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
  }
}

.game__dropdown-timeline {
  padding: 16px;
  width: 100%;
}

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

.game__timeline-wrapper {
  display: flex;
}

.game__timeline {
  position: relative;
  width: 100%;
  min-height: auto;
  margin: 0 24px;
  display: flex;
}

.game__timeline_mobile {
  display: none;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: var(--pale);
}

@media (min-width: 949px) {
  .divider {
    height: 1px !important;
  }
}

.game__time-point {
  position: absolute;
  width: 30px;
  display: flex;
  gap: 6px;
  align-items: center;
}

.game__time-dash {
  content: "";
  width: 1px;
  height: 8px;
  background-color: var(--pale);
}

.time-point__minutes {
  font-weight: 600;
  font-size: 16px;
  color: var(--red);
}

.time-point__icon-wrapper {
  position: relative;
  width: 20px;
  height: 20px;
}

.time-point__icon {
  fill: var(--black);
  width: 100%;
  height: 100%;
}

.game__timeline_first-team .game__time-point {
  flex-direction: column;
  bottom: 0;
}

.game__timeline_second-team .game__time-point {
  flex-direction: column-reverse;
  top: 0;
}

.game__first-team-logo {
  align-self: flex-end;
  margin-bottom: 5px;
}

.game__second-team-logo {
  margin-top: 5px;
}

.game__no-events {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}

.game__no-events-text {
  font-weight: 500;
  line-height: 1.2;
  font-size: 18px;
  color: var(--gray);
  padding: 16px;
}

.game__text-right {
  text-align: right;
  justify-content: flex-end;
}

.game__text-left {
  text-align: left;
  justify-content: flex-start;
}

.game__event-popup {
  padding: 12px;
  border-radius: 4px;
  background-color: var(--white);
}

.game__event-popup_show {
  display: block;
}

.game__event-popup .timeline-event-popup__event {
  display: grid;
  grid-template-columns: auto 1fr;
}

.game__event-popup .timeline-event-popup__replace {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.matches__games-loader,
.lazy-load-loader {
  display: flex;
  justify-content: center;
  align-content: center;
}

.lazy-load-loader {
  min-height: 15vh;
}

.matches__games-loader {
  margin-top: 10vh;
}

.matches__games-loader img,
.lazy-load-loader img{
  width: 70px;
}

@media (max-width: 1350px) {
  .games__heading {
    top: 46px;
  }
}

.button-up {
  position: fixed;
  z-index: 100;
  bottom: 35px;
  right: 0;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: var(--grey-light);
  border-radius: 9999px;
  box-shadow: 0 2px 14px 0 #231f2005;
}

.button-up:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url('/img/caret-up-dark-red.svg') center / cover no-repeat;
}

/* 60982 */

/* 58776 start */
.legionary-wrapper {
  display: flex;
  gap: 6px;
  align-items: center;
}

.legionary-img-wrapper {
  position: relative;
}

.legionary-img-wrapper:hover .structure__event-desc {
  opacity: 1;
}

.structure__unit--right .legionary-wrapper {
  flex-direction: row-reverse;
}

.legionary-text {
  display: block;
  height: 10px;
  color: var(--black);
  line-height: 1.4;
}

.legionary-img {
  width: 22px;
  aspect-ratio: 4 / 3;
}

@media (max-width: 730px) {
  .legionary-wrapper {
    flex-direction: row-reverse;
  }
}
/* 58776 end */

/* 62582: статистика турнира по турам */
.tournament-statistics {
  position: relative;
  font-family: "Proxima Nova", sans-serif;
}

.tournament-statistics ul {
  list-style-type: none;
}

.tournament-stat__loader {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  inset: -1px;
  background-color: var(--white);
  padding-top: 120px;
}

.tournament-stat__loader img {
  width: 80px;
}

.tournament-stats__table-wrapper {
  border-radius: 8px;
  border: 1px solid var(--light);
  overflow: hidden;
}

.tournament-stats__table {
  background-color: var(--white);
  border-collapse: collapse;
  position: relative;
  table-layout: fixed;
  width: 100%;
}

.tournament-stats__table-head {
  background-color: rgba(var(--grey-light-opacity), 0.3);
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.1;
  color: #858585;
  border-bottom: 1px solid var(--light);
}

.tournament-stats__table-cell {
  padding: 12px;
}

.tournament-stats__table-cell a {
  color: inherit;
}

.tournament-stats__table-cell.text-center {
  text-align: center;
}

.tournament-stats__table-head .tournament-stats__table-cell:first-child,
.tournament-stats__table-row .tournament-stats__table-cell:first-child,
.tournament-stats__table-row-small .tournament-stats__table-cell:first-child {
  padding-left: 24px;
}
.tournament-stats__table-head .tournament-stats__table-cell:last-child,
.tournament-stats__table-row .tournament-stats__table-cell:last-child,
.tournament-stats__table-row-small .tournament-stats__table-cell:last-child {
  padding-right: 24px;
}

.tournament-stats__table-number {
  width: 52px;
}

.tournament-stats__table-player,
.tournament-stats__table-team {
  width: 248px;
}

.tournament-stats__table-cell.sort-header span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}

.tournament-stats__table-variable.sort-header span {
  justify-content: center;
}

.tournament-stats__table-cell.sort-header span::after {
  position: relative;
  top: 0;
  right: 0;
  height: 13px;
  display: inline-flex;
  margin-left: 4px;
}

.tournament-stats__table-variable {
  width: 88px;
}

.tournament-stats__table-row {
  height: 88px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
}

.tournament-stats__table-row-small {
  height: min-content;
  padding: 16px 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.1;
}

.tournament-stats__table-row:not(:last-child),
.tournament-stats__table-row-small:not(:last-child) {
  border-bottom: 1px solid var(--light);
}

.tournament-stats__table-text_center {
  text-align: center;
}

.tournament-stats__table-img-border,
.tournament-stats__table-logo {
  display: block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  margin-right: 8px;
}

.tournament-stats__table-img-border {
  position: relative;
}

.tournament-stats__table-img-border::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
}

.tournament-stats__table-img {
  position: absolute;
  inset: 0;
  clip-path: polygon(50% 0%, 100% 39%, 75% 100%, 25% 100%, 0 39%);
}

.tournament-stats__table-first-cell {
  width: 250px;
}

.tournament-stats__table-third-cell {
  width: 140px;
}

.tournament-stats__table-second-cell {
  width: calc(100% - 200px - 140px);
}

.tournament-stats__table-period-cell span,
.tournament-stats__table-period-cell a {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
}

.tournament-stats__table-series-cell {
  font-size: 14px;
}

.tournament-stat__tours-wrapper {
  margin-bottom: 48px;
}

.tournament-stat__tours-wrapper .hide-button {
  display: none;
}

.tournament-stat__tours-form {
  pointer-events: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  opacity: 1;
}

.tournament-stat__tours-form.disabled {
  pointer-events: none;
  opacity: 0.7;
}

.tournament-stat__tours-form .tournament-stat__filters {
  display: flex;
  gap: 16px;
  padding: 4px 4px 4px 16px;
  border: 1px solid var(--light);
  border-radius: 8px;
}

.tournament-stat__tours-form .tournament-stat__select-wrapper {
  width: 122px;
  flex-shrink: 0;
}

.tournament-stat__tours-form .js-new-select {
  display: flex;
  align-items: center;
  gap: 16px;
}

.tournament-stat__tours-form .js-new-select label {
  white-space: nowrap;
}

.tournament-stat__title {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.318rem + 0.7767vw, 2.25rem);
  line-height: 1.1;
  margin-bottom: 48px;
}

.tournament-stat__tour-stat-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.tournament-stat__graph {
  grid-column: 3 / -1;
  grid-row: 1 / 3;
}

.tournament-stat__tour-stat-item {
  padding: 20px;
  border: 1px solid var(--light);
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #858585;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.tournament-stat__accent {
  display: block;
  font-weight: 600;
  font-size: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);
  line-height: 1.2;
  color: var(--red-light);
}

.tournament-stat__goals {
  display: grid;
  height: 100%;
  width: 100%;
}

.tournament-stat__goals-mobile {
  display: none;
}

.tournament-stat__goals-title {
  display: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 0.9;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--light);
  width: 100%;
}

.tournament-stat__goals-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

.tournament-stat__goals-item span {
  text-align: center;
}

.tournament-stat__goal {
  color: var(--red-light);
}

.tournament-stat__scale {
  display: block;
  background-color: var(--red-light);
  width: 4px;
  border-radius: 8px;
}

.tournament-stat__goals-extra-times {
  display: none;
  justify-content: space-between;
}

.tournament-stat__goals-extra-times li {
  display: flex;
  gap: 8px;
}

.tournament-stat__tournament {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.tournament-stat__subtitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 24px;
}

.tournament-stat__general-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(304px, 1fr));
  gap: 4px;
  justify-content: space-between;
}

.statistics-card {
  display: flex;
  flex-direction: column;
}

.statistics-card__head {
  background-color: var(--red-light);
  padding: 16px;
  border-radius: 8px 8px 0 0;
}

.statistics-card__title {
  font-size: 16px;
  line-height: 1.2;
  color: #ffffff;
}

.statistics-card__content-list {
  min-height: 150px;
  font-weight: 500;
  border: 1px solid var(--light);
  border-radius: 0 0 8px 8px;
}

.statistics-card__content-item {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.statistics-card__content-item:not(:last-child) {
  border-bottom: 1px solid var(--light);
}

.statistics-card__label {
  width: 100%;
  max-width: 224px;
  font-size: 14px;
  line-height: 1.2;
}

.statistics-card__value {
  min-width: max-content;
  color: #858585;
  font-size: 12px;
  line-height: 1.1;
  text-align: center;
}

.tournament-stat__rounds-list {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.tournament-stat__rounds-list:has(.tournament-stat__rounds-item) {
  margin-bottom: 48px;
}

.tournament-stat__rounds-btn {
  border: 1px solid var(--pale);
  display: block;
  padding: 10px 20px;
  background-color: var(--white);
  border-radius: 4px;
  font-family: inherit;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  color: var(--black);
  transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
  cursor: pointer;
}

.tournament-stat__rounds-btn.active {
  background-color: var(--red-light);
  border-color: var(--red-light);
  color: var(--white);
  pointer-events: none;
}

@media (hover: hover) {
  .tournament-stat__rounds-btn:not(.active):hover {
    background-color: var(--red-light);
    border-color: var(--red-light);
    color: var(--white);
  }
}
/* 62582 */