.jh-divi-slider {
	position: relative;
	width: 100%;
	--jh-slider-arrow-size: 31px;
	--jh-slider-arrow-gap: 10px;
	--jh-slider-arrow-gutter: calc(var(--jh-slider-arrow-size) + var(--jh-slider-arrow-gap));
}

.jh-divi-slider__viewport {
	position: relative;
	display: grid;
	width: 100%;
	box-sizing: border-box;
	padding-left: var(--jh-slider-arrow-gutter);
	padding-right: var(--jh-slider-arrow-gutter);
	overflow: hidden;
	touch-action: pan-y;
}

.jh-divi-slider__slide {
	position: relative;
	grid-area: 1 / 1;
	width: 100%;
	min-width: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateX(100%);
	transition: transform 0.45s ease, opacity 0.45s ease;
	backface-visibility: hidden;
	will-change: transform;
	overflow: hidden;
	contain: paint;
	pointer-events: none;
}

.jh-divi-slider__slide.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0%);
	z-index: 2;
	pointer-events: auto;
}

.jh-divi-slider__slide.is-moving {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.jh-divi-slider__slide > * {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.jh-divi-slider__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	border: 0;
	background: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
	padding: 0;
	margin: 0;
	line-height: 1;
	color: #8b8b8b;
	font-size: var(--jh-slider-arrow-size);
	font-weight: 400;
	width: auto;
	height: auto;
}

.jh-divi-slider__nav--prev {
	left: 0;
}

.jh-divi-slider__nav--next {
	right: 0;
}

.jh-divi-slider__nav:hover,
.jh-divi-slider__nav:focus {
	background: transparent !important;
	color: #5f5f5f;
	outline: none;
	box-shadow: none !important;
}

.jh-divi-slider__nav span {
	display: block;
	line-height: 1;
}

/* Prevent Divi button modules from flashing across the slider while slides are moving. */
.jh-divi-slider.is-animating .jh-divi-slider__slide.is-moving .et_pb_button_module_wrapper,
.jh-divi-slider.is-animating .jh-divi-slider__slide.is-moving .et_pb_button,
.jh-divi-slider.is-animating .jh-divi-slider__slide.is-moving a.et_pb_button {
	opacity: 0 !important;
	visibility: hidden !important;
	transition: none !important;
}