/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cloudflare-stream-block-video {
	// Remove the left and right margin the figure is born with.
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1em;

	min-width: 50%;

	stream {
		max-width: 100%;
	}

	@supports (position: sticky) {
		[poster] {
			object-fit: cover;
		}
	}

	&.aligncenter {
		text-align: center;
	}
}