.wp-block-ogh-multipurpose-youtube-meta-embed.wp-has-aspect-ratio .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	padding-top: 0;
	background: #111;
}

.wp-block-ogh-multipurpose-youtube-meta-embed.wp-has-aspect-ratio .wp-block-embed__wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.ogh-multipurpose-youtube-meta-embed__trigger {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #111;
	color: #fff;
	text-decoration: none;
	overflow: clip;
}

.ogh-multipurpose-youtube-meta-embed__thumbnail {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ogh-multipurpose-youtube-meta-embed__play {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.58);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
	transition:
		background 0.2s,
		transform 0.2s;
}

.ogh-multipurpose-youtube-meta-embed__trigger:hover .ogh-multipurpose-youtube-meta-embed__play,
.ogh-multipurpose-youtube-meta-embed__trigger:focus-visible .ogh-multipurpose-youtube-meta-embed__play {
	background: rgba(0, 0, 0, 0.74);
	transform: scale(1.04);
}

.ogh-multipurpose-youtube-meta-embed-editor {
	display: grid;
	gap: 0.75rem;
}

.ogh-multipurpose-youtube-meta-embed-source {
	margin: 0;
	font-size: 0.9rem;
	color: #50575e;
}

.ogh-multipurpose-youtube-meta-embed-thumbnail {
	display: block;
	max-width: 100%;
	height: auto;
	border: 1px solid #dcdcde;
	border-radius: 4px;
}

.ogh-multipurpose-youtube-meta-embed-placeholder {
	margin: 0;
	color: #50575e;
}