.purchase + .purchase {

}

.purchase + .purchase:last-child {

}

.purchase + .purchase:last-child .purchase__item_close {
    border-bottom: 1px solid #a1aaad;
}

.calend__hidden-doc .purchase + .purchase {
    border-top: 1px solid #a1aaad;
}

.federation__purchase  .purchase + .purchase {

}

.federation__purchase  .purchase + .purchase {
    border-top: 1px solid #a1aaad;
}

.purchase + .purchase:last-child .purchase__item_open {
    border-color: transparent;
}

.purchase:first-child .purchase__title {
    padding-top: 6px;
}

@media (max-width: 576px) {
    .purchase:first-child .purchase__title {
        padding-top: 0;
        padding-bottom: 0;
    }
    .purchase .purchase__title {
        padding-bottom: 0 !important;
    }
}

.purchase__item {
    width: 100%;
}

.purchase__item_open .purchase__panel {
    opacity: 1;
    height: auto;
    margin: 14px 0 48px;
    transition: .3s;
    pointer-events: auto;
    padding-top: 18px;
}
.purchase .date {
    color: #909EA1;
    font-size: 18px;
    padding-top: 16px;
    font-weight: 500;
}
.purchase__description {
    font-style: normal;
    font-weight: 500;
    line-height: 118%;
    margin-bottom: 36px;
    color:#909EA1;
    font-size:18px;
}

@media (max-width: 1024px) {
    .purchase__item_open .purchase__panel {
        margin-top: 0;
        margin-bottom: 32px;
    }

    .purchase__description {
        margin-bottom: 32px;
    }
}

@media (max-width: 576px) {

    .antidoping-position .ui-cols.purchase__item {
        gap:12px;
    }
    .purchase__item_open .purchase__panel {
        margin-bottom: 11px;
        padding-top: 0;
    }

    .purchase__description {
        font-weight: 500;
        font-size: 11px;
        line-height: 112.99999999999999%;
        margin-bottom: 27px;
    }
    .purchase .date {
        font-weight: 500;
        font-size: 11px;}
}

.purchase__item_open .purchase__icon {
    rotate: 45deg;
}

.sub-purchase__item_close .purchase__icon {
    rotate: 0deg;
}

.sub-purchase__item_copen .purchase__icon {
    rotate: 45deg;
}

.sub-purchase {
    margin-left: 30px;
}

.purchase__panel {
    opacity: 0;
    height: 0;
    pointer-events: none;
    transition: .3s;
    margin-top: 33px
}
.purchase:first-child .purchase__panel {
    padding-top: 0;
    margin-top: 6px;
}
.purchase__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
    display: flex;
    padding-bottom: 33px;
    padding-top: 33px;
    position: relative;

    justify-content: normal;
    align-items:baseline;
}

@media (max-width: 1024px) {
    .purchase__title {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .purchase__title {
        font-size: 16px;
        line-height: 1.0625;
    }
}

.purchase__icon {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    padding: 0;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: 0;
    transition: .3s ease;
}

@media (max-width: 1024px) {
    .purchase__icon {
        width: 20px;
        height: 20px;
    }
}

.purchase__icon::before,
.purchase__icon::after {
    content: '';
    position: absolute;
    display: flex;
    width: 100%;
    height: 2px;
    background: #213d43;
    transition: .3s;
}

.purchase__icon::before {
    top: 50%;
    right: 0;
    translate: 0 -50%;
}

.purchase__icon::after {
    right: 2%;
    rotate: 90deg;
}

.sub-purchase__item_open .sub-purchase__panel {
    opacity: 1;
    height: auto;
    margin: 14px 0 48px;
    transition: .3s;
    z-index: 1;
    pointer-events: auto;
}

@media (max-width: 1024px) {
    .sub-purchase__item_open .sub-purchase__panel {
        margin-top: 0;
        margin-bottom: 32px;
    }
}

@media (max-width: 576px) {
    .sub-purchase__item_open .sub-purchase__panel {
        margin-bottom: 11px;
    }
}

.sub-purchase__item_open .purchase__icon {
    rotate: 45deg;
}

.sub-purchase__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 20px;
    line-height: 1.2667;
    font-style: normal;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding-bottom: 33px;
    padding-top: 33px;
    position: relative;
}

@media (max-width: 1024px) {
    .sub-purchase__title {
        font-size: 17px;
        line-height: 1.29412;
    }
}

@media (max-width: 576px) {
    .sub-purchase__title {
        font-size: 15px;
        line-height: 1.2667;
    }
}

