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

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

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

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

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

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

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

html {
  box-sizing: border-box;
}

body {
  font-family: "Inter", "Arial", sans-serif;
}

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

:root {
  /*css - переменные*/
  --back: linear-gradient(177.96deg, #FF853A -33.09%, rgba(255, 145, 48, 0) 4.04%), #333747;
  --white: #ffffff;
  --white-opacity: 255, 255, 255;
  --white-opacity-2: 252, 253, 255;
  --black: #000000;
  --black-opacity: 0, 0, 0;
  --main: #333747;
  --main-opacity: 51, 55, 71;
  --dark: #363C53;
  --dark-2: #363C52;
  --dark-opacity: 54, 60, 83;
  --blue: #1167E7;
  --blue-opacity: 17, 103, 231;
  --pale-blue: #586A8D;
  --pale-blue-opacity: 88, 106, 141;
  --orange: #FF7E40;
  --orange-exclusion: #3a7fa4;
  --orange-opacity: 255, 126, 64;
  --yellow: #F2C94C;
  --dark-yellow: #E0C431;
  --light-yellow: #FFE145;
  --pink: #F636E3;
  --pink-opacity: 246, 54, 227;
  --purple: #8B11E7;
  --purple-opacity: 139, 17, 231;
  --lilac: #6C588D;
  --lilac-opacity: 108, 88, 141;
  --red: #EB5757;
  --red-opacity: 235, 87, 87;
  --grey: #BDBDBD;
  --green: #27AE60;
  --blue-gradient: linear-gradient(219.67deg, #0038FF -0.12%, rgba(0, 56, 255, 0) 77.33%), #0F8DEB;
  --gold-gradient: linear-gradient(243.02deg, #FAFF00 -172.72%, rgba(250, 255, 0, 0) 66.87%), linear-gradient(63.5deg, #FF7E40 -5.3%, rgba(255, 126, 64, 0) 56.93%), #F2C94C;
  --silver-gradient: linear-gradient(243.02deg, #FFFFFF -172.72%, rgba(255, 255, 255, 0) 66.87%), linear-gradient(63.5deg, rgba(var(--black-opacity), 0.5) -5.3%, rgba(var(--black-opacity), 0) 56.93%), #C4C4C4;
  --bronze-gradient: linear-gradient(243.02deg, #FAFF00 -172.72%, rgba(250, 255, 0, 0) 66.87%), linear-gradient(63.5deg, #552A16 -5.3%, rgba(97, 47, 23, 0) 56.93%), #FF7E40;
  --orange-opacity-2: 232, 76, 9,;
  --orange-2: #E84C09;
  --white-2: #fcfdff;
  --babyblue: #E9F0F4;
  --cerulean: #7987A4;
  --steelblue: #223448;
  --steelblue-opacity: 19, 47, 70;
  --steelblue-2: #132F46;
  --palepink: #EFD7DC;
  --palepink-2: #DDADB8;
  --ruby: #AF354E;
  --carmine: #8C2A3E;
  --azure: #2F75AF;
  --azure-opacity: 47, 117, 175;
  --aqua: #ACC8DF;
  --slate: rgba(66, 89, 107, 0.80);
  --slate-opacity: 34, 52, 72;
  --sage: rgba(149, 143, 154, 0.55);
}

/* применение 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;
}

a {
  text-decoration: none;
  color: var(--white);
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  display: block;
}

.svg {
  flex-shrink: 0;
}

html.fixed-safari {
  height: calc(100vh - 80px);
  overflow: hidden;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html.fixed-safari::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

body.fixed-safari {
  height: 100vh;
  position: relative;
  overflow: hidden;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body.fixed-safari::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

body.fixed {
  overflow: hidden;
}

.main-container {
  font-size: 18px;
  line-height: 24px;
  color: var(--steelblue);
  font-style: normal;
  font-weight: 400;
  display: flex;
  min-height: 100vh;
  background: var(--azure);
}

.main-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  width: calc(100% - 120px);
}

.content {
  display: flex;
  justify-content: center;
  background-color: var(--white-2);
  overflow: hidden;
  height: 100%;
}

.main {
  flex-grow: 1;
  padding: 40px 0;
  width: calc(100% - 350px);
  max-width: 1450px;
  display: flex;
  flex-direction: column;
}

.container {
  max-width: 100%;
  margin: 0 30px 60px 30px;
}

.container--no-bottom {
  margin-bottom: 0 !important;
}

.button {
  max-width: 210px;
  min-height: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ruby);
  font-weight: 500;
  color: var(--white);
  border: none;
  outline: none;
  appearance: none;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  transition: 0.2s;
}

.button--small {
  max-width: 145px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

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

.button:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.button--block {
  display: block;
  width: 100%;
}

.button--orange {
  background-color: var(--orange);
}

.button--blue {
  background-color: var(--azure);
}

.button--yellow {
  background-color: var(--yellow);
}

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

.button--red {
  background-color: var(--red);
}

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

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

.button--transparent {
  background-color: unset;
}

.button--no-width {
  max-width: unset;
}

.line {
  position: relative;
  overflow: hidden;
}

.line:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--steelblue);
}

.link {
  display: flex;
  justify-content: flex-end;
  color: var(--ruby);
}

.link__content {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.link__icon {
  stroke: var(--ruby);
}

.link--revert {
  justify-content: flex-start;
}

.link--revert .link__content {
  align-items: flex-start;
}

.link--revert .link__icon {
  order: -1;
  transform: scale(-1, 1);
}

.link--mrn-top {
  margin: 40px 0 0 0;
}

.link--mrn-bottom {
  margin: 0 0 30px 0;
}

.link--blue {
  color: var(--azure);
}

.link--blue .link__icon {
  stroke: var(--azure);
}

.sidebar {
  width: 350px;
  flex-shrink: 0;
  min-height: 100vh;
  padding: 40px 15px 40px;
}

.aside {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  z-index: 99;
  background-color: var(--azure);
  align-items: center;
  max-width: 100%;
  justify-content: space-around;
  gap: 50px;
  margin: 0 15px 0 90px;
}

.aside:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #333333;
}

.login {
  position: relative;
}

.login__link {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-direction: row-reverse;
}

.login__link:hover .login__img {
  border: 1px solid var(--white);
  border-radius: 5px;
}

.login__img {
  display: block;
  border-radius: 5px;
}

.login__icon {
  fill: var(--white-2);
}

.login__text,
.login__enter {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  text-align: right;
  padding: 0 10px;
  min-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login__enter {
  color: var(--white-2);
  transition: 0.2s;
}

.login__nav {
  display: none;
  position: absolute;
  width: 100%;
  background-color: rgba(var(--white-opacity), 0.6);
  z-index: 11;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  top: 50px;
}

.login__nav.open {
  display: block;
}

.login__nav-link {
  display: block;
  padding: 7px 10px;
  text-align: center;
  color: var(--steelblue);
  transition: 0.2s;
  font-size: 14px;
  line-height: 16px;
}

.login__nav-link:hover {
  color: var(--azure);
  transition: 0.2s;
}

.navigation {
  flex-grow: 1;
}

.navigation__list {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.navigation__item {
  position: relative;
  padding: 5px 0;
}

.navigation__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.navigation__wrap {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.navigation__item--active .navigation__wrap {
  background-color: rgba(var(--white-opacity), 0.2);
  transition: 0.3s;
}

.navigation__text {
  font-size: 12px;
  line-height: 16px;
  color: var(--white-2);
  font-weight: 700;
  text-align: center;
  transition: 0.3s;
  width: 100%;
}

.navigation__icon {
  fill: var(--white);
  transition: 0.3s;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  width: 294px;
  background-color: rgba(var(--white-opacity), 0.6);
  z-index: 11;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  gap: 5px;
  padding: 15px 20px;
  flex-direction: column;
  transition: 0.3s;
}

.submenu__link {
  display: block;
  font-weight: 600;
  color: var(--steelblue);
  font-size: 18px;
  line-height: 23px;
  transition: 0.3s;
}

.header {
  height: 90px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 30px;
  background-color: var(--azure);
}

.header:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333333;
}

.header__logo {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 170px;
  flex-shrink: 0;
}

.header__img {
  display: block;
  margin: 0 20px 0 0;
  height: auto;
  flex-shrink: 0;
}

.header__title {
  font-size: 28px;
  line-height: 32px;
  margin: 0;
  font-weight: 400;
}

.header__title span {
  font-weight: 800;
}

.hamburger {
  display: none;
}

.search {
  margin: 0 0 0 auto;
}

.search__form {
  display: flex;
  width: 300px;
  border: 1px solid var(--azure);
  border-radius: 10px;
}

.search__input,
.dropdown__search {
  height: 44px;
  background-color: var(--white-2);
  padding: 15px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  border: none;
  outline: none;
  color: rgba(var(--azure-opacity), 1);
}

.search__input {
  width: calc(100% - 50px);
  border-radius: 10px 0 0 10px;
}

.dropdown__search {
  width: 100%;
}

.search__input:-moz-placeholder {
  color: rgba(var(--azure-opacity), 0.6);
  font-family: "Inter", "Arial", sans-serif;
}

.search__input::-moz-placeholder {
  color: rgba(var(--azure-opacity), 0.6);
  font-family: "Inter", "Arial", sans-serif;
}

.search__input:-ms-input-placeholder {
  color: rgba(var(--azure-opacity), 0.6);
  font-family: "Inter", "Arial", sans-serif;
}

.search__input::-webkit-input-placeholder {
  color: rgba(var(--azure-opacity), 0.6);
  font-family: "Inter", "Arial", sans-serif;
}

.search--button .search__button {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background: rgba(var(--white-opacity-2), 0.20);
  transition: 0.2s;
}

.search--button .search__icon {
  fill: var(--white);
  transition: 0.2s;
}

.search--button .search__form {
  width: auto;
}

.search--button .search__input {
  display: none;
}

.search--button .search__form:hover .search__button {
  background: rgba(var(--white-opacity-2), 0.30);
  transition: 0.2s;
}

.search--button .search__button:hover .search__icon {
  fill: var(--white);
  transition: 0.2s;
}

.search__button {
  width: 50px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-2);
  border-radius: 0 10px 10px 0;
  border: none;
  appearance: none;
  outline: none;
  flex-shrink: 0;
  cursor: pointer;
}

.search__icon {
  fill: var(--azure);
  transition: 0.2s;
}

.search__button:hover .search__icon {
  fill: var(--ruby);
  transition: 0.2s;
}

.search--big {
  margin: 0;
}

.search--big .search__form {
  width: 100%;
}

.search--big .search__input,
.search--big .search__button {
  height: 75px;
}

.search--big .search__input {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  padding: 15px 20px;
  color: rgba(var(--azure-opacity), 1);
}

.search--big .search__input::placeholder {
  color: rgba(var(--azure-opacity), 0.6);
}

.search--big .search__button {
  width: 80px;
}

.search--big .search__icon {
  width: 26px;
  height: 26px;
}

.filters__item--full .search__form {
  width: 100%;
}

.js-div-select-li-process,
.js-div-select-li-empty {
  color: var(--white);
  padding: 15px;
  font-size: 12px;
}

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

.socials--wrap {
  flex-wrap: wrap;
  height: 180px;
  justify-content: flex-end;
  z-index: 2;
}

.header .socials {
  margin: 0 0 0 30px;
}

.socials__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.socials__icon {
  fill: var(--pale-blue);
  transition: 0.2s;
}

.socials__link:hover .socials__icon {
  fill: var(--carmine);
  transition: 0.2s;
}

.socials--head {
  flex-direction: column;
  flex-shrink: 0;
}

.socials--head .socials__icon {
  fill: var(--ruby);
}

.socials--head .socials__link {
  padding: 10px;
}

.footer {
  margin: auto 0 0 0;
  padding: 30px;
  position: relative;
  background-color: var(--steelblue);
}

.footer__container {
  max-width: 1740px;
  margin: 0 auto;
}

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

.footer__column {
  margin: 0 40px 0 0;
}

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

.footer:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333333;
}

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

.footer .socials {
  max-width: 200px;
  flex-wrap: wrap;
}

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

.footer__subtitle {
  color: var(--white);
  margin: 0 0 10px 0;
  font-weight: 800;
  font-size: 20px;
  line-height: 26px;
}

.footer__text {
  display: block;
}

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

.footer__bottom {
  color: var(--white);
  margin: 10px 0 0 0;
}

.footer__img {
  max-width: 100%;
  height: auto;
}

/* Шапка */

.head__body {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 250px;
  padding: 20px 50px 20px 9%;
  background: var(--babyblue);
  border-radius: 10px;
}

.head__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: auto;
  height: 100%;
}

.head__picture {
  width: 200px;
  height: 200px;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
}

.head__img {
  display: block;
  border-radius: 50%;
}

.head__content {
  padding: 0 80px;
  flex-grow: 1;
  z-index: 2;
}

.head__title,
.head__subtitle {
  display: block;
}

.head__title {
  font-size: 24px;
  line-height: 30px;
  color: var(--cerulean);
  margin: 0 0 20px 0;
  font-weight: 700;
}

.head__subtitle {
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
  color: var(--steelblue);
}

.head__text {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: var(--ruby);
}

.head__link {
  display: block;
  color: var(--ruby);
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin: 30px 0 0 0;
}

.head__club {
  display: flex;
  align-items: center;
  color: var(--red);
}

.head__club-picture {
  margin: 0 15px 0 0;
}

.head__club-img {
  display: block;
  border-radius: 50%;
}

.head__club-text {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

.head--team .head__subtitle {
  margin: 0 0 20px 0;
}

/* Заголовки и подзаголовки */

.title {
  display: flex;
  align-items: center;
  font-size: 34px;
  line-height: 38px;
  margin: 0 0 60px 0;
  position: relative;
  padding: 0 0 0 30px;
}

.title:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: var(--ruby);
}

.find__result {
  font-weight: 700;
  font-size: 30px;
  line-height: 38px;
  color: var(--white);
}

.title__link {
  background-color: var(--pale-blue);
  flex-shrink: 0;
}

.title--blue:after,
.title--blue .title__link {
  background-color: var(--ruby);
}

.title--white:after,
.title--white .title__link {
  background-color: var(--ruby);
}

.title--pink:after,
.title--pink .title__link {
  background-color: var(--ruby);
}

.title--orange:after,
.title--orange .title__link {
  background-color: var(--ruby);
}

.title--red:after,
.title--red .title__link {
  background-color: var(--ruby);
}

.title--yellow:after,
.title--yellow .title__link {
  background-color: var(--ruby);
}

.title--purple:after,
.title--purple .title__link {
  background-color: var(--ruby);
}

.title--no-circle {
  color: var(--steelblue);
  padding: 0;
}

.title--no-circle:after {
  display: none;
}

.title--tables {
  margin: 30px 0 10px;
}

.title__main {
  font-weight: 800;
  margin: 0 14px 0 0;
  color: var(--steelblue);
}

.title__add {
  color: var(--pale-blue);
  font-weight: 400;
  opacity: 0.8;
}

.title__link {
  display: none;
}

.subtitle {
  display: flex;
  align-items: center;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 40px 0;
}

.subtitle__main {
  font-weight: 800;
  margin: 0 14px 0 0;
}

.subtitle__add {
  font-weight: 500;
  color: var(--ruby);
}

/* Список секций */

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

.sections__item {
  margin: 0 7px 7px 0;
  width: calc((100% - 30px) / 5);
}

.sections__item:nth-child(5n) {
  margin: 0 0 7px 0;
}

.sections__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--babyblue);
  border-radius: 20px;
  width: 100%;
  height: 266px;
  padding: 20px;
  gap: 20px;
  color: var(--steelblue);
}

.sections__img {
  max-width: 150px;
  height: 110px;
  max-height: 110px;
}

.sections__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: var(--steelblue);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 50px;
}

.sections--club .sections__list {
  padding: 0 0 20px 0;
}

/* Список людей */

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

.persons__list.js-hide {
  display: none;
}

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

.persons__item:nth-child(3n - 1) {
  margin: 0 20px 40px 20px;
  justify-content: center;
}

.persons__item:nth-child(3n) {
  justify-content: flex-end;
}

.persons__container {
  background-color: var(--babyblue);
  border-radius: 20px;
  display: flex;
  width: 100%;
  max-width: 380px;
  flex-direction: column;
  overflow: hidden;
}

.persons__content {
  padding: 40px 20px 20px 20px;
}

.persons__top {
  font-weight: 600;
  color: var(--azure);
  margin: 0 0 30px 0;
  text-align: center;
}

.persons__link,
.persons__img {
  display: block;
}

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

.persons__img {
  margin: 0 0 14px 0;
  border-radius: 50%;
}

.persons__title {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: var(--steelblue);
  text-align: center;
  margin: 0 0 10px 0;
}

.persons__contact {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px 0;
  color: var(--steelblue);
}

.persons__bottom .persons__contact {
  margin: 0;
}

.persons__bottom {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 10px 20px;
  margin: auto 0 0 0;
}

.persons__position {
  font-weight: 700;
  color: var(--cerulean);
  text-align: center;
}

.persons__position--blue {
  color: var(--azure);
}

.persons__contact-icon {
  margin: 0 14px 0 0;
  flex-shrink: 0;
  fill: var(--ruby);
}

.persons__socials {
  justify-content: center;
}

.persons__socials .socials__icon {
  fill: var(--azure);
}

.persons__socials .socials__link {
  padding: 5px 15px;
}

.persons__head {
  position: relative;
  cursor: pointer;
  display: flex;
  margin: 0 0 60px;
}

.persons__head:after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  transition: 0.2s;
  border: 12px solid transparent;
  border-top: 14px solid var(--ruby);
}

