.dfx-pv {
	max-width: 640px;
	margin: 4px 0;
}

.dfx-pv__facade {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	padding: 0;
	border: none;
	border-radius: 6px;
	overflow: hidden;
	background: #14140f;
	cursor: pointer;
}

.dfx-pv__facade img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.dfx-pv__play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.55);
	border-radius: 50%;
	transition: background 0.15s ease, transform 0.15s ease;
}
.dfx-pv__play::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 56%;
	width: 0;
	height: 0;
	transform: translate(-50%, -50%);
	border-style: solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent transparent transparent #ffffff;
}
.dfx-pv__facade:hover .dfx-pv__play,
.dfx-pv__facade:focus-visible .dfx-pv__play {
	background: var(--dfx-oxblood, #7B2727);
	transform: translate(-50%, -50%) scale(1.06);
}

.dfx-pv iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	border: none;
	border-radius: 6px;
	display: block;
}