[@liferay_aui.style]
	.external-video {
		display: flex;
		justify-content: ${configuration.align};
	}
[/@]

<div class="external-video">
	<div class="aspect-ratio aspect-ratio-16-to-9 video">
		<div class="alert alert-info error-message" hidden role="alert">
			<p>Please enter a valid video URL.</p>
			<p>The URL can point to any Facebook, Twitch, Vimeo or Youtube video.</p>
		</div>

		<div aria-hidden="true" class="loading-animation"></div>

		<div aria-hidden="true" class="video-container"></div>

		<div aria-hidden="true" class="video-mask"></div>
	</div>
</div>