.persons__head .title {
  margin: 0;
}

/* Табы */

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

.profile-row .tabs__navigation {
  flex-direction: column;
}

.tabs--buttons .tabs__navigation {
  gap: 20px;
  flex-direction: row;
}

.tabs--third .tabs__item {
  width: calc(100% / 3);
}

.tabs__link {
  display: inline-flex;
  position: relative;
  color: rgba(var(--slate-opacity), 0.7);
  transition: 0.2s;
  white-space: nowrap;
  cursor: pointer;
}

.tabs__pane {
  display: none;
}

.tabs__pane--active {
  display: block;
}

/* Табы - нижнее подчёркивание */

.tabs--underline .tabs__navigation {
  gap: 10px 30px;
}

.tabs--underline .tabs__link {
  padding: 10px 0;
}

.tabs--underline .tabs__item:hover .tabs__link,
.tabs--underline .tabs__item--active .tabs__link {
  color: var(--steelblue);
  transition: 0.2s;
  font-weight: 600;
}

.tabs__link-wrapper {
  position: relative;
}

.tabs--underline .tabs__item--active .tabs__link-wrapper:after {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ruby);
}

/* Табы - кнопки */

.tabs--buttons .tabs__link {
  background-color: transparent;
  border-radius: 10px;
  transition: 0.2s;
  padding: 10px 18px;
  color: var(--ruby);
  border: 1px solid var(--ruby);
}

.tabs--buttons .tabs__item--active .tabs__link {
  background-color: var(--ruby);
  transition: 0.2s;
  color: var(--white);
}

.tabs--buttons .tabs__link:hover {
  background-color: var(--carmine);
  transition: 0.2s;
  color: var(--white);
}

/* Табы - заголовки */

.tabs--headers .tabs__navigation {
  gap: 40px;
}

.tabs--headers .tabs__link {
  padding: 20px 0 30px 0;
}

.tabs--headers .tabs__item--active .tabs__link:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ruby);
}

.tabs--headers .tabs__item--active .title__main {
  color: var(--steelblue);
}

.tabs .title {
  margin: 0;
}

.table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  font-weight: bold;
  color: var(--steelblue);
}

.table__th {
  font-size: 14px;
  line-height: 18px;
  padding: 0 15px 20px;
}

.table__head--5 .table__th {
  padding: 0 5px 20px;
}

.table__cell {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  height: 80px;
  padding: 5px;
  font-weight: 700;
}

.table-aside .table__th {
  font-size: 12px;
  line-height: 14px;
  padding: 0 5px 10px;
}

.table-aside .table__cell {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  height: 45px;
}

.table__left {
  text-align: left;
}

.table__right {
  text-align: right;
}

.table__main {
  color: var(--ruby);
}

.table__link {
  display: flex;
  align-items: center;
  gap: 15px;
}

.table__link--right {
  justify-content: flex-end;
}

.table__link--right .table__img {
  order: 2;
}

.table__link-text {
  color: var(--steelblue);
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  font-weight: 600;
}

.table-aside .table__link-text {
  font-size: 14px;
  line-height: 18px;
}

.table-aside .table__img {
  width: 25px;
  height: auto;
}

.table__img--circle {
  border-radius: 50%;
}

.table__link--right .table__img--15 {
  margin: 0 10px 0 0;
}

.table__img--15 {
  margin: 0 0 0 10px;
}

.table__row:nth-child(odd) {
  background-color: var(--babyblue);
}

.table__row:nth-child(even) {
  background-color: var(--white);
}

.table__number {
  width: 80px;
  color: var(--ruby);
  font-size: 18px;
  line-height: 30px;
  position: relative;
}

.table__num {
  font-size: 18px;
  line-height: 22px;
  color: var(--steelblue);
  text-align: end;
  padding: 0 15px;
}

.table-aside .table__number {
  width: auto;
}

.table__current {
  background-color: var(--palepink) !important;
}

.table__text {
  color: var(--steelblue);
}

.table__row:first-child .table__cell:first-child {
  border-radius: 10px 0 0 0;
}

.table__row:first-child .table__cell:last-child {
  border-radius: 0 10px 0 0;
}

.table__row:last-child .table__cell:last-child {
  border-radius: 0 0 10px 0;
}

.table__row:last-child .table__cell:first-child {
  border-radius: 0 0 0 10px;
}

.table__row .table__cell:last-child {
  color: var(--ruby);
}

.table__row .table__num:last-child {
  color: var(--steelblue);
}

.table__350 {
  width: 350px;
}

.table__200 {
  width: 200px;
}

.table__400 {
  width: 400px;
}

.table__155 {
  width: 155px;
}

.table__score {
  width: 80px;
}

.table__65 {
  width: 65px;
}

.table-scroll {
  overflow: scroll;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.table-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.table__row:first-child .table__cell:first-child {
  border-radius: 10px 0 0 0;
}

.table__row:first-child .table__cell:last-child {
  border-radius: 0 10px 0 0;
}

.table__row:last-child .table__cell:last-child {
  border-radius: 0 0 10px 0;
}

.table__row:last-child .table__cell:first-child {
  border-radius: 0 0 0 10px;
}

.table__bold {
  font-weight: bold;
}

.rating__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.rating {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.rating__text {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.rating__button {
  max-width: none;
  gap: 10px;
  border-radius: 10px;
  padding: 10px 30px;
  flex-shrink: 0;
  box-shadow: 0 20px 50px 0 rgba(var(--black-opacity), 0.10);
}

.rating__icon {
  flex-shrink: 0;
}

.rating__button-text {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}

.numbers {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ruby);
  margin: auto;
}

.numbers__container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 100%;
  transition: 0.3s;
}

.numbers__slash {
  display: none;
  transition: 0.3s;
}

.numbers__content {
  display: none;
  border-radius: 8px;
  gap: 5px;
  align-items: center;
  background-color: var(--steelblue-2);
  padding: 10px;
  position: absolute;
  left: 10%;
  bottom: -40%;
  z-index: 5;
  width: 170px;
  transition: 0.3s;
}

.numbers__content--sidebar {
  left: 4%;
  bottom: -55%;
}

.table__row:last-child .numbers__content {
  top: -40%;
  bottom: auto;
}

.table__row:last-child .numbers__content--sidebar {
  left: 4%;
  top: -35%;
  bottom: auto;
}

.numbers__text {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: var(--azure);
}

.numbers__text--white {
  color: var(--white);
}

.srating__text {
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
}

.srating__orange {
  color: var(--ruby);
  font-weight: 500;
}

.aside-filters {
  width: 165px;
  margin: 0 0 0 auto;
}

.srating {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: 0 0 20px;
}

.srating__link {
  color: var(--ruby);
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: end;
}

.srating__icon {
  padding: 3px 0 0;
  flex-shrink: 0;
  height: 26px;
  stroke: var(--ruby);
}

/* Секции. Участники */
.counts {
  font-weight: 600;
  font-size: 20px;
  color: var(--ruby);
  margin: 0 0 30px 0;
}

/* Пагинация */

.pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.white-block .pagination__list {
  margin: 0;
}

.pagination__double-arrow,
.pagination__arrow {
  stroke: var(--ruby);
}

.pagination__arrow--left,
.pagination__double-arrow--right {
  transform: rotate(180deg);
}

.pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--white);
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s;
  outline: none;
}

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

.pagination__item--number {
  margin: 0 7px;
}

.pagination__item--number .pagination__link {
  background-color: var(--palepink-2);
}

