.premier-product-video-slide {
	position: relative;
	width: 100%;
	background: #fff;
}

.premier-product-video-play {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	border-radius: 10px;
	aspect-ratio: 16 / 9;
	background: #fff;
	cursor: pointer;
}

.premier-product-video-poster,
.premier-product-video-thumb-poster {
	position: absolute;
	inset: 0;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
}

.premier-product-video-poster::after,
.premier-product-video-thumb-poster::after {
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / 18%);
	border-radius: 10px;
	content: "";
}

.premier-product-video-play-icon,
.premier-product-video-thumb-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: block;
	border-radius: 50%;
	background: rgb(6, 106, 171);
	transform: translate(-50%, -50%);
}

.premier-product-video-play-icon {
	width: 3rem;
	height: 3rem;
}

.premier-product-video-thumb-icon {
	width: 2rem;
	height: 2rem;
}

.premier-product-video-play-icon::after,
.premier-product-video-thumb-icon::after {
	position: absolute;
	top: 50%;
	left: 53%;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #fff;
	transform: translate(-50%, -50%);
	content: "";
}

.premier-product-video-thumb-icon::after {
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 9px;
}

.premier-product-video-slide iframe {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
}

.premier-product-video-thumb {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 1 / 1;
	background: #000;
	cursor: pointer;
}

.wpgs-nav .premier-product-video-thumb {
	border: 0;
	opacity: 0.7;
	transition: opacity 0.3s ease-in;
}

.wpgs-nav .slick-current .premier-product-video-thumb,
.wpgs-nav .premier-product-video-thumb.slick-current {
	opacity: 1;
}

.premier-product-video-image-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 767px) {
	.premier-product-video-play-icon {
		width: 3rem;
		height: 3rem;
	}
}