.swiper-vco { 

	--slide--width: min(600px, 90vw);
	--slide-img--width: min(100%, 500px);
	--slide--width: calc(33.33333333vw - 30px);
	--slide-img--width: 100%;

	overflow: visible; 
	margin-top: 2em;
	margin-bottom: 4em;

	max-width: 90vw;
}
@media screen and (max-width: 767px) {
	.swiper-vco { 
		--slide--width: 100%;
	}
}
.swiper-wrapper-vco {
}
.swiper-wrapper-vco > p:empty,
.swiper-wrapper-vco > br {
	display: none;
}
.swiper-wrapper-vco.locked {
	transform: none !important; 

	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	column-gap: 100px;
}
.swiper-wrapper-vco.locked .swiper-slide-vco {
	margin-right: 0px !important;
}
.swiper-slide-vco { 
	display: flex; 
	flex-flow: column nowrap; 
	align-items: center; 
	justify-content: flex-start; 
	width: auto !important;

	margin-bottom: 0.5em;
	max-width: var(--slide--width);
}
.swiper-vco__btn {
	appearance: none;
	background: #283583;
	border-radius: 50px;
	width: 40px;
	height: 40px;
	display: block;
	top: auto;

	margin-top: 0px;
	position: static;
	flex: none;
}
.swiper-vco__btn:hover {
	background-color: rgb(26, 18, 163, 0.8);
}
.swiper-vco__btn:after {
	color: white;
	font-size: 14px;
}
.swiper-vco.locked .swiper-vco__btn {
	display: none;
}
.swiper-vco__pagination {
	position: relative;
	bottom: -1em !important;
	top: auto;
	flex: none;
	width: auto !important;
}
.swiper-vco__pagination .swiper-pagination-bullet-active {
	background: #283583;
}

.swiper-vco__controls {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
}


.swiper-vco__img {
	width: var(--slide-img--width);
	aspect-ratio: 6 / 7;
	object-fit: cover;
}


/* max(8px, calc(50vw - 200px - 22px)) */


.swiper-vco__btn.swiper-button-prev {
	position: relative;
	left: 0px;
	z-index: 1;
}
.swiper-vco__btn.swiper-button-next {
	position: relative;
	right: 0px;
	margin-left: auto;
	z-index: 1;
}

.swiper-vco__btn-enclosure {
	position: absolute;
	width: var(--slide-img--width);
	aspect-ratio: 6 / 7;
	top: 0px;
	left: 0px;
}
@supports not (aspect-ratio: 6 / 7) {
	.swiper-vco__btn-enclosure {
		padding-top: calc(116% / 2 - 20px);
	}
}
@media screen and (max-width: 767px) {
	.swiper-vco__controls {
	    position: absolute;
	    inset: 0px;
	    justify-content: space-between;
	}
	.swiper-vco__btn {
	    position: absolute;
	    top: calc(50% - 20px);
	    --swiper-navigation-sides-offset: 0px;

	    background: white;
top: auto;
bottom: auto;
	}
.swiper-vco__btn-enclosure {
display: flex;
flex-direction: row;
align-items: center;
}
	.swiper-vco__btn:after {
	    color: #283583;
	}
	.swiper-pagination {	
	    position: absolute;
	    left: 0px;
	    right: 0px;
	}

	.swiper-vco__btn:hover {
		background-color: #283583;
	}

	.swiper-vco__btn:hover:after {
	    color: white;
	}
	.swiper-vco__btn.swiper-button-prev {
		translate: -50%;
	}
	.swiper-vco__btn.swiper-button-next {
		translate: 50%;
	}
}

.swiper-vco__btn.swiper-button-prev:after {
	margin-right: 2px;
}
.swiper-vco__btn.swiper-button-next:after {
	margin-left: 2px;
}

/* play icon */
.swiper-slide-vco__control {
	position: absolute;
	width: 8.5em;
	height: 8.5em;
	border-radius: 5em;
	background-color: #283583;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;

	opacity: 0.8;
	transition: opacity 0.3s ease 0s;
}
.swiper-slide-vco__control:hover {
	opacity: 1;
}

.swiper-slide-vco__control[data-paused="true"] .vco-icon {
  width: 0; 
  height: 0; 
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  
  border-left: 1.7em solid #f2f1eb;
  Margin-left: 0.4em;
}
/* paused icon */
.swiper-slide-vco__control[data-paused="false"] .vco-icon {
	display: none;
}
.swiper-slide-vco__control[data-paused="false"]::before,
.swiper-slide-vco__control[data-paused="false"]::after {
	content: "";
	display: block;
	width: 0.5em;
	height: 1.5em;
	background-color: #f2f1eb;
}
.swiper-slide-vco__control[data-paused="false"]::before {
	margin-right: 0.4em;
}
.swiper-slide-vco__control[data-paused="false"]::after {

}

@media screen and (min-width: 768px) {
	.swiper-vco__btn-enclosure {
		left: auto;
		width: var(--slide--width);
	}
	.swiper-vco__btn.swiper-button-prev,
	.swiper-vco__btn.swiper-button-next {
		top: 50%;
		transform: translateY(-50%);
	}
	.swiper-vco__btn.swiper-button-prev {
		left: -70px;
	}
	.swiper-vco__btn.swiper-button-next {
		right: -70px;
	}
}