.pagination__item--active .pagination__link {
  background-color: var(--ruby);
  transition: 0.2s;
}

.pagination__link:hover {
  background-color: var(--carmine);
  transition: 0.2s;
}

.pagination__item--disabled .pagination__double-arrow,
.pagination__item--disabled .pagination__arrow {
  stroke: var(--ruby);
}

.pagination__item--dots .pagination__link {
  color: var(--ruby);
  letter-spacing: 6px;
  align-items: flex-end;
}

/* Загрузка */
.loadmore {
  display: flex;
  justify-content: center;
  height: 40px;
}

.loadmore__animation {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin: 2px 0 0;
  border-radius: 50%;
  background: radial-gradient(at top right, var(--main) 34%, rgba(var(--blue-opacity), 0.1) 50%, var(--ruby)) 70%;
  animation-name: rotation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.loadmore__element {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--main);
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.sport__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

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

.sport__img {
  display: block;
  margin: 0 25px 0 0;
  max-width: 100px;
  height: 70px;
  max-height: 70px;
}

.sport__text {
  font-weight: 700;
  font-size: 40px;
  line-height: 44px;
  color: var(--steelblue);
}

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

.form__select {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background-color: var(--dark);
  border-radius: 10px;
  border: none;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.form__select::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.form__select:focus {
  outline: none;
  border: none;
}

.form__select option {
  display: flex;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding: 8px 15px;
  overflow: hidden;
  min-height: 28px;
  align-items: center;
  color: var(--white);
}

.form__select .form__placeholder {
  font-weight: 700;
  color: var(--orange);
}

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

.filters {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 10px;
}

.filters--four {
  grid-template-columns: repeat(4, 1fr);
}

.filters--three {
  grid-template-columns: repeat(3, 1fr);
}

.filters--small {
  grid-template-columns: repeat(auto-fit, minmax(230px, 260px));
}

.filters--one-one-three {
  grid-template-columns: 1fr 1fr 3fr;
}

.filters--one-two {
  grid-template-columns: 1fr 2fr;
}

.filters__item {
  width: 100%;
}

.filters__item--full {
  grid-column: 1 / 6;
}

.filters__item--half {
  width: auto;
  min-width: 50%;
  margin-left: auto;
}

.filters .search__form {
  width: 100%;
}

.filters .search__input {
  color: rgba(var(--azure-opacity), 0.6);
}

.filters .search__input:-moz-placeholder {
  color: rgba(var(--azure-opacity), 0.6);
}

.filters .search__input::-moz-placeholder {
  color: rgba(var(--azure-opacity), 0.6);
}

.filters .search__input:-ms-input-placeholder {
  color: rgba(var(--azure-opacity), 0.6);
}

.filters .search__input::-webkit-input-placeholder {
  color: rgba(var(--azure-opacity), 0.6);
}

.filters .search__button {
  background-color: var(--white);
}

.filters .search__icon {
  fill: var(--azure);
}

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

.dropdown {
  cursor: pointer;
  position: relative;
  border-radius: 10px;
}

.dropdown__title {
  position: relative;
  color: var(--white);
  display: flex;
  align-items: center;
  height: 44px;
  outline: none;
  border-radius: 10px;
  background-color: var(--azure);
}

.dropdown--orange .dropdown__link {
  color: var(--orange);
  font-size: 16px;
  line-height: 20px;
}

.dropdown--orange .dropdown__title:after {
  border-top: 9px solid var(--orange);
}

.dropdown--disabled .dropdown__title {
  background-color: var(--main);
}

.filters__item--orange .dropdown__link {
  color: var(--orange);
}

.dropdown__title:after {
  display: block;
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -4px;
  transition: 0.2s;
  border: 7px solid transparent;
  border-top: 9px solid var(--white);
}

.dropdown.js-open .dropdown__title:after {
  border: 7px solid transparent;
  border-top: unset;
  border-bottom: 9px solid var(--white);
  transition: 0.2s;
}

.filters__item--orange .dropdown__title:after {
  border-top: 9px solid var(--orange);
}

.filters__item--orange .dropdown.js-open .dropdown__title:after {
  border-bottom: 9px solid var(--orange);
}

.filters__item select {
  display: none;
}

.dropdown__options {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  z-index: 99;
  top: 44px;
  left: 0;
  background-color: var(--azure);
  border-radius: 0 0 10px 10px;
}

.dropdown__link {
  display: flex;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding: 8px 15px;
  overflow: hidden;
}

.dropdown__title .dropdown__link {
  padding: 5px 40px 5px 14px;
  max-height: 43px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.dropdown__option .dropdown__link {
  min-height: 44px;
  align-items: center;
}

.dropdown__option .dropdown__link:hover {
  background: linear-gradient(0deg, rgba(var(--white-opacity), 0.30) 0%, rgba(var(--white-opacity), 0.30) 100%), var(--azure);
  transition: background-color 0.2s,
  border-radius 0s;
}

.dropdown__options .dropdown__option:last-child .dropdown__link:hover {
  border-radius: 0 0 10px 10px;
}

.dropdown.js-open .dropdown__title {
  border-radius: 10px 10px 0 0;
}

.dropdown__color {
  color: var(--ruby);
  padding: 0 5px;
}

.dropdown__option .dropdown__link:hover .dropdown__color {
  color: var(--white);
}

.modal .dropdown {
}

/* Календарь */

.calendar {
  flex-grow: 1;
}

.profile .calendar {
  max-width: calc(100% - 410px);
}

.block-scroll {
  max-height: 640px;
}

.block-scroll .wrap { /* Этот .wrap нужен для nicescroll*/
  display: flex;
}

.block-scroll .nicescroll-rails {
  width: 7px !important;
  top: 0;
  right: 34px !important;
  height: 640px;
  background-color: var(--babyblue);
  border-radius: 30px;
}

.block-scroll .nicescroll-cursors {
  right: -8px !important;
  background-color: var(--azure);
}

.block-scroll .nicescroll-cursors:after {
  content: '';
  position: absolute;
  width: 12px;
  height: calc(100% - 32px);
  background: linear-gradient(var(--main), rgba(var(--main-opacity), 0));
  opacity: 0.4;
  top: 16px;
  left: 50%;
  margin-left: -6px;
  border-radius: 30px;
}

.calendar__slider {
  width: calc(100% - 180px);
}

.calendar__top {
  height: 124px;
  background-color: var(--babyblue);
  padding: 0 90px;
  border-radius: 37px;
  position: relative;
  overflow: hidden;
  margin: 0 0 10px 0;
}

.calendar__arrow {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
  z-index: 2;
  outline: none;
  background-color: var(--blue);
  top: 50%;
  margin-top: -40px;
}

.calendar__arrow--left {
  left: 0;
  border-radius: 0 37px 37px 0;
}

.calendar__arrow--right {
  right: 0;
  border-radius: 37px 0 0 37px;
}

.calendar__arrow-icon {
  stroke: var(--white);
}

.calendar__arrow--left .calendar__arrow-icon {
  transform: scale(-1, 1);
  margin-left: -14px;
}

.calendar__arrow--right .calendar__arrow-icon {
  margin-right: -14px;
}

.calendar__dates {
  display: flex !important;
  overflow: hidden;
}

.calendar__date {
  outline: none;
  margin: 0 4px;
}

.calendar__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 122px;
  height: 122px;
  border-radius: 37px;
  margin: 0 auto;
  cursor: pointer;
}

.calendar__day {
  font-size: 22px;
  line-height: 26px;
  text-transform: uppercase;
}

.calendar__number {
  font-weight: 800;
  font-size: 44px;
  line-height: 50px;
}

.calendar__month {
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}

.calendar__date--active .calendar__link {
  background-color: var(--ruby);
}

.calendar__unit {
  height: 150px;
  background-color: var(--babyblue);
  border-radius: 10px;
  margin: 8px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px;
  position: relative;
}

a.calendar__unit {
  cursor: pointer;
}

.calendar__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 54px;
  -webkit-box-pack: center;
  margin: 0 0 10px 0;
  text-align: center;
  word-break: break-word;
  color: var(--steelblue);
}

.calendar__coach,
.calendar__stadium {
  max-width: 100%;
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 10px 0;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--ruby);
}

.calendar__stadium {
  color: var(--cerulean);
  margin: 0;
}

.calendar__additional {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--orange);
  min-width: 20px;
  padding: 0 3px;
  height: 20px;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 0 5px 0 0;
}

.calendar__time-item {
  height: 150px;
  margin: 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  color: var(--ruby);
  text-align: center;
  width: 90px;
  flex-shrink: 0;
}

.calendar__scroll {
  display: flex;
  align-items: start;
  justify-content: center;
  width: 90px;
  flex-shrink: 0;
  margin-top: 20px;
}

.scroll {
  height: 600px;
  width: 7px;
  border: 1px solid var(--orange);
  border-radius: 30px;
  cursor: pointer;
}

.scroll__control {
  width: 22px;
  height: 70px;
  background-color: var(--orange);
  border-radius: 30px;
  position: relative;
  left: -9px;
  top: 20px;
}

.scroll__control:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 38px;
  background: linear-gradient(var(--main), rgba(var(--main-opacity), 0));
  opacity: 0.4;
  top: 50%;
  margin-top: -19px;
  left: 50%;
  margin-left: -6px;
  border-radius: 30px;
}

/* Модальное окно */

.modal {
  display: none;
  outline: none;
  width: 100%;
  max-width: 660px;
  background-color: var(--babyblue);
  border-radius: 20px;
  padding: 30px 15px;
  z-index: 10000;
  position: fixed;
  top: 30px;
  left: 50%;
  max-height: calc(100vh - 30px);
  margin-left: -330px;
  overflow: scroll;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.modal.open {
  display: block;
}

.modal--large {
  max-width: 730px;
  margin-left: -365px;
}

.modal--inline {
  display: block;
  position: relative;
  top: 0 !important;
  z-index: unset;
  margin: 0 auto;
  left: 0;
  padding: 45px 15px;
}

.modal__container {
  max-width: 450px;
  margin: 0 auto;
}

.modal__banner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0 0;
}

.modal--large .modal__container {
  max-width: 100%;
}

.modal__title {
  font-weight: 700;
  color: var(--steelblue);
  margin: 0 0 20px 0;
  max-width: 90%;
}

.modal__flex {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0 0 20px;
}

.modal__flex .modal__title {
  margin: 0;
}

.modal__content {
  display: flex;
  gap: 10px;
  align-items: center;
}

.modal__icon {
  fill: var(--ruby);
}

.modal__close {
  position: absolute;
  top: 25px;
  right: 25px;
  appearance: none;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
}

.tabs--login .tabs__navigation {
  margin: 0 0 20px 0;
  font-size: 18px;
}

/* Формы */

.form__input,
.form__textarea {
  width: 100%;
  height: 44px;
  background-color: var(--white);
  padding: 0 20px;
  font-size: 14px;
  color: rgba(var(--slate-opacity), 1);
  font-family: "Inter", "Arial", sans-serif;
  border: none;
  outline: none;
  appearance: none;
}

.form__textarea {
  width: 100%;
  height: auto;
  padding: 10px 20px;
}

.form__textarea--resize-none {
  resize: none;
}

.form__input:-moz-placeholder,
.form__textarea:-moz-placeholder {
  color: rgba(var(--slate-opacity), 0.7);
  font-family: "Inter", "Arial", sans-serif;
}

.form__input::-moz-placeholder,
.form__textarea::-moz-placeholder {
  color: rgba(var(--slate-opacity), 0.7);
  font-family: "Inter", "Arial", sans-serif;
}

.form__input:-ms-input-placeholder,
.form__textarea:-ms-input-placeholder {
  color: rgba(var(--slate-opacity), 0.7);
  font-family: "Inter", "Arial", sans-serif;
}

.form__input::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder {
  color: rgba(var(--slate-opacity), 0.7);
  font-family: "Inter", "Arial", sans-serif;
}

.form__input[type="file"] {
  padding: 10px;
}

.form__group {
  margin: 0 0 14px 0;
  position: relative;
}

.form__fieldset {
  margin: 0 0 20px 0;
  padding: 0;
  border: unset;
}

.form__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.form__help {
  font-size: 10px;
  line-height: 20px;
  color: var(--red);
}

.form__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 0 0;
}

.form__container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form__clue {
  line-height: 16px;
  font-size: 12px;
  color: var(--orange);
}

.form__bottom .form__group {
  margin: 0 20px 0 0;
}

.form__bottom--right {
  justify-content: flex-end;
}

.form__links {
  display: flex;
  gap: 15px;
}

