@ckeditor/ckeditor5-ai/theme/aichat/aichat-controls/prompt-input.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
 */

@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";

.ck.ck-ai-chat__prompt-input.ck-search {
	& .ck-labeled-field-view {
		width: 100%;

		.ck-labeled-field-view__status_error {
			line-height: 1.4em;
		}
	}

	& .ck-labeled-field-view__input-wrapper {
		.ck.ck-input.ck-textarea {
			line-height: calc(var(--ck-font-size-base) * 2);

			/* The padding is used to make space for the add context button. */
			@mixin ck-dir ltr {
				padding-right: 2.6em;
			}

			@mixin ck-dir rtl {
				padding-left: 2.6em;
			}
		}

		& > .ck.ck-label {
			visibility: hidden;
		}
	}

	& .ck-ai-chat__prompt-submit-button {
		height: auto;
		align-self: flex-end;
		margin-left: var(--ck-spacing-medium);
		background-color: var(--ck-ai-background-color-action-button);
		color: var(--ck-ai-font-color-action-button);

		&.ck-disabled {
			opacity: var(--ck-disabled-opacity);
		}

		& > svg {
			opacity: 1;
		}
	}
}