:root {
	--vidplex--primary: #06af66;
}

.vidplex-block-wrapper {
	& ul {
		list-style: none;
	}
	& p,
	& button,
	& ul,
	& li {
		margin: 0;
		padding: 0;
	}
	& button {
		background-color: transparent;
		border: none;
		outline: none;
		box-shadow: none;
	}

	.display__none {
		display: none;
	}
}

/* With display carousel and hover show */
.vidplex-block-wrapper .swiper-button-prev.swiper-button-disabled,
.vidplex-block-wrapper .swiper-button-next.swiper-button-disabled {
	opacity: 0.35 !important;
}

.vidplex-block-wrapper .nav-hover-show .swiper-button-prev,
.vidplex-block-wrapper .nav-hover-show .swiper-button-next {
	visibility: hidden;
	opacity: 0;
	transition: all 0.23s ease-out;
}
.vidplex-block-wrapper .nav-hover-show:hover .swiper-button-prev,
.vidplex-block-wrapper .nav-hover-show:hover .swiper-button-next {
	visibility: visible;
	opacity: 1;
	transition: all 0.23s ease-in;
}
.vidplex-block-wrapper .nav-hover-show .swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, 0);
}
.vidplex-block-wrapper .nav-hover-show .swiper-button-next {
	right: var(--swiper-navigation-sides-offset, 0);
}
.vidplex-block-wrapper .nav-hover-show:hover .swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, 20px);
}
.vidplex-block-wrapper .nav-hover-show:hover .swiper-button-next {
	right: var(--swiper-navigation-sides-offset, 20px);
}

/* Pagination Styles */
.vidplex-block-wrapper .swiper-pagination {
	box-sizing: border-box;

	& .swiper-pagination-bullet {
		vertical-align: middle;
		transition: all 0.23s ease-in-out;

		&:hover {
			transition: all 0.23s ease-in-out;
		}
	}

	& .swiper-pagination-bullet-active {
		transition: all 0.23s ease-in-out;

		&:hover {
			transition: all 0.23s ease-in-out;
		}
	}
}
