.ccl-v2-widget.core-v2-slider.slider-v2-3-across {
	padding-bottom: var(--space-16);
	padding-left: var(--space-5);
	--width-base: 1704px;

	.slide {
		transition: opacity var(--transition-appendix);

		&.glide__slide--active + .slide {
			opacity: 0.5;

			* {
				pointer-events: none;
			}
		}
	}

	@media (min-width: 40em) {
		.slide.glide__slide--active + .slide {
			opacity: 1;

			* {
				pointer-events: all;
			}

			& + .slide {
				opacity: 0.5;

				* {
					pointer-events: none;
				}
			}
		}
	}

	@media (min-width: 64em) {
		.slide.glide__slide--active + .slide + .slide,
		.slide.glide__slide--active + .slide {
			opacity: 1;

			* {
				pointer-events: all;
			}
		}
	}
	
	&.shared-colored-background {
		background-color: var(--white-off);
		padding-top: 0;
		padding-bottom: 66px;
		margin-bottom: 0;
	}

	.widget-inner {
		gap: 56px;
	}
	.widget-view-all {
		padding: 9px 35px;
		margin-right: var(--space-5);
	}
	.slide-top {
		margin-bottom: var(--space-4);
	}
	.slider-cont {
		position: relative;
		width: 100%;

		@media (min-width: 40em) {
			& {
				order: -1;
			}
		}
	}
	.content-upper {
		gap: var(--space-4);
		
		.info-flag.cat {
			display: none;
		}
	}
	.content-section {
		gap: var(--space-10);

		.slide-title {
			font-size: 1.25rem;
			letter-spacing: 0;
			line-height: calc(30 / 20);
			font-family: var(--font-display-serif);
			color: var(--brown);
		}
		.slide-desc {
			font-size: var(--text-base);
			line-height: calc(23 / 16);
			color: var(--brown);
		}
	}
	.glide__arrows {
		left: -26px;
		right: -6px;
	}
	@media (min-width: 40em) {
		.widget-inner {
			display: grid;
			gap: var(--space-20);
		}
		.widget-header {
			justify-content: center;
		}
	}
	@media (min-width: 64em) {

		&.shared-colored-background {
			padding-bottom: 48px;
		}

		& {
			padding-bottom: var(--space-12);
			padding-inline: var(--space-10);
		}
		.slide-top {
			margin-bottom: 28px;
		}
		.content-upper {
			gap: var(--space-2);
		}
		.content-section {
			gap: var(--space-10);

			.slide-title {
				font-size: 22px;
				line-height: calc(30 / 22);
			}
			.slide-desc {
				font-size: var(--text-lg);
				line-height: calc(25 / 18);
				margin-top: var(--space-3);
			}
		}
		.glide__arrows {
			left: -37px;
			right: -37px;
		}
	}
}
