/*
 * 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-content .multi-level-list {
	list-style: none;

	& li {
		position: relative;

		& .multi-level-list__marker {
			position: absolute;
			padding-inline-end: 5px;
			transform: translate(-100%, 0);
			pointer-events: none;

			/* RTL styles */
			@mixin ck-dir rtl {
				transform: translate(100%, 0);
			}

			/* Do not show list markers as selected. */
			&::selection {
				background-color: transparent;
			}
		}
	}
}

.ck-editor__editable .multi-level-list {
	& li {
		& .multi-level-list__marker {
			&::before {
				/* Use CSS to display multi-level list markers to prevent breaking the composition.
				See https://github.com/cksource/ckeditor5-commercial/issues/6873. */
				content: attr(data-multi-level-list-marker);
			}
		}
	}
}

.ck-content[dir='rtl'] .multi-level-list {
	& .multi-level-list__marker {
		transform: translate(100%, 0);
	}
}