.form__link {
  font-size: 12px;
  line-height: 14px;
  color: var(--ruby);
  padding: 2px;
  border-bottom: 2px solid var(--ruby);
}

.form__text {
  font-size: 10px;
  line-height: 14px;
  margin: 0 0 20px 0;
  color: var(--ruby);
}

.checkbox {
  font-size: 12px;
  line-height: 14px;
  cursor: pointer;
  color: var(--ruby);
}

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

.checkbox .form__label {
  cursor: pointer;
  line-height: 22px;
  font-size: 12px;
}

.checkbox__input {
  display: none;
}

.checkbox__indicator {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid var(--ruby);
  margin: 0 14px 0 0;
}

.checkbox__input:checked + .checkbox__indicator:after,
.checkbox__input:checked + .checkbox__indicator:before {
  content: "";
  position: absolute;
  width: 2px;
  background-color: var(--ruby);
  bottom: 3px;
}

.checkbox__input:checked + .checkbox__indicator:after {
  transform: rotate(35deg);
  height: 10px;
  right: 4px;
}

.checkbox__input:checked + .checkbox__indicator:before {
  transform: rotate(-35deg);
  height: 7px;
  left: 4px;
}

.password-recovery .form__button {
  margin: 0 0 0 auto;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(var(--dark-opacity), 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* Профиль игрока */

.profile-row {
  display: flex;
}

.profile {
  display: flex;
  align-items: flex-start;
}

.profile--column {
  flex-direction: column;
  width: 100%;
}

.profile__head {
  background-color: var(--babyblue);
  border-radius: 20px;
  width: 380px;
  flex-shrink: 0;
  font-size: 16px;
  margin: 0 30px 60px 0;
  position: relative;
}

.profile--column .profile__head {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.profile__main {
  flex-grow: 1;
  width: 100%;
}

.profile__settings {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pale-blue);
  margin: 0 0 20px 0;
  padding: 0 30px;
}

.profile__settings-icon {
  margin: 0 10px 0 0;
}

.profile__content {
  padding: 30px 0 0 0;
}

.profile--column .profile__content {
  display: flex;
  padding: 20px;
  width: 100%;
}

.profile__list {
  padding: 0 30px;
}

.profile__list--flex .profile__item {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 5px;
}

.profile__head-container {
  width: 100%;
}

.profile__head-container--column .profile__wrap {
  flex-direction: column;
  gap: 0;
}

.profile__head-container--column .profile__item {
  align-items: start;
  display: grid;
  grid-template-columns: 30% 1fr;
}

.profile__head-container--column .profile__list {
  padding: 0 15px;
}

.profile__wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}

.profile__list-contacts {
  padding: 20px 10px 0 30px;
}

.profile__photo {
  flex-shrink: 0;
}

.profile__picture {
  width: 250px;
  height: 250px;
  margin: 0 auto 20px auto;
  flex-shrink: 0;
}

.profile__img {
  display: block;
  border-radius: 50%;
  width: 100%;
  height: auto;
}

.profile__title {
  font-size: 24px;
  line-height: 32px;
  color: var(--steelblue);
  font-weight: 700;
  margin: 0 0 14px 0;
  text-align: center;
  padding: 0 30px;
}

.profile__age {
  margin: 0 0 20px 0;
  text-align: center;
}

.profile--column .profile__age {
  text-align: start;
  padding: 0 30px;
}

.profile__item {
  display: flex;
  margin: 0 0 20px 0;
  gap: 5px;
}

.profile__unit {
  color: var(--steelblue);
  flex-shrink: 0;
  padding: 0 5px 0 0;
  width: 100%;
  max-width: 105px;
}

.profile__list--flex .profile__unit {
  width: auto;
}

.profile__value {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  color: var(--ruby);
}

.profile__link {
  display: block;
  color: var(--ruby);
}

.profile__link--color {
  color: var(--ruby);
}

.profile__bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 10px 20px;
  height: 100px;
  overflow: hidden;
}

.profile--column .profile__bottom {
  width: auto;
  height: 100%;
  flex-direction: column;
}

.profile--column .socials {
  flex-direction: column;
}

.profile--column .line:after {
  width: 2px;
  height: 100%;
}

.profile__button {
  margin: 0 auto 30px auto;
}

.profile__actions {
  margin: 0 0 30px 0;
}

.profile__action {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.profile__action {
  padding: 5px;
  cursor: pointer;
}

.profile__action--delete {
  color: var(--red);
}

.message {
  display: flex;
  align-items: center;
  background-color: rgba(91, 91, 91, 0.16);
  padding: 20px 15px;
  color: var(--orange);
  font-size: 14px;
  line-height: 18px;
}

.message--border-radius {
  border-radius: 0 0 20px 20px;
}

.message__link {
  display: block;
  color: var(--white);
  text-decoration: underline;
}

.message__icon {
  flex-shrink: 0;
  margin: 0 15px 0 0;
}

.profile-edit__content {
  background-color: var(--dark);
  padding: 30px 40px;
  border-radius: 20px;
}

.profile-edit__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}

.profile-edit__block {
  margin: 0 0 34px 0;
}

.profile-edit__title {
  color: var(--blue);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 14px 0;
}

.form__label {
  font-size: 14px;
  line-height: 30px;
  color: var(--ruby);
}

.profile-edit__birthday {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 2fr 1fr;
}

.profile-edit__bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.profile-edit__policy {
  text-align: right;
  max-width: 270px;
  color: var(--orange);
  font-size: 10px;
  line-height: 16px;
  margin: 0 0 20px 0;
}

.profile-edit__policy-link {
  text-decoration: underline;
}

.profile-edit__buttons {
  display: grid;
  grid-auto-flow: column;
  gap: 20px;
}

.profile-edit__button {
  min-width: 220px;
}

.profile-edit__section {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
  align-items: center;
}

.profile__actions {
  margin: 0 0 30px 0;
}

.profile__action {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.profile__action {
  padding: 5px;
  cursor: pointer;
}

.profile__action--delete {
  color: var(--red);
}

/* stats tab */

.profile__stats {
  flex-grow: 1;
  width: 100%;
}

/* news tab */

.profile__news {
  flex-grow: 1;
  width: 100%;
}

/* events tab */

.profile__events {
  flex-grow: 1;
  width: 100%;
}

/* media tab */
.profile__media {
  flex-grow: 1;
  width: 100%;
}

.profile__block {
  display: flex;
}

.profile-edit__content {
  background-color: var(--dark);
  padding: 30px 40px;
  border-radius: 20px;
}

.profile-edit__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}

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

.rewards,
.achievements {
  margin: 0 0 40px 0;
}

.rewards__list,
.achievements__list {
  display: grid;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
}

.rewards__list {
  grid-template-columns: repeat(auto-fit, minmax(237px, 1fr));
}

.achievements__list {
  grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
}

.rewards__item,
.achievements__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rewards__item {
  background-color: var(--babyblue);
  border-radius: 20px;
  padding: 20px;
}

.rewards__top,
.achievements__bottom {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 14px 0;
  max-width: 100%;
}

.rewards__section,
.achievements__section {
  color: var(--azure);
  margin: 0 7px 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.rewards__season,
.achievements__season {
  color: var(--ruby);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.rewards__place {
  font-size: 24px;
  line-height: 28px;
  font-weight: 800;
  margin: 0 0 14px 0;
}

.rewards__place-number {
  color: var(--yellow);
}

.rewards__place--silver .rewards__place-number {
  color: var(--grey);
}

.rewards__place--bronze .rewards__place-number {
  color: var(--orange);
}

.rewards__tournament,
.achievements__tournament {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 0 14px 0;
  max-width: 100%;
  color: var(--steelblue-2);
}

.rewards__team {
  display: flex;
  align-items: center;
  color: var(--ruby);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  height: 40px;
}

.rewards__team-img {
  display: block;
  border-radius: 50%;
  margin: 0 14px 0 0;
}

.achievements__item {
  padding: 10px;
}

.achievements__img {
  display: block;
  margin: 0 0 10px 0;
}

.achievements__title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
  color: var(--ruby);
  margin: 0 0 14px 0;
  text-align: center;
}

/* Достижения в команде */

.rewards--full .rewards__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

/* Плашка со статистикой */

.info__wrapper {
  height: 250px;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
}

.info--index .info__wrapper {
  background-image: url("../img/info-bg.png");
}

.flex-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.info__wrapper:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url("../img/info-bg.png");
  background-size: cover;
  background-position: center;
}

.info__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 960px;
  width: 100%;
}

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

.info__link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px 15px;
}

.info__number {
  font-size: 60px;
  line-height: 70px;
  margin: 0 0 10px 0;
  color: var(--white);
  font-weight: 700;
}

.info__text {
  font-size: 24px;
  line-height: 28px;
  color: var(--white);
  text-shadow: 0 0 20px rgba(var(--orange-opacity), 0.6);
  text-align: center;
  white-space: nowrap;
  font-weight: 600;
}

.info__text--mobile {
  display: none;
}

/* Баннер */

.banner,
.banner__img {
  display: block;
}

.banner--sidebar {
  margin: 0 0 20px;
}

.banner--modal {
  margin: 30px 0 0;
}

.banner__img {
  height: auto;
  border-radius: 10px;
}

/* Все клубы */

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

.clubs__item {
  width: 290px;
  margin: 0 calc((100% - 1160px) / 3) 60px 0;
}

.clubs__item:nth-child(4n) {
  margin: 0 0 60px 0;
}

.clubs__link {
  display: flex;
  flex-direction: column;
  width: 290px;
  background-color: var(--babyblue);
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}

.clubs__content {
  padding: 20px 20px 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.clubs__picture {
  background-color: var(--white);
  width: 100%;
  max-width: 220px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px 0;
  position: relative;
}

.clubs__img {
  display: block;
  height: auto;
}

.clubs__title {
  font-size: 24px;
  line-height: 28px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 0 10px 0;
  color: var(--steelblue);
}

.clubs__bottom {
  font-weight: 700;
  color: var(--ruby);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 10px;
  flex-grow: 1;
}

/* Все организации */

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

.units__item {
  position: relative;
  width: 290px;
  margin: 0 calc((100% - 1160px) / 3) 60px 0;
}

.units__item:nth-child(4n) {
  margin: 0 0 60px 0;
}

.units__link {
  display: flex;
  flex-direction: column;
  width: 290px;
  background-color: var(--babyblue);
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}

.units__content {
  padding: 20px 20px 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.units__picture {
  background-color: var(--white);
  width: 100%;
  max-width: 220px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px 0;
}

.units__img {
  display: block;
  height: auto;
}

.units__title {
  font-weight: 700;
  color: var(--steelblue);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 10px;
  flex-grow: 1;
}

.units__title--white {
  color: var(--white);
}

.units__wrapper {
  display: flex;
  flex-direction: column;
}

.units__wrapper,
.units__wrapper .list__title {
  flex-grow: 1;
}

.units__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  gap: 10px;
  color: var(--steelblue);
  font-weight: 500;
}

.list {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.list--has-pagination {
  margin: 0 0 60px 0;
}

.blogs-units__icon {
  width: auto;
  height: 24px;
}

/* Организация */

.head--organization .head__img {
  padding: 30px;
  border-radius: unset;
  width: 100%;
  height: auto;
}

/* Документы */

.documents__block {
  margin: 0 0 50px 0;
}

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

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

.documents__link {
  display: flex;
  align-items: center;
  background-color: var(--babyblue);
  padding: 20px 60px;
  border-radius: 20px;
  min-height: 160px;
  color: var(--steelblue);
}

.documents__icon {
  display: block;
  margin: 0 80px 0 0;
}

.documents__title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  max-width: 800px;
  flex-grow: 1;
}

.documents__size {
  font-size: 24px;
  line-height: 28px;
  color: var(--ruby);
  text-align: center;
  width: 120px;
  flex-shrink: 0;
  margin: 0 0 0 auto;
}

/* Статичная страница, редактор */

.video,
.video-container {
  aspect-ratio: 16 / 9;
  width: 100%;
  position: relative;
}

.video > video,
.video-container > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.video iframe,
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border-width: 0;
  outline-width: 0;
}

/* Объекты */

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

.objects__item {
  display: flex;
  align-items: center;
  margin: 0 30px 30px 0;
  width: calc((100% - 30px) / 2);
  padding: 30px;
  background-color: var(--babyblue);
  border-radius: 20px;
}

.objects__item:nth-child(even) {
  margin: 0 0 30px 0;
}

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

.objects__content {
  max-width: calc(100% - 220px);
  margin: 0 30px 0 0;
  flex-grow: 1;
}

