
.swiper.slider {
	--timeline-buffer: clamp(3rem, 7vw, 5rem);
}

.swiper.slider .swiper-wrapper {
	align-items: stretch;
	position: relative;
}

.swiper.slider .swiper-slide {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: var(--timeline-slide-height);
}

.swiper.slider::before {
	content: "";
	position: absolute;
	left: var(--timeline-translate, 0px);
    width: 100%;
	bottom: calc(100% - var(--timeline-slide-height));
	height: 1px;
	background: var(--wp--preset--color--yellow-700);
}
.swiper.slider:has(.slider-next.swiper-button-disabled)::after {
    content: '';
}
.timeline-slider-wrapper::after {
    content: '\f054';
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    bottom: calc(100% - var(--timeline-slide-height) - 14px);
    right: 0;
    color: var(--wp--preset--color--yellow-700);
    font-weight: 300;
}

.swiper.slider .swiper-slide::after {
	content: '\f077';
    font-family: 'Font Awesome 6 Pro';
    color: var(--wp--preset--color--red-900);
	position: absolute;
	left: 0;
	bottom: calc(100% - var(--timeline-slide-height) - 25px);
	width: 50px;
	height: 50px;
	border-radius: 100px;
	background: var(--wp--preset--color--yellow-500);
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper.slider .swiper-slide.is-odd {
	justify-content: end;
    .slider-wrapper {
        padding-bottom: var(--wp--preset--spacing--50);
        
    }
}

.swiper.slider .swiper-slide.is-even {
    .slider-wrapper {
        padding-top: var(--wp--preset--spacing--50);
    }
    &::after {
        bottom: calc(var(--timeline-slide-height) - 25px);
        content: '\f078';
    }
}
.swiper.slider .timeline-info-wrapper {
	max-width: 458px;
	margin: 0 auto;
}

.swiper.slider .timeline-info-wrapper,
.swiper.slider .timeline-info-wrapper p {
    margin: 0;
    font-size: clamp(0.875rem, 0.75rem + 0.55vw, 1.25rem) !important;
}

.swiper.slider .year {
    font-size: clamp(2.75rem, 2.02rem + 3.10vw, 4.875rem) !important;
}
