/**
 * Press Logos Carousel Styles
 */

.bb-press-logos {
	padding: var(--k-space-8, 4rem) 0 var(--k-space-6, 2rem);
	overflow: hidden;
}

.bb-press-logos .splide:first-child {
	position: relative;
}

.bb-press-logos .splide:first-child::before,
.bb-press-logos .splide:first-child::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 80px;
	z-index: 2;
	pointer-events: none;
}

.bb-press-logos .splide:first-child::before {
	left: 0;
	background: linear-gradient(to right, #f0f0f0, transparent);
}

.bb-press-logos .splide:first-child::after {
	right: 0;
	background: linear-gradient(to left, #f0f0f0, transparent);
}

.bb-press-logos .splide__track {
	overflow: visible;
}

.bb-press-logos .splide__list {
	align-items: center;
}

.bb-press-logos__slide {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 var(--k-space-5);
}

.bb-press-logos__img {
	max-height: 42px;
	width: auto;
	object-fit: contain;
	opacity: 0.7;
	filter: grayscale(100%);
	transition: opacity var(--k-transition-base);
}

.bb-press-logos__slide:hover .bb-press-logos__img {
	opacity: 1;
}

/* Text slider */
.bb-press-logos__text-slider {
	margin-top: var(--k-space-4);
}

.bb-press-logos__text-slider .splide__track {
	overflow: hidden;
}

.bb-press-logos__quote {
	text-align: center;
	font-family: var(--k-font-body);
	font-size: clamp(1.15rem, 2.5vw, 1.4rem);
	font-style: italic;
	line-height: 1.6;
	color: var(--bb-text-body);
	max-width: 690px;
	margin-inline: auto;
	padding: 0 var(--k-space-5);
}

@media (max-width: 749px) {
	.bb-press-logos__img {
		max-height: 32px;
	}

	.bb-press-logos__slide {
		padding: 0 var(--k-space-3);
	}
}