
.spectra-slider-triggers {
	cursor: pointer;
}

.wp-block-spectra-slider {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	padding: 20px 0;
	position: relative;
	width: inherit;
	--spectra-text-color: inherit;
	--spectra-text-color-hover: inherit;
}

.wp-block-spectra-slider:before {
	border-radius: inherit;
}

.wp-block-spectra-slider .swiper {
	display: flex;
	position: relative;
	width: 100%;
	z-index: 3;
}

.wp-block-spectra-slider .swiper .swiper-wrapper {
	align-items: center;
	height: auto;
	padding: 0;
}

.wp-block-spectra-slider .swiper .swiper-slide {
	box-sizing: border-box;
}

.wp-block-spectra-slider .swiper .swiper-slide .slide-content {
	width: auto;
}

.wp-block-spectra-slider .swiper-button-next, .wp-block-spectra-slider .swiper-button-prev {
	align-items: center;
	border: 0;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 44%;
	transition: all .3s ease;
	z-index: 20;
}

.wp-block-spectra-slider .swiper-button-next:after, .wp-block-spectra-slider .swiper-button-prev:after {
	display: none;
}

.wp-block-spectra-slider .swiper-button-next svg, .wp-block-spectra-slider .swiper-button-prev svg {
	overflow: visible;
	transition: fill .3s ease;
}

.wp-block-spectra-slider .swiper-button-next:focus, .wp-block-spectra-slider .swiper-button-next:hover, .wp-block-spectra-slider .swiper-button-prev:focus, .wp-block-spectra-slider .swiper-button-prev:hover {
	outline: none;
}

.wp-block-spectra-slider .swiper-button-next:focus-visible, .wp-block-spectra-slider .swiper-button-prev:focus-visible {
	outline: 2px solid currentcolor;
	outline-offset: 2px;
}

.wp-block-spectra-slider .swiper-horizontal > .swiper-pagination-bullets, .wp-block-spectra-slider .swiper-pagination, .wp-block-spectra-slider .swiper-pagination-bullets.swiper-pagination-horizontal, .wp-block-spectra-slider .swiper-pagination-custom, .wp-block-spectra-slider .swiper-pagination-fraction {
	bottom: calc(var(--spectra-pagination-margin-top, 0%) * -.3);
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 19;
}

.wp-block-spectra-slider .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets, .wp-block-spectra-slider .swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets, .wp-block-spectra-slider .swiper-pagination-custom.swiper-pagination-bullets, .wp-block-spectra-slider .swiper-pagination-fraction.swiper-pagination-bullets, .wp-block-spectra-slider .swiper-pagination.swiper-pagination-bullets {
	pointer-events: none;
}

.wp-block-spectra-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .wp-block-spectra-slider .swiper-pagination .swiper-pagination-bullet, .wp-block-spectra-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet, .wp-block-spectra-slider .swiper-pagination-custom .swiper-pagination-bullet, .wp-block-spectra-slider .swiper-pagination-fraction .swiper-pagination-bullet {
	opacity: .7;
	pointer-events: all;
	transition: all .3s ease;
}

.wp-block-spectra-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus, .wp-block-spectra-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .wp-block-spectra-slider .swiper-pagination .swiper-pagination-bullet:focus, .wp-block-spectra-slider .swiper-pagination .swiper-pagination-bullet:hover, .wp-block-spectra-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:focus, .wp-block-spectra-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:hover, .wp-block-spectra-slider .swiper-pagination-custom .swiper-pagination-bullet:focus, .wp-block-spectra-slider .swiper-pagination-custom .swiper-pagination-bullet:hover, .wp-block-spectra-slider .swiper-pagination-fraction .swiper-pagination-bullet:focus, .wp-block-spectra-slider .swiper-pagination-fraction .swiper-pagination-bullet:hover {
	opacity: .9;
	outline: none;
}

.wp-block-spectra-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus-visible, .wp-block-spectra-slider .swiper-pagination .swiper-pagination-bullet:focus-visible, .wp-block-spectra-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:focus-visible, .wp-block-spectra-slider .swiper-pagination-custom .swiper-pagination-bullet:focus-visible, .wp-block-spectra-slider .swiper-pagination-fraction .swiper-pagination-bullet:focus-visible {
	outline-offset: 2px;
}

.wp-block-spectra-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active, .wp-block-spectra-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .wp-block-spectra-slider .swiper-pagination .swiper-pagination-bullet-active, .wp-block-spectra-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .wp-block-spectra-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active, .wp-block-spectra-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active, .wp-block-spectra-slider .swiper-pagination-custom .swiper-pagination-bullet-active, .wp-block-spectra-slider .swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active, .wp-block-spectra-slider .swiper-pagination-fraction .swiper-pagination-bullet-active, .wp-block-spectra-slider .swiper-pagination-fraction .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	transform: scale(1.2);
}

.wp-block-spectra-slider .spectra-slider-container {
	display: contents;
	position: relative;
	z-index: 2;
}

