.abwc-gallery-video-item {
	margin: 0;
	width: 100%;
}

.abwc-gallery-video-stage {
	background: #fff;
}

.abwc-gallery-video-media {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 720 / 1040;
	background: #fff;
	object-fit: contain;
}

.abwc-gallery-video-thumbnail {
	cursor: pointer;
}

.abwc-gallery-video-thumbnail__inner {
	position: relative;
	overflow: hidden;
	background: #fff;
	aspect-ratio: 1;
}

.abwc-gallery-video-thumbnail__inner img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.abwc-gallery-video-thumbnail__label {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 8px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: #575758;
	background: #fff;
	text-transform: none;
}

.abwc-gallery-video-thumbnail__play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	transform: translate( -50%, -50% );
	border-radius: 50%;
	background: rgba( 0, 0, 0, 0.72 );
	pointer-events: none;
}

.abwc-gallery-video-thumbnail__play::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -35%, -50% );
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #fff;
}

.abwc-pswp-video-slide {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 40px 20px 90px;
	box-sizing: border-box;
}

.abwc-pswp-video-media {
	display: block;
	max-width: min( 78vw, 900px );
	max-height: calc( 100vh - 140px );
	width: auto;
	height: auto;
	background: #000;
}

.pswp.abwc-pswp-current-video .pswp__button--zoom {
	opacity: 0.35;
	pointer-events: none;
}

@media (max-width: 767px) {
	.abwc-pswp-video-slide {
		padding: 56px 12px 90px;
	}

	.abwc-pswp-video-media {
		max-width: calc( 100vw - 24px );
		max-height: calc( 100vh - 160px );
	}
}
