@use '../../assets/src/css/variables';

// ============================================
// Import CTA Card Styles (Shared Component)
// ============================================
@use '../../assets/src/css/cta-card';

.godam-video-editor {

	padding: 1rem;
	height: 100%;

	&-tabs {

		height: 100%;

		.components-tab-panel__tabs {
			border-bottom: 1px solid rgba(228, 228, 228, 1);

			button {
				white-space: nowrap;
				flex-grow: 0;

				font-size: 1rem;
				line-height: 1.375rem;
				color: rgba(119, 119, 119, 1);

				&::after {
					background: variables.$godam-primary-gradient;
				}

				&.is-active {
					color: rgba(33, 33, 33, 1);
				}
			}
		}
	}
}

// Override media library styles for video editor save button
.video-editor-container .aside .video-editor-save-button {
	position: absolute !important;
	top: auto !important;
	bottom: 2rem;
	right: 1rem;
	margin: 0 !important;
}

// Hide layer controls fallback when portal target is not available
.layer-controls-fallback {
	display: none;
}
