/* Базовые стили (применяются ко всем экранам) */
#history-left, 
#history-right {
    display: block !important;
    opacity: 1 !important;
    z-index: 1000 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.history-scale__container {
    position: relative;
    width: 100%;
}

.history-scale__slider {
    position: relative;
    z-index: 2;
    margin-bottom: 2em;
}

.history-scale__slider .slick-track {
    display: flex;
    align-items: center;
    color: #B4B4B4;
}

.history-scale__slide-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.history__top_row {
    cursor: grab;
}

.history-scale__slide {
    position: relative;
    display: block;
    cursor: grab;
    opacity: 1;
    transition: opacity 0.3s ease;
    width: 363px;
    height: 60px;
    background-image: url('/wp-content/themes/ck-c_1772007311/images/scale.svg');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100%;
}

.history-scale__slide--dummy {
    background-image: url('/wp-content/themes/ck-c_1772007311/images/scale.svg') !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    background-size: 100% !important;
}

.history-scale__slide:hover {
    opacity: 0.8;
}

.history-scale__slide-wrapper.slick-slide.slick-current.slick-active {
    opacity: 1;
    color: var(--blue);
    font-weight: 500;
}

.history-scale__slide_year {
    position: relative;
    top: 0.5em;
    left: -1.125em;
    transform: translateY(-50%);
    font-size: 1.875em;
    white-space: nowrap;
    pointer-events: none;
    z-index: 3;
}

.history__top_bg--year {
    z-index: 101;
    background-color: var(--background);
    opacity: 1;
    width: 80%;
    height: 35%;
    position: absolute;
    inset: -1em auto auto 0%;
}

.history__top_bg {
    z-index: 100;
    background-color: var(--background);
    opacity: .5;
    position: absolute;
    inset: auto 0% 0% 0%;
    height: 75%;
}

.history-scale__slide.is-active .history-scale__slide_year {
    font-weight: 500;
    font-size: 2.1875em;
    color: var(--blue);
}

.history-scale__slider .slick-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: auto !important;
}

.history-scale__slider .slick-slide .history-scale__slide-wrapper {
    display: inline-block;
}

.history-scale__slider .slick-slide .history-scale__slide {
    width: 21.5em;
    margin: 0;
    padding-bottom: 6em;
}

.history__slide_inner {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity .6s ease, transform .6s ease;
}

.slick-active .history__slide_inner {
    opacity: 1;
    transform: translateY(0);
}

/* Экраны шире 1920px (1921px и более) */
@media screen and (min-width: 1921px) {
    .history__slide_column.is--content {
        width: 50%;
     }
      .history__slide_column {
        width: 50%;
        height: 40.75em;
        position: relative;
    }
    .history__slide_arrow {
  cursor: pointer;
  width: 3.375em;
  height: 3.375em;
  position: absolute;
  inset: auto auto 1.875em 2em;
}

.history__slide_arrow.is--right {
  left: 7em;
}
}
/* Экраны меньше 1920px */
@media screen and (max-width: 1920px) {
 .history__slide_column {
  width: 69.75em !important;
  height: 28.75em !important;
  position: relative;
}
.history__slide_text {}
}

/* Планшеты и мобильные (до 1024px) */
@media screen and (max-width: 1024px) {
    .history-scale__slider .slick-slide .history-scale__slide {
        width: 280px;
    }
    
    .history-scale__slide_year {
        font-size: 1.5em;
        left: -0.8em;
    }
    
    .history-scale__slide.is-active .history-scale__slide_year {
        font-size: 1.8em;
    }
    #history-right {
        display: none !important;
    }
    #history-left {
        display: none !important;
    }
}
 
/* Мобильные (до 768px) */
@media screen and (max-width: 767px) {
    .history-scale__slide.is-duplicate {
        opacity: 0.5;
        pointer-events: auto;
    }
    
    .history-scale__slide.is-active .history-scale__slide_year {
        font-size: 18px;
        color: var(--blue);
    }   
    
    .history-scale__slide .history-scale__slide_year {
        font-size: 18px;
    }
    
   
    
    .history-scale__slider .slick-slide .history-scale__slide {
        width: 220px;
    }
}

/* Маленькие мобильные (до 480px) */
@media screen and (max-width: 479px) {
    .history-scale__slider .slick-slide .history-scale__slide {
        width: 140px;
    }
    
    .history-scale__slide_year {
        font-size: 1.2em;
        left: -0.5em;
    }
}