.history__row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    gap: 6rem;
}

.history-date__col {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 12rem;
    height: 100%;
}

.history-date__thumbs {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.2rem;
}

.history__row .history-date__slider {
    height: 15rem;
    padding: 0;
}

.history-date__slide {
    cursor: pointer;
}

.history-date__slide span {
    color: #bdbdbd;
}

.history-date__slide:nth-child(1) {
    font-size: 3rem;
}

@supports (font-size:clamp(1.7rem, 1.25rem + 2.1164021164vw, 3rem)) {
    .history-date__slide:nth-child(1) {
        font-size: clamp(1.7rem, 1.25rem + 2.1164021164vw, 3rem);
    }
}

@supports not (font-size:clamp(1.7rem, 1.5rem + 2.1164021164vw, 3rem)) {
    .history-date__slide:nth-child(1) {
        font-size: calc(1.7rem + 1.25 * (100vw - 20rem) / 59);
    }
}

@supports (font-size:clamp(1.45rem, 1rem + 2vw, 2.7rem)) {
    .history-date__slide:nth-child(2) {
        font-size: clamp(1.45rem, 1rem + 2vw, 2.7rem);
    }
}

@supports not (font-size:clamp(1.45rem, 1rem + 2vw, 7rem)) {
    .history-date__slide:nth-child(2) {
        font-size: calc(1.45rem + 1.25 * (100vw - 20rem) / 59);
    }
}

@supports (font-size:clamp(1.125rem ,0.75rem + 1.8vw ,2.2rem)) {
    .history-date__slide:nth-child(3) {
        font-size: clamp(1.125rem, .75rem + 1.8vw, 2.2rem);
    }
}

@supports not (font-size:clamp(1.125rem, 0.75rem + 1.8vw, 2.2rem)) {
    .history-date__slide:nth-child(3) {
        font-size: calc(1.125rem + 1.0625 * (100vw - 20rem) / 59);
    }
}

@supports (font-size:clamp(0.95rem ,0.7rem + 1.15vw ,1.625rem)) {
    .history-date__slide:nth-child(4) {
        font-size: clamp(.95rem, 0.7rem + 1.15vw, 1.625rem);
    }
}

@supports not (font-size:clamp(0.95rem, 0.7rem + 1.15vw, 1.625rem)) {
    .history-date__slide:nth-child(4) {
        font-size: calc(0.9375rem + 0.6875 * (100vw - 20rem) / 59);
    }
}

@supports (font-size:clamp(0.75rem, 0.6rem + 0.6vw, 1.125rem)) {
    .history-date__slide:nth-child(5) {
        font-size: clamp(.75rem, .6rem + 0.6vw, 1.125rem);
    }
}

@supports not (font-size:clamp(0.75rem, 0.6rem + 0.6vw, 1.125rem)) {
    .history-date__slide:nth-child(5) {
        font-size: calc(0.75rem + 0.375 * (100vw - 20rem) / 59);
    }
}

.history-date__slide.swiper-slide-thumb-active {
    margin-bottom: 1rem;
}

.history-date__slide.swiper-slide-thumb-active span {
    color: var(--theme-skit-color);
}

@supports (font-size:clamp(2.625rem, 2rem + 3.2vw, 4.5rem)) {
    .history-date__slide.swiper-slide-thumb-active span {
        font-size: clamp(2.625rem, 2rem + 3.2vw, 4.5rem);
    }
}

@supports not (font-size:clamp(2.625rem, 2rem + 3.2vw, 4.5rem)) {
    .history-date__slide.swiper-slide-thumb-active span {
        font-size: calc(2.625rem + 1.875 * (100vw - 20rem) / 59);
    }
}

.history-date__slide span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    width: 100%;
    font-weight: 700;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.history-date__prev,
.history-date__next {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 1.875rem;
    width: 1.875rem;
    color: var(--theme-color-gold);
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: transparent;
    border: none;
}

.history-date__prev.swiper-button-disabled,
.history-date__next.swiper-button-disabled {
    opacity: .6;
    pointer-events: none;
}

.history-block__col {
    color: #fff;
    background-color: var(--theme-skit-color);
    border-radius: 2rem 0 0 2rem;
    width: calc(100% - 18rem);
}

.history-block__slide {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 3.75rem;
}

.history-block__text {
    line-height: 1.2;
}

@supports (font-size:clamp(1rem, 0.8rem + 0.6vw, 1.375rem)) {
    .history-block__text {
        font-size: clamp(1rem, 0.8rem + 0.6vw, 1.375rem);
    }
}

@supports not (font-size:clamp(1rem, 0.8rem + 0.6vw, 1.375rem)) {
    .history-block__text {
        font-size: calc(1rem + 0.375 * (100vw - 20rem) / 59);
    }
}

@media (min-width: 576px) {
    .history-block__slide {
        min-height: 17rem;
    }
}

@media all and (min-width: 1200px){
    .history__row {
        padding-left: calc((100vw - 1140px - 1.5rem) / 2);
    }

    .history-block__col {
        padding-right: calc((100vw - 1140px - 1.5rem) / 2);
    }
}

@media all and (min-width: 1400px){
    .history__row {
        padding-left: calc((100vw - 1320px - 1.5rem) / 2);
    }

    .history-block__col {
        padding-right: calc((100vw - 1320px - 1.5rem) / 2);
    }
}

@media (max-width: 1199px) {
    .history__row {
        gap: 1rem;
    }

    .history-date__thumbs {
        padding: 0.625rem 0;
    }

    .history-block__col {
        width: calc(100% - 13rem);
    }
}

@media (max-width: 767px) {
    .history__row {
        display: block;
    }

    .history-date__col {
        width: 100%;
        padding-right: 0.75rem;
    }

    .history__row .history-date__slider {
        height: auto;
    }

    .history__row .history-date__slide {
        height: 3rem;
    }

    .history-date__slide.swiper-slide-thumb-active {
        margin-bottom: 0;
    }

    .history-block__col {
        width: 100%;
    }

    .history-block__slide {
        padding: 1.5625rem;
    }

    .history-date__col {
        margin-bottom: 1.875rem;
    }
}