@ckeditor/ckeditor5-ai/theme/aireviewmode/aireviewmode-balloon-panel-suggestion.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
 */

.ck.ck-balloon-panel {
	& > .ck-ai-review-mode-balloon-panel-suggestion {
		padding: var(--ck-spacing-standard);
		width: 300px;

		&:has(.ck-ai-review-mode__check-run-result-response.ck-hidden) {
			width: auto;
		}

		& .ck-suggestion-marker {
			white-space: break-spaces;
		}

		& .ck-suggestion-marker-insertion {
			border-top: 3px solid var(--ck-ai-suggestion-marker-insertion-border-color);
			border-bottom: 3px solid var(--ck-ai-suggestion-marker-insertion-border-color);
			background: var(--ck-ai-suggestion-marker-insertion-background-color);
		}

		& .ck-suggestion-marker-deletion {
			border-top: 3px solid var(--ck-ai-suggestion-marker-deletion-border-color);
			border-bottom: 3px solid var(--ck-ai-suggestion-marker-deletion-border-color);
			background: var(--ck-ai-suggestion-marker-deletion-background-color);
		}

		&.ck-ai-review-mode-balloon-panel-suggestion_diff-active {
			& .ck-suggestion-marker-insertion {
				--ck-ai-suggestion-marker-insertion-border-color: var(--ck-ai-suggestion-marker-insertion-border-color-active);
				--ck-ai-suggestion-marker-insertion-background-color: var(--ck-ai-suggestion-marker-insertion-background-color-active);
			}

			& .ck-suggestion-marker-deletion {
				--ck-ai-suggestion-marker-deletion-border-color: var(--ck-ai-suggestion-marker-deletion-border-color-active);
				--ck-ai-suggestion-marker-deletion-background-color: var(--ck-ai-suggestion-marker-deletion-background-color-active);
			}
		}
	}
}