@media (max-width: 1024px) {
    .sub-purchase__title {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

.sub-purchase__panel {
    position: relative;
    opacity: 0;
    height: 0;
    pointer-events: none;
    transition: .3s;
    z-index: -1;
}

.purchase-panel__row {
    display: flex;
    align-items: center;
    row-gap: 30px;
}

@media (max-width: 576px) {
    .purchase-panel__row {
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 24px;
        row-gap: 3px;
        -moz-column-gap: 3px;
        column-gap: 3px;
    }
}

@media (max-width: 576px) {
    .purchase-panel__row:not(:last-child) {
        margin-bottom: 19px;
        border-bottom: 1px solid #a1aaad;
    }
}

.purchase-panel__row + .purchase-panel__row {
    margin-top: 32px;
}

@media (max-width: 1024px) {
    .purchase-panel__row + .purchase-panel__row {
        margin-top: 16px;
    }
}

.purchase-panel__icon {
    height: 24px;
    width: 19px;
    padding-right: 20px;
    background: url("/static/img/icon-download.svg") no-repeat;
}

@media (max-width: 1024px) {
    .purchase-panel__icon {
        padding-right: 16px;
    }
}

@media (max-width: 576px) {
    .purchase-panel__icon {
        position: absolute;
        top: 5px;
        left: 0;
        padding-right: unset;
        width: 24px;
        height: 30px;
        background-size: cover;
    }
}

.purchase-panel__name {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: calc(100% - 30px - 277px);
    color: #213d43;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .purchase-panel__name {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .purchase-panel__name {
        font-size: 14px;
        line-height: 118%;
    }
}

@media (max-width: 1024px) {
    .purchase-panel__name {
        width: calc(100% - 30px - 250px);
    }
}

@media (max-width: 576px) {
    .purchase-panel__name {
        padding-left: 42px;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.purchase-panel__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    width: 277px;
}

@media (max-width: 1024px) {
    .purchase-panel__info {
        width: 250px;
    }
}

@media (max-width: 576px) {
    .purchase-panel__info {
        margin-left: 0;
        padding-left: 42px;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.purchase-panel__mobile {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    margin-right: 16px;
    color: rgba(33, 61, 67, 0.6);
    display: none;
}

@media (max-width: 1024px) {
    .purchase-panel__mobile {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .purchase-panel__mobile {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 576px) {
    .purchase-panel__mobile {
        display: flex;
    }
}

.purchase-panel__format,
.purchase-panel__size {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: rgba(33, 61, 67, 0.6);
}

@media (max-width: 1024px) {
    .purchase-panel__format,
    .purchase-panel__size {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .purchase-panel__format,
    .purchase-panel__size {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 576px) {
    .purchase-panel__format,
    .purchase-panel__size {
        display: none;
    }
}

.purchase-panel__format {
    min-width: 43px;
}

@media (max-width: 576px) {
    .purchase-panel__format {
        min-width: unset;
    }
}

.purchase-panel__download {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    color: #82eb00;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .purchase-panel__download {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .purchase-panel__download {
        font-size: 14px;
        line-height: 118%;
    }
}

.slider-brand {
    position: relative;
}

.slider-brand__slide {
    width: 100% !important;
}

.slider-brand__slide img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.slider-brand__button {
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    width: 72px;
    height: 72px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
    border: 0;
    background: #82eb00;
}

@media (max-width: 1024px) {
    .slider-brand__button {
        display: none;
    }
}

.slider-brand__button svg {
    fill: none;
    stroke: #142c31;
    stroke-width: 2px;
    margin-bottom: 2px;
}

.slider-brand__button_next {
    right: 20px;
}

.slider-brand__button_prev {
    left: 0;
    transform: translate(0, -50%) rotate(180deg);
}

.slider-brand__button.swiper-button-disabled {
    display: none;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.partners__item[data-wmodal="partners__wmodal"] {
    cursor: pointer;
}

.partners__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 70px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75%;
}

.partners__text a {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    text-decoration: none;
    transition: all .3s;
}

.partners__text a:hover {
    color: #142c31;
}

.partners__sub-caption {
    color: #213D43;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 113%;
    margin-bottom: 36px;
}

.partners__block {
    margin-bottom: 36px;
    padding-bottom: 36px;
    border-bottom: 1px solid #213D43;
}

.partners__block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

@media (max-width: 1279px) {
    .partners__text {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .partners__text,
    .partners__text a {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .partners__text,
    .partners__text a {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 768px) {
    .purchase:first-child .purchase__title,.purchase .purchase__title {
        padding-bottom: 0;
    }

    .purchase__item_open .purchase__panel {
        padding-top: 4px;
    }
    .antidoping-position .ui-cols.purchase__item {
        gap:16px;
    }
    .partners__item {
        padding-bottom: 75px !important;
    }
    .purchase .date, .purchase__description {font-size:16px;}
    .partners__text {
        height: 60px;
    }
}

@media (max-width: 1024px) {
    .partners__text {
        margin-top: 21px;
    }
}

@media (max-width: 576px) {
    .partners__text {
        margin-top: 20px;
        width: 100%;
        height: 55px;
    }

    .partners__item {
        padding-bottom: 70px !important;
    }

}

.partners__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 0;
}

.partners__item {
    position: relative;
    padding-bottom: 90px;
    display: flex;
    align-items: center;
}

@media (max-width: 1024px) {
    .partners__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

@media (max-width: 576px) {
    .partners__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 10px;
    }
}

.partners__img {
    box-sizing: border-box;
    width: 100%;
    max-width: 165px;
    height: initial;
    padding: 0;
}

@media (max-width: 1024px) {
    .partners__img {
        max-height: 100px;
    }

    .partners__img img {
        max-height: 100px;
        max-width: 100%;
    }

    .partners__sub-caption {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .partners__img {

    }

    .partners__sub-caption {
        font-size: 16px;
    }
}

.partners__img img {
    width: auto;
    max-width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    filter: grayscale(1);
    transition: all .3s;
}

.partners__img img:hover {
    filter: grayscale(0);
}

.partners__img_xl {
    width: 598px;
    margin-bottom: 32px;
}

@media (max-width: 1024px) {
    .partners__img_xl {
        width: 100%;
        margin-bottom: 24px;
    }
}

@media (max-width: 576px) {
    .partners__img_xl {
        margin-bottom: 20px;
    }
}

.partners__img_xl + .partners__text {
    width: 40%;
}

@media (max-width: 1024px) {
    .partners__img_xl + .partners__text {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .partners__img_xl + .partners__text {
        width: 75%;
    }
}

.contacts__form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 60px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin-top: 6px;
    margin-bottom: 52px;
}

@media (max-width: 1024px) {
    .contacts__form {
        row-gap: 32px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        margin-top: 0;
        margin-bottom: 24px;
    }
}

@media (max-width: 576px) {
    .contacts__form {
        display: flex;
        flex-direction: column;
        margin-bottom: 16px;
        gap: 24px;
    }
}

.contacts__form .input__textarea-wrap {
    grid-column: 1 / 3;
}

.contacts__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
    grid-column: 1 / -1;
}

@media (max-width: 1024px) {
    .contacts__title {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .contacts__title {
        font-size: 16px;
        line-height: 1.0625;
    }
}

.input + .contacts__title {
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .contacts.ui-cols {
        gap: 48px;
    }
}

@media (max-width: 576px) {
    .contacts.ui-cols {
        gap: 32px;
    }
}

@media (max-width: 1024px) {
    .contacts.ui-cols .ui-cols__right {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 576px) {
    .contacts.ui-cols .ui-cols__right {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media (max-width: 1024px) {
    .contacts.ui-cols .ui-cols__title {
        width: 100%;
    }
}

.contacts.ui-cols .ui-cols__text {
    color: #909ea1;
    margin-top: 16px;
    max-width: 300px;
}

@media (max-width: 1024px) {
    .contacts.ui-cols .ui-cols__text {
        margin-top: 0;
    }
}

@media (max-width: 576px) {
    .contacts.ui-cols .ui-cols__text {
        width: 72%;
    }
}

.contacts__button {
    border: 0;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    background: #213d43;
    padding: 16px;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 42px;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    transition: background-color 0.25s;
    grid-column: 1 / 3;
}

@media (max-width: 1024px) {
    .contacts__button {
        padding: 17px;
    }
}

@media (max-width: 576px) {
    .contacts__button {
        border-radius: 40px;
    }
}

@media (max-width: 1024px) {
    .contacts__button {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .contacts__button {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 1024px) {
    .contacts__button {
        margin-top: 16px;
    }
}

@media (max-width: 576px) {
    .contacts__button {
        margin-top: 8px;
    }
}

.contacts__button:hover {
    color: #213d43;
    background-color: #82eb00;
}

.contacts__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 15px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    grid-column: 1 / 3;
}

@media (max-width: 1024px) {
    .contacts__text {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .contacts__text {
        font-size: 12px;
    }
}

.contacts__text a {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
}

@media (hover: hover) {
    .contacts__text a:hover {
        color: #213d43;
    }
}

.contacts .choices__placeholder {
    color: #909ea1;
}

.contacts__select {
    position: relative;
    grid-column: 1 / -1;
    width: 100%;
    border-bottom: 1px solid #213d43;
}

.contacts__select .choices {
    margin-bottom: 0;
    padding-left: 2px;
    padding-bottom: 16px;
    overflow: visible;
}

.contacts__select .choices__button {
    display: none;
}

.contacts__select .choices__inner {
    width: 100%;
    overflow: visible;
}

.contacts__select .choices__inner::after {
    border-color: #909ea1;
}

.contacts__select .choices__list.choices__list_dropdown {
    width: 100%;
    max-width: none;
}

.contacts__select .choices__list.choices__list_single {
    width: 100%;
}

.contacts__select .choices__item.choices__item_selectable {
    justify-content: space-between;
    color: #909ea1;
}

.contacts__select .input__error-text {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(calc(100% + 18px));
    margin-top: 0;
}

.flatpickr-calendar {
    width: 480px;
    background-color: #213d43;
    color: #fff;
    border-radius: 24px;
    box-shadow: 0 4px 32px 0 rgba(170, 170, 170, 0.03);
}

.flatpickr-calendar::before,
.flatpickr-calendar::after {
    display: none;
}

@media (max-width: 1024px) {
    .flatpickr-calendar {
        width: 300px;
    }
}

.flatpickr-calendar .flatpickr-months {
    align-items: center;
    padding: 32px 33px 44px;
}

@media (max-width: 1024px) {
    .flatpickr-calendar .flatpickr-months {
        padding: 16px 16px 24px;
    }
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    position: relative;
    padding: 0;
    height: -moz-fit-content;
    height: fit-content;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
    color: #fff;
    fill: #fff;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    order: 2;
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    order: 3;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month {
    padding: 0;
    color: #fff;
    text-align: start;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month {
    left: 0;
    display: flex;
    align-items: center;
    width: 90%;
    padding-top: 0;
    text-align: start;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months {
    padding-left: 0;
    background-color: #213d43;
    color: #fff;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper span.arrowUp::after {
    border-bottom-color: #fff;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper span.arrowDown::after {
    border-top-color: #fff;
}

.flatpickr-calendar .flatpickr-innerContainer {
    padding: 0 33px 32px;
}

@media (max-width: 1024px) {
    .flatpickr-calendar .flatpickr-innerContainer {
        padding: 0 16px 16px;
    }
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer {
    width: 100%;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays {
    margin-bottom: 18px;
}

@media (max-width: 1024px) {
    .flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays {
        margin-bottom: 10px;
    }
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekday {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    text-transform: capitalize;
    color: #fff;
}

@media (max-width: 1024px) {
    .flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekday {
        font-size: 16px;
        line-height: 1;
    }
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer {
    width: 414px;
    min-width: 414px;
    max-width: 414px;
}

@media (max-width: 1024px) {
    .flatpickr-calendar .flatpickr-innerContainer .dayContainer {
        width: 268px;
        min-width: 268px;
        max-width: 268px;
    }
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days {
    width: 414px;
}

@media (max-width: 1024px) {
    .flatpickr-calendar .flatpickr-innerContainer .flatpickr-days {
        width: 268px;
    }
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 20%;
    max-width: 56px;
    width: 56px;
    height: 56px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
}

@media (max-width: 1024px) {
    .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day {
        max-width: 38px;
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.today {
    background-color: #213d43;
    color: #fff;
    border-color: #82eb00;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.selected {
    background-color: #82eb00;
    color: #213d43;
    border-color: #82eb00;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.prevMonthDay {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day:hover {
    background-color: #909ea1;
    color: #213d43;
}

.flatpickr-mobile {
    width: 100%;
}

.flatpickr-mobile::-moz-placeholder {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    opacity: 1;
}

.flatpickr-mobile::placeholder {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    opacity: 1;
}

@media (max-width: 1024px) {
    .flatpickr-mobile::-moz-placeholder {
        font-size: 16px;
        line-height: 1.25;
    }

    .flatpickr-mobile::placeholder {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .flatpickr-mobile::-moz-placeholder {
        font-size: 14px;
        line-height: 1.2143;
    }

    .flatpickr-mobile::placeholder {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.flatpickr-mobile ~ .input-button {
    display: none;
}

.input {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.input_wide {
    grid-column: 1 / -1;
}

.input__label {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2778;
}

.input__input {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #213d43;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #213d43;
    border-radius: 0;
    resize: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-bottom: 16px;
}

.input__input_invalid {
    border-color: #f00;
}

.input__input-caption {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909EA1;
    margin-top: 32px;
}

.input__input-caption a {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909EA1;
    text-decoration: underline;
}

.input__input-caption a:hover {
    text-decoration: none;
}

@media (max-width: 1024px) {
    .input__input {
        font-size: 16px;
        line-height: 1.25;
    }

    .input__input-caption,
    .input__input-caption a {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .input__input {
        font-size: 14px;
        line-height: 1.2143;
    }

    .input__input-caption,
    .input__input-caption a {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.input__input::-moz-placeholder {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    opacity: 1;
    white-space: pre-line;
}

.input__input::placeholder {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    opacity: 1;
    white-space: pre-line;
}

.input__input,
.input__input-caption,
.input__input-caption a,
body .custom-radio label,
body .custom-checkbox + label,
body .input__file-text strong {
    font-size: 18px;
}

.input__input-caption-small,
.input__input-caption-small a {
    font-size: 15px;
}

@media (max-width: 1330px) {
    .input__input::-moz-placeholder {
        font-size: 13px;
        line-height: 1.25;
    }

    .input__input::placeholder {
        font-size: 13px;
        line-height: 1.25;
    }

    .input__input,
    .input__input-caption,
    .input__input-caption a,
    body .custom-radio label,
    body .custom-checkbox + label,
    body .input__file-text strong {
        font-size: 13px;
        line-height: 1.25;
    }
}

@media (max-width: 991px) {
    .input__input::-moz-placeholder {
        font-size: 15px;
    }

    .input__input::placeholder {
        font-size: 15px;
    }

    .input__input,
    .input__input-caption,
    .input__input-caption a,
    body .custom-radio label,
    body .custom-checkbox + label,
    body .input__file-text strong {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .input__input::-moz-placeholder {
        font-size: 13px;
    }

    .input__input::placeholder {
        font-size: 13px;
    }

    .input__input,
    .input__input-caption,
    .input__input-caption a,
    body .custom-radio label,
    body .custom-checkbox + label,
    body .input__file-text strong {
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .input__input::-moz-placeholder {
        font-size: 14px;
        line-height: 1.2143;
    }

    .input__input::placeholder {
        font-size: 14px;
        line-height: 1.2143;
    }

    .input__input,
    .input__input-caption,
    .input__input-caption a,
    body .custom-radio label,
    body .custom-checkbox + label,
    body .input__file-text strong {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.input__input::-ms-clear {
    display: none;
}

.input__input[type='number'] {
    -moz-appearance: textfield;
}

.input__input[type='number']::-webkit-outer-spin-button,
.input__input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.input__input_invalid {
    border-color: #f00;
}

.input__input:active,
.input__input:focus {
    border-color: #142c31;
}

.input__error-text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #f00;
    margin-top: 8px;
}

@media (max-width: 1024px) {
    .input__error-text {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .input__error-text {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.input__textarea-wrap {
    position: relative;
}

.input__textarea {
    box-sizing: border-box;
    padding-right: 30px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMjFMMjEgMSIgc3Ryb2tlPSIjMjEzRDQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTExLjIxODggMjAuMzIxM0wyMS4yMTg3IDEwLjMyMTMiIHN0cm9rZT0iIzIxM0Q0MyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-size: 22px 22px;
    background-position: 100% calc(100% - 16px);
    background-repeat: no-repeat;
}

@media (max-width: 1024px) {
    .input__textarea {
        background-size: 18px 18px;
    }
}

@media (max-width: 576px) {
    .input__textarea {
        background-size: 17px 17px;
    }
}

.input__textarea.hide-icon-desktop {
    background-image: none;
}

@media (max-width: 1024px) {
    .input__textarea.hide-icon-desktop {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMjFMMjEgMSIgc3Ryb2tlPSIjMjEzRDQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTExLjIxODggMjAuMzIxM0wyMS4yMTg3IDEwLjMyMTMiIHN0cm9rZT0iIzIxM0Q0MyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");
    }
}

.input input[readonly] {
    pointer-events: none;
}

.input-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.input-block__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
}

@media (max-width: 1024px) {
    .input-block__title {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .input-block__title {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.input-block__inputs {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

@media (max-width: 1024px) {
    .input-block__inputs {
        -moz-column-gap: 40px;
        column-gap: 40px;
        row-gap: 16px;
    }
}

@media (max-width: 576px) {
    .input-block__inputs {
        display: grid;
        grid-template-columns: 38% 57%;
        gap: 16px;
    }
}

.input-block__inputs label[data-other-radio] + div[data-other-choice] {
    flex-grow: 1;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 1024px) {
    .input-block__inputs label[data-other-radio] + div[data-other-choice] {
        width: 100%;
    }
}

.input-block__inputs label[data-other-radio] + div[data-other-choice] input {
    padding-bottom: 8px;
}

@media (max-width: 576px) {
    .input-block__inputs.input-block__inputs_nowrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 0;
    }
}

@media (max-width: 576px) {
    .input-block__inputs.input-block__inputs_nowrap .input__textarea-wrap {
        grid-column: 1 / 4;
    }
}

.input-radio {
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 38px;
    cursor: pointer;
    min-height: 22px;
    min-width: 22px;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 576px) {
    .input-radio {
        padding-left: 34px;
    }
}

.input-radio input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.input-radio input:disabled ~ .input-radio__indicator {
    border-color: #fff;
}

.input-radio__indicator {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: transparent;
    border: 1px solid #213d43;
    border-radius: 100%;
    transform: translateY(-50%);
}

.input-radio__indicator::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    display: none;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #82eb00;
    transform: translateY(-50%) translateX(-50%);
}

.input-radio__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .input-radio__text {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .input-radio__text {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.input-radio:hover .input-radio__indicator {
    border: 2px solid #82eb00;
}

.input-radio input:checked ~ .input-radio__indicator::after {
    display: block;
}

.input-radio input:checked:disabled ~ .input-radio__indicator::after {
    display: block;
    background-color: #a1aaad;
}

.input-radio input:checked:disabled ~ .input-radio__indicator {
    border-color: #a1aaad;
}

.input-checkbox {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 38px;
    cursor: pointer;
    min-height: 22px;
    min-width: 22px;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 576px) {
    .input-checkbox {
        padding-left: 34px;
    }
}

.input-checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.input-checkbox input:disabled ~ .input-checkbox__indicator {
    border-color: #909ea1;
}

.input-checkbox__indicator {
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    padding: 2px;
    height: 22px;
    width: 22px;
    background-color: transparent;
    border: 1px solid #213d43;
    border-radius: 6px;
    transform: translateY(-50%);
}

.input-checkbox__indicator::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M10.8031 1.7002L4.20312 8.30019L1.20312 5.30019' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 50%;
    top: -1px;
    transform: translateX(-50%);
    display: none;
}

.input-checkbox__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .input-checkbox__text {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .input-checkbox__text {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.input-checkbox input:checked ~ .input-checkbox__indicator {
    background-color: #82eb00;
    border-color: #82eb00;
}

.input-checkbox input:checked ~ .input-checkbox__indicator::after {
    display: block;
}

.input-checkbox input:checked:disabled ~ .input-checkbox__indicator {
    background-color: #fff;
    border-color: #909ea1;
}

.input-checkbox input:checked:disabled ~ .input-checkbox__indicator::after {
    border-color: #909ea1;
}

.input-date {
    position: relative;
    width: 100%;
}

.input-date .input-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.page-tabs_calendar .page-tabs__inner {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
}

@media (max-width: 1024px) {
    .page-tabs_calendar .page-tabs__inner {
        padding-bottom: 24px;
    }
}

.page-tabs__inner {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .page-tabs__inner {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .page-tabs__inner {
        padding: 0 12px;
    }
}

.page-tabs__head {
    min-height: 192px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    justify-content: flex-start;
    overflow: hidden;
    padding: 230px 0 146px;
}

@media (max-width: 1024px) {
    .page-tabs__head {
        min-height: 170px;
        gap: 32px;
        padding: 310px 0 360px;
    }
}

@media (max-width: 576px) {
    .page-tabs__head {
        min-height: 165px;
        gap: 24px;
        padding: 150px 0 186px;
    }
}

.page-tabs__body {
    position: relative;
    display: grid;
    align-items: start;
    grid-template-areas: 'panel';
}

.page-tabs__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 128px;
    font-weight: 400;
    line-height: 0.7265625;
    letter-spacing: -0.02em;
    text-align: center;
    text-align: center;
}

@media (max-width: 1024px) {
    .page-tabs__title {
        font-size: 93px;
        line-height: 0.892473;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .page-tabs__title {
        font-size: 48px;
        line-height: 0.916667;
    }
}

.page-tabs__tab-row {
    max-width: 100%;
}

.page-tabs__image {
    position: absolute;
    top: 91px;
    z-index: -1;
    width: auto;
}

@media (max-width: 1024px) {
    .page-tabs__image {
        top: 128px;
        height: 590px;
    }

    .page-tabs__image[src*='crown-green'] {
        height: 500px;
        top: 140px;
    }
}

@media (max-width: 576px) {
    .page-tabs__image {
        top: 86px;
        height: 295px;
    }

    .page-tabs__image[src*='crown-green'] {
        top: 106px;
        height: 265px;
        margin-left: 10px;
    }

    .page-tabs__image[src*='mic-green'] {
        height: 344px;
        top: 45px;
    }
}

.page-tabs__select {
    position: absolute;
    top: -64px;
    right: 0;
}

@media (max-width: 1024px) {
    .page-tabs__select {
        top: -56px;
        right: auto;
        left: 0;
    }
}

@media (max-width: 576px) {
    .page-tabs__select {
        top: -40px;
        right: 0;
    }
}

.page-tabs__filter {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    top: -55px;
    right: 0;
    left: 0;
    z-index: 1;
}

@media (max-width: 576px) {
    .page-tabs__filter {
        display: grid;
        gap: 16px;
        top: 0;
        transform: translateY(-100%);
    }

    .page-tabs__filter .select {
        width: 100%;
        padding-bottom: 4px;
        border-bottom: 1px solid #a1aaad;
    }

    .page-tabs__filter .select .choices__button {
        margin-left: auto !important;
    }
}

.page-tabs__panel {
    position: absolute;
    display: none;
    height: 0;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    grid-area: panel;
}

.page-tabs__panel[data-tab-panel-state='active'] {
    position: relative;
    display: block;
    height: 100%;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.horizontal-tabs {
    display: flex;
    padding: 8px;
    border-radius: 30px;
    background-color: #213d43;
    overflow: auto hidden;
    scrollbar-width: none;
}

.horizontal-tabs_buttons {
    background: #fff;
    padding: 0;
}

.horizontal-tabs_buttons .horizontal-tabs__button {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    line-height: 1.13637;
    font-style: normal;
    font-weight: 500;
    padding: 7px 20px 8px 18px;
    color: #213d43;
    background-color: #fff;
    border-radius: 33px;
    border: 1px solid #213d43;
}

@media (max-width: 1024px) {
    .horizontal-tabs_buttons .horizontal-tabs__button {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .horizontal-tabs_buttons .horizontal-tabs__button {
        font-size: 16px;
        line-height: 108%;
    }
}

@media (max-width: 576px) {
    .horizontal-tabs_buttons .horizontal-tabs__button {
        font-family: 'IBMPlexSans', sans-serif;
        font-size: 18px;
        line-height: 1.2778;
        font-style: normal;
        font-weight: 500;
    }
}

@media (max-width: 576px) and (max-width: 1024px) {
    .horizontal-tabs_buttons .horizontal-tabs__button {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) and (max-width: 576px) {
    .horizontal-tabs_buttons .horizontal-tabs__button {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.horizontal-tabs_buttons .horizontal-tabs__button[data-tab-button-state='active'] {
    color: #fff;
    background: #213d43;
}

.horizontal-tabs_buttons .horizontal-tabs__button[data-inner-tab-button-state='active'] {
    color: #fff;
    background: #213d43;
}

.horizontal-tabs_buttons .horizontal-tabs__button + .horizontal-tabs__button {
    margin-left: 13px;
}

.horizontal-tabs__button {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    color: inherit;
    font: inherit;
    line-height: normal;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline-offset: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    padding: 10px 21px;
    color: #fff;
    background-color: #213d43;
    border-radius: 22px;
    transition: color 0.25s, background-color 0.25s, border-color 0.25s;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .horizontal-tabs__button {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .horizontal-tabs__button {
        font-size: 14px;
        line-height: 118%;
    }
}

.horizontal-tabs__button[data-tab-button-state='active'] {
    color: #213d43;
    background: #fff;
    cursor: default;
}

@media (hover: hover) {
    .horizontal-tabs__button:hover:not([data-tab-button-state='active']) {
        color: #213d43;
        background-color: #82eb00;
        border-color: #82eb00;
    }
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.clubs-list__inner {
    padding-bottom: 24px;
}

@media (max-width: 1024px) {
    .clubs-list__inner {
        padding-bottom: 16px;
    }
}

.clubs-list__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clubs-list__item {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    padding: 56px 0;
    border-top: 1px solid #a1aaad;
}

.clubs-list__item_hidden {
    display: none;
}

@media (max-width: 1024px) {
    .clubs-list__item {
        grid-template-columns: repeat(8, 1fr);
        gap: 16px;
        padding: 40px 0;
    }
}

@media (max-width: 576px) {
    .clubs-list__item {
        grid-template-columns: 1fr;
        padding: 40px 0 24px;
    }
}

.clubs-list__image {
    grid-column: 1 / 5;
}

@media (max-width: 576px) {
    .clubs-list__image {
        grid-column: 1 / -1;
    }
}

.clubs-list__info {
    position: relative;
    display: flex;
    align-items: start;
    flex-direction: column;
    grid-column: 5 / 13;
    padding-right: 250px;
}

@media (max-width: 1024px) {
    .clubs-list__info {
        grid-column: 5 / 9;
        padding-right: 117px;
    }
}

@media (max-width: 576px) {
    .clubs-list__info {
        grid-column: 1 / -1;
    }
}

.clubs-list__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.76px;
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
    margin: 0 0 16px;
}

@media (max-width: 1024px) {
    .clubs-list__title {
        font-size: 32px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .clubs-list__title {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .clubs-list__title {
        margin-bottom: 24px;
    }
}

@media (max-width: 576px) {
    .clubs-list__title {
        margin-bottom: 16px;
    }
}

.clubs-list__location {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
}

@media (max-width: 1024px) {
    .clubs-list__location {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .clubs-list__location {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.clubs-list__email {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
    margin-top: 8px;
    color: #82eb00;
}

@media (max-width: 1024px) {
    .clubs-list__email {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .clubs-list__email {
        font-size: 14px;
        line-height: 118%;
    }
}

@media (max-width: 576px) {
    .clubs-list__email {
        margin-top: 4px;
    }
}

@media (hover: hover) {
    .clubs-list__email:hover {
        color: #213d43;
    }
}

.clubs-list__link {
    margin-top: auto;
}

@media (max-width: 576px) {
    .clubs-list__link {
        margin-top: 16px;
    }
}

.clubs-list__link .link-forward__icon {
    background-color: #142c31;
}

.clubs-list__link svg {
    margin-left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.3px;
}

.clubs-list__logo {
    position: absolute;
    right: 0;
    width: auto;
    max-width: 243px;
    max-height: 75px;
    transform-origin: 100% 0;
}

@media (max-width: 1024px) {
    .clubs-list__logo {
        max-width: 120px;
        max-height: 50px;
    }
}

@media (max-width: 576px) {
    .clubs-list__logo {
        max-width: 96px;
        max-height: 32px;
    }
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.clubs-map {
    height: 900px;
}

.fpr-clubs-map {
    height: 490px !important;
}

.fpr-clubs-map .clubs-map__card-logo {
    width: 100%;
    max-height: initial;
    max-width: initial;
    padding-top: 15px;
}

.fpr-clubs-map .clubs-map__card-link {
    color: #82EB00;
}

.fpr-clubs-map .clubs-map__card-link:hover {
    color: #213d43;
}

.fpr-clubs-map .clubs-map__card-title {
    margin-bottom: 20px;
}

.fpr-clubs-map .clubs-map__card-title.nomargin {
    margin-bottom: 0;
}

.fpr-clubs-map .clubs-map__card-logo {
    margin-bottom: 18px;
}

.fpr-clubs-map .clubs-map__card {
    width: 200px;
}

@media (max-width: 1024px) {
    .clubs-map {
        height: 800px;
    }

    .fpr-clubs-map .clubs-map__card-title {
        font-size: 18px;
    }

    .fpr-clubs-map .clubs-map__card-email,
    .fpr-clubs-map .clubs-map__card-location,
    .fpr-clubs-map .fpr-clubs-map .clubs-map__card-link {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .fpr-clubs-map .clubs-map__card-title {
        font-size: 16px;
    }

    .clubs-map {
        height: 490px;
    }
}

.clubs-map__inner {
    position: relative;
    height: 100%;
    margin: 0 -48px;
}

@media (max-width: 1024px) {
    .clubs-map__inner {
        margin: 0 -24px;
    }
}

@media (max-width: 576px) {
    .clubs-map__inner {
        margin: 0 -12px;
    }
}

.clubs-map__inner [class$='ground-pane'] {
    filter: grayscale(1);
}

.clubs-map__inner [class$='controls-pane'],
.clubs-map__inner [class$='copyrights-pane'] {
    display: none;
}

@media (max-width: 1024px) {
    .clubs-map:not(.fpr-clubs-map) .clubs-map__inner [class$='balloon-pane'] {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: none;
    }

    .clubs-map:not(.fpr-clubs-map) .clubs-map__inner [class$='balloon-pane'] ymaps {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
}

.clubs-map__card {
    box-sizing: border-box;
    position: relative;
    display: block;
    background-color: #fff;
    border-radius: 5px;
    width: 264px;
    padding: 20px;
}

@media (max-width: 1024px) {
    .clubs-map:not(.fpr-clubs-map) .clubs-map__card {
        position: absolute;
        top: auto !important;
        right: 24px !important;
        left: 24px !important;
        bottom: 40px !important;
        width: auto;
        padding: 24px;
        border-radius: 8px;
        pointer-events: auto !important;
    }
}

@media (max-width: 576px) {
    .clubs-map:not(.fpr-clubs-map) .clubs-map__card {
        right: 12px !important;
        left: 12px !important;
        bottom: 20px !important;
        padding: 20px;
    }
}

.clubs-map__card ymaps {
    width: 100% !important;
    overflow: visible !important;
}

.clubs-map__close {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    color: inherit;
    font: inherit;
    line-height: normal;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline-offset: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: -8px;
    right: -8px;
}

.clubs-map__card-inner {
    position: relative;
    width: 100%;
}

@media (max-width: 1024px) {
    .clubs-map:not(.fpr-clubs-map) .clubs-map__card-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 48px;
    }

    .clubs-map:not(.fpr-clubs-map) .clubs-map__card-inner::after {
        position: absolute;
        top: 0;
        left: 50%;
        bottom: 0;
        width: 1px;
        background-color: #a1aaad;
        content: '';
    }
}

@media (max-width: 576px) {
    .clubs-map:not(.fpr-clubs-map) .clubs-map__card-inner {
        grid-template-columns: 1fr 2fr;
        gap: 0 32px;
    }

    .clubs-map:not(.fpr-clubs-map) .clubs-map__card-inner::after {
        left: 35%;
    }
}

.clubs-map__card-logo {
    width: auto;
    max-width: calc(100% - 16px);
    max-height: 40px;
    margin-bottom: 28px;
}

@media (max-width: 1024px) {
    .clubs-map:not(.fpr-clubs-map) .clubs-map__card-logo {
        grid-column: 1 / 2;
        grid-row: 1 / 6;
        place-self: center;
        margin: 0;
    }
}

.clubs-map__card-title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 7px;
    color: #213d43;
}

@media (max-width: 1024px) {
    .clubs-map__card-title {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .clubs-map__card-title {
        font-size: 14px;
        line-height: 118%;
    }
}

@media (max-width: 576px) {
    .clubs-map__card-title {
        margin-bottom: 4px;
    }
}

.clubs-map__card-location {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 15px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 1px;
    color: #909ea1;
}

@media (max-width: 1024px) {
    .clubs-map__card-location {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .clubs-map__card-location {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .clubs-map__card-location {
        margin-bottom: 0;
        font-size: 11px;
    }
}

.clubs-map__card-email {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 15px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
}

@media (max-width: 1024px) {
    .clubs-map__card-email {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .clubs-map__card-email {
        font-size: 12px;
    }
}

.clubs-map__card-divider {
    height: 1px;
    margin: 16px 0;
    color: #142c31;
    background-color: #142c31;
    border: 0;
    opacity: 0.1;
}

@media (max-width: 1024px) {
    .clubs-map__card-divider {
        display: none;
    }
}

.clubs-map__card-link {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 15px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .clubs-map__card-link {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .clubs-map__card-link {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .clubs-map:not(.fpr-clubs-map) .clubs-map__card-link {
        margin-top: 24px;
        grid-column: 2 / 3;
    }
}

@media (max-width: 576px) {
    .clubs-map:not(.fpr-clubs-map) .clubs-map__card-link {
        margin-top: 12px;
    }
}

.clubs-map__card-link .link-forward__icon {
    background-color: #142c31;
}

.clubs-map__card-link svg {
    margin-left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.3px;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.about-padel__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 128px;
    font-weight: 400;
    line-height: 0.7265625;
    letter-spacing: -0.02em;
    text-align: center;
    padding-block: 205px 231px;
    margin-inline: auto;
    text-align: center;
    color: #142c31;
}

@media (max-width: 1024px) {
    .about-padel__title {
        font-size: 93px;
        line-height: 0.892473;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .about-padel__title {
        font-size: 48px;
        line-height: 0.916667;
    }
}

@media (max-width: 1024px) {
    .about-padel__title {
        padding-block: 208px 221px;
    }
}

@media (max-width: 576px) {
    .about-padel__title {
        padding-block: 134px 142px;
    }
}

.about-padel__section {
    position: relative;
    padding: 80px 0 160px;
}

@media (max-width: 1024px) {
    .about-padel__section {
        padding: 40px 0;
    }
}

@media (max-width: 1024px) {
    .about-padel__section {
        padding: 32px 0 60px;
    }
}

.about-padel__section_main {
    padding: 137px 0 160px;
    background: #142c31;
    color: #fff;
}

@media (max-width: 1024px) {
    .about-padel__section_main {
        padding: 372px 0 60px;
    }
}

@media (max-width: 576px) {
    .about-padel__section_main {
        padding: 237px 0 32px;
    }
}

.about-padel__top-img {
    position: absolute;
    top: 65px;
    width: 656px;
    height: 631px;
    left: 50%;
    transform: translate(calc(-50% + 40px), -310px);
}

@media (max-width: 1024px) {
    .about-padel__top-img {
        width: 625px;
        height: 600px;
        transform: translate(calc(-50% + 32px), -290px);
    }
}

@media (max-width: 576px) {
    .about-padel__top-img {
        width: 330px;
        height: 318px;
        transform: translate(-50%, -180px);
    }
}

.about-padel__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .about-padel__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .about-padel__container {
        padding: 0 12px;
    }
}

.about-padel__row {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 40px;
}

@media (max-width: 1024px) {
    .about-padel__row {
        grid-template-columns: repeat(8, 1fr);
        gap: 0 16px;
    }
}

@media (max-width: 576px) {
    .about-padel__row {
        grid-template-columns: repeat(6, 1fr);
    }
}

.about-padel__row:not(:first-child) {
    margin-top: 160px;
}

@media (max-width: 1024px) {
    .about-padel__row:not(:first-child) {
        margin-top: 80px;
    }
}

@media (max-width: 576px) {
    .about-padel__row:not(:first-child) {
        margin-top: 40px;
    }
}

:is(.about-padel) .about-padel__row_fact {
    padding-top: 63px;
    border-top: 1px solid #fff;
}

@media (max-width: 1024px) {
    :is(.about-padel) .about-padel__row_fact {
        padding-top: 39px;
    }
}

:is(.about-padel) .about-padel__row_mt-first {
    margin-top: 222px;
}

@media (max-width: 1024px) {
    :is(.about-padel) .about-padel__row_mt-first {
        margin-top: 120px;
    }
}

@media (max-width: 576px) {
    :is(.about-padel) .about-padel__row_mt-first {
        margin-top: 80px;
    }
}

:is(.about-padel) .about-padel__row_mt-rackets {
    margin: 160px 0 136px;
    row-gap: 132px;
}

@media (max-width: 1024px) {
    :is(.about-padel) .about-padel__row_mt-rackets {
        margin: 80px 0;
        row-gap: 80px;
    }
}

@media (max-width: 576px) {
    :is(.about-padel) .about-padel__row_mt-rackets {
        margin: 40px 0 64px;
        row-gap: 40px;
    }
}

.about-padel__subtitle {
    font-family: 'Supermolot', sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.76px;
    grid-column: 1 / 3;
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .about-padel__subtitle {
        font-size: 32px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .about-padel__subtitle {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .about-padel__subtitle {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1024px) {
    .about-padel__subtitle {
        margin-bottom: 16px;
    }
}

.about-padel__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    grid-column: 5 / 13;
}

@media (max-width: 1024px) {
    .about-padel__text {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .about-padel__text {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 1024px) {
    .about-padel__text {
        grid-column: 1 / -1;
    }
}

.about-padel__text_label {
    grid-column: 10 / 13;
    opacity: 0.5;
}

@media (max-width: 1024px) {
    .about-padel__text_label {
        grid-column: 5 / 8;
    }
}

@media (max-width: 576px) {
    .about-padel__text_label {
        grid-column: 1 / 5;
    }
}

.about-padel__text_lead {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
}

@media (max-width: 1024px) {
    .about-padel__text_lead {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .about-padel__text_lead {
        font-size: 16px;
        line-height: 1.0625;
    }
}

.about-padel__text_fact {
    font-family: 'Supermolot', sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.76px;
}

@media (max-width: 1024px) {
    .about-padel__text_fact {
        font-size: 32px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .about-padel__text_fact {
        font-size: 24px;
    }
}

.about-padel__text_fact mark {
    color: #82eb00;
    background-color: transparent;
}

.about-padel__side .about-padel__text {
    max-width: 375px;
}

.about-padel__section_main .about-padel__side .about-padel__text {
    opacity: 0.5;
}

@media (max-width: 1024px) {
    .about-padel__side .about-padel__text {
        max-width: unset;
    }
}

.about-padel__double .about-padel__text {
    grid-column: 2 / 3;
}

@media (max-width: 1024px) {
    .about-padel__double .about-padel__text {
        grid-column: 1 / 2;
        grid-row: 1;
        align-self: end;
    }
}

@media (max-width: 576px) {
    .about-padel__double_single .about-padel__text {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

.about-padel__trinity .about-padel__text {
    grid-column: 3 / 4;
}

@media (max-width: 1024px) {
    .about-padel__trinity .about-padel__text {
        grid-column: 1 / -1;
        margin-top: 24px;
    }
}

@media (max-width: 576px) {
    .about-padel__trinity .about-padel__text {
        margin-top: 16px;
    }
}

.about-padel__rackets .about-padel__text {
    grid-column: 1 / -1;
}

.about-padel__racket .about-padel__text {
    text-align: center;
    opacity: 0.5;
}

@media (max-width: 1024px) {
    .about-padel__racket .about-padel__text {
        min-height: 60px;
    }
}

@media (max-width: 576px) {
    .about-padel__racket .about-padel__text {
        font-family: 'IBMPlexSans', sans-serif;
        font-size: 18px;
        line-height: 1.2778;
        font-style: normal;
        font-weight: 500;
        grid-column: 1 / 2;
        grid-row: 1;
        min-height: unset;
        align-self: start;
        text-align: left;
    }
}

@media (max-width: 576px) and (max-width: 1024px) {
    .about-padel__racket .about-padel__text {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) and (max-width: 576px) {
    .about-padel__racket .about-padel__text {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.about-padel__item .about-padel__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
}

@media (max-width: 1024px) {
    .about-padel__item .about-padel__text {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .about-padel__item .about-padel__text {
        font-size: 16px;
        line-height: 1.0625;
    }
}

@media (max-width: 1024px) {
    .about-padel__item .about-padel__text {
        align-self: start;
    }
}

.about-padel__double {
    grid-column: 5 / 13;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

@media (max-width: 1024px) {
    .about-padel__double {
        grid-column: 1 / -1;
    }
}

.about-padel__double_list {
    margin-top: 83px;
}

@media (max-width: 1024px) {
    .about-padel__double_list {
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 32px;
    }
}

@media (max-width: 576px) {
    .about-padel__double_single {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.about-padel__trinity {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 40px;
}

@media (max-width: 1024px) {
    .about-padel__trinity {
        grid-template-columns: repeat(8, 1fr);
        gap: 0 16px;
    }
}

@media (max-width: 576px) {
    .about-padel__trinity {
        grid-template-columns: repeat(6, 1fr);
    }
}

.about-padel__rackets {
    grid-column: 5 / 13;
}

@media (max-width: 1024px) {
    .about-padel__rackets {
        grid-column: 1 / -1;
    }
}

.about-padel__rackets-row {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 120px;
}

@media (max-width: 1024px) {
    .about-padel__rackets-row {
        margin-bottom: 40px;
    }
}

@media (max-width: 576px) {
    .about-padel__rackets-row {
        flex-direction: column;
    }
}

.about-padel__racket {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 40px;
    max-width: 222px;
}

@media (max-width: 1024px) {
    .about-padel__racket {
        gap: 24px;
        max-width: 168px;
    }
}

@media (max-width: 576px) {
    .about-padel__racket {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        max-width: unset;
        padding: 0 0 32px;
    }

    .about-padel__racket + .about-padel__racket {
        padding-top: 23px;
        border-top: 1px solid #a1aaad;
    }

    .about-padel__racket:last-child {
        padding-bottom: 0;
    }
}

.about-padel__side {
    grid-column: 1 / 5;
    display: flex;
    justify-content: end;
    flex-direction: column;
    padding-bottom: 40px;
    border-bottom: 1px solid #142c31;
}

@media (max-width: 1024px) {
    .about-padel__side {
        grid-column: 1 / -1;
        grid-row: 2;
        padding: 24px 0;
    }

    .about-padel__row_last .about-padel__side {
        padding: 24px 0 0;
        border-bottom: 0;
    }
}

@media (max-width: 576px) {
    .about-padel__side {
        padding: 16px 0;
    }

    .about-padel__row_last .about-padel__side {
        padding: 16px 0 0;
    }
}

.about-padel__section_main .about-padel__side {
    border-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1024px) {
    .about-padel__section_main .about-padel__side {
        border-bottom: 1px solid #fff;
        padding: 24px 0 23px;
    }
}

@media (max-width: 576px) {
    .about-padel__section_main .about-padel__side {
        padding: 16px 0 15px;
    }
}

.about-padel__image {
    grid-column: 5 / 13;
}

@media (max-width: 1024px) {
    .about-padel__image {
        grid-column: 1 / -1;
    }
}

.about-padel__double .about-padel__image,
.about-padel__trinity .about-padel__image {
    grid-column: 1 / 2;
}

@media (max-width: 1024px) {
    .about-padel__double .about-padel__image,
    .about-padel__trinity .about-padel__image {
        grid-column: 1 / 7;
    }
}

@media (max-width: 576px) {
    .about-padel__double .about-padel__image,
    .about-padel__trinity .about-padel__image {
        grid-column: 1 / 5;
    }
}

@media (max-width: 1024px) {
    .about-padel__double_single .about-padel__image {
        grid-column: 2 / 3;
        grid-row: 1;
    }
}

@media (max-width: 576px) {
    .about-padel__double_single .about-padel__image {
        grid-column: 1 / -1;
    }
}

.about-padel__trinity .about-padel__image + .about-padel__image {
    grid-column: 2 / 3;
}

@media (max-width: 1024px) {
    .about-padel__trinity .about-padel__image + .about-padel__image {
        grid-column: 7 / 9;
    }
}

@media (max-width: 576px) {
    .about-padel__trinity .about-padel__image + .about-padel__image {
        grid-column: 5 / 7;
    }
}

.about-padel__image-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 648px;
    height: 648px;
    transform: translate(-58%, -88px);
}

@media (max-width: 1024px) {
    .about-padel__image-bg {
        display: none;
    }
}

@media (max-width: 1024px) {
    .about-padel__cover {
        aspect-ratio: 0.9;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.about-padel__racket-img {
    fill: none;
    stroke: #728083;
    stroke-width: 1px;
}

@media (max-width: 576px) {
    .about-padel__racket-img {
        grid-column: 2 / 3;
        grid-row: 1;
        justify-self: center;
    }
}

.about-padel__racket-img_lg {
    width: 186px;
    height: 455px;
}

@media (max-width: 1024px) {
    .about-padel__racket-img_lg {
        width: 168px;
        height: 319px;
    }
}

@media (max-width: 576px) {
    .about-padel__racket-img_lg {
        width: 82px;
        height: 200px;
    }
}

.about-padel__racket-img_md {
    width: 180px;
    height: 332px;
}

@media (max-width: 1024px) {
    .about-padel__racket-img_md {
        width: 107px;
        height: 197px;
    }
}

@media (max-width: 576px) {
    .about-padel__racket-img_md {
        width: 66px;
        height: 122px;
    }
}

.about-padel__racket-img_sm {
    width: 101px;
    height: 171px;
}

@media (max-width: 1024px) {
    .about-padel__racket-img_sm {
        width: 77px;
        height: 131px;
    }
}

@media (max-width: 576px) {
    .about-padel__racket-img_sm {
        width: 47px;
        height: 80px;
    }
}

.about-padel__forward {
    margin: auto 0 -8px;
}

@media (max-width: 1024px) {
    .about-padel__forward {
        display: none;
    }
}

.about-padel__forward .link-forward__icon {
    background-color: #142c31;
}

.about-padel__forward svg {
    margin-left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.3px;
}

.about-padel__list {
    position: relative;
}

.about-padel__list_ul {
    list-style: none;
    padding-left: 34px;
    margin-top: 38px;
}

.about-padel__list_ul li {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    position: relative;
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .about-padel__list_ul li {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .about-padel__list_ul li {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.about-padel__list_ul li:last-child {
    margin-bottom: 0;
}

.about-padel__list_ul li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: -34px;
    width: 10px;
    height: 8px;
    background-image: url("/static/img/bullet.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 1024px) {
    .about-padel__list_ul {
        padding-left: 28px;
    }

    .about-padel__list_ul li::before {
        top: 7px;
        left: -28px;
        width: 10px;
        height: 8px;
    }
}

@media (max-width: 576px) {
    .about-padel__list_ul {
        padding-left: 20px;
    }

    .about-padel__list_ul li::before {
        left: -20px;
        width: 8px;
        height: 6px;
    }
}

@media (max-width: 1024px) {
    .about-padel__list_ul {
        margin-top: 0;
    }
}

@media (max-width: 1024px) {
    .about-padel__item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        padding-bottom: 32px;
    }

    .about-padel__item + .about-padel__item {
        border-top: 1px solid #142c31;
        padding: 31px 0 0;
    }
}

@media (max-width: 576px) {
    .about-padel__item {
        grid-template-columns: 1fr;
        padding-bottom: 12px;
    }

    .about-padel__item + .about-padel__item {
        border-top: 0;
        padding: 12px 0 0;
    }
}

.about-padel__slider {
    position: relative;
    overflow: hidden;
}

.about-padel__slider:hover .slider-history__button {
    opacity: 1;
    transition: opacity .3s;
}

.about-padel__faq {
    padding-top: 90px;
    background: #82eb00;
    padding-bottom: 46px;
}

@media (max-width: 1024px) {
    .about-padel__faq {
        padding: 40px 0 16px;
    }
}

.about-padel__faq-text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .about-padel__faq-text {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .about-padel__faq-text {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 1024px) {
    .about-padel__purchase {
        margin-top: 60px;
    }
}

@media (max-width: 576px) {
    .about-padel__purchase {
        margin-top: 40px;
    }
}

.about-padel .ui-cols__subtitle {
    font-family: 'Supermolot', sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.76px;
}

@media (max-width: 1024px) {
    .about-padel .ui-cols__subtitle {
        font-size: 32px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .about-padel .ui-cols__subtitle {
        font-size: 24px;
    }
}

.text-img {
    display: grid;
    grid-template-columns: 1fr 2fr;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.text-img__right {
    border-bottom: 1px solid;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 40px;
    flex-direction: column;
}

.text-img__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2778;
    max-width: 375px;
}

.text-img__link {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2778;
    margin-top: auto;
    color: #213d43;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.text-img__icon {
    margin-left: 7px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #213d43;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-img__icon svg {
    fill: none;
    stroke: #fff;
    stroke-width: 2px;
}

.slider-history .swiper {
    overflow: visible;
}

.slider-history .swiper-pagination {
    position: static;
    text-align: left;
}

@media (max-width: 1024px) {
    .slider-history .swiper-slide {
        width: 95%;
    }
}

@media (max-width: 576px) {
    .slider-history .swiper-slide {
        width: 92%;
    }
}

.slider-history__top {
    padding: 64px 0 47px;
    border-bottom: 1px solid #a1aaad;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    align-items: center;
}

@media (max-width: 1024px) {
    .slider-history__top {
        grid-template-columns: 1fr;
        padding: 40px 0 0;
    }
}

.slider-history__subtitle {
    font-family: 'Supermolot', sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.76px;
    grid-column: 1 / 5;
}

@media (max-width: 1024px) {
    .slider-history__subtitle {
        font-size: 32px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .slider-history__subtitle {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .slider-history__subtitle {
        grid-column: 1 / -1;
    }
}

.slider-history__dates {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column: 5 / 13;
}

@media (max-width: 1024px) {
    .slider-history__dates {
        grid-column: 1 / -1;
        border-top: 1px solid #a1aaad;
        padding: 12px 0;
    }
}

.slider-history__date {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 20px;
    line-height: 1.2667;
    font-style: normal;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .slider-history__date {
        font-size: 17px;
        line-height: 1.29412;
    }
}

@media (max-width: 576px) {
    .slider-history__date {
        font-size: 15px;
        line-height: 1.2667;
    }
}

.slider-history__date_active {
    font-family: 'Supermolot', sans-serif;
    font-size: 80px;
    line-height: 91.564%;
    letter-spacing: -1.6px;
    font-style: normal;
    font-weight: 400;
    color: #82eb00;
}

@media (max-width: 1024px) {
    .slider-history__date_active {
        font-size: 72px;
        line-height: 101.738%;
        letter-spacing: -1.44px;
    }
}

@media (max-width: 576px) {
    .slider-history__date_active {
        font-size: 39px;
        line-height: 123.077%;
        letter-spacing: -0.78px;
    }
}

.slider-history__slide {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    padding: 65px 0 80px;
    transition: opacity 0.5s;
    opacity: 1;
}

@media (max-width: 1024px) {
    .slider-history__slide {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 40px 0 60px;
    }
}

@media (max-width: 1024px) {
    .slider-history__slide {
        gap: 16px;
        padding: 32px 0;
    }
}

.swiper-slide:not(.swiper-slide-active) .slider-history__slide {
    opacity: 0.2;
    transition: opacity 0.25s ease 0.25s;
}

@media (max-width: 1024px) {
    .swiper-slide:not(.swiper-slide-active) .slider-history__slide {
        opacity: 1;
    }
}

.slider-history__info {
    grid-column: 1 / 5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .slider-history__info {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

.slider-history__img {
    grid-column: 5 / 13;
}

@media (max-width: 1024px) {
    .slider-history__img {
        grid-column: 1 / -1;
        grid-row: 1;
    }
}

@media (max-width: 1024px) {
    .slider-history__header {
        display: flex;
        gap: 16px;
        margin-bottom: 16px;
    }
}

@media (max-width: 576px) {
    .slider-history__header {
        display: block;
    }
}

.slider-history__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .slider-history__text {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .slider-history__text {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.slider-history__name {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .slider-history__name {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .slider-history__name {
        font-size: 14px;
        line-height: 118%;
    }
}

.slider-history__city {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .slider-history__city {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .slider-history__city {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.slider-history__button {
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    width: 72px;
    height: 72px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
    border: 0;
    background: #82eb00;
}

@media (max-width: 1024px) {
    .slider-history__button {
        display: none;
    }
}

.slider-history__button svg {
    fill: none;
    stroke: #142c31;
    stroke-width: 2px;
    margin-bottom: 2px;
}

.slider-history__button_next {
    right: 20px;
}

.slider-history__button_prev {
    left: 0;
    transform: translate(0, -50%) rotate(180deg);
}

.slider-history__button.swiper-button-disabled {
    display: none;
}

.slider-history__button_next {
    right: 24px;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.regional {
    min-height: 100vh;
    padding-bottom: 80px;
    color: #142c31;
    background-color: #82eb00;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .regional {
        padding-bottom: 0;
    }
}

@media (max-width: 576px) {
    .regional {
        min-height: unset;
    }
}

.regional__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 52px;
}

@media (max-width: 1024px) {
    .regional__head {
        gap: 40px;
    }
}

@media (max-width: 576px) {
    .regional__head {
        gap: 16px;
    }
}

.regional__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 128px;
    font-weight: 400;
    line-height: 0.7265625;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 0;
    padding-top: 230px;
    text-align: center;
    color: #142c31;
}

@media (max-width: 1024px) {
    .regional__title {
        font-size: 93px;
        line-height: 0.892473;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .regional__title {
        font-size: 48px;
        line-height: 0.916667;
    }
}

@media (max-width: 1024px) {
    .regional__title {
        padding-top: 104px;
    }
}

@media (max-width: 576px) {
    .regional__title {
        padding-top: 98px;
    }
}

.regional__descr {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    display: flex;
    gap: 16px;
    color: #142c31;
}

@media (max-width: 1024px) {
    .regional__descr {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .regional__descr {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.regional__descr span {
    font-family: 'Supermolot', sans-serif;
    font-size: 53px;
    font-weight: 400;
    line-height: 0.9156;
    letter-spacing: -1.07px;
}

@media (max-width: 1024px) {
    .regional__descr span {
        font-size: 48px;
        line-height: 0.9;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .regional__descr span {
        font-size: 38px;
        font-weight: 400;
    }
}

.regional__spacer {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    margin-top: -240px;
    background-color: transparent;
}

@media (max-width: 1024px) {
    .regional__spacer {
        display: block;
        min-height: auto;
        margin-top: -180px;
        padding: 0 0 36px 24px;
    }
}

@media (max-width: 576px) {
    .regional__spacer {
        margin-top: -64px;
        padding: 0 0 52px 12px;
    }
}

.regional__map {
    display: block;
    width: 84vw;
    height: auto;
    transform: translateX(53px);
}

@media (max-width: 1024px) {
    .regional__map {
        width: 200vw;
        height: auto;
        max-width: 1467px;
        max-height: 810px;
        transform: none;
    }
}

.regional__pin {
    fill: #213d43;
    transition: fill .25s;
    outline: 0;
}

@media (hover: hover) {
    .regional__pin:hover {
        cursor: pointer;
        fill: #82eb00;
    }
}

.regional__tip {
    padding: 17px 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 76px 0 rgba(185, 195, 210, 0.25);
}

.regional__tip-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px;
    color: #213d43;
}

.regional__tip-projects {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 15px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
    color: #82eb00;
}

@media (max-width: 1024px) {
    .regional__tip-projects {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .regional__tip-projects {
        font-size: 12px;
    }
}

@media (hover: hover) {
    .regional__tip-projects:hover {
        color: #213d43;
    }
}

.regional__tip-divider {
    height: 1px;
    margin: 13px 0;
    color: #909ea1;
    background-color: #909ea1;
    border: 0;
    opacity: 0.3;
}

.regional__tip-location {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 15px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 7px;
    color: #213d43;
}

@media (max-width: 1024px) {
    .regional__tip-location {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .regional__tip-location {
        font-size: 12px;
    }
}

.regional__tip-phone {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 15px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
    color: #213d43;
}

@media (max-width: 1024px) {
    .regional__tip-phone {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .regional__tip-phone {
        font-size: 12px;
    }
}

@media (hover: hover) {
    .regional__tip-phone:hover {
        color: #82eb00;
    }
}

.slider-main {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.slider-main .swiper {
    grid-column: 5 / 13;
    height: 100%;
    margin: 0;
}

.slider-main .swiper-pagination {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 13px;
    bottom: 0;
}

.slider-main .swiper-button-disabled {
    display: block;
    background: #ddeaec;
}

.slider-main .swiper-button-disabled svg {
    opacity: 0.5;
}

.slider-main .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #142c31;
    opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 0;
}

.slider-main .swiper-pagination-bullet-active {
    background: #82eb00;
}

.slider-main .link-forward__icon {
    background: #142c31;
}

.slider-main .link-forward__icon svg {
    stroke: #fff;
}

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

.slider-main__img {
    position: relative;
    margin-right: 26px;
}

.slider-main__img img {
    filter: grayscale(100%);
    aspect-ratio: 4 / 3;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.slider-main__img::after {
    content: ' ';
    position: absolute;
    inset: 0;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    background: linear-gradient(226deg, #00cc62 -6.61%, #1282e5 91.03%);
    -webkit-mix-blend-mode: color;
    mix-blend-mode: color;
    transition: 0.1s;
}

.slider-main__slide {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
    color: inherit;
    display: flex;
    justify-content: start;
    flex-direction: column-reverse;
    gap: 28px;
}

@media (hover: hover) {
    .slider-main__slide:hover .slider-main__title {
        color: #82eb00;
    }

    .slider-main__slide:hover .slider-main__img img {
        filter: unset;
    }

    .slider-main__slide:hover .slider-main__img::after {
        opacity: 0;
    }
}

.slider-main__info {
    display: flex;
    flex-direction: column;
}

.slider-main__date {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 15px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 19px;
}

@media (max-width: 1024px) {
    .slider-main__date {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .slider-main__date {
        font-size: 12px;
    }
}

.slider-main__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
    color: #213d43;
    margin: 0 0 25px;
    transition: color 0.25s;
}

@media (max-width: 1024px) {
    .slider-main__title {
        font-size: 20px;
        line-height: 110%;
    }
}

.slider-main__link {
    color: inherit;
    margin-top: auto;
}

.slider-main__buttons {
    position: relative;
    display: flex;
    gap: 6px;
    margin-bottom: -8px;
}

.slider-main__button {
    transition: opacity 0.3s;
    z-index: 10;
    width: 38px;
    height: 38px;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
}

@media (max-width: 1024px) {
    .slider-main__button {
        display: none;
    }
}

.slider-main__button svg {
    width: 17px;
    height: 18px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.6px;
}

.slider-main__button_next {
    transform: rotate(180deg);
}

.slider-main__button.swiper-button-disabled {
    display: none;
}

@media (max-width: 1024px) {
    .slider-main {
        display: flex;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .slider-main__buttons {
        display: none;
    }

    .slider-main__slide {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .slider-main__img {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 273px;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%;
        margin-inline: auto;
        overflow: hidden;
    }

    .slider-main__img img {
        height: 100%;
        width: auto;
    }

    .slider-main__title {
        width: 100%;
        margin-bottom: 0;
    }

    .slider-main__date {
        font-family: 'IBMPlexSans', sans-serif;
        font-size: 20px;
        line-height: 127%;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 8px;
    }
}

@media (max-width: 1024px) and (max-width: 1024px) {
    .slider-main__date {
        font-size: 17px;
        line-height: 127%;
    }
}

@media (max-width: 1024px) and (max-width: 576px) {
    .slider-main__date {
        font-size: 15px;
        line-height: 127%;
    }
}

@media (max-width: 1024px) {
    .slider-main__link {
        display: none;
    }

    .slider-main__pag {
        padding-top: 48px;
        justify-content: center;
    }

    .slider-main .swiper {
        overflow: visible;
    }

    .slider-main .swiper-pagination {
        width: auto;
    }
}

@media (max-width: 576px) {
    .slider-main {
        display: flex;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .slider-main__buttons {
        display: none;
    }

    .slider-main__slide {
        flex-direction: column;
    }

    .slider-main__img {
        height: 215px;
        margin-left: 0;
    }

    .slider-main__title {
        margin-right: -10%;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 66px;
        overflow: hidden;
    }

    .slider-main__date {
        font-family: 'IBMPlexSans', sans-serif;
        font-size: 22px;
        line-height: 1.13637;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 14px;
    }
}

@media (max-width: 576px) and (max-width: 1024px) {
    .slider-main__date {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) and (max-width: 576px) {
    .slider-main__date {
        font-size: 16px;
        line-height: 108%;
    }
}

@media (max-width: 576px) {
    .slider-main__pag {
        padding-top: 34px;
    }

    .slider-main__info {
        flex-grow: 1;
    }

    .slider-main .swiper-slide.swiper-slide-active .slider-main__link {
        opacity: 1;
    }

    .slider-main .swiper-slide {
        width: 90%;
    }

    .slider-main .swiper-slide-next .slider-main__date,
    .slider-main .swiper-slide-next .slider-main__title {
        opacity: 0;
    }
}

.slider-grid {
    position: relative;
}

@media (max-width: 1024px) {
    .slider-grid .swiper {
        overflow: visible;
    }
}

@media (max-width: 576px) {
    .slider-grid .swiper-slide {
        width: 90%;
    }
}

.slider-grid__button {
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    width: 72px;
    height: 72px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
    border: 0;
    background: #82eb00;
}

@media (max-width: 1024px) {
    .slider-grid__button {
        display: none;
    }
}

.slider-grid__button svg {
    fill: none;
    stroke: #142c31;
    stroke-width: 2px;
    margin-bottom: 2px;
}

.slider-grid__button_next {
    right: 20px;
}

.slider-grid__button_prev {
    left: 0;
    transform: translate(0, -50%) rotate(180deg);
}

.slider-grid__button.swiper-button-disabled {
    display: none;
}

.slider-grid__button_next {
    right: -24px;
    transform: translate(0, -100%);
}

.slider-grid__button_prev {
    left: -24px;
    transform: translate(0, -100%) rotate(180deg);
}

.slider-grid:hover .slider-grid__button_next {
    opacity: 1;
}

.slider-grid:hover .slider-grid__button_prev {
    opacity: 1;
}

.slider-grid-item {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
}

.slider-grid-item__picture {
    overflow: hidden;
    margin-bottom: 24px;
}

.slider-grid-item__picture:hover img {
    transform: scale(1.2);
    transition: transform .3s;
}

.slider-grid-item img {
    transition: transform .3s;
    aspect-ratio: 421 / 282;
    -o-object-fit: cover;
    object-fit: cover;
}

.slider-grid-item__date {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2778;
    color: #909ea1;
    display: block;
    margin-bottom: 8px;
}

.slider-grid-item__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
}

@media (max-width: 1024px) {
    .slider-grid-item__text {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .slider-grid-item__text {
        font-size: 16px;
        line-height: 1.0625;
    }
}

@media (max-width: 1024px) {
    .slider-grid-item__text {
        font-family: 'IBMPlexSans', sans-serif;
        font-size: 18px;
        line-height: 1.2778;
        font-style: normal;
        font-weight: 600;
    }
}

@media (max-width: 1024px) and (max-width: 1024px) {
    .slider-grid-item__text {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 1024px) and (max-width: 576px) {
    .slider-grid-item__text {
        font-size: 14px;
        line-height: 118%;
    }
}

@media (max-width: 576px) {
    .slider-grid-item__text {
        font-family: 'IBMPlexSans', sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 113%;
    }
}

@media (max-width: 576px) and (max-width: 1024px) {
    .slider-grid-item__text {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) and (max-width: 576px) {
    .slider-grid-item__text {
        font-size: 16px;
        line-height: 1.0625;
    }
}

.slider-grid-item__notice {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    margin-top: 8px;
}

@media (max-width: 1024px) {
    .slider-grid-item__notice {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .slider-grid-item__notice {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.news-tile-slider {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
}

@media (hover: hover) {
    .news-tile-slider:hover img {
        transform: scale(1.05);
    }

    .news-tile-slider:hover .news-tile-slider__title {
        color: #82eb00;
    }
}

.news-tile-slider__image {
    overflow: hidden;
    margin-bottom: 16px;
}

.news-tile-slider__image img {
    display: block;
    aspect-ratio: 4 / 3;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: transform .35s ease-in-out;
}

.news-tile-slider__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 20px;
    line-height: 1.2667;
    font-style: normal;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .news-tile-slider__title {
        font-size: 17px;
        line-height: 1.29412;
    }
}

@media (max-width: 576px) {
    .news-tile-slider__title {
        font-size: 15px;
        line-height: 1.2667;
    }
}

.news-tile-slider__date {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    display: block;
    margin-bottom: 8px;
}

@media (max-width: 1024px) {
    .news-tile-slider__date {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .news-tile-slider__date {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.content-grid {
    padding-bottom: 40px;
}

@media (max-width: 1024px) {
    .content-grid {
        padding-bottom: 24px;
    }
}

@media (max-width: 576px) {
    .content-grid {
        padding-bottom: 16px;
    }
}

.content-grid_3cols {
    overflow: hidden;
}

.content-grid__inner {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    margin-bottom: -1px;
    border-top: 1px solid rgba(161, 170, 173, 0.5);
}

.content-grid_2cols .content-grid__inner {
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 576px) {
    .content-grid_2cols .content-grid__inner {
        grid-template-columns: 1fr;
    }
}

.content-grid_3cols .content-grid__inner {
    margin-inline: -19px;
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1920px) {
    .content-grid_3cols .content-grid__inner {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .content-grid_3cols .content-grid__inner {
        margin-inline: -23px;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 576px) {
    .content-grid_3cols .content-grid__inner {
        margin-inline: 0;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .content-grid__inner {
        border-top: 0;
    }
}

.content-grid__item {
    border-bottom: 1px solid rgba(161, 170, 173, 0.5);
    box-sizing: border-box;
}

.content-grid_2cols .content-grid__item {
    padding: 19px 19px 20px 0;
    border-right: 1px solid rgba(161, 170, 173, 0.5);
}

.content-grid_2cols .content-grid__item:nth-child(2n) {
    padding: 19px 0 20px 19px;
    border-right: 0;
}

.content-grid_3cols .content-grid__item {
    padding: 19px 19px 20px;
}

@media (max-width: 1024px) {
    .content-grid_3cols .content-grid__item {
        padding: 24px 23px;
    }
}

.content-grid_3cols .content-grid__item:nth-child(4n + 1),
.content-grid_3cols .content-grid__item:nth-child(4n + 2),
.content-grid_3cols .content-grid__item:nth-child(4n + 3) {
    border-right: 1px solid rgba(161, 170, 173, 0.5);
}

@media (max-width: 1920px) {
    .content-grid_3cols .content-grid__item:nth-child(3n + 1),
    .content-grid_3cols .content-grid__item:nth-child(3n + 2) {
        border-right: 1px solid rgba(161, 170, 173, 0.5);
    }
}

@media (max-width: 1024px) {
    .content-grid_2cols .content-grid__item,
    .content-grid_3cols .content-grid__item:nth-child(2n - 1) {
        border-right: 1px solid rgba(161, 170, 173, 0.5);
    }

    .content-grid_2cols .content-grid__item:nth-child(2n),
    .content-grid_3cols .content-grid__item:nth-child(2n) {
        border-right: 0;
    }
}

@media (max-width: 576px) {
    .content-grid_2cols .content-grid__item:nth-child(n),
    .content-grid_3cols .content-grid__item:nth-child(n) {
        padding: 24px 0 40px;
        border-right: 0;
    }

    .content-grid__item:first-child {
        padding-top: 0 !important;
    }
}

.content-grid__show-more {
    grid-column: 1 / -1;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.news-tile {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media (hover: hover) {
    .news-tile:hover img {
        transform: scale(1.05);
    }
}

.news-tile__image {
    overflow: hidden;
    margin-bottom: 16px;
}

.news-tile__image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: transform .35s ease-in-out;
}

.news-tile__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    min-height: 130px;
}

@media (max-width: 1024px) {
    .news-tile__info {
        min-height: 110px;
    }
}

@media (max-width: 576px) {
    .news-tile__info {
        min-height: auto;
    }
}

.news-tile__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 20px;
    line-height: 1.2667;
    font-style: normal;
    font-weight: 600;
    transition: color .25s ease;
}

@media (max-width: 1024px) {
    .news-tile__title {
        font-size: 17px;
        line-height: 1.29412;
    }
}

@media (max-width: 576px) {
    .news-tile__title {
        font-size: 15px;
        line-height: 1.2667;
    }
}

.news-tile__date {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    display: block;
    margin-top: 4px;
}

.news__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 12px;
}

.news__tag {
    color: #213D43;
    font-size: 14px;
    font-weight: 600;
    line-height: 125%;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 12px;
    border: 1px solid #DDEAEC;
    transition: all .3s;
}

.news__tag:hover,
.news__tag-active {
    border-radius: 12px;
    border-color: #82EB00;
    background: #82EB00;
}

.news-empty__text {
    text-align: center;
    margin: 80px 20px 40px 20px;
    font-weight: bold;
}

.content-grid__item-custom .news-tile {
    height: initial;
}

.content__filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 26px;
}

.content__filter-block {
    flex: 0 0 calc(65% - 8px);
}

.content__filter-block:nth-child(2) {
    text-align: right;
    flex: 0 0 calc(35% - 8px);
}

.content__filter-date {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.content__filter-ico {
    margin-right: 21px;
    width: 22px;
    flex: 0 0 22px;
}

.content__filter-date-input {
    width: 260px;
}

.content__filter-date-input .input__input {
    padding-bottom: 6px;
    color: #909EA1;
    font-size: 18px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-left: 35px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M17.875 2.75H15.8125V2.0625C15.8125 1.88016 15.7401 1.7053 15.6111 1.57636C15.4822 1.44743 15.3073 1.375 15.125 1.375C14.9427 1.375 14.7678 1.44743 14.6389 1.57636C14.5099 1.7053 14.4375 1.88016 14.4375 2.0625V2.75H7.5625V2.0625C7.5625 1.88016 7.49007 1.7053 7.36114 1.57636C7.2322 1.44743 7.05734 1.375 6.875 1.375C6.69266 1.375 6.5178 1.44743 6.38886 1.57636C6.25993 1.7053 6.1875 1.88016 6.1875 2.0625V2.75H4.125C3.76033 2.75 3.41059 2.89487 3.15273 3.15273C2.89487 3.41059 2.75 3.76033 2.75 4.125V17.875C2.75 18.2397 2.89487 18.5894 3.15273 18.8473C3.41059 19.1051 3.76033 19.25 4.125 19.25H17.875C18.2397 19.25 18.5894 19.1051 18.8473 18.8473C19.1051 18.5894 19.25 18.2397 19.25 17.875V4.125C19.25 3.76033 19.1051 3.41059 18.8473 3.15273C18.5894 2.89487 18.2397 2.75 17.875 2.75ZM17.875 6.875H4.125V4.125H6.1875V4.8125C6.1875 4.99484 6.25993 5.1697 6.38886 5.29864C6.5178 5.42757 6.69266 5.5 6.875 5.5C7.05734 5.5 7.2322 5.42757 7.36114 5.29864C7.49007 5.1697 7.5625 4.99484 7.5625 4.8125V4.125H14.4375V4.8125C14.4375 4.99484 14.5099 5.1697 14.6389 5.29864C14.7678 5.42757 14.9427 5.5 15.125 5.5C15.3073 5.5 15.4822 5.42757 15.6111 5.29864C15.7401 5.1697 15.8125 4.99484 15.8125 4.8125V4.125H17.875V6.875Z" fill="%2382EB00"></path></svg>');
    background-repeat: no-repeat;
    background-position: left top 2px;
    width: calc(100% - 35px);
}

.content__filter-sep {
    margin-right: 8px;
    margin-left: 8px;
    color: #909EA1;
    font-size: 18px;
    font-weight: 500;
    line-height: 127%;
}

.content__filter-clear {
    margin-left: 15px;
    display: flex;
    align-items: center;
    transition: all .3s;
}

.content__filter-clear a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A1AAAD;
    font-size: 16px;
    font-weight: 600;
    line-height: 125%;
    text-decoration: none;
    transition: all .3s;
    border-radius: 12px;
    border: 1px solid #DDEAEC;
    width: 42px;
    height: 42px;
}

.content__filter-clear.inactive a {
    cursor: default !important;
}

.content__filter-clear.inactive a svg path {
    fill: #DDEAEC !important;
}

.content__filter-clear a:hover {
    color: #82EB00;
}

.content__filter-clear a svg path {
    transition: all .3s;
}

.content__filter-clear a svg path {
    fill: #142C31;
}

.content__filter-clear svg {

}

.filter-tags {
    display: flex;
    align-items: center;
}

.filter-tags__items {
    display: flex;
    align-items: center;
    max-width: 560px;
    overflow: hidden;
}

.filter-tag {
    position: relative;
    color: #213D43;
    font-size: 16px;
    font-weight: 600;
    line-height: 125%;
    padding: 10px 16px 10px 45px;
    border-radius: 12px;
    border: 1px solid #DDEAEC;
    transition: all .3s;
    text-decoration: none;
    margin: 0 2px;
    white-space: nowrap;
}

.filter-tag:hover {
    border-color: #82EB00;
}

.filter-tag:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 10px;
    border-radius: 100%;
    border: 1px solid #DDEAEC;
    width: 19px;
    height: 19px;
}

.filter-tag:after {
    content: '';
    position: absolute;
    left: 20px;
    top: 15px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #82EB00;
    opacity: 0;
}

.filter-tag__active.filter-tag:after {
    opacity: 1;
}

@media (max-width: 1279px) {
    .filter-tags__items {
        max-width: 430px;
    }

    .content__filter {
        justify-content: space-between;
        gap: 36px 24px;
    }

    .content__filter-block {
        flex: 0 0 calc(50% - 12px);
    }

    .content__filter-block:nth-child(2) {
        flex: 0 0 calc(50% - 12px);
    }
}

@media (max-width: 1024px) {
    .news-tile__date {
        font-size: 16px;
        line-height: 1.25;
    }

    .content__filter {

    }

    .content__filter-block {
        /*flex: 0 0 100%;*/
    }

    .content__filter-block:nth-child(2) {
        /*text-align: left;*/
        /*flex: 0 0 100%;*/
        /*margin-top: 14px;*/
        justify-content: flex-end;
    }

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

    .filter-tags__items {
        flex: 1 1 auto;
    }

    .content__filter-clear {
        flex: 0 0 42px;
    }

    .content__filter-date {
        justify-content: flex-end;
    }

    .content__filter-date-input {
        width: initial;
        max-width: 260px;
    }

}

@media (max-width: 991px) {
    .content__filter {
        flex-wrap: wrap;
    }

    .content__filter-block {
        flex: 0 0 100%;
    }

    .content__filter-block:nth-child(2) {
        text-align: left;
        flex: 0 0 100%;
        justify-content: flex-start;
    }

    .filter-tags__items {
        max-width: 100%;
        width: calc(100vw - 110px)
    }

    .content__filter-date {
        justify-content: flex-start;
    }

    .content__filter-date-input {
        width: initial;
        max-width: initial;
    }

    .content__filter-date-input .input__input {
        /*width: calc(100vw - 155px);*/
        width: calc(100vw - 145px);
        padding-right: 0;
    }

    .content__filter-ico {
        display: none;
    }
}

@media (max-width: 576px) {
    .news-tile__date {
        font-size: 14px;
        line-height: 1.2143;
    }

    .filter-tags__items {
        width: calc(100vw - 90px);
    }

    .content__filter-date-input {
        /*flex: 0 0 calc(100vw - 138px);*/
        flex: 0 0 calc(100vw - 90px);
    }

    .content__filter-date-input .input__input {
        /*width: calc(100vw - 138px);*/
        width: calc(100vw - 125px);
    }

    /*.filter-tags {*/
    /*	flex-wrap: wrap;*/
    /*}*/

    /*.filter-tags .content__filter-clear {*/
    /*	margin-left: 0;*/
    /*	margin-top: 15px;*/
    /*	width: 100%;*/
    /*	text-align: center;*/
    /*	justify-content: center;*/
    /*}*/

    .content-grid__item-news-items .content-grid__item-custom {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    .news-tile__date {
        margin-top: 10px;
    }
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.news-tile-media {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
}

@media (hover: hover) {
    .news-tile-media:hover img {
        transform: scale(1.05);
    }
}

.news-tile-media__image {
    overflow: hidden;
    margin-bottom: 16px;
}

.news-tile-media__image img {
    display: block;
    width: 100%;
    aspect-ratio: 5 / 3;
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    transition: transform .35s ease-in-out;
}

@media (max-width: 1024px) {
    .news-tile-media__image img {
        height: 234px;
    }
}

@media (max-width: 576px) {
    .news-tile-media__image img {
        height: 232px;
    }
}

.news-tile-media__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 130px;
}

@media (max-width: 1024px) {
    .news-tile-media__info {
        min-height: 146px;
    }
}

@media (max-width: 576px) {
    .news-tile-media__info {
        min-height: 84px;
    }
}

.news-tile-media__row {
    display: flex;
    gap: 34px;
}

@media (max-width: 576px) {
    .news-tile-media__row {
        margin-top: 16px;
    }
}

.news-tile-media__row-sb {
    justify-content: space-between;
    gap: 16px;
}

@media (max-width: 1024px) {
    .news-tile-media__row-sb {
        gap: 8px;
        flex-direction: column-reverse;
    }
}

@media (max-width: 576px) {
    .news-tile-media__row-sb {
        margin-top: 0;
    }
}

.news-tile-media__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 20px;
    line-height: 1.2667;
    font-style: normal;
    font-weight: 600;
    width: 80%;
}

@media (max-width: 1024px) {
    .news-tile-media__title {
        font-size: 17px;
        line-height: 1.29412;
    }
}

@media (max-width: 576px) {
    .news-tile-media__title {
        font-size: 15px;
        line-height: 1.2667;
    }
}

.news-tile-media__date {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
    display: block;
}

@media (max-width: 1024px) {
    .news-tile-media__date {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .news-tile-media__date {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.news-tile-media__item {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .news-tile-media__item {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .news-tile-media__item {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.news-tile-media__icon {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 50%;
    background-color: #82eb00;
}

@media (max-width: 1024px) {
    .news-tile-media__icon {
        width: 28px;
        height: 28px;
        padding: 6px;
    }
}

@media (max-width: 576px) {
    .news-tile-media__icon {
        width: 24px;
        height: 24px;
        padding: 5px;
    }
}

.news-tile-media__icon img {
    width: 100%;
    height: 100%;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.news-page {
    position: relative;
    padding: 138px 0 96px;
}

@media (max-width: 1024px) {
    .news-page {
        padding: 96px 0 40px;
    }
}

@media (max-width: 576px) {
    .news-page {
        padding: 74px 0 32px;
    }
}

.news-page_album {
    box-sizing: border-box;
    min-height: 100vh;
    height: 100%;
    padding: 123px 0 48px;
}

@media (max-width: 1024px) {
    .news-page_album {
        padding: 96px 0 24px;
    }
}

@media (max-width: 576px) {
    .news-page_album {
        padding: 74px 0 16px;
    }
}

@media (min-width: 1025px) {
    .news-page_without-photo .news-page__share {
        height: 0;
        border: 0;
        padding: 0;
    }

    .news-page_without-photo .news-page__content {
        padding-top: 0;
    }
}

.news-page .link-forward .link-forward__icon {
    background-color: #142c31;
}

.news-page .link-forward svg {
    margin-left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.3px;
}

.news-page__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
    min-height: 100%;
}

@media (max-width: 1024px) {
    .news-page__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .news-page__container {
        padding: 0 12px;
    }
}

.news-page__head {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 23px auto auto;
    gap: 0 40px;
}

@media (max-width: 1024px) {
    .news-page__head {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
}

.news-page__back {
    grid-column: 1 / 5;
    grid-row: 1;
    align-self: start;
    color: #909ea1;
}

@media (max-width: 1024px) {
    .news-page__back {
        grid-column: 1 / -1;
    }
}

.news-page__back .link-back__icon {
    background-color: #213d43;
}

.news-page__back .link-back__icon svg {
    stroke: #fff;
}

.news-page__date {
    grid-column: 1 / 5;
    grid-row: 2;
    align-self: end;
    color: #142c31;
    font-family: 'Supermolot', sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -1.28px;
    margin: 29px 0 64px;
}

@media (max-width: 1024px) {
    .news-page__date {
        grid-column: 1 / 2;
        grid-row: 3;
        margin: 0;
        font-size: 50px;
        line-height: 0.9;
        letter-spacing: -1px;
    }
}

@media (max-width: 576px) {
    .news-page__date {
        font-size: 32px;
        line-height: 28px;
        letter-spacing: -0.64px;
    }
}

.news-page__album-date {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    line-height: 1.13637;
    font-style: normal;
    font-weight: 500;
    color: #909ea1;
}

@media (max-width: 1024px) {
    .news-page__album-date {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .news-page__album-date {
        font-size: 16px;
        line-height: 108%;
    }
}

.news-page__share {
    align-self: end;
    grid-column: 1 / 5;
    grid-row: 3;
    padding-bottom: 39px;
    border-bottom: 1px solid #a1aaad;
}

@media (max-width: 1024px) {
    .news-page__share {
        grid-column: 2 / 3;
        grid-row: 3;
        justify-self: end;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .news-page__share .share__text {
        display: none;
    }
}

.news-page__download {
    align-self: start;
    margin-top: auto;
}

@media (max-width: 1024px) {
    .news-page__download {
        display: none;
    }
}

.news-page__download .download-link__file svg {
    fill: #82eb00;
}

.news-page__download .arrow_hover {
    fill: #fff;
}

.news-page__download .arrow_white {
    fill: #213d43;
}

.news-page__pills {
    align-self: start;
    margin-top: auto;
}

@media (max-width: 1024px) {
    .news-page__pills {
        margin-top: 32px;
    }
}

.news-page__label {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 1024px) {
    .news-page__label {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .news-page__label {
        font-size: 14px;
        line-height: 118%;
    }
}

@media (max-width: 1024px) {
    .news-page__label {
        font-size: 18px;
        line-height: 1.2778;
    }
}

@media (max-width: 576px) {
    .news-page__label {
        font-family: 'IBMPlexSans', sans-serif;
        font-size: 18px;
        line-height: 1.2778;
        font-style: normal;
        font-weight: 600;
    }
}

@media (max-width: 576px) and (max-width: 1024px) {
    .news-page__label {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) and (max-width: 576px) {
    .news-page__label {
        font-size: 14px;
        line-height: 118%;
    }
}

.news-page__label-icon {
    width: 18px;
    height: 18px;
}

@media (max-width: 576px) {
    .news-page__label-icon {
        width: 14px;
        height: 14px;
    }
}

.news-page__heading {
    display: flex;
    flex-direction: column;
    gap: 29px;
    grid-column: 5 / 13;
    grid-row: 1 / 3;
    margin-bottom: 64px;
}

@media (max-width: 1024px) {
    .news-page__heading {
        grid-column: 1 / -1;
        grid-row: 2;
        flex-direction: column-reverse;
        gap: 24px;
        margin-top: 32px;
    }
}

@media (max-width: 576px) {
    .news-page__heading {
        gap: 16px;
        margin: 24px 0 56px;
    }
}

.news-page__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -1.28px;
    color: #142c31;
}

@media (max-width: 1024px) {
    .news-page__title {
        font-size: 50px;
        line-height: 0.9;
        letter-spacing: -1px;
    }
}

@media (max-width: 576px) {
    .news-page__title {
        font-size: 32px;
        line-height: 28px;
        letter-spacing: -0.64px;
    }
}

.news-page__album-title {
    font-family: 'Supermolot', sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.76px;
    margin: 29px 0 16px;
}

@media (max-width: 1024px) {
    .news-page__album-title {
        font-size: 32px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .news-page__album-title {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .news-page__album-title {
        margin: 24px 0 8px;
    }
}

.news-page__album-title span {
    font-size: 14px;
    letter-spacing: -0.28px;
    vertical-align: top;
}

.news-page__cover {
    grid-column: 5 / 13;
    grid-row: 3;
    display: block;
    aspect-ratio: 4 / 3;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 1024px) {
    .news-page__cover {
        grid-column: 1 / -1;
        grid-row: 4;
        width: 100vw;
        margin: 40px -24px 0;
    }
}

@media (max-width: 576px) {
    .news-page__cover {
        margin: 32px -12px 0;
    }
}

.news-page__content {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    padding: 64px 0 103px;
    border-bottom: 1px solid #a1aaad;
}

@media (max-width: 1024px) {
    .news-page__content {
        display: block;
        padding: 38px 0 79px;
    }
}

@media (max-width: 576px) {
    .news-page__content {
        padding: 32px 0 63px;
    }
}

.news-page__album {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    height: 100%;
}

@media (max-width: 1024px) {
    .news-page__album {
        display: block;
    }
}

.news-page__aside {
    display: flex;
    align-items: end;
    grid-column: 1 / 5;
}

@media (max-width: 1024px) {
    .news-page__aside {
        display: none;
        grid-column: 1 / -1;
    }
}

.news-page__album-aside {
    --offset: calc(100vh - (91px + 32px + 48px));
    position: sticky;
    top: 123px;
    display: flex;
    flex-direction: column;
    height: var(--offset);
    grid-column: 1 / 5;
    grid-row: 1;
}

@media (max-width: 1024px) {
    .news-page__album-aside {
        position: static;
        height: auto;
        padding-bottom: 32px;
    }
}

@media (max-width: 576px) {
    .news-page__album-aside {
        padding-bottom: 24px;
    }
}

.news-page__main {
    grid-column: 5 / 12;
}

.news-page__main p {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    margin: 0;
}

@media (max-width: 1024px) {
    .news-page__main p {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .news-page__main p {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.news-page__main p + p {
    margin-top: 24px;
}

@media (max-width: 576px) {
    .news-page__main p + p {
        margin-top: 16px;
    }
}

.news-page__main p > strong,
.news-page__main .news-page__lead {
    font-size: 22px;
    font-weight: 600;
    line-height: 127%;
}

@media (max-width: 1024px) {
    .news-page__main p > strong,
    .news-page__main .news-page__lead {
        font-family: 'IBMPlexSans', sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 113%;
    }
}

@media (max-width: 1024px) and (max-width: 1024px) {
    .news-page__main p > strong,
    .news-page__main .news-page__lead {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 1024px) and (max-width: 576px) {
    .news-page__main p > strong,
    .news-page__main .news-page__lead {
        font-size: 16px;
        line-height: 1.0625;
    }
}

.news-page__main .news-page__lead {
    margin-bottom: 56px;
}

@media (max-width: 1024px) {
    .news-page__main .news-page__lead {
        margin-bottom: 40px;
    }
}

@media (max-width: 576px) {
    .news-page__main .news-page__lead {
        margin-bottom: 32px;
    }
}

.news-page__main ul {
    list-style: none;
    padding-left: 34px;
    margin-block: 24px;
}

.news-page__main ul li {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    position: relative;
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .news-page__main ul li {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .news-page__main ul li {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.news-page__main ul li:last-child {
    margin-bottom: 0;
}

.news-page__main ul li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: -34px;
    width: 10px;
    height: 8px;
    background-image: url("/static/img/bullet.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 1024px) {
    .news-page__main ul {
        padding-left: 28px;
    }

    .news-page__main ul li::before {
        top: 7px;
        left: -28px;
        width: 10px;
        height: 8px;
    }
}

@media (max-width: 576px) {
    .news-page__main ul {
        padding-left: 20px;
    }

    .news-page__main ul li::before {
        left: -20px;
        width: 8px;
        height: 6px;
    }
}

@media (max-width: 576px) {
    .news-page__main ul {
        margin-block: 16px;
    }
}

.news-page__main blockquote {
    position: relative;
    display: grid;
    gap: 26px;
    margin: 65px 0;
    padding-top: 24px;
}

@media (max-width: 1024px) {
    .news-page__main blockquote {
        gap: 24px;
        margin: 50px 0 41px;
    }
}

@media (max-width: 576px) {
    .news-page__main blockquote {
        gap: 16px;
        margin: 39px 0 32px;
        padding-top: 16px;
    }
}

.news-page__main blockquote::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    border-top: 2px solid #82eb00;
}

@media (max-width: 1024px) {
    .news-page__main blockquote::before {
        left: 43px;
    }
}

@media (max-width: 1024px) {
    .news-page__main blockquote::before {
        left: 32px;
    }
}

.news-page__main blockquote p {
    font-size: 27px;
    font-weight: 500;
    line-height: 1.1111;
    margin: 0;
}

@media (max-width: 1024px) {
    .news-page__main blockquote p {
        font-size: 21px;
    }
}

@media (max-width: 576px) {
    .news-page__main blockquote p {
        font-size: 19px;
        line-height: 1.10526;
    }
}

.news-page__main blockquote > img {
    position: absolute;
    top: 0;
    left: -53px;
    width: 28px;
    height: 22px;
}

@media (max-width: 1024px) {
    .news-page__main blockquote > img {
        left: 0;
        width: 26px;
        height: 20px;
        transform: translateY(-50%);
    }
}

@media (max-width: 1024px) {
    .news-page__main blockquote > img {
        width: 20px;
        height: 15px;
    }
}

.news-page__main blockquote cite {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 20px;
    font-style: normal;
}

@media (max-width: 1024px) {
    .news-page__main blockquote cite {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .news-page__main blockquote cite {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 1024px) {
    .news-page__main blockquote cite {
        gap: 16px;
    }
}

.news-page__main blockquote cite img {
    width: 54px;
    height: 54px;
    border-radius: 50%;
}

@media (max-width: 1024px) {
    .news-page__main blockquote cite img {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 576px) {
    .news-page__main blockquote cite img {
        width: 40px;
        height: 40px;
    }
}

.news-page__album-main {
    grid-column: 5 / 13;
    padding-top: 42px;
}

@media (max-width: 1024px) {
    .news-page__album-main {
        padding: 0;
    }
}

.news-page__sticky {
    position: sticky;
    bottom: 24px;
    display: none;
    margin-top: 24px;
}

@media (max-width: 1024px) {
    .news-page__sticky {
        display: flex;
        gap: 16px;
    }
}

@media (max-width: 576px) {
    .news-page__sticky {
        bottom: 16px;
        margin-top: 16px;
    }
}

.news-page__button {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
    flex-grow: 1;
    gap: 12px;
}

.news-page__button img {
    width: 20px;
    height: 26px;
}

@media (max-width: 576px) {
    .news-page__button img {
        width: 16px;
        height: 21px;
    }
}

.news-page__to-top {
    display: none;
}

.news-page__sticky_to-top .news-page__to-top {
    display: block;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.news-others {
    overflow: hidden;
}

.news-others__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .news-others__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .news-others__container {
        padding: 0 12px;
    }
}

.news-others__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 55px 0 40px;
}

@media (max-width: 1024px) {
    .news-others__head {
        padding: 40px 0 32px;
    }
}

@media (max-width: 576px) {
    .news-others__head {
        padding: 24px 0 32px;
    }
}

.news-others__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.76px;
}

@media (max-width: 1024px) {
    .news-others__title {
        font-size: 32px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .news-others__title {
        font-size: 24px;
    }
}

.news-others__forward .link-forward__icon {
    background-color: #142c31;
}

.news-others__forward svg {
    margin-left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.3px;
}

.news-others__slider {
    padding-bottom: 56px;
}

@media (max-width: 1024px) {
    .news-others__slider {
        padding-bottom: 0;
    }
}

.news-others__slider .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 16px;
    width: 100%;
    bottom: 0;
}

@media (max-width: 1024px) {
    .news-others__slider .swiper-pagination {
        display: none;
    }
}

.news-others__slider .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #142c31;
    opacity: 1;
}

.news-others__slider .swiper-pagination-bullet-active {
    background-color: #82eb00;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.video-pills {
    display: flex;
    gap: 8px;
}

.video-pills__item {
    display: flex;
    gap: 8px;
    padding: 9px 15px;
    border-radius: 21px;
    border: 1px solid #213d43;
}

.video-pills__icon {
    width: 24px;
    aspect-ratio: 1 / 1;
}

@media (max-width: 1024px) {
    .video-pills__icon {
        width: 20px;
    }
}

@media (max-width: 576px) {
    .video-pills__icon {
        width: 18px;
    }
}

.video-pills__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .video-pills__title {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .video-pills__title {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.video-pills__amount {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    position: relative;
    padding-left: 7px;
    color: #909ea1;
}

@media (max-width: 1024px) {
    .video-pills__amount {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .video-pills__amount {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.video-pills__amount::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 17px;
    background-color: #a1aaad;
    transform: translateY(-50%);
    content: '';
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.album {
    overflow: hidden;
}

.album__item {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    color: inherit;
    font: inherit;
    line-height: normal;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline-offset: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
}

@media (hover: hover) {
    .album__item:hover img {
        transform: scale(1.05);
    }
}

.album__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .35s ease-in-out;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.lightbox {
    position: fixed;
    inset: 0;
    z-index: 4;
    overflow: hidden;
    height: 100dvh;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(24px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}

[data-state='lightbox'] .lightbox {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.lightbox__close {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    color: inherit;
    font: inherit;
    line-height: normal;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline-offset: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
    width: 60px;
    height: 60px;
    padding: 18px;
    background-color: #fff;
    border-radius: 50%;
    transition: scale 0.25s ease;
}

@media (max-width: 1024px) {
    .lightbox__close {
        width: 45px;
        height: 45px;
        padding: 14px;
    }
}

@media (max-width: 576px) {
    .lightbox__close {
        top: 12px;
        right: 12px;
        width: 30px;
        height: 30px;
        padding: 8px;
    }
}

@media (hover: hover) {
    .lightbox__close:hover {
        scale: 0.96;
    }
}

.lightbox__close img {
    width: 100%;
    height: 100%;
}

.lightbox__inner {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    height: 100%;
}

@media (max-width: 1024px) {
    .lightbox__inner {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .lightbox__inner {
        padding: 0 12px;
    }
}

@media (max-width: 1024px) {
    .lightbox__inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 0;
        padding-top: 68px;
        padding-bottom: 40px;
    }
}

@media (max-width: 576px) {
    .lightbox__inner {
        padding-top: 42px;
        padding-bottom: 24px;
    }
}

.lightbox__main {
    grid-column: 1 / 11;
}

@media (max-width: 1024px) {
    .lightbox__main {
        flex-grow: 1;
    }
}

.lightbox__side {
    box-sizing: border-box;
    grid-column: 11 / 13;
    height: 100dvh;
    padding: 16px 0;
}

@media (max-width: 1024px) {
    .lightbox__side {
        height: 105px;
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .lightbox__side {
        height: 80px;
    }
}

.lightbox__slider {
    height: 100%;
}

.lightbox__tile {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

@media (max-width: 1024px) {
    .lightbox__tile {
        align-items: start;
    }
}

.lightbox__tile > img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: calc(100dvh - 180px);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 1024px) {
    .lightbox__tile > img {
        max-height: calc(100dvh - 324px);
    }
}

@media (max-width: 576px) {
    .lightbox__tile > img {
        max-height: calc(100dvh - 222px);
    }
}

.lightbox__tile iframe {
    display: block;
    width: 100%;
    height: auto;
    max-height: calc(100dvh - 180px);
    aspect-ratio: 16 / 9;
}

@media (max-width: 1024px) {
    .lightbox__tile iframe {
        max-height: calc(100dvh - 324px);
    }
}

@media (max-width: 576px) {
    .lightbox__tile iframe {
        max-height: calc(100dvh - 222px);
    }
}

.lightbox__nav {
    width: 100%;
    height: 100%;
}

@media (max-width: 1024px) {
    .lightbox__nav {
        overflow: visible;
    }
}

.lightbox__nav .swiper-slide {
    box-sizing: border-box;
    position: relative;
    height: auto;
    cursor: pointer;
    border: 3px solid transparent;
    transition: border-color .25s ease;
}

@media (max-width: 1024px) {
    .lightbox__nav .swiper-slide {
        width: auto;
        height: 100%;
    }
}

@media (hover: hover) {
    .lightbox__nav .swiper-slide:hover img {
        opacity: 0.8;
    }
}

.lightbox__nav .swiper-slide img {
    transition: opacity .25s ease;
}

@media (max-width: 1024px) {
    .lightbox__nav .swiper-slide img {
        width: auto;
        height: 100%;
    }
}

.lightbox__nav.swiper-thumbs .swiper-slide-thumb-active {
    border-color: #82eb00;
}

.lightbox__nav.swiper-thumbs .swiper-slide-thumb-active img {
    opacity: 1;
}

.lightbox__link {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.25s ease;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 1;
    display: flex;
    gap: 8px;
    color: #fff;
    transform: translateX(-50%);
}

@media (max-width: 1024px) {
    .lightbox__link {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .lightbox__link {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.lightbox__link img {
    width: 16px;
    height: 20px;
}

@media (max-width: 1024px) {
    .lightbox__link img {
        width: 17px;
        height: 21px;
    }
}

@media (max-width: 576px) {
    .lightbox__link img {
        width: 14px;
        height: 18px;
    }
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.video-list {
    display: grid;
    gap: 24px;
}

@media (max-width: 1024px) {
    .video-list {
        gap: 32px;
    }
}

@media (max-width: 576px) {
    .video-list {
        gap: 24px;
    }
}

.video-list__item {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 40px;
}

@media (max-width: 1024px) {
    .video-list__item {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

@media (max-width: 576px) {
    .video-list__item {
        gap: 8px;
    }
}

.video-list__item_single {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.video-list__button {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    color: inherit;
    font: inherit;
    line-height: normal;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline-offset: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    grid-column: 1 / 7;
}

.video-list__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
    .video-list__icon {
        width: 80px;
    }
}

@media (max-width: 576px) {
    .video-list__icon {
        width: 40px;
    }
}

.video-list__pill {
    position: absolute;
    bottom: 16px;
    left: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px 6px 6px;
    color: #fff;
    background-color: #142c31;
    border-radius: 20px;
}

@media (max-width: 576px) {
    .video-list__pill {
        bottom: 8px;
        left: 8px;
    }
}

.video-list__pill-icon {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    padding: 5px;
    border-radius: 50%;
    background-color: #82eb00;
}

@media (max-width: 576px) {
    .video-list__pill-icon {
        width: 19px;
        height: 19px;
        padding: 5px;
    }
}

.video-list__pill-icon img {
    width: 100%;
    height: 100%;
}

.video-list__pill-title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .video-list__pill-title {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .video-list__pill-title {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.video-list__descr {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    grid-column: 7 / 9;
    color: #909ea1;
    transform: translateX(-16px);
}

@media (max-width: 1024px) {
    .video-list__descr {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .video-list__descr {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 1024px) {
    .video-list__descr {
        transform: none;
    }
}

.video-list__item_single .video-list__descr {
    transform: none;
}

.video-list__cover {
    width: 100%;
    height: auto;
    aspect-ratio: 652 / 398;
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #000;
}

@media (max-width: 1024px) {
    .video-list__item_single .video-list__cover {
        aspect-ratio: 720 / 716;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.page-tabs_teaching {
    background-color: #fff;
}

.page-tabs_teaching .page-tabs__head {
    padding: 347px 0 60px;
    gap: 64px;
}

@media (max-width: 1024px) {
    .page-tabs_teaching .page-tabs__head {
        padding: 244px 0 40px;
        gap: 40px;
    }
}

@media (max-width: 576px) {
    .page-tabs_teaching .page-tabs__head {
        padding: 211px 0 40px;
        gap: 32px;
    }
}

.page-tabs_teaching .page-tabs__title,
.page-tabs_teaching .page-tabs__tab-row {
    z-index: 1;
}

@media (max-width: 576px) {
    .page-tabs_teaching .page-tabs__title {
        font-size: 56.2px;
        font-weight: 400;
        line-height: 65.33px;
        letter-spacing: -0.02em;
    }
}

.page-tabs_teaching .page-tabs__image {
    top: 138px;
    z-index: 0;
}

@media (max-width: 1024px) {
    .page-tabs_teaching .page-tabs__image {
        height: 528px;
        top: 68px;
    }
}

@media (max-width: 576px) {
    .page-tabs_teaching .page-tabs__image {
        height: 340px;
        top: 152px;
    }
}

.page-tabs_teaching .ui-cols {
    padding-top: 141px;
    width: 100%;
}

@media (max-width: 1024px) {
    .page-tabs_teaching .ui-cols {
        padding-top: 244px;
        gap: 24px;
    }
}

@media (max-width: 576px) {
    .page-tabs_teaching .ui-cols {
        padding-top: 221px;
    }
}

.page-tabs_teaching .page-tabs__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
}

@media (max-width: 1024px) {
    .page-tabs_teaching .page-tabs__text {
        font-size: 20px;
        line-height: 110%;
    }
}

@media (max-width: 576px) {
    .page-tabs_teaching .page-tabs__text {
        font-size: 16px;
        font-weight: 600;
        line-height: 17.28px;
    }
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.teaching-request {
    background-color: #f0f5f6;
}

.teaching-request__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .teaching-request__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .teaching-request__container {
        padding: 0 12px;
    }
}

.teaching-request__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    height: 100%;
    padding: 64px 0 72px;
}

@media (max-width: 1024px) {
    .teaching-request__grid {
        display: block;
        padding: 40px 0;
    }
}

@media (max-width: 576px) {
    .teaching-request__grid {
        padding: 32px 0;
    }
}

.teaching-request__aside {
    grid-column: 1 / 5;
}

@media (max-width: 1024px) {
    .teaching-request__aside {
        display: flex;
        justify-content: space-between;
        margin-bottom: 31px;
    }
}

@media (max-width: 576px) {
    .teaching-request__aside {
        flex-direction: column;
        margin-bottom: 2px;
        gap: 16px;
    }
}

.teaching-request__main {
    position: relative;
    display: grid;
    grid-column: 5 / 13;
    align-items: start;
    grid-template-areas: 'panel';
}

.teaching-request__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.76px;
    width: 75%;
    margin-bottom: 43px;
}

@media (max-width: 1024px) {
    .teaching-request__title {
        font-size: 32px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .teaching-request__title {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .teaching-request__title {
        width: auto;
        margin-bottom: 0;
    }
}

.teaching-request__panel {
    position: absolute;
    display: none;
    height: 0;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    grid-area: panel;
}

.teaching-request__panel[data-inner-tab-panel-state='active'] {
    position: relative;
    display: block;
    height: 100%;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.teaching-request .horizontal-tabs {
    background-color: transparent;
}

.teaching-request .contacts__form {
    row-gap: 40px;
    margin-top: 21px;
}

@media (max-width: 1024px) {
    .teaching-request .contacts__form {
        row-gap: 32px;
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

@media (max-width: 576px) {
    .teaching-request .contacts__form {
        row-gap: 24px;
        margin-bottom: 24px;
    }
}

.teaching-request .contacts__form .input__input {
    padding-bottom: 15px;
}

.teaching-request .contacts__form .contacts__button {
    margin-top: 24px;
}

@media (max-width: 1024px) {
    .teaching-request .contacts__form .contacts__button {
        margin-top: 16px;
    }
}

.teaching-request .contacts__form [data-other-choice] {
    width: 40%;
    flex-grow: 1;
}

.teaching-request .contacts .contacts__text a {
    text-decoration: underline;
}

.slider-cursor-buttons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: none;
}

.slider-cursor-buttons__prev,
.slider-cursor-buttons__next {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 2;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: none;
}

.slider-cursor-buttons__prev.swiper-button-disabled,
.slider-cursor-buttons__next.swiper-button-disabled {
    cursor: none;
}

.slider-cursor-buttons__prev {
    left: 0;
}

.slider-cursor-buttons__next {
    right: 0;
}

.slider-cursor-buttons__button {
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    position: static;
    pointer-events: none;
    width: 72px;
    height: 72px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
    border: 0;
    z-index: 2;
}

@media (max-width: 1024px) {
    .slider-cursor-buttons__button {
        display: none;
    }
}

.slider-cursor-buttons__button svg {
    width: 33px;
    height: 51px;
    fill: none;
    stroke: #142c31;
    stroke-width: 2px;
    margin-bottom: 2px;
}

.slider-cursor-buttons_primary .slider-cursor-buttons__button {
    background: #82eb00;
}

@media (max-width: 1024px) {
    .slider-cursor-buttons {
        display: none;
    }
}

@media (hover: hover) {
    .slider-cursor-buttons:hover .slider-cursor-buttons__button {
        opacity: 1;
        position: absolute;
        top: 0;
    }

    .slider-cursor-buttons .slider-cursor-buttons__prev:hover ~ .slider-cursor-buttons__button {
        transform: rotate(-180deg);
    }

    .slider-cursor-buttons .slider-cursor-buttons__next.swiper-button-disabled:hover ~ .slider-cursor-buttons__button,
    .slider-cursor-buttons .slider-cursor-buttons__prev.swiper-button-disabled:hover ~ .slider-cursor-buttons__button {
        opacity: 0.6;
    }
}

.calendar-competition {
    padding: 50px 0;
    background-color: #82eb00;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .calendar-competition {
        padding: 40px 0;
    }
}

.calendar-competition__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .calendar-competition__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .calendar-competition__container {
        padding: 0 12px;
    }
}

@media (max-width: 1024px) {
    .calendar-competition .ui-cols {
        gap: 40px;
    }
}

.calendar-competition .ui-cols__title {
    margin-top: 13px;
    max-width: 250px;
}

@media (max-width: 1024px) {
    .calendar-competition .ui-cols__title {
        margin-top: 0;
        max-width: unset;
    }
}

.calendar-competition .ui-cols__img {
    bottom: -68px;
    left: -47px;
    width: 28%;
    max-width: 418px;
}

@media (max-width: 1024px) {
    .calendar-competition .ui-cols__img {
        display: none;
    }
}

.calendar-purchase {
    padding: 0;
    list-style: none;
}

.calendar-purchase__item {
    padding: 20px 0 19px;
}

.calendar-purchase__item:not(:last-child) {
    border-bottom: 1px solid #142c31;
}

.calendar-purchase__item.active .calendar-purchase__button {
    rotate: 45deg;
}

.calendar-purchase__top {
    display: grid;
    grid-template-columns: 24% calc(100% - 24% - 24px - 40px) 24px;
    gap: 20px;
    cursor: default;
}

@media (max-width: 1024px) {
    .calendar-purchase__top {
        grid-template-columns: 28% calc(100% - 28% - 24px - 40px) 24px;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__top {
        grid-template-columns: calc(100% - 24px - 33px) 24px;
        gap: 12px 33px;
    }
}

.calendar-purchase__date {
    font-family: 'Supermolot', sans-serif;
    font-size: 34px;
    line-height: 123.006%;
    letter-spacing: -0.68px;
    font-style: normal;
    font-weight: 400;
    color: #142c31;
}

@media (max-width: 1024px) {
    .calendar-purchase__date {
        font-size: 28px;
        line-height: 1;
        letter-spacing: -0.56px;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__date {
        font-size: 24px;
        line-height: 83.333%;
        letter-spacing: -0.48px;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__date {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__name {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }
}

.calendar-purchase__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
    margin-bottom: 4px;
    color: #142c31;
}

@media (max-width: 1024px) {
    .calendar-purchase__title {
        font-size: 20px;
        line-height: 110%;
    }
}

@media (max-width: 1024px) {
    .calendar-purchase__title {
        font-size: 18px;
        line-height: 20.34px;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__title {
        font-size: 16px;
        line-height: 17.28px;
    }
}

.calendar-purchase__town {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #142c31;
}

@media (max-width: 1024px) {
    .calendar-purchase__town {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__town {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.calendar-purchase__button {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding: 0;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: 0;
    transition: .3s ease;
}

@media (max-width: 1024px) {
    .calendar-purchase__button {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__button {
        grid-row: 1 / 3;
        grid-column: 2 / 3;
        width: 24px;
        height: 24px;
    }
}

.calendar-purchase__button::before,
.calendar-purchase__button::after {
    content: '';
    position: absolute;
    display: flex;
    width: 100%;
    height: 2px;
    background: #213d43;
    transition: .3s;
}

.calendar-purchase__button::before {
    top: 50%;
    right: 0;
    translate: 0 -50%;
}

.calendar-purchase__button::after {
    right: 2%;
    rotate: 90deg;
}

.calendar-purchase__bottom {
    box-sizing: content-box;
    max-height: 0;
    overflow: hidden;
    will-change: max-height;
    padding-left: 0;
    list-style: none;
    transition: all 0.8s cubic-bezier(0.68, 0.43, 0.19, 1);
}

.calendar-purchase__bottom-item {
    display: grid;
    grid-template-columns: 15% calc(100% - 15% - 15% - 40px) 15%;
    gap: 20px;
    align-items: center;
    margin-left: calc(24% + 20px);
    padding-top: 18px;
    border-top: 1px dashed #142c31;
}

@media (max-width: 1024px) {
    .calendar-purchase__bottom-item {
        grid-template-columns: 9% calc(100% - 9% - 15% - 40px) 15%;
        gap: 4px 20px;
        margin-left: calc(24% + 56px);
        padding-top: 19px;
        padding-bottom: 0;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__bottom-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;
        margin-left: 0;
        padding-top: 12px;
    }
}

.calendar-purchase__bottom-item:nth-child(1) {
    margin-top: 25px;
}

.calendar-purchase__bottom-item:not(:last-child) {
    padding-bottom: 26px;
}

@media (max-width: 1024px) {
    .calendar-purchase__bottom-item:not(:last-child) {
        padding-bottom: 19px;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__bottom-item:not(:last-child) {
        padding-bottom: 12px;
    }
}

.calendar-purchase__bottom .calendar-purchase__date {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    font-style: normal;
}

@media (max-width: 1024px) {
    .calendar-purchase__bottom .calendar-purchase__date {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__bottom .calendar-purchase__date {
        font-size: 14px;
        line-height: 118%;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__bottom .calendar-purchase__date {
        width: 100%;
    }
}

.calendar-purchase__bottom .calendar-purchase__place {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
    color: #142c31;
}

@media (max-width: 1024px) {
    .calendar-purchase__bottom .calendar-purchase__place {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__bottom .calendar-purchase__place {
        font-size: 14px;
        line-height: 118%;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__bottom .calendar-purchase__place {
        align-items: flex-start;
        max-width: 263px;
    }
}

.calendar-purchase__bottom .calendar-purchase__place svg {
    display: flex;
    flex-shrink: 0;
    margin-right: 8.72px;
    width: 13.56px;
    height: 18.83px;
    fill: #142c31;
}

.calendar-purchase__bottom .calendar-purchase__time {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 8px;
    color: #142c31;
}

@media (max-width: 1024px) {
    .calendar-purchase__bottom .calendar-purchase__time {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .calendar-purchase__bottom .calendar-purchase__time {
        font-size: 14px;
        line-height: 118%;
    }
}

@media (max-width: 1024px) {
    .calendar-purchase__bottom .calendar-purchase__time {
        margin-right: 0;
    }
}

.calendar-purchase__bottom .calendar-purchase__time svg {
    display: flex;
    flex-shrink: 0;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    fill: #142c31;
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.calendar__inner {
    padding-bottom: 28px;
}

@media (max-width: 1024px) {
    .calendar__inner {
        display: grid;
        gap: 28px;
        padding-bottom: 0;
    }
}

.calendar__section {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    padding-top: 4px;
    border-top: 1px solid #213d43;
}

@media (max-width: 1024px) {
    .calendar__section {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 576px) {
    .calendar__section {
        padding-top: 16px;
    }

    .calendar__section:first-child {
        padding-top: 40px;
        border-top: 0;
    }
}

.calendar__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 34px;
    line-height: 123.006%;
    letter-spacing: -0.68px;
    font-style: normal;
    font-weight: 400;
    grid-column: 1 / 5;
    margin: 20px 0;
}

@media (max-width: 1024px) {
    .calendar__title {
        font-size: 28px;
        line-height: 1;
        letter-spacing: -0.56px;
    }
}

@media (max-width: 576px) {
    .calendar__title {
        font-size: 24px;
        line-height: 83.333%;
        letter-spacing: -0.48px;
    }
}

@media (max-width: 1024px) {
    .calendar__title {
        grid-column: 1 / -1;
        margin-bottom: 0;
        color: #909ea1;
    }
}

@media (max-width: 576px) {
    .calendar__title {
        margin: 0;
    }
}

.calendar__table {
    grid-column: 5 / 13;
}

@media (max-width: 1024px) {
    .calendar__table {
        grid-column: 1 / -1;
    }
}

@use 'frontend/scss/vars' as *;

@use 'frontend/scss/mixins' as *;

.calendar-item {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 40px;
    padding: 20px 0;
    cursor: default;
}

@media (max-width: 1024px) {
    .calendar-item {
        padding: 24px 0;
    }
}

@media (max-width: 576px) {
    .calendar-item {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 16px 0;
    }
}

.calendar-item + .calendar-item {
    padding-top: 19px;
    border-top: 1px solid #a1aaad;
}

@media (max-width: 1024px) {
    .calendar-item + .calendar-item {
        padding-top: 23px;
    }
}

@media (max-width: 576px) {
    .calendar-item + .calendar-item {
        padding-top: 15px;
    }
}

.calendar-item__date {
    font-family: 'Supermolot', sans-serif;
    font-size: 34px;
    line-height: 123.006%;
    letter-spacing: -0.68px;
    font-style: normal;
    font-weight: 400;
    grid-column: 1 / 3;
    color: #142c31;
}

@media (max-width: 1024px) {
    .calendar-item__date {
        font-size: 28px;
        line-height: 1;
        letter-spacing: -0.56px;
    }
}

@media (max-width: 576px) {
    .calendar-item__date {
        font-size: 24px;
        line-height: 83.333%;
        letter-spacing: -0.48px;
    }
}

@media (max-width: 576px) {
    .calendar-item__date {
        grid-column: 1 / -1;
    }
}

.calendar-item__info {
    grid-column: 3 / 7;
    display: grid;
    gap: 4px;
}

@media (max-width: 576px) {
    .calendar-item__info {
        grid-column: 1 / -1;
        gap: 2px;
    }
}

.calendar-item__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
    color: #142c31;
}

@media (max-width: 1024px) {
    .calendar-item__title {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .calendar-item__title {
        font-size: 16px;
        line-height: 1.0625;
    }
}

.calendar-item__descr {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #142c31;
}

@media (max-width: 1024px) {
    .calendar-item__descr {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .calendar-item__descr {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.calendar-item__link {
    grid-column: 7 / 9;
    align-self: start;
    justify-self: end;
}

@media (max-width: 576px) {
    .calendar-item__link {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

.calendar-item__link .link-forward__icon {
    background-color: #82eb00;
}

.calendar-page {
    margin-top: 48px;
    margin-bottom: 103px;
    padding-top: var(--header-height);
}

.calendar-page__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .calendar-page__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .calendar-page__container {
        padding: 0 12px;
    }
}

.calendar-page__top {
    margin-bottom: 104px;
}

.calendar-page__left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 95%;
}

.calendar-page .link-back {
    margin-bottom: 29px;
    color: #909ea1;
}

.calendar-page .link-back .link-back__icon {
    background-color: #213d43;
}

.calendar-page .link-back .link-back__icon svg {
    stroke: #fff;
}

.calendar-page__date {
    font-family: 'Supermolot', sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -1.28px;
    margin-bottom: 33px;
    color: #213d43;
}

.calendar-page .share {
    margin-top: auto;
    margin-bottom: 64px;
    padding-bottom: 40px;
    border-bottom: 1px solid #a1aaad;
}

.calendar-page__tickets {
    width: -moz-fit-content;
    width: fit-content;
    color: #213d43;
}

.calendar-page__tickets .link-forward__icon {
    background-color: #213d43;
}

.calendar-page__tickets .link-forward__icon svg {
    stroke: #fff;
}

.calendar-page__address {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

.calendar-page__address .location-icon {
    margin-right: 8px;
}

.calendar-page__address .location-icon svg {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 22px;
    fill: #82eb00;
}

.calendar-page__address .text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    color: #213d43;
}

@media (max-width: 1024px) {
    .calendar-page__address .text {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .calendar-page__address .text {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.calendar-page__article a {
    color: #82eb00;
}

.calendar-page__article table {
    border-collapse: collapse;
}

.calendar-page__article table td {
    padding: .5rem 1rem;
    border: 1px solid #213d43;
}

.calendar-page__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -1.28px;
    margin-bottom: 64px;
    color: #213d43;
}

.calendar-page__img {
    margin-bottom: 64px;
    display: block;
    width: 100%;
}

.calendar-page__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    line-height: 1.13637;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 71px;
    max-width: 87%;
    color: #213d43;
}

@media (max-width: 1024px) {
    .calendar-page__text {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .calendar-page__text {
        font-size: 16px;
        line-height: 108%;
    }
}

.calendar-page__content {
    max-width: 87%;
    color: #213d43;
}

.calendar-page__content p {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .calendar-page__content p {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .calendar-page__content p {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.calendar-page__content p + p {
    margin-top: 25px;
}

.calendar-schedule {
    padding-top: 56px;
}

@media (max-width: 1024px) {
    .calendar-schedule {
        padding-top: 40px;
    }
}

@media (max-width: 576px) {
    .calendar-schedule {
        padding-top: 32px;
    }
}

@media (max-width: 1024px) {
    .calendar-schedule .ui-cols__right {
        margin-bottom: 40px;
    }
}

.calendar-schedule__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 56px;
    padding: 0;
    list-style: none;
}

@media (max-width: 1024px) {
    .calendar-schedule__list {
        margin-bottom: 32px;
    }
}

.calendar-schedule__item {
    display: grid;
    grid-template-columns: 24% calc(100% - 24% - 20px);
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #a1aaad;
    cursor: default;
}

.calendar-schedule__item:first-child {
    padding-top: 0;
}

.calendar-schedule__date {
    font-family: 'Supermolot', sans-serif;
    font-size: 34px;
    line-height: 123.006%;
    letter-spacing: -0.68px;
    font-style: normal;
    font-weight: 400;
    color: #213d43;
}

@media (max-width: 1024px) {
    .calendar-schedule__date {
        font-size: 28px;
        line-height: 1;
        letter-spacing: -0.56px;
    }
}

@media (max-width: 576px) {
    .calendar-schedule__date {
        font-size: 24px;
        line-height: 83.333%;
        letter-spacing: -0.48px;
    }
}

.calendar-schedule__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.calendar-schedule__content + .calendar-schedule__content {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #a1aaad;
}

.calendar-schedule__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
    color: #213d43;
}

@media (max-width: 1024px) {
    .calendar-schedule__title {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .calendar-schedule__title {
        font-size: 16px;
        line-height: 1.0625;
    }
}

.calendar-schedule__time {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    color: #82eb00;
}

@media (max-width: 1024px) {
    .calendar-schedule__time {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .calendar-schedule__time {
        font-size: 14px;
        line-height: 118%;
    }
}

.calendar-schedule__button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.rating__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .rating__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .rating__container {
        padding: 0 12px;
    }
}

.rating__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 38px;
    line-height: 38px;
    letter-spacing: -0.02em;
}

.rating .ui-cols {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 40px;
    padding-top: 24px;
    padding-bottom: 97px;
    color: #142c31;
    border-top: 1px solid #a1aaad;
    border-bottom: 1px solid #a1aaad;
}

@media (max-width: 1024px) {
    .rating .ui-cols {
        display: block;
        padding-bottom: 56px;
    }
}

@media (max-width: 576px) {
    .rating .ui-cols {
        padding-bottom: 32px;
        padding-top: 0;
        border-top: 0;
        border-bottom: 0;
    }
}

.rating .ui-cols__left {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 40px;
    grid-column: 1 / -1;
}

@media (max-width: 1024px) {
    .rating .ui-cols__left {
        grid-template-columns: 1fr;
        margin-top: 40px;
        grid-gap: 60px;
    }
}

@media (max-width: 576px) {
    .rating .ui-cols__left {
        grid-gap: 28px;
        margin-top: 16px;
    }
}

.rating .ui-cols__left .page-tabs__panel {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 40px;
}

@media (max-width: 1024px) {
    .rating .ui-cols__left .page-tabs__panel {
        display: block;
    }
}

.rating .ui-cols__left .page-tabs__panel .rating-table {
    grid-column: 5 / 13;
}

@media (max-width: 1024px) {
    .rating .ui-cols__left .page-tabs__panel .rating-table {
        margin-bottom: 60px;
    }

    .rating .ui-cols__left .page-tabs__panel .rating-table .rating-table__group {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .rating .ui-cols__left .page-tabs__panel .rating-table {
        margin-bottom: 32px;
    }

    .rating .ui-cols__left .page-tabs__panel .rating-table .rating-table__row {
        grid-template-columns: 2fr 6fr 1fr 1fr;
        gap: 16px;
        min-height: auto;
    }

    .rating .ui-cols__left .page-tabs__panel .rating-table .rating-table__place {
        flex-direction: column;
    }
}

.rating .ui-cols__right {
    position: absolute;
    top: 24px;
    z-index: 1;
    grid-column: 1 / 5;
}

@media (max-width: 1024px) {
    .rating .ui-cols__right {
        position: static;
        grid-column: 1 / -1;
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 576px) {
    .rating .ui-cols__right {
        flex-direction: column;
        gap: 16px;
    }
}

.rating .ui-cols__rating-download {
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width: 1024px) {
    .rating .ui-cols__rating-download {
        position: relative;
    }
}

.rating-table {
    width: 100%;
    grid-column: 5 / 13;
    color: #142c31;
}

@media (max-width: 1024px) {
    .rating-table {
        grid-column: 1 / 1;
    }
}

.rating-table__row {
    display: grid;
    grid-template-columns: 24% calc(100% - 24% - 110px - 60px - 20px - 20px - 20px) minmax(110px, 8%) minmax(60px, 7%);
    gap: 20px;
}

@media (max-width: 576px) {
    .rating-table__row {
        grid-template-columns: 3fr 10fr 3fr 2fr;
        gap: 16px;
        min-height: auto;
    }
}

.rating-table__head {
    margin-bottom: 15px;
    padding: 10px 0 0;
    list-style: none;
}

.rating-table__head li {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
    opacity: .6;
}

@media (max-width: 1024px) {
    .rating-table__head li {
        font-size: 16px;
        line-height: 127%;
    }
}

@media (max-width: 576px) {
    .rating-table__head li {
        font-size: 11px;
        line-height: 113%;
    }
}

.rating-table__head_center {
    text-align: center;
}

.rating-table__head_end {
    text-align: end;
}

@media (max-width: 1024px) {
    .rating-table__head_end {
        text-align: center;
    }
}

.rating-table__body {
    padding: 0;
    list-style: none;
}

.rating-table__body .rating-table__row {
    padding: 18px 0;
    border-top: 1px solid #a1aaad;
}

.rating-table__body .rating-table__row:last-child {
    padding-bottom: 0;
}

@media (max-width: 576px) {
    .rating-table__body .rating-table__row {
        padding: 15px 0;
    }
}

.rating-table__place {
    display: flex;
    align-items: flex-start;
}

@media (max-width: 576px) {
    .rating-table__place {
        flex-direction: column;
    }
}

.rating-table__place-number {
    font-family: 'Supermolot', sans-serif;
    font-size: 40px;
    line-height: 104.555%;
    letter-spacing: -0.8px;
    font-style: normal;
    font-weight: 400;
    margin-right: 22px;
}

@media (max-width: 1024px) {
    .rating-table__place-number {
        font-size: 32px;
        letter-spacing: -0.64px;
    }
}

@media (max-width: 576px) {
    .rating-table__place-number {
        font-size: 24px;
        line-height: 1;
        letter-spacing: -0.48px;
    }
}

@media (max-width: 1024px) {
    .rating-table__place-number {
        margin-right: 16px;
    }
}

.rating-table__place-word {
    font-family: 'Supermolot', sans-serif;
    font-size: 19px;
    line-height: 1;
    letter-spacing: -0.38px;
    font-style: normal;
    font-weight: 400;
}

@media (max-width: 1024px) {
    .rating-table__place-word {
        font-size: 16px;
        line-height: 118.75%;
        letter-spacing: -0.32px;
    }
}

@media (max-width: 576px) {
    .rating-table__place-word {
        font-size: 14px;
        line-height: 142.857%;
        letter-spacing: -0.28px;
    }
}

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

@media (max-width: 576px) {
    .rating-table__name {
        gap: 8px;
    }
}

.rating-table__name-top {
    display: flex;
    align-items: center;
    gap: 6px;
}

.rating-table__name-text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
}

@media (max-width: 1024px) {
    .rating-table__name-text {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .rating-table__name-text {
        font-size: 16px;
        line-height: 1.0625;
    }
}

.rating-table__name-icon {
    width: 21px;
    height: 19px;
    fill: #82eb00;
}

@media (max-width: 1024px) {
    .rating-table__name-icon {
        width: 14px;
        height: 13px;
    }
}

@media (max-width: 576px) {
    .rating-table__name-icon {
        width: 11px;
        height: 10px;
    }
}

.rating-table__name-bottom {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 600;
    color: #82eb00;
}

@media (max-width: 1024px) {
    .rating-table__name-bottom {
        font-size: 16px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .rating-table__name-bottom {
        font-size: 14px;
        line-height: 118%;
    }
}

.rating-table__games {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    line-height: 1.13637;
    font-style: normal;
    font-weight: 500;
    text-align: center;
}

@media (max-width: 1024px) {
    .rating-table__games {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .rating-table__games {
        font-size: 16px;
        line-height: 108%;
    }
}

.rating-table__group {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    line-height: 1.13637;
    font-style: normal;
    font-weight: 500;
    text-align: right;
}

@media (max-width: 1024px) {
    .rating-table__group {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .rating-table__group {
        font-size: 16px;
        line-height: 108%;
    }
}

@media (max-width: 1024px) {
    .rating-table__group {
        text-align: center;
    }
}

.national-hero {
    background-color: #82eb00;
}

.national-hero__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
    position: relative;
}

@media (max-width: 1024px) {
    .national-hero__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .national-hero__container {
        padding: 0 12px;
    }
}

.national-hero__inner {
    position: relative;
    padding: 350px 0 268px;
}

@media (max-width: 1024px) {
    .national-hero__inner {
        padding: 293px 0 294px;
    }
}

@media (max-width: 576px) {
    .national-hero__inner {
        padding: 254px 0;
    }
}

.national-hero__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 128px;
    font-weight: 400;
    line-height: 0.7265625;
    letter-spacing: -0.02em;
    text-align: center;
    position: relative;
    z-index: 2;
}

@media (max-width: 1024px) {
    .national-hero__title {
        font-size: 93px;
        line-height: 0.892473;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .national-hero__title {
        font-size: 48px;
        line-height: 0.916667;
    }
}

@media (max-width: 576px) {
    .national-hero__title {
        font-size: 56.2px;
        line-height: 65.33px;
    }
}

.national-hero__image {
    position: absolute;
    top: 56%;
    left: 50%;
    z-index: 0;
    width: auto;
    transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
    .national-hero__image {
        top: 50%;
        height: 443px;
    }
}

@media (max-width: 576px) {
    .national-hero__image {
        height: 287px;
    }
}

.national-hero__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    position: absolute;
    right: -22px;
    bottom: 84px;
    display: block;
    max-width: 328px;
    color: #142c31;
}

@media (max-width: 1024px) {
    .national-hero__text {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .national-hero__text {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 1024px) {
    .national-hero__text {
        right: 0;
        bottom: 72px;
        max-width: 259px;
        font-size: 18px;
        line-height: 20.34px;
    }
}

@media (max-width: 576px) {
    .national-hero__text {
        top: 67px;
        right: unset;
        bottom: unset;
        left: 0;
        font-size: 14px;
        line-height: 16.52px;
    }
}

.national-about {
    padding: 80px 0;
}

@media (max-width: 1024px) {
    .national-about {
        padding: 40px 0;
    }
}

.national-about__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .national-about__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .national-about__container {
        padding: 0 12px;
    }
}

.national-about__content {
    margin-bottom: 109px;
}

@media (max-width: 1024px) {
    .national-about__content {
        margin-bottom: 40px;
    }
}

@media (max-width: 576px) {
    .national-about__content {
        margin-bottom: 37px;
    }
}

@media (max-width: 1024px) {
    .national-about__content .ui-cols__title {
        margin-bottom: 24px;
    }
}

.national-about__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
}

@media (max-width: 1024px) {
    .national-about__text {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .national-about__text {
        font-size: 16px;
        line-height: 1.0625;
    }
}

.national-about__text:not(:last-child) {
    margin-bottom: 26px;
}

@media (max-width: 1024px) {
    .national-about__text:not(:last-child) {
        margin-bottom: 19px;
    }
}

.national-about__descr .ui-cols__subtitle {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    padding-top: 40px;
    color: #142c31;
    border-top: 1px solid #000000;
}

@media (max-width: 1024px) {
    .national-about__descr .ui-cols__subtitle {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .national-about__descr .ui-cols__subtitle {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 1024px) {
    .national-about__descr .ui-cols__subtitle {
        margin-bottom: 37px;
    }
}

.national-about__image {
    width: 100%;
    height: 100%;
}

@media (max-width: 1024px) {
    .national-about__image {
        padding-top: 24px;
        border-top: 1px solid #000000;
    }
}

.national-team {
    padding: 80px 0;
    background-color: #213d43;
}

@media (max-width: 1300px) {
    .national-team {
        padding: 40px 0;
    }
}

.national-team__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .national-team__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .national-team__container {
        padding: 0 12px;
    }
}

@media (max-width: 576px) {
    .national-team .horizontal-tabs__button {
        font-size: 16px;
        font-weight: 600;
        line-height: 17.28px;
    }
}

.national-team__cols {
    padding-bottom: 60px;
    border-bottom: 1px solid #fff;
}

@media (max-width: 1300px) {
    .national-team__cols {
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 1300px) {
    .national-team__cols .ui-cols__right {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 576px) {
    .national-team__cols .ui-cols__right {
        flex-direction: column;
        gap: 24px;
    }
}

.national-team .national-coach__cols {
    padding-top: 60px;
}

@media (max-width: 1300px) {
    .national-team .national-coach__cols {
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding-top: 40px;
    }
}

.national-team .national-coach__cols .ui-cols__title {
    margin-top: 0;
}

.national-team .ui-cols__title {
    margin-top: 10px;
    margin-bottom: 40px;
    color: #fff;
}

@media (max-width: 1300px) {
    .national-team .ui-cols__title {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.national-team .horizontal-tabs_buttons {
    background: transparent;
}

@media (max-width: 1300px) {
    .national-team .horizontal-tabs_buttons {
        gap: 12px;
    }
}

.national-team .horizontal-tabs_buttons .horizontal-tabs__button {
    color: #fff;
    border-color: #fff;
    background: transparent;
}

.national-team .horizontal-tabs_buttons .horizontal-tabs__button[data-tab-button-state='active'] {
    color: #213d43;
    background: #fff;
    border-color: #fff;
}

@media (max-width: 1300px) {
    .national-team .horizontal-tabs_buttons .horizontal-tabs__button {
        padding: 8px 18px;
    }
}

@media (max-width: 576px) {
    .national-team .horizontal-tabs_buttons .horizontal-tabs__button {
        width: 100%;
    }

    .national-team .horizontal-tabs_buttons .horizontal-tabs__button:nth-child(2) {
        margin-left: 0;
    }
}

.national-team__panel {
    position: absolute;
    display: none;
    height: 0;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    grid-area: panel;
}

.national-team__panel[data-tab-panel-state='active'] {
    position: relative;
    display: block;
    height: 100%;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.national-team__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

@media (max-width: 1300px) {
    .national-team__grid {
        grid-template-columns: repeat(2, minmax(250px, 1fr));
    }
}

@media (max-width: 576px) {
    .national-team__grid {
        grid-template-columns: 1fr;
    }
}

.national-card {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 28px;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
}

@media (max-width: 576px) {
    .national-card {
        gap: 43px;
    }
}

.national-card .national-card__list .national-card__item:nth-child(3) {
    padding-bottom: 0;
    border-bottom: 0;
}

.national-card.open .national-card__more .icon {
    rotate: 180deg;
}

.national-card.open .national-card__list .national-card__item:nth-child(3) {
    padding-bottom: 12px;
    border-bottom: 1px solid #000;
}

.national-card__top {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

@media (max-width: 1300px) {
    .national-card__top {
        gap: 15px;
    }
}

.national-card__left {
    display: flex;
    flex-direction: column;
}

.national-card__title {
    margin-bottom: 17px;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 31.27px;
    font-weight: 600;
    line-height: 35.34px;
    color: #213d43;
}

@media (max-width: 1300px) {
    .national-card__title {
        margin-bottom: 26px;
        font-size: 28px;
        line-height: 31.64px;
    }
}

@media (max-width: 576px) {
    .national-card__title {
        margin-bottom: 38px;
        font-size: 24px;
        line-height: 27.12px;
    }
}

.national-card__more {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    width: 122px;
    background-color: transparent;
    border: 0;
    color: #213d43;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .national-card__more {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .national-card__more {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.national-card__more .icon {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 8px;
    padding: 2px;
    width: 18px;
    height: 18px;
    background-color: #213d43;
    border-radius: 100%;
    transform: rotate(180deg);
}

@media (max-width: 1024px) {
    .national-card__more .icon {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 576px) {
    .national-card__more .icon {
        margin-left: 0;
        width: 14px;
        height: 14px;
    }
}

.national-card__more .icon img {
    width: 18px;
    height: 18px;
}

.national-card__right {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .national-card__right {
        width: 40%;
        height: 40%;
        max-width: 110px;
        max-height: 110px;
        aspect-ratio: 1 / 1;
    }
}

.national-card__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.national-card__list {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.national-card__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 12px 0;
}

.national-card__item:not(:last-child) {
    border-bottom: 1px solid #213d43;
}

.national-card__item:first-child {
    padding-top: 0;
}

.national-card__item:last-child {
    padding-bottom: 0;
}

.national-card__item.hidden {
    display: none;
}

@media (max-width: 1300px) {
    .national-card__item {
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .national-card__item {
        padding: 10.5px 0;
    }
}

.national-card__descr,
.national-card__info {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .national-card__descr,
    .national-card__info {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .national-card__descr,
    .national-card__info {
        font-size: 14px;
        line-height: 1.2143;
    }
}

.national-card__descr {
    white-space: nowrap;
    color: #909ea1;
}

.national-card__info {
    display: flex;
    flex-direction: column;
    text-align: right;
    color: #213d43;
}

.national-card__info_citizenship {
    flex-direction: row;
}

.national-card__info span {
    display: block;
}

.national-card__info span:nth-child(2) {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 15px;
    line-height: 127%;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .national-card__info span:nth-child(2) {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .national-card__info span:nth-child(2) {
        font-size: 12px;
    }
}

.national-card__info span.icon {
    margin-left: 8px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid rgba(33, 61, 67, 0.3);
}

.national-card__info span.icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.antidoping-hero {
    background-color: #82eb00;
}

.antidoping-hero__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .antidoping-hero__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .antidoping-hero__container {
        padding: 0 12px;
    }
}

.antidoping-hero__inner {
    position: relative;
    padding: 350px 0 268px;
}

@media (max-width: 1024px) {
    .antidoping-hero__inner {
        padding: 293px 0;
    }
}

@media (max-width: 576px) {
    .antidoping-hero__inner {
        padding: 287px 0;
    }
}

.antidoping-hero__title {
    font-family: 'Supermolot', sans-serif;
    font-size: 128px;
    font-weight: 400;
    line-height: 0.7265625;
    letter-spacing: -0.02em;
    text-align: center;
    position: relative;
    z-index: 2;
}

@media (max-width: 1024px) {
    .antidoping-hero__title {
        font-size: 93px;
        line-height: 0.892473;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 576px) {
    .antidoping-hero__title {
        font-size: 48px;
        line-height: 0.916667;
    }
}

@media (max-width: 576px) {
    .antidoping-hero__title {
        font-size: 56.2px;
        line-height: 65.33px;
    }
}

.antidoping-hero__image {
    position: absolute;
    top: 136px;
    left: 50%;
    z-index: 0;
    width: auto;
    transform: translateX(-50%);
}

@media (max-width: 1024px) {
    .antidoping-hero__image {
        top: 68px;
        left: 50%;
    }
}

@media (max-width: 576px) {
    .antidoping-hero__image {
        top: 130px;
        height: 383px;
    }
}

.antidoping-position {
    padding: 80px 0;
}

@media (max-width: 1024px) {
    .antidoping-position {
        padding: 40px 0;
    }
}

.antidoping-position__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .antidoping-position__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .antidoping-position__container {
        padding: 0 12px;
    }
}

@media (max-width: 1024px) {
    .antidoping-position .ui-cols {
        gap: 24px;
    }
}

.antidoping-position__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    line-height: 1.13637;
    font-style: normal;
    font-weight: 500;
    font-weight: 400;
}

@media (max-width: 1024px) {
    .antidoping-position__text {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .antidoping-position__text {
        font-size: 16px;
        line-height: 108%;
    }
}

.antidoping-position__text.bold {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
}

@media (max-width: 1024px) {
    .antidoping-position__text.bold {
        font-size: 18px;
        line-height: 113%;
    }
}

@media (max-width: 576px) {
    .antidoping-position__text.bold {
        font-size: 16px;
        line-height: 1.0625;
    }
}

.antidoping-position__text:not(:last-child) {
    margin-bottom: 26px;
}

@media (max-width: 1024px) {
    .antidoping-position__text:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .antidoping-position__text:not(:last-child) {
        margin-bottom: 16px;
    }
}

.antidoping-links {
    padding: 60px 0;
}

@media (max-width: 1024px) {
    .antidoping-links {
        padding: 40px 0;
    }
}

.antidoping-links__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .antidoping-links__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .antidoping-links__container {
        padding: 0 12px;
    }
}

@media (max-width: 1024px) {
    .antidoping-links .ui-cols {
        position: relative;
        gap: 58px;
    }
}

@media (max-width: 576px) {
    .antidoping-links .ui-cols {
        gap: 48px;
    }
}

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

@media (max-width: 1024px) {
    .antidoping-links__content {
        flex-direction: column-reverse;
    }
}

.antidoping-links__list {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

@media (max-width: 1024px) {
    .antidoping-links__list {
        gap: 20px;
    }
}

@media (max-width: 576px) {
    .antidoping-links__list {
        gap: 24px;
    }
}

.antidoping-links__forward {
    display: inline-block;
}

@media (max-width: 1024px) {
    .antidoping-links__forward {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .antidoping-links__forward {
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
    }
}

.antidoping-links__forward .link-forward__icon {
    display: inline-flex;
    background-color: #142c31;
}

.antidoping-links__forward .link-forward__icon svg {
    margin-left: 0;
    fill: none;
    stroke: #fff;
    stroke-width: 1.3px;
}

.antidoping-links__buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 1024px) {
    .antidoping-links__buttons {
        position: absolute;
        top: -10px;
        right: 0;
        flex-direction: row;
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .antidoping-links__buttons {
        position: relative;
        top: 0;
        flex-direction: column;
        margin-bottom: 40px;
    }
}

.antidoping-links__button {
    padding: 16.5px 32px;
    border-radius: 43px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 22.86px;
    border: 1px solid transparent;
    background-color: #213d43;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s;
}

@media (max-width: 1024px) {
    .antidoping-links__button {
        padding: 16px 32px;
        font-size: 16px;
        line-height: 20.32px;
    }
}

.antidoping-links__button:hover {
    color: #213d43;
    background-color: #82eb00;
}

.antidoping-links__button.white {
    color: #213d43;
    background-color: #fff;
    border-color: #213d43;
}

.antidoping-links__button.white:hover {
    color: #fff;
    background-color: #213d43;
    border-color: #213d43;
}

.antidoping-resources {
    padding: 60px 0;
}

.antidoping-resources__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .antidoping-resources__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .antidoping-resources__container {
        padding: 0 12px;
    }
}

@media (max-width: 1024px) {
    .antidoping-resources .ui-cols {
        gap: 48px;
    }
}

.antidoping-resources__content {
    display: flex;
    gap: 35px;
}

@media (max-width: 1024px) {
    .antidoping-resources__content {
        gap: 24px;
    }
}

@media (max-width: 576px) {
    .antidoping-resources__content {
        flex-direction: column;
        gap: 20px;
    }
}

.antidoping-resources__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 40px;
    width: calc(100% / 3);
    min-height: 202px;
    background-color: #f0f5f6;
}

@media (max-width: 1024px) {
    .antidoping-resources__item {
        padding: 24px;
        min-height: 144px;
    }
}

@media (max-width: 576px) {
    .antidoping-resources__item {
        width: unset;
        min-height: 243px;
    }
}

.antidoping-resources__item img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.antidoping-contacts {
    padding: 60px 0;
}

@media (max-width: 1024px) {
    .antidoping-contacts {
        padding: 40px 0;
    }
}

.antidoping-contacts__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .antidoping-contacts__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .antidoping-contacts__container {
        padding: 0 12px;
    }
}

@media (max-width: 1024px) {
    .antidoping-contacts .ui-cols {
        gap: 24px;
    }
}

.antidoping-contacts__content {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

@media (max-width: 576px) {
    .antidoping-contacts__content {
        flex-direction: column;
        gap: 20px;
    }
}

.antidoping-contacts__left,
.antidoping-contacts__right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.antidoping-contacts__title {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
    color: #142c31;
}

@media (max-width: 1024px) {
    .antidoping-contacts__title {
        font-size: 20px;
        line-height: 110%;
    }
}

@media (max-width: 1024px) {
    .antidoping-contacts__title {
        font-size: 18px;
        line-height: 20px;
    }
}

.antidoping-contacts__text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 1.2778;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    color: #142c31;
}

@media (max-width: 1024px) {
    .antidoping-contacts__text {
        font-size: 16px;
        line-height: 1.25;
    }
}

@media (max-width: 576px) {
    .antidoping-contacts__text {
        font-size: 14px;
        line-height: 1.2143;
    }
}

@media (max-width: 576px) {
    .antidoping-contacts__text {
        font-size: 16px;
        line-height: 20px;
    }
}

.antidoping-contacts__link {
    transition: all 0.25s;
}

.antidoping-contacts__link:hover {
    color: #82eb00;
}

.antidoping-documents {
    padding: 40px 0 80px;
}

@media (max-width: 1024px) {
    .antidoping-documents {
        padding: 40px 0;
    }
}

@media (max-width: 1024px) {
    .antidoping-documents .ui-cols {
        gap: 49px;
    }
}

.antidoping-documents__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 48px;
    min-width: 320px;
}

@media (max-width: 1024px) {
    .antidoping-documents__container {
        padding: 0 24px;
    }
}

@media (max-width: 576px) {
    .antidoping-documents__container {
        padding: 0 12px;
    }
}

.antidoping-documents .purchase__item {

}

.antidoping-documents .federation__purchase .purchase:first-child .purchase__title {
    padding-top: 6px;
}

.antidoping-documents .purchase__item .purchase__title {
    padding-top: 36px;
    padding-bottom: 36px;
}

@media (max-width: 1024px) {
    .antidoping-documents .purchase__item .purchase__title {
        padding-top: 21px;
        padding-bottom: 21px;
    }
}

.antidoping-documents .purchase__item_open .purchase__title {
    padding-bottom: 18px;
}

@media (max-width: 1024px) {
    .antidoping-documents .purchase__item_open .purchase__title {
        padding-bottom: 8px;
    }
}


.antidoping-documents .purchase__item_open .purchase__description {
    margin-top: -28px;
    margin-bottom: 36px;
}


.show-more-text {
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 18px;
    line-height: 125%;
    font-style: normal;
    font-weight: 600;
    background-color: transparent;
    border: 0;
    color: #213D43;
    cursor: pointer;
    display: inline-block;
}


.show-more-btn {
    box-sizing: border-box;
    padding: 16px;
    border-top: 3px solid #213D43;
    text-align: center;
}

.show-more-container {
    margin: 0 48px 48px;
}
@media (max-width: 1024px) {
    .show-more-container {
        margin: 0 24px 24px;
    }
}

@media (max-width: 576px) {
    .show-more-container {
        margin: 0 12px 24px;
    }
}