.wp-block-ub-advanced-video {
	line-height: 0;
	&.alignright {
		.ub-advanced-video-embed {
			float: right;
			video {
				float: right;
			}
			.ub-advanced-video-channel-details {
				clear: both;
				text-align: right;
			}
		}
	}

	&.alignleft {
		.ub-advanced-video-embed {
			float: left;
			video {
				float: left;
			}
			.ub-advanced-video-channel-details {
				clear: both;
				text-align: left;
			}
		}
	}

	&.aligncenter {
		.ub-advanced-video-embed {
			margin-inline-start: auto;
			text-align: center;
			margin-inline-end: auto;
			.ub-advanced-video-channel-details {
				text-align: center;
			}
		}
	}
}
.ub-advanced-video-container {
	width: 100%;
	video {
		width: 100%;
		height: 100%;
	}
}

.ub-advanced-video-thumbnail {
	position: relative;
	.ub-advanced-video-thumbnail-image {
		height: 100%;
		width: 100%;
	}
	& > svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

.ub-advanced-video-embed {
	video {
		max-width: 100%;
		aspect-ratio: var(--ub-advanced-video-aspect-ratio);
		height: auto !important;
		object-fit: cover;
	}
	&.ub-advanced-video-autofit-youtube {
		width: 100%;
		aspect-ratio: var(--ub-advanced-video-aspect-ratio);
		> iframe {
			width: 100%;
			aspect-ratio: var(--ub-advanced-video-aspect-ratio);
			height: auto !important;
		}
	}
	&.ub-advanced-video-autofit-vimeo,
	&.ub-advanced-video-autofit-dailymotion {
		position: relative;
		> iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
	&.ub-advanced-video-autofit-dailymotion {
		height: 0;
		overflow: hidden;
		> iframe {
			overflow: hidden;
		}
	}
}