@use "@wordpress/base-styles/colors" as *;
@use "@wordpress/base-styles/variables" as *;
@use "@wordpress/base-styles/z-index" as *;

.wp-block[data-align="center"] > .wp-block-video {
	text-align: center;
}

.wp-block-video {
	position: relative;

	&.is-transient video {
		opacity: 0.3;
	}

	// Shown while video is being uploaded
	.components-spinner {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -9px;
		margin-left: -9px;
	}
}

.block-library-video-tracks-editor {
	z-index: z-index("{core/video track editor popover}");
}

.block-library-video-tracks-editor__track-list-track {
	padding-left: $grid-unit-15;
}

.block-library-video-tracks-editor__single-track-editor-kind-select {
	max-width: 240px;
}

.block-library-video-tracks-editor__tracks-informative-message-title,
.block-library-video-tracks-editor__single-track-editor-edit-track-label {
	margin-top: $grid-unit-05;
	color: $gray-700;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: $font-weight-medium;
	display: block;
}

.block-library-video-tracks-editor > .components-popover__content {
	width: 360px;
}

.block-library-video-tracks-editor__track-list,
.block-library-video-tracks-editor__add-tracks-container {
	.components-menu-group__label {
		padding: 0;
	}
}

.block-library-video-tracks-editor__tracks-informative-message {
	padding: $grid-unit-10;

	&-description {
		margin-bottom: 0;
	}
}