.wp-block-spectra-slider .spectra-slider__overlay, .wp-block-spectra-slider__background {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.wp-block-spectra-slider__background {
	overflow: hidden;
}

.wp-block-spectra-slider__background video {
	height: 100%;
	min-block-size: inherit;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.wp-block-spectra-slider__overlay {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.wp-block-spectra-slider.has-video-background {
	isolation: isolate;
}

.wp-block-spectra-slider.has-video-background .spectra-background-video__wrapper {
	border-radius: inherit;
	height: 100%;
	left: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.wp-block-spectra-slider.has-video-background .spectra-background-video__wrapper video {
	border-radius: inherit;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.wp-block-spectra-slider[class*=wp-block].spectra-background-color:before {
	background: var(--spectra-background-color);
	bottom: 0;
	content: "";
	left: 0;
	opacity: var(--spectra-overlay-opacity, 1);
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}

.wp-block-spectra-slider[class*=wp-block].spectra-background-gradient:before {
	background: var(--spectra-background-gradient);
	bottom: 0;
	content: "";
	left: 0;
	opacity: var(--spectra-overlay-opacity, 1);
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}

.wp-block-spectra-slider[class*=wp-block].spectra-text-color {
	color: var(--spectra-text-color, inherit);
}

.wp-block-spectra-slider[class*=wp-block] .swiper-button-next, .wp-block-spectra-slider[class*=wp-block] .swiper-button-prev {
	background-color: var(--spectra-arrow-background-color, rgba(0, 0, 0, .5));
	color: var(--spectra-navigation-color, #fff);
}

.wp-block-spectra-slider[class*=wp-block] .swiper-button-next svg:not(.spectra-custom-svg), .wp-block-spectra-slider[class*=wp-block] .swiper-button-prev svg:not(.spectra-custom-svg) {
	fill: var(--spectra-arrow-color, currentcolor);
}

.wp-block-spectra-slider[class*=wp-block] .swiper-button-next svg.spectra-custom-svg, .wp-block-spectra-slider[class*=wp-block] .swiper-button-prev svg.spectra-custom-svg {
	color: var(--spectra-arrow-color, currentcolor);
}

.wp-block-spectra-slider[class*=wp-block] .swiper-button-next:focus, .wp-block-spectra-slider[class*=wp-block] .swiper-button-next:hover, .wp-block-spectra-slider[class*=wp-block] .swiper-button-prev:focus, .wp-block-spectra-slider[class*=wp-block] .swiper-button-prev:hover {
	background-color: var(--spectra-arrow-background-color-hover, rgba(0, 0, 0, .7));
	color: var(--spectra-arrow-color-hover, #fff);
}

.wp-block-spectra-slider[class*=wp-block] .swiper-button-next:focus svg:not(.spectra-custom-svg), .wp-block-spectra-slider[class*=wp-block] .swiper-button-next:hover svg:not(.spectra-custom-svg), .wp-block-spectra-slider[class*=wp-block] .swiper-button-prev:focus svg:not(.spectra-custom-svg), .wp-block-spectra-slider[class*=wp-block] .swiper-button-prev:hover svg:not(.spectra-custom-svg) {
	fill: var(--spectra-arrow-color-hover, #fff);
}

.wp-block-spectra-slider[class*=wp-block] .swiper-button-next:focus svg.spectra-custom-svg, .wp-block-spectra-slider[class*=wp-block] .swiper-button-next:hover svg.spectra-custom-svg, .wp-block-spectra-slider[class*=wp-block] .swiper-button-prev:focus svg.spectra-custom-svg, .wp-block-spectra-slider[class*=wp-block] .swiper-button-prev:hover svg.spectra-custom-svg {
	color: var(--spectra-arrow-color-hover, #fff);
}

.wp-block-spectra-slider[class*=wp-block] .swiper-pagination .swiper-pagination-bullet {
	background-color: var(--spectra-pagination-color, #aeacac);
	height: var(--dot-size, 8px);
	margin: 0 var(--dot-spacing, 4px);
	width: var(--dot-size, 8px);
}

.wp-block-spectra-slider[class*=wp-block] .swiper-pagination .swiper-pagination-bullet:focus, .wp-block-spectra-slider[class*=wp-block] .swiper-pagination .swiper-pagination-bullet:hover {
	background-color: var(--spectra-pagination-color-hover, var(--spectra-pagination-color, #363434));
}

.wp-block-spectra-slider[class*=wp-block] .swiper-pagination .swiper-pagination-bullet:focus-visible {
	outline: 2px solid var(--spectra-pagination-color-active, rgba(32, 3, 3, .533));
}

.wp-block-spectra-slider[class*=wp-block] .swiper-pagination .swiper-pagination-bullet-active, .wp-block-spectra-slider[class*=wp-block] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--spectra-pagination-color-active, var(--dot-active-color, rgba(32, 3, 3, .533)));
}

.wp-block-spectra-slider[class*=wp-block].spectra-text-color .spectra-slider-child {
	color: var(--spectra-text-color);
	transition: color .3s ease;
}

.wp-block-spectra-slider[class*=wp-block].spectra-text-color .spectra-slider-child:hover {
	color: var(--spectra-text-color-hover);
}