.objects__title {
  display: flex;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 90px;
  -webkit-box-pack: center;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  max-height: 90px;
  margin: 0 0 24px 0;
  color: var(--steelblue);
}

.objects__address {
  display: flex;
  align-items: center;
  margin: 0 0 24px 0;
  max-width: 100%;
}

.objects__icon {
  flex-shrink: 0;
  margin: 0 15px 0 0;
  font: var(--ruby);
}

.objects__address-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.objects__link {
  font-size: 16px;
  line-height: 20px;
  color: var(--azure);
  text-decoration: underline;
}

/* Спортобъект */

.object__title {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 30px 0;
  max-width: 60%;
  font-weight: 800;
}

.tags {
  display: flex;
  color: var(--white);
  margin: 0 0 20px 0;
}

.tags__text {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin: 0 20px 0 0;
  flex-shrink: 0;
  color: var(--ruby);
}

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

.tags__item {
  background-color: var(--ruby);
  border-radius: 5px;
  padding: 0 12px;
  line-height: 35px;
  white-space: nowrap;
  margin: 0 25px 10px 0;
}

.object .slider {
  margin: 0 0 30px 0;
}

.slider__wrapper {
  position: relative;
}

.slider__navigation {
  position: absolute;
  bottom: 40px;
  right: 20px;
  display: flex;
  align-items: flex-end;
  z-index: 2;
}

.slider__arrow {
  display: block;
  padding: 0 20px;
  cursor: pointer;
  outline: none;
}

.slider__arrow-icon {
  display: block;
}

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

.slider__dots {
  display: flex;
}

.slider__dot {
  margin: 0 4px;
}

.slider__dot.tns-nav-active .slider__dot-button {
  background-color: #F2994A;
}

.slider__dot-button {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: var(--orange);
  border: none;
  outline: none;
  appearance: none;
  cursor: pointer;
}

.slider__item {
  width: 100%;
  background-size: cover;
  background-position: center;
  margin: 0 0 10px 0;
}

.slider__img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.slider__thumbnails {
  display: flex;
  max-width: calc(100vw - 470px);
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.slider__thumbnails::-webkit-scrollbar {
  display: none;
}

.slider__thumbnail {
  flex-shrink: 0;
  width: 340px;
  height: 250px;
  margin: 0 10px 0 0;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  outline: none;
}

.object__address {
  display: flex;
  align-items: center;
  margin: 0 0 24px 0;
}

.object__icon {
  flex-shrink: 0;
  margin: 0 15px 0 0;
}

.object__link {
  font-size: 16px;
  line-height: 20px;
  color: var(--blue);
  text-decoration: underline;
}

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

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

.partners__item {
  width: 250px;
  margin: 0 calc((100% - 1250px) / 4) 30px 0;
}

.partners__item:nth-child(5n) {
  margin: 0 0 30px 0;
}

.partners__link {
  background-color: var(--babyblue);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: var(--steelblue);
}

.partners__content {
  padding: 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.partners__top {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 15px 0;
  color: var(--ruby);
  font-weight: 700;
  text-align: center;
}

.partners__picture {
  margin: 0 auto 15px auto;
}

.partners__img {
  display: block;
  border-radius: 90px;
  border: 5px solid var(--white);
}

.partners__title {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-grow: 1;
}

.partners__bottom {
  height: 50px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: var(--blue);
  text-decoration: underline;
}

.partners__type {
  height: 50px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: var(--cerulean);
}

/* Слайдер партнёров */

.partners-slider {
  margin: auto 0 0 0;
  margin-top: 60px;
  max-width: calc(100vw - 470px);
}

.partners-slider__title {
  font-size: 20px;
  line-height: 24px;
  color: var(--steelblue);
  margin: 0 0 40px 0;
  text-align: center;
  text-shadow: 0 0 4px 0 rgba(var(--blue-opacity), 0.4);
}

.partners-slider__container {
  margin: 0 0 60px 0;
}

.partners-slider__link {
  width: 224px;
  height: 160px;
  border-radius: 10px;
  background-color: var(--babyblue);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}

.partners-slider__link:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  background-color: var(--blue);
  border-radius: 20px 0 0 20px;
  left: 0;
  top: 0;
}

.partners-slider__img {
  display: block;
}

/* faq */

.faq__item {
  background-color: var(--babyblue);
  border-radius: 20px;
  margin: 0 0 10px 0;
}

.faq__top {
  display: flex;
  align-items: center;
  min-height: 100px;
  padding: 10px 100px 10px 50px;
  position: relative;
  cursor: pointer;
}

.faq__top:after {
  display: block;
  content: '';
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -4px;
  transition: 0.2s;
  border: 12px solid transparent;
  border-top: 14px solid var(--ruby);
}

.faq__top .faq__top:hover:after {
  transition: 0.2s;
  border-top: 14px solid var(--carmine);
}

.map__head {
  position: relative;
  cursor: pointer;
  display: flex;
  margin: 0 0 60px;
}

.map__head::after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  transition: all 0.2s ease 0s;
  border-width: 12px 12px 12px;
  border-style: solid solid solid;
  border-color: transparent transparent transparent;
  border-image: initial;
  border-top: 14px solid var(--ruby);
}

.faq__top .map__head:hover:after {
  transition: 0.2s;
  border-top: 14px solid var(--ruby);
}

.map__body.js-hide {
  display: none;
}

.map__head .title {
  margin: 0;
  color: var(--steelblue);
}

.collapse-active:after {
  border: 12px solid transparent;
  border-top: unset;
  border-bottom: 14px solid var(--ruby);
  transition: 0.2s;
}

.collapse-active:hover:after {
  border-bottom: 14px solid var(--carmine);
  transition: 0.2s;
}

.faq__number {
  width: 35px;
  height: 35px;
  background-color: var(--ruby);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  margin: 0 40px 0 0;
  flex-shrink: 0;
  color: var(--white);
}

.faq__title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  color: var(--steelblue);
}

.faq__content {
  padding: 0 100px 30px 126px;
}

.faq .documents {
  margin: 30px 0 0 0;
}

.faq .documents__link {
  background-color: var(--main);
  padding: 20px 30px;
  min-height: unset;
}

.faq .documents__icon {
  width: 60px;
  height: 60px;
  margin: 0 30px 0 0;
}

.faq .documents__title,
.faq .documents__size {
  font-size: 20px;
  line-height: 26px;
}

/* Организация. Структура */

.organization__item {
  background-color: var(--babyblue);
  border-radius: 20px;
  margin: 0 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 34px 80px;
  min-height: 160px;
}

.organization__title {
  width: 420px;
  padding: 0 20px 0 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.organization__contacts {
  width: 500px;
}

.organization__contacts-item {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}

.organization__text {
  color: var(--steelblue);
}

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

.organization__icon {
  fill: var(--ruby);
  margin: 0 14px 0 0;
}

/* Лига. Структура */

.league__item {
  background-color: var(--babyblue);
  border-radius: 20px;
  margin: 0 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 34px 80px;
  min-height: 160px;
}

.league__title {
  width: 420px;
  padding: 0 20px 0 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.league__contacts {
  width: 500px;
}

.league__contacts-item {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}

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

.league__icon {
  fill: var(--ruby);
  margin: 0 14px 0 0;
}

.league__text {
  color: var(--steelblue);
}

/* Медиа */

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

.media__item {
  position: relative;
  border-radius: 12px;
  width: 100%;
  min-height: 360px;
  background-size: cover;
  background-position: center;
}

.profile .media__item {
  min-height: 235px;
}

.profile .news__item:first-child,
.profile .news__item:nth-child(2),
.profile .videos__item:first-child {
  grid-row: unset;
}

.profile .news__item:nth-child(2),
.profile .videos__item:nth-child(2),
.profile .videos__item:nth-child(3) {
  grid-column: unset;
}

.media__link {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(62, 51, 71, 0.55);
  transition: 0.8s;
  position: relative;
  border-radius: 10px;
  z-index: 1;
}

.media__info {
  position: absolute;
  right: 20px;
  top: 20px
}

.media__number {
  font-weight: 900;
}

.media__number--video {
  margin: 0 0 0 12px;
}

.media__content {
  margin: auto 30px 0 0;
  position: relative;
  padding: 30px;
  z-index: 1;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.media__content:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  border-radius: 0 0 0 10px;
  left: 0;
  top: 0;
  transition: 0.8s;
  z-index: -1;
}

.media__date {
  font-size: 20px;
  line-height: 24px;
  font-weight: 800;
  margin: 0 0 14px 0;
}

.media__title {
  font-size: 20px;
  line-height: 24px;
  max-height: 50px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.media__text {
  max-height: 50px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
}

.media__link:hover {
  transition: 0.8s;
  background-color: unset;
  backdrop-filter: blur(0px);
}

.media__link:hover .media__content:after {
  width: 100%;
  transition: 0.8s;
}

.media__news {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
  border-radius: 0 5px;
  background-color: var(--ruby);
  box-shadow: 0 20px 50px 0 rgba(var(--black-opacity), 0.10);
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  z-index: 1;
}

/* Новости */

/*
.news__item:first-child {
  grid-row: 1 / 3;
}

.news__item:nth-child(2) {
  grid-column: 2 / 4;
}
*/

.news__content {
  max-width: 420px;
  height: 200px;
}

.news__title {
  font-weight: 700;
}

.news__date {
  color: var(--white);
}

.news__content:after {
  background-color: var(--ruby);
}

.news__link:hover .news__content:after {
  background-color: var(--ruby);
}

/* Материалы и блоги */

.materials .news__item:first-child,
.blogs .news__item:first-child {
  grid-row: unset;
}

.materials .news__item:nth-child(2),
.blogs .news__item:nth-child(2) {
  grid-column: unset;
}

.materials__icon {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
  fill: var(--ruby);
}

.materials__icon--right {
  left: auto;
  right: 20px;
}

.materials__img {
  width: auto;
  height: 40px;
}

.materials .videos__item:first-child {
  grid-row: unset;
  grid-column: unset;
}

.materials .videos__item:nth-child(2),
.materials .videos__item:nth-child(3) {
  grid-column: unset;
}

.blogs .news__content::after {
  background-color: var(--red);
}

.blogs .news__link:hover .news__content::after {
  background-color: rgba(var(--red-opacity), 0.8);
}

.blogs-author {
  display: flex;
  align-items: center;
  gap: 15px;
}

.blogs-author__picture {
  width: 40px;
  height: 40px;
  background-color: var(--white);
  border-radius: 50%;
  padding: 3px;
}

.blogs-author__img {
  height: auto;
  border-radius: 50%;
}

.blogs-author__text {
  font-size: 16px;
  line-height: 20px;
}

.blogs .blogs-author {
  margin: 14px 0 0 0;
}

.blogs .news__content {
  min-height: 200px;
  height: auto;
}

.blogs__icon {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
}

.blogs__type {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
  color: var(--orange);
  font-weight: 500;
}

.media-inner__blog {
  margin: 0 0 30px 0;
}

/* Альбомы */

.photos__title {
  max-height: 76px;
  -webkit-line-clamp: 3;
}

.photos__number {
  color: var(--white-2);
  text-align: center;
}

.photos__content {
  height: 184px;
}

.photos__content:after {
  background-color: var(--ruby);
}

.photos__link:hover .photos__content:after {
  background-color: var(--ruby);
}

/* Видео */

.videos__list {
  grid-template-columns: 1fr 1fr;
}

.videos__item {
  min-height: 280px;
}

/*
.videos__item:first-child {
  grid-row: 1 / 3;
}

.videos__item:nth-child(2),
.videos__item:nth-child(3) {
  grid-column: 2 / 3;
}
*/

.videos__info {
  height: 50px;
  border-radius: 14px;
  background-color: var(--ruby);
  padding: 10px 20px;
  display: flex;
  align-items: center;
}

.videos__icon {
  display: block;
}

.videos__content:after {
  background-color: var(--ruby);
}

.videos__link:hover .videos__content:after {
  background-color: var(--ruby);
}

/* Медиа внутри */

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

.media-inner__title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 800;
  padding: 0 20px 0 0;
  margin: 0 0 30px 0;
}

.media-inner__author,
.media-inner__date {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 14px 0;
}

.media-inner__author {
  display: flex;
  column-gap: 5px;
}

.media-inner__content {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}

.media-inner__orange {
  color: var(--ruby);
}

.media-inner__author {
  color: var(--steelblue);
}

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

.media-inner__picture {
  float: left;
  margin: 0 15px 0 0;
  max-width: 500px;
  height: auto;
}

.share {
  position: relative;
}

.share__icon {
  cursor: pointer;
  fill: var(--ruby);
}

.share--white .share__icon {
  fill: var(--white);
}

.share__content {
  display: none;
  position: absolute;
  z-index: 99;
}

.share__content.open {
  display: block;
}

.media__icons {
  position: absolute;
  left: 20px;
  top: 20px;
  display: flex;
  gap: 10px;
}

.media__icons--right {
  left: 80px;
}

.media__icon {
  position: relative;
  z-index: 3;
}

.media__ref {
  display: flex;
  gap: 5px;
  align-items: center;
}

.media__img {
  width: 50px;
  height: auto;
  border-radius: 50px;
  border: 2px solid var(--white);
  z-index: 3;
}

.media__subtitle {
  display: none;
  padding: 10px 10px 10px 20px;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  border-radius: 5px;
  background: var(--steelblue-2);
  margin: 0 0 0 -20px;
  height: 35px;
}

.media__lists {
  position: relative;
  z-index: 2;
}

.media__ref:hover .media__subtitle {
  display: flex;
  z-index: 2;
}

.media__ref:hover + .media__icons {
  z-index: 3;
}

.media__ref:not(:hover) {
  opacity: 0.699999988079071;
  z-index: 1;
}

/* Мероприятие/Соревнование */

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

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

.event__body {
  display: flex;
  gap: 35px;
  min-height: 250px;
  padding: 40px;
  background-color: var(--babyblue);
  border-radius: 10px;
}

.event__picture {
  width: 180px;
  height: 180px;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
}

.event__img {
  display: block;
  border-radius: 50%;
}

.event__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 20px;
}

.event__top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.event__date {
  border-radius: 10px;
  background-color: var(--ruby);
  font-size: 18px;
  line-height: 30px;
  padding: 0 15px;
  font-weight: 700;
  color: var(--white);
}

.event__type,
.event__sport {
  color: var(--ruby);
  font-weight: 700;
}

.event__type {
  font-size: 16px;
  line-height: 20px;
}

.event__link {
  display: flex;
  text-align: right;
  justify-content: flex-end;
  flex-grow: 1;
}

.event__sport {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 0 auto;
  text-align: right;
}

.event__title {
  display: block;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  max-width: 790px;
  color: var(--steelblue);
}

.event__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 15px;
}

