/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-tabs-overlay-top-position: 0;
	--ck-tabs-overlay-right-position: 0;
	--ck-tabs-overlay-left-position: auto;
	--ck-tabs-overlay-bottom-position: auto;
	--ck-tabs-overlay-height: 100%;
	--ck-ai-tabs-overlay-width: 500px;
	--ck-ai-tabs-overlay-width-maximized: 50%;
	--ck-ai-tabs-overlay-z-index: calc(var(--ck-z-dialog) - 1);
}

.ck.ck-tabs.ck-ai-tabs {
	--ck-tabs-buttons-container-buttons-vertical-spacing: 61.5px;
	--ck-color-tab-button-active-icon: hsl(263, 59%, 52%);
	--ck-color-tab-button-active-border: hsl(263, 59%, 52%);

	& .ck-tab-panel {
		height: 100%;
		display: flex;
		flex-direction: column;

		&>* {
			flex-grow: 1;
		}

		&.ck-tab-panel_disabled {
			pointer-events: none;
			opacity: 0.5;
		}
	}

	&.ck-ai-tabs__overlay {
		position: fixed;
		height: var(--ck-tabs-overlay-height);
		top: var(--ck-tabs-overlay-top-position);
		right: var(--ck-tabs-overlay-right-position);
		left: var(--ck-tabs-overlay-left-position);
		bottom: var(--ck-tabs-overlay-bottom-position);
		z-index: var(--ck-ai-tabs-overlay-z-index);
		border-radius: 0;
		border-top: 0;
		border-bottom: 0;
		width: var(--ck-ai-tabs-overlay-width);
		transition: width 0.3s ease;

		&.ck-ai-tabs_maximized {
			width: var(--ck-ai-tabs-overlay-width-maximized);
		}

		&.ck-tabs_left {
			--ck-tabs-overlay-right-position: auto;
			--ck-tabs-overlay-left-position: 0;
			border-left: 0;
		}

		&.ck-tabs_right {
			border-right: 0;
		}
	}
}