.wp-block-gx-special-slider-slider,
.wp-block-gx-special-slider-slider .gxss-slider {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.wp-block-gx-special-slider-slider.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.wp-block-gx-special-slider-slider.alignfull .gxss-slider {
	width: 100%;
	max-width: none;
}

.gxss-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.gxss-slider__viewport {
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
	transition: transform 0.6s ease;
	will-change: transform;
	width: 100%;
	margin: 0;
	padding: 0;
}

.gxss-slider.is-effect-fade .gxss-slider__viewport {
	display: block;
	position: relative;
}

.gxss-slide {
	flex: 0 0 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	opacity: 1;
	transition: opacity 0.6s ease;
}

.gxss-slider.is-effect-fade .gxss-slide {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1;
}

.gxss-slider.is-effect-fade .gxss-slide.is-active {
	opacity: 1;
	position: relative;
	z-index: 2;
}

.gxss-slider__nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
	gap: 0.75rem;
}

.gxss-slider.has-nav-top-inside .gxss-slider__nav {
	top: 0.75rem;
	bottom: auto;
	transform: none;
	align-items: flex-start;
}

.gxss-slider.has-nav-bottom-inside .gxss-slider__nav {
	top: auto;
	bottom: 0.75rem;
	transform: none;
	align-items: flex-end;
}


.gxss-slider__control {
	pointer-events: auto;
	background: rgba(0, 0, 0, 0.4);
	border: none;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.2s ease;
}

.gxss-slider__control:hover,
.gxss-slider__control:focus {
	background: rgba(0, 0, 0, 0.6);
	outline: none;
}

.gxss-slider__control--prev::before,
.gxss-slider__control--next::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.gxss-slider__control--prev::before {
	border-right: 10px solid currentColor;
}

.gxss-slider__control--next::before {
	border-left: 10px solid currentColor;
}

.gxss-slider[data-gxss-slider] {
	scroll-margin-top: 80px;
}