.event__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 10px;
}

.event__item {
  display: flex;
  align-items: center;
  gap: 7px;
}

.event__icon {
  flex-shrink: 0;
  fill: var(--ruby);
  position: relative;
  top: 1px;
}

.event__text {
  font-size: 16px;
  line-height: 18px;
  color: var(--steelblue);
}

.event__label {
  color: var(--ruby);
  margin: 0 0 0 5px;
}

.event__label a {
  color: var(--ruby);
}

.event__button {
  max-width: unset;
  min-width: 210px;
}

.event__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

button.event__button {
  cursor: pointer;
}

span.event__button {
  cursor: default;
}

/* События в сайдбаре */

.future,
.sidebar__block {
  margin: 0 0 50px 0;
}

.future {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.future__subtitle {
  margin: 0 !important;
}

.future__list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.future__item {
  background-color: var(--babyblue);
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  overflow: hidden;
}

.future__title {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: var(--steelblue);
  z-index: 2;
}

.future__units {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: auto 0 0 0;
  z-index: 2;
}

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

.future__picture {
  width: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px 0 0;
  flex-shrink: 0;
}

.future__icon {
  display: block;
  fill: var(--ruby);
}

.future__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.future__button {
  margin-top: auto;
  align-self: end;
  z-index: 2;
}

.future__logo {
  display: flex;
  position: absolute;
  right: -45px;
  top: -3%;
  align-items: center;
  fill: var(--white);
  opacity: 0.4;
  z-index: 1;
  transition: 0.2s;
}

.future__item:hover .future__logo {
  fill: var(--ruby);
  opacity: 0.1;
  transition: 0.2s;
}

/* Календарь в футболе */

.schedule__item {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: var(--babyblue);
  border-radius: 20px;
  margin: 0 0 3px 0;
  height: 100px;
}

.schedule__date {
  font-weight: 600;
  text-align: center;
  width: 160px;
}

.schedule__cell {
  padding: 0 10px;
}

.schedule__tournament {
  width: 230px;
}

.schedule__tournament-main {
  font-size: 14px;
  line-height: 15px;
  margin: 0 0 10px 0;
  color: var(--ruby);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 30px;
  font-weight: 700;
}

.schedule__tournament-round {
  font-size: 12px;
  line-height: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 30px;
  color: var(--steelblue);
}

.schedule__team {
  display: flex;
  align-items: center;
  width: calc((100% - 720px) / 2);
  color: var(--steelblue);
}

.schedule__team-img {
  display: block;
  margin: 0 20px 0 0;
  border-radius: 50%;
}

.schedule__team--right {
  justify-content: flex-end;
}

.schedule__team--right .schedule__team-img {
  margin: 0 0 0 20px;
  order: 2;
}

.schedule__team--right .schedule__team-name {
  text-align: right;
}

.schedule__team-name {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.schedule__score {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
}

.schedule__main {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin: 5px 0;
  color: var(--ruby);
}

.schedule__additional {
  font-size: 14px;
  line-height: 16px;
  color: var(--steelblue);
}

.schedule__stats {
  width: 230px;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: lowercase;
  color: var(--azure);
}

.schedule__stats-text {
  margin: 0 10px 0 0;
}

.schedule__stats-icon {
  flex-shrink: 0;
  fill: var(--azure);
}

/* Таблицы и сетки. Таблица */

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

.progress__item {
  margin: 0 5px;
}

.progress__link {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
}

.progress__item--win .progress__link {
  background-color: var(--green);
}

.progress__item--loss .progress__link {
  background-color: var(--red);
}

.progress__item--draw .progress__link {
  background-color: #828282;
}


/* Сортировка таблиц */

.sort-header span {
  position: relative;
  cursor: pointer;
}

.sort-header span:after {
  content: "";
  background-image: url("/img/sort-icon.svg");
  position: absolute;
  width: 10px;
  height: 14px;
  right: -20px;
  top: 50%;
  margin-top: -7px;
}

.sort-header.headerSortDown span:after {
  background-image: url("/img/sort-icon-down.svg");
}

.sort-header.headerSortUp span:after {
  background-image: url("/img/sort-icon-up.svg");
}

/* Общее расписание */

.timetable__item {
  background-color: var(--babyblue);
  border-radius: 20px;
  margin: 0 0 20px 0;
}

.timetable .timetable__top {
  border-bottom: unset;
  box-shadow: unset;
}

.timetable__head .table__cell {
  display: flex;
  align-items: center;
  justify-content: center;
}

.timetable__head .table__left {
  justify-content: flex-start;
}

.timetable .table__row {
  box-shadow: unset;
}

.timetable__place-item {
  display: flex;
  align-items: center;
  margin: 0 0 5px 0;
}

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

.timetable__place-icon {
  flex-shrink: 0;
  margin: 0 10px 0 0;
}

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

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

.timetable__results-container {
  display: flex;
  align-items: center;
  color: var(--blue);
  justify-content: center;
}

.timetable__results-icon {
  stroke: var(--blue);
  transition: 0.2s;
  margin: 0 0 0 10px;
  top: 2px;
  position: relative;
}

.timetable__competition {
  width: 25%;
}

.timetable__date {
  width: 15%;
}

.timetable__time {
  width: 15%;
}

.timetable__place {
  width: 25%;
}

.timetable__results {
  width: 15%;
  cursor: pointer;
}

.timetable__top.collapse-active .timetable__results-icon {
  transform: scale(1, -1);
  transition: 0.2s;
}

.table__danger {
  font-size: 12px;
  color: var(--red);
}

.table-results__score {
  font-size: 12px;
}

.table-results__result {
  font-size: 16px;
}

/* Матч */

/* Шапка матча */

.match {
  color: var(--white);
}

.match {
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 20px;
}

.match:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  background-color: var(--ruby);
}

.match__content {
  padding: 40px 30px;
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
}

.match__overlay {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.match__figures {
  position: absolute;
  top: 50%;
  margin-top: -221px;
  left: 50%;
  margin-left: -695px;
  z-index: -1;
  width: 1390px;
  height: 442px;
}

.match__date,
.match__place {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.match__date {
  margin: 0 0 5px 0;
  font-weight: 600;
  color: var(--orange);
}

.match__place {
  color: var(--blue);
}

.match__main {
  display: flex;
  align-items: center;
  padding: 30px 0;
}

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

.match__picture {
  flex-shrink: 0;
  background-color: var(--white);
  padding: 6px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
}

.match__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.match__team-text {
  margin: 0 20px;
  font-weight: 700;
  flex-grow: 1;
}

.match__team-name {
  font-size: 30px;
  line-height: 34px;
  margin: 0 0 20px 0;
  color: var(--white);
}

.match__team-additional {
  color: var(--orange);
  font-size: 24px;
  line-height: 28px;
}

.match__team--right .match__team-text {
  order: -1;
  text-align: right;
}

.match__middle {
  width: 250px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}

.match__score {
  font-size: 70px;
  line-height: 70px;
  color: var(--orange);
}

.match__score-additional {
  font-size: 18px;
  line-height: 22px;
  margin: 10px 0 0 0;
}

.match__tournament,
.match__round {
  display: block;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

.match__tournament {
  margin: 0 0 5px 0;
  font-weight: 600;
}

.match__round {
  font-weight: 700;
  color: var(--orange);
}

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

.structure__unit {
  width: calc(50% - 5px);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--babyblue);
  border-radius: 20px;
}

.structure__top {
  display: flex;
  align-items: center;
  padding: 40px 100px;
  color: var(--steelblue);
}

.structure__unit--right .structure__top {
  justify-content: flex-end;
  text-align: right;
}

.structure__top-picture {
  width: 130px;
  height: 130px;
  padding: 6px;
  background-color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.structure__top-img {
  display: block;
  height: auto;
  border-radius: 50%;
}

.structure__unit--right .structure__top-picture {
  order: 2;
}

.structure__top-name {
  font-weight: 700;
  font-size: 30px;
  line-height: 34px;
  margin: 0 30px;
}

.structure__subtitle {
  font-weight: 800;
  color: var(--ruby);
  font-size: 16px;
  line-height: 20px;
  padding: 0 50px;
}

.structure__unit--right .structure__subtitle {
  text-align: right;
}

.bests .structure__subtitle {
  padding: 0;
  margin: 0 0 26px 0;
}

.bests {
  padding: 0 50px;
}

.bests__player {
  display: flex;
  align-items: center;
  height: 70px;
  color: var(--steelblue);
}

.structure__unit--right .bests__player {
  justify-content: flex-end;
}

.bests__picture {
  position: relative;
}

.bests__img {
  display: block;
  border-radius: 50%;
}

.bests__icon {
  position: absolute;
  bottom: -5px;
  right: -5px;
}

.bests__text {
  margin: 0 20px;
}

.bests__name {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin: 0 0 5px 0;
}

.bests__position {
  font-size: 16px;
  line-height: 20px;
  color: var(--ruby);
}

.structure__unit--right .bests__text {
  order: -1;
  text-align: right;
}

.structure__unit--right .bests__icon {
  right: auto;
  left: -5px;
}

.structure__list {
  padding: 30px 20px;
}

.structure__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 70px;
  width: 100%;
}

.structure__number {
  flex-shrink: 0;
  width: 20px;
  color: var(--blue);
  text-align: center;
}

.structure__player {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin: 0 10px;
  flex-shrink: 0;
  color: var(--steelblue);
}

.structure__picture {
  margin: 0 10px 0 0;
  position: relative;
  flex-shrink: 0;
}

.structure__unit--right .structure__picture {
  margin: 0 0 0 10px;
}

.structure__img {
  display: block;
  border-radius: 50%;
  position: relative;
}

.structure__status {
  position: absolute;
  right: 0;
  top: -5px;
  border-radius: 50%;
  background-color: orange;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  text-transform: uppercase;
}

.structure__name-status {
  display: none;
}

.structure__name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin: 0 0 3px 0;
}

.structure__position {
  font-size: 12px;
  line-height: 16px;
  color: var(--ruby);
}

.structure__events {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.structure__unit--right .structure__events {
  justify-content: flex-start;
}

.structure__event {
  display: flex;
  align-items: center;
  margin: 3px 0 3px 15px;
  flex-shrink: 0;
}

.structure__unit--right .structure__event {
  margin: 3px 15px 3px 0;
}

.structure__event-container {
  width: 30px;
  display: flex;
  justify-content: center;
}

.structure__count {
  margin: 0 3px;
}

.structure__unit--right .structure__count {
  order: -1;
}

.structure__empty-text {
  text-align: center;
  justify-content: center;
}

.structure--reserve .structure__top {
  display: none;
}

.structure__unit--right .structure__player {
  order: 1;
  justify-content: flex-end;
  text-align: right;
}

.structure__unit--right .structure__picture {
  order: 2;
}

.structure__unit--right .structure__number {
  order: 2;
}

/* Протокол для волейбола и баскетбола*/

.table-protocol {
  margin: 0 0 24px 0;
  table-layout: fixed;
}

.table-protocol .table__cell {
  padding: 0 5px;
  height: 60px;
}

.table-protocol .structure__player {
  margin: 0;
}

.table-protocol .table__number {
  width: 40px;
  font-size: 18px;
}

.table-protocol .table-protocol__player {
  width: 60%;
}

.table-protocol__empty {
  width: 10px;
}

/* Матч. События */

.structure__timeline {
  background-color: var(--babyblue);
  border-radius: 20px;
}

.structure--timeline .structure__unit {
  width: 50%;
  box-shadow: unset;
  border-radius: unset;
  background-color: unset;
}

.timeline {
  position: relative;
}

.timeline:after {
  content: '';
  position: absolute;
  width: 2px;
  top: 40px;
  left: 50%;
  margin-left: -1px;
  height: calc(100% - 80px);
  background-color: var(--ruby);
  z-index: 2;
}

.timeline__block {
  position: relative;
}

.timeline__block:nth-child(odd) {
  background-color: var(--aqua);
}

.timeline__block:last-child,
.timeline__block:last-child .timeline__unit:last-child {
  border-radius: 0 0 20px 20px;
}

.timeline__unit {
  padding: 20px 0;
}

.timeline__item,
.timeline__score {
  z-index: 3;
  position: relative;
  background-color: var(--babyblue);
}

.timeline__block:nth-child(odd) .timeline__item,
.timeline__block:nth-child(odd) .timeline__score {
  background-color: var(--aqua);
}

.timeline__period {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  color: var(--ruby);
  position: absolute;
  top: 34px;
  left: 10px;
  z-index: 4;
}

.timeline__item {
  display: flex;
  align-items: center;
  padding: 0 130px;
}

.timeline__middle {
  flex-shrink: 0;
  width: 70px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline__score {
  height: 40px;
  font-size: 24px;
  line-height: 29px;
  font-weight: 900;
  color: var(--ruby);
  text-align: center;
  display: flex;
  justify-content: center;
}

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

.timeline__name {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  display: block;
  color: var(--steelblue);
}

.timeline__additional {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  margin: 5px 0 0 0;
}

.timeline__additional-icon {
  display: block;
  margin: 0 5px;
  flex-shrink: 0;
}

.timeline__time {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: var(--blue);
  width: 70px;
  flex-shrink: 0;
}

.timeline__part--left,
.timeline__part--left .timeline__player,
.timeline__part--left .timeline__additional {
  justify-content: flex-end;
  text-align: right;
}

.timeline__part--left .timeline__time {
  order: 2;
}

.timeline__part--left .timeline__additional-icon {
  order: -1;
}

.timeline__text {
  color: var(--ruby);
}

.timeline__unit--yellow-card .timeline__text {
  color: var(--yellow);
}

.timeline__unit--red-card .timeline__text,
.timeline__unit--subs .timeline__text {
  color: var(--red);
}

.timeline__penalty .timeline__player {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.timeline__penalty-icon {
  margin: 0 14px;
}

.timeline__part--left .timeline__penalty-icon {
  order: 2;
}

/* Команда. Состав и судьи в протоколе */

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

.composition__item {
  width: 290px;
  margin: 0 calc((100% - 1160px) / 3) 60px 0;
}

.composition__item:nth-child(4n) {
  margin: 0 0 60px 0;
}

.composition__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--babyblue);
  border-radius: 20px;
  padding: 25px 20px;
  position: relative;
}

.composition__number {
  position: absolute;
  top: 25px;
  left: 14px;
  width: 50px;
  text-align: center;
  font-size: 40px;
  line-height: 40px;
  color: var(--azure);
}

.composition__img {
  display: block;
  border-radius: 50%;
  margin: 0 0 10px 0;
}

.composition__title {
  font-weight: 700;
  text-align: center;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px 0;
  color: var(--steelblue);
}

.composition__position {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: var(--ruby);
}

.composition__position--blue {
  color: var(--blue);
}

/* Турнирная таблица в сайдбаре */

.tournament-table .filters {
  grid-template-columns: 1fr;
  grid-column-gap: unset;
  margin: 0 0 20px 0;
}

.tournament-table__table {
  margin: 0 0 30px 0;
}

.tournament-table__table tbody {
  border-radius: 10px;
}

.tournament-table__table .table__link {
  font-size: 14px;
  line-height: 16px;
}

.tournament-table__table .table__link-text {
  font-weight: 500;
}

.tournament-table__table .table__cell {
  padding: 0 10px;
}

.tournament-table__table .table__main {
  font-size: 16px;
  color: var(--steelblue);
  font-weight: 500;
}

.tournament-table__table .table__cell--blue {
  color: var(--blue);
}

.tournament-table__number {
  font-size: 12px;
}

/* Шахматка */

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

.top .filters,
.form-filters {
  flex-grow: 1;
  width: 100%;
}

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

.tabs__navigation--chess .tabs__item {
  margin: 0 0 0 30px;
}

.tabs__icon {
  fill: var(--pale-blue);
}

.tabs__icon .chess-stroke {
  stroke: var(--pale-blue);
}

.tabs__item--active .tabs__icon {
  fill: var(--ruby);
}

.tabs__item--active .chess-stroke {
  stroke: var(--ruby);
}

.chess {
  display: flex;
  align-items: stretch;
}

.chess__teams {
  flex-shrink: 0;
  margin: 0 16px 0 0;
}

.chess__results {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
}

.chess__results .table__cell {
  padding: 0 4px;
}

.chess__results .wrap {
  height: 100%;
}

.chess-scroll-line {
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: rgba(var(--grey), 0.5);
  z-index: 1;
  cursor: pointer;
}

.chess-scroll-toddler {
  position: absolute;
  height: 3px;
  background-color: var(--orange);
  z-index: 2;
  cursor: pointer;
}

.chess-scroll-toddler--one,
.chess-scroll-line--one {
  top: 0;
}

.chess-scroll-line--two,
.chess-scroll-toddler--two {
  bottom: 0;
}

.table-chess .table__row .table__cell {
  background-color: unset;
}

.table-chess__container {
  min-height: 96px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--babyblue);
  border-radius: 10px;
  padding: 4px 0;
  transition: 0.3s;
}

.table__row:first-child .table-chess__container {
  min-height: 98px;
}

.table-chess__container:hover {
  background-color: var(--azure);
  transition: 0.3s;
}

.table-chess__container:hover .table-chess__link {
  color: var(--white);
  transition: 0.3s;
}

.table-chess__empty,
.table-chess__empty:hover {
  background-color: var(--ruby);
}

.table-chess__link {
  color: var(--ruby);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  flex-grow: 1;
  transition: 0.3s;
}

.table-chess .table__cell {
  width: 61px;
  min-width: 61px;
}

.table-chess-teams__team {
  width: 350px;
}

.table__170 {
  width: 170px;
}

.table-chess .table__row {
  border-bottom: 4px solid var(--steelblue);
}

/* Результаты матчей */

.results__list {
  display: flex;
  margin: 0 0 30px 0;
}

.results__item {
  margin: 0 30px 0 0;
}

.results__link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--babyblue);
  width: 350px;
  height: 180px;
  border-radius: 10px;
  position: relative;
  padding: 14px 0;
  color: var(--steelblue);
}

