/* ==========================================================================
   YouTube embed — cover mode
   ========================================================================== */

.wp-block-embed.is-nd-youtube-cover {
	position: relative;
	width: 100%;
	height: 100svh;
	overflow: hidden;
	aspect-ratio: auto !important;
}

.wp-block-embed.is-nd-youtube-cover.wp-has-aspect-ratio {
	aspect-ratio: auto !important;
}

.wp-block-embed.is-nd-youtube-cover .wp-block-embed__wrapper {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.wp-block-embed.is-nd-youtube-cover iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 177.7778vh;
	height: 100vh;
	min-width: 100%;
	min-height: 56.25vw;
	transform: translate(-50%, -50%);
}

/* ==========================================================================
   YouTube embed — sound toggle
   ========================================================================== */

.nd-youtube-sound-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border: 0;
	padding: 0;
	background: transparent;
	color: var(--wp--preset--color--light, #ffffff);
	cursor: pointer;
}

.nd-youtube-sound-toggle__icon {
	display: none;
	width: 45px;
	height: 45px;
}

.nd-youtube-sound-toggle__icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.nd-youtube-sound-toggle.is-muted .nd-youtube-sound-toggle__icon--muted,
.nd-youtube-sound-toggle.is-unmuted .nd-youtube-sound-toggle__icon--unmuted {
	display: block;
}