@ckeditor/ckeditor5-collaboration-core/theme/confirm.css

Base utilities used by CKEditor 5 collaboration features to support multiple users working together in a rich text editor.

/*
 * 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
 */

/* We need specificity 020 to beat .ck.ck-button. */
.ck.ck-button.ck-confirm-view-submit {
	color: var(--ck-color-button-save);
}

.ck.ck-button.ck-confirm-view-cancel {
	color: var(--ck-color-button-cancel);
}

.ck .ck-confirm-view-active {
	transform: translate3d( -100%, 0, 0 );
	transition: all 300ms linear;
}

.ck .ck-confirm-view {
	font-size: var(--ck-font-size-base);
	position: absolute;
	display: flex;
	justify-content: flex-start;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background-color: var(--ck-color-light-red);

	& .ck-confirm-view-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: var(--ck-spacing-standard);
		height: 100%;
		width: 100%;

		/* Maximum height of confirmation (in case with such long comment). */
		max-height: 400px;
	}

	& p {
		font-weight: bold;
		margin: 0;
	}
}