.results__icon {
  position: absolute;
  top: 10px;
  left: 15px;
}

.results__tournament {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-align: center;
  padding: 0 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 5px 0;
}

.results__date {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  color: var(--azure);
  text-align: center;
}

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

.results__logo {
  width: 86px;
  display: flex;
  align-items: center;
  padding: 14px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.results__background {
  position: absolute;
  top: 50%;
  margin-top: -52px;
  left: 0;
  z-index: -1;
}

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

.results__picture,
.results__img {
  border-radius: 50%;
}

.results__picture {
  background-color: var(--white);
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.results__img {
  display: block;
  height: auto;
}

.results__middle {
  flex-grow: 1;
}

.results__score {
  font-size: 44px;
  line-height: 44px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 4px;
  margin: 0 0 5px 0;
}

.results__additional {
  font-size: 10px;
  line-height: 12px;
  color: var(--ruby);
  text-align: center;
  margin: 0 0 5px 0;
}

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

.results__team {
  width: calc((100% - 20px) / 2);
  font-size: 8px;
  line-height: 10px;
  font-weight: 700;
  overflow: hidden;
  height: 20px;
}

.results__team--left {
  text-align: right;
}

.results__bottom {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin: 5px 0 0 0;
}

/* Опросы */

.votes__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}

.votes__item {
  break-inside: avoid;
  margin: 0 0 20px 0;
  overflow: hidden;
  border-radius: 16px;
}

.vote--bg-1 {
  background: linear-gradient(0deg, var(--dark) -10.84%, rgba(20, 0, 160, 0) 112.07%), linear-gradient(136.79deg, rgba(17, 103, 231, 0.7) 0.42%, rgba(17, 103, 231, 0) 89.51%), url("../img/vote/vote-bg-1.jpg");
}

.vote--bg-2 {
  background: linear-gradient(0deg, var(--dark) -10.84%, rgba(20, 0, 160, 0) 112.07%), linear-gradient(136.79deg, rgba(17, 103, 231, 0.7) 0.42%, rgba(17, 103, 231, 0) 89.51%), url("../img/vote/vote-bg-2.jpg");
}

.vote--bg-3 {
  background: linear-gradient(0deg, var(--dark) -10.84%, rgba(20, 0, 160, 0) 112.07%), linear-gradient(136.79deg, rgba(17, 103, 231, 0.7) 0.42%, rgba(17, 103, 231, 0) 89.51%), url("../img/vote/vote-bg-3.jpg");
}

.vote--bg-4 {
  background: linear-gradient(0deg, var(--dark) -10.84%, rgba(20, 0, 160, 0) 112.07%), linear-gradient(136.79deg, rgba(17, 103, 231, 0.7) 0.42%, rgba(17, 103, 231, 0) 89.51%), url("../img/vote/vote-bg-4.jpg");
}

.vote--bg-5 {
  background: linear-gradient(0deg, var(--dark) -10.84%, rgba(20, 0, 160, 0) 112.07%), linear-gradient(136.79deg, rgba(17, 103, 231, 0.7) 0.42%, rgba(17, 103, 231, 0) 89.51%), url("../img/vote/vote-bg-5.jpg");
}

.vote--bg-6 {
  background: linear-gradient(0deg, var(--dark) -10.84%, rgba(20, 0, 160, 0) 112.07%), linear-gradient(136.79deg, rgba(17, 103, 231, 0.7) 0.42%, rgba(17, 103, 231, 0) 89.51%), url("../img/vote/vote-bg-6.jpg");
}

.vote {
  background-position: center;
  background-size: cover;
  height: 100%;
}

.vote__background {
  background: radial-gradient(100% 100% at 3.41% 112.28%, var(--orange) 0%, rgba(var(--pink-opacity), 0.5), var(--dark));
}

.vote--picture .vote__background {
  height: 100%;
  background: rgba(54, 60, 83, 0.5);
}

.vote__container {
  max-width: 510px;
  padding: 30px 15px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.vote__container--full {
  max-width: unset;
}

.vote__share {
  position: absolute;
  top: 30px;
  right: 0;
}

.vote__top {
  font-size: 26px;
  line-height: 30px;
  font-weight: 500;
  color: var(--white);
  text-align: center;
  margin: 0 0 20px 0;
}

.vote__title {
  font-size: 36px;
  line-height: 42px;
  font-weight: 900;
  margin: 0 0 40px 0;
  text-align: center;
  color: var(--white);
}

.vote__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  margin: 0 0 14px 0;
  min-height: 56px;
  border-radius: 5px;
  background-color: rgba(62, 92, 148, 0.5);
  cursor: pointer;
}

.form__radio-input {
  display: none;
}

.vote__result .vote__label {
  margin: 0;
  padding: 0;
  background-color: unset;
  min-height: unset;
}

.vote__result .vote__radio-text {
  margin: 0 0 0 20px;
}

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

.form__radio-item {
  display: flex;
  align-items: center;
  margin: 0 30px 0 0;
  cursor: pointer;
}

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

.form__radio-item .form__radio-indicator {
  margin: 0 10px 0 0;
}

.form__radio-indicator {
  width: 22px;
  height: 22px;
  border: 2px solid var(--white);
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
}

.form__radio-input:checked + .form__radio-indicator::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: var(--ruby);
  border-radius: 50%;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6px;
}

