@ckeditor/ckeditor5-ai/theme/aichat/aichat-controls/aichat-context-controls.css

AI features for CKEditor 5.

/*
 * 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-ai-chat-context-controls-balloon-width: 400px;
}

.ck.ck-ai-chat-controls {
	.ck-ai-chat-context-controls {
		display: flex;
		align-content: center;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		padding-top: 0;
		gap: var(--ck-spacing-medium-small);

		padding-bottom: var(--ck-spacing-medium-small);

		&:has(.ck-ai-chat-context-controls__pending-contexts:empty) {
			padding-bottom: var(--ck-spacing-small);
		}

		& .ck-ai-chat-context-controls__pending-contexts {
			display: contents;
		}
	}

	/* The button to add context living inside the query input. */
	& .ck-button.ck-ai-chat-controls-button.ck-ai-chat-context-controls__add-context-button {
		position: absolute;
		bottom: 3px;
		opacity: .7;
		margin: 0;

		&:hover, &:focus {
			opacity: 1;
		}
	}
}