.form__radio-text {
  color: var(--white);
  font-size: 14px;
  line-height: 18px;
}

.vote__radio-text {
  font-weight: 600;
  margin: 0 20px 0 0;
  color: var(--white);
  font-size: 18px;
  line-height: 24px;
}

.vote__button {
  margin-top: 20px;
  background-color: var(--ruby);
  width: 240px;
  max-width: 240px;
  min-height: 60px;
  font-size: 23px;
  font-weight: 600;
}

.vote__result {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  margin: 0 0 14px 0;
  min-height: 56px;
  border-radius: 5px;
  background-color: rgba(62, 92, 148, 0.5);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.vote__result-line {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.vote__result-line:after {
  content: '';
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: var(--ruby);
  transition: width 1s ease-out;
}

.vote__result-line--answer:after {
  width: 100%;
}

.vote__result-container {
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--white);
}

.vote__result-text {
  font-weight: 600;
  color: var(--white);
}

.vote__result-number {
  font-weight: 600;
  color: var(--white);
  margin: 0 10px;
}

.vote__result-check {
  margin: 0 10px;
}

.vote__persons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0 0 0;
}

.vote__persons-pictures {
  display: flex;
  align-items: center;
  margin: 0 10px 0 0;
}

.vote__persons-img {
  display: block;
  border-radius: 50%;
}

.vote__persons-img:nth-child(2),
.vote__persons-img:nth-child(3) {
  margin: 0 0 0 -10px;
}

.vote__persons-text {
  color: rgba(var(--white-opacity), 0.7);
}

/* Опрос в сайдбаре */

.sidebar__vote {
  margin: 0 0 40px 0;
  overflow: hidden;
  border-radius: 16px;
}

.sidebar__vote .vote__container {
  padding: 24px 15px;
}

.sidebar__vote .vote__title {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 20px 0;
}

.sidebar__vote .vote__top {
  font-size: 18px;
  line-height: 22px;
}

.sidebar__vote .vote__label,
.sidebar__vote .vote__result {
  min-height: 44px;
  margin: 0 0 10px 0;
  padding: 10px 14px;
}

.sidebar__vote .vote__result-text,
.sidebar__vote .vote__radio-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.sidebar__vote-button {
  margin-top: 20px;
}

.sidebar__vote .vote__persons-pictures {
  display: none;
}

.sidebar__vote .vote__persons {
  margin: 20px 0 0 0;
}

/* Попап тренировки */

.training .block-scroll {
  max-height: 300px;
}

.training .block-scroll .wrap { /* Этот .wrap нужен для nicescroll*/
  display: flex;
}

.training .block-scroll .nicescroll-rails {
  width: 7px !important;
  top: 0;
  right: 34px !important;
  height: 300px;
  background-color: rgba(164, 50, 73, 0.1);
  border-radius: 30px;
}

.training .block-scroll .nicescroll-cursors {
  right: -8px !important;
  background-color: rgb(156, 47, 69) !important;
}

.training .block-scroll .nicescroll-cursors:after {
  content: '';
  position: absolute;
  width: 12px;
  height: calc(100% - 32px);
  background: linear-gradient(var(--main), rgba(var(--main-opacity), 0));
  opacity: 0.4;
  top: 16px;
  left: 50%;
  margin-left: -6px;
  border-radius: 30px;
}

.training__list {
  margin: 20px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.training__item {
  display: flex;
  gap: 20px;
}

.training__picture {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  width: 130px;
  height: 130px;
}

.training__title {
  font-size: 18px;
  line-height: 24px;
  color: var(--steelblue);
  text-align: start;
  font-weight: 600;
}

.training__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex-grow: 1;
}

.training__stadium {
  color: var(--steelblue);
}

.training__container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.training__location {
  display: flex;
  align-items: center;
  gap: 10px;
}

.training__icon {
  flex-shrink: 0;
  fill: var(--ruby);
}

.training__text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--steelblue);
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.training__block {
  display: flex;
  flex-direction: column;
}

.training__wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.training__person {
  border-radius: 100%;
}

.training__unit {
  flex-shrink: 0;
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
  text-transform: lowercase;
  color: var(--ruby);
  min-width: 55px;
}

.training__coach {
  display: block;
  color: var(--blue);
}

.training__button {
  margin: 0 0 0 auto;
  min-width: 210px;
}

.cookie {
  background-color: var(--pale-blue);
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 4;
  margin: auto 0 0 0;
}

.cookie:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: repeat;
  z-index: -1;
  opacity: 0.05;
}

.cookie__container {
  padding: 40px 30px;
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cookie__text {
  line-height: 24px;
  color: var(--white);
}

.cookie__buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}

.cookie__buttons .button {
  white-space: nowrap;
}


.result {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.result__link {
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 10px;
  background-color: var(--dark);
  position: relative;
  overflow: hidden;
}

.result__link:before {
  width: 6px;
  height: 50%;
  content: '';
  background-color: var(--blue);
  position: absolute;
  top: 0;
  left: 0;
}

.result__date {
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
  color: var(--orange);
}

.result__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
}

.marked {
  background-color: rgba(var(--orange-opacity), 0.5);
}

.result__text {
  font-size: 18px;
  line-height: 24px;
}

.members {
  display: flex;
  gap: 5px;
  position: absolute;
  top: 20px;
}

.members--column {
  flex-direction: column;
}

.members--right {
  right: 20px;
}

.members--left {
  left: 20px;
}

.members__item {
  display: flex;
}

.members__link {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.members__link:hover {
  z-index: 4;
}

.members__icon {
  flex-shrink: 0;
  z-index: 3;
  position: relative;
  border-radius: 50%;
  border: 2px solid var(--white);
}

.members__link:hover .members__icon {
  z-index: 3;
}

.members__title {
  display: none;
  border-radius: 5px;
  background: var(--steelblue-2);
  padding: 10px 30px 10px 10px;
  flex-shrink: 0;
  position: absolute;
  right: 50%;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  transition: 0.3s;
  white-space: nowrap;
  z-index: 1;
  color: var(--white);
}

.members__link:hover .members__title {
  z-index: 2;
}

.members--left .members__title {
  left: 50%;
  right: auto;
  padding: 10px 10px 10px 30px;
}

.media__wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.media__main {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px 5px 5px;
  border-radius: 5px;
  margin: 0 0 14px 0;
  transition: 0.3s;
}

.media__link:hover .media__main {
  transition: 0.3s;
  background-color: var(--steelblue-2);
}

.media__icon {
  fill: var(--ruby);
  transition: 0.3s;
}

.media__link:hover .media__icon {
  fill: var(--ruby);
  transition: 0.3s;
}

.media__hide {
  display: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: var(--white);
  white-space: nowrap;
  transition: 0.3s;
}

/* popup-banner */
.insure {
  margin: 0 auto;
  text-align: center;
  padding: 25px 0 0;
  color: var(--white);
}

.insure__wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: center;
}

.insure__container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.insure__block {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.insure__heading {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.insure__subtitle {
  color: rgba(var(--white-opacity), 0.70);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.insure__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.insure__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.insure__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.insure__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.insure__text {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  background-color: rgba(var(--orange-opacity-2) 0.70);
  padding: 5px;
  width: 184px;
  height: 100%;
}

.insure__excerpt {
  color: rgba(var(--white-opacity), 0.70);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  max-width: 510px;
}

.insure__button {
  border-radius: 25px;
  background: var(--orange-2);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  padding: 15px 25px;
  margin: 0 auto;
  max-width: none;
  height: auto;
}

/* блок Достижения */
.achievement {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
}

.achievement__item {
  border-radius: 20px;
  background-color: var(--babyblue);
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 30px 0 30px 20px;
  overflow: hidden;
  position: relative;
  gap: 15px;
}

.achievement__container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 415px;
}

.achievement__content {
  display: flex;
  gap: 15px;
  align-items: center;
}

.achievement__icon {
  flex-shrink: 0;
  max-width: 25%;
  height: auto;
}

.achievement__subtitle {
  align-self: flex-start;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  z-index: 2;
}

.achievement__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  z-index: 2;
}

.achievement__back {
  opacity: 0.2;
  position: absolute;
  top: -50px;
  right: -157px;
}

.achievement__img {
  clip-path: polygon(0px 50%, 100% 0, 100% 100%, 100% 100%);
  width: 220px;
  height: 250px;
  object-fit: cover;
  border-radius: 100% 0 0 40%;
  margin: -30px 0;
}

.cup {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: -5px;
  right: 0;
}

.cup__block {
  display: flex;
  gap: 5px;
  align-items: center;
  z-index: 3;
}

.cup__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  flex-shrink: 0;
  background-color: var(--steelblue-2);
  border: 2px solid var(--white);
  border-radius: 50px;
  z-index: 3;
  position: relative;
  transition: 0.3s;
}

.cup:hover .cup__container {
  border: 2px solid var(--azure);
  transition: 0.3s;
}

.cup__title {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.cup__img {
  position: absolute;
  left: -11px;
  bottom: 0;
}

.cup:hover .cup__content {
  display: flex;
}

.cup__content {
  display: none;
  flex-direction: column;
  position: absolute;
  left: 35px;
  top: 6px;
}

.cup__subtitle {
  display: flex;
  flex-direction: column;
  padding: 5px 10px 5px 25px;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  width: 100%;
  min-width: 200px;
  border-radius: 5px;
  background-color: var(--steelblue-2);
  position: relative;
  flex-shrink: 0;
  z-index: 2;
}

.cup__gray {
  align-self: end;
  color: var(--azure);
}

.cup__list {
  display: flex;
  min-width: 193px;
  padding: 15px 10px 5px 25px;
  flex-direction: column;
  gap: 5px;
  border-radius: 0 0 5px 5px;
  z-index: 1;
  backdrop-filter: blur(10px);
  margin: -5px 0 0;
  background: linear-gradient(0deg, rgba(var(--steelblue-opacity), 0.80) 0%, rgba(var(--steelblue-opacity), 0.80) 100%), var(--white);
}

.cup__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  min-width: 165px;
}

.cup__number {
  color: var(--white);
  min-width: 32px;
}

.cup__text {
  flex-shrink: 0;
}

.cup__icon {
  display: flex;
  flex-shrink: 0;
}

.cups {
  display: flex;
  align-items: center;
  position: absolute;
  left: -27px;
  bottom: 0;
  gap: 5px;
  z-index: 3;
}

.cups__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  flex-shrink: 0;
  background-color: var(--steelblue);
  border: 2px solid var(--white);
  border-radius: 50px;
  z-index: 3;
  transition: 0.3s;
}

.cups:hover .cups__container {
  transition: 0.3s;
  border: 2px solid var(--azure);
}

.cups__title {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.cups__subtitle {
  display: none;
  position: absolute;
  flex-direction: column;
  padding: 5px 10px 5px 25px;
  text-align: end;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  width: 100%;
  min-width: 200px;
  border-radius: 5px;
  background: var(--steelblue-2);
  margin: 0 0 0 -20px;
  flex-shrink: 0;
  left: 60px;
}

.cups:hover .cups__subtitle {
  display: flex;
}

.error {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 50px;
  color: var(--steelblue);
  height: 100%;
  justify-content: center;
  position: relative;
}

.error__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

.error__info {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.error__gray {
  color: rgba(var(--steelblue-opacity), 0.5);
}

.error__code {
  font-size: 174px;
  font-style: normal;
  font-weight: 400;
  line-height: 150px;
}

.error__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.error__texts {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.error__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
}

.error__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.error .button {
  max-width: 240px;
}

.error__decor {
  position: absolute;
  top: calc(50% - 250px);
  left: 65%;
}

.show-730 {
  display: none;
}

.buttons {
  display: flex;
  align-items: center;
  gap: 20px;
  overflow: scroll;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.buttons__item--active .buttons__link {
  background-color: var(--ruby);
  color: var(--white);
  font-weight: 600;
}

.buttons__link {
  background-color: var(--white);
  color: var(--ruby);
  border: 1px solid var(--ruby);
  border-radius: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  padding: 10px 20px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.2s;
  max-width: 210px;
  min-height: 40px;
  width: 165px;
}

.buttons__link:hover {
  background-color: var(--ruby);
  color: var(--white);
  font-weight: 600;
  transition: 0.2s;
}

.hide-1300 {
  display: none;
}