/*
 * 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-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_rounded.css";
@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_focus.css";
@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_shadow.css";
@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_disabled.css";

.ck.ck-page-navigator {
	padding: 0 var(--ck-spacing-standard);
	line-height: 1;

	& > .ck-input-number {
		width: var(--ck-ui-component-min-height);
		min-width: var(--ck-ui-component-min-height);

		background: transparent;
		text-align: center;

		/* Disable native increment/decrement buttons (FF). */
		-moz-appearance: textfield;

		/* Disable native increment/decrement buttons (Webkit). */
		&::-webkit-inner-spin-button,
		&::-webkit-outer-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		&:not(:focus) {
			border: 1px solid transparent;
			border-bottom: 1px solid var(--ck-color-base-border);
		}
	}

	& > span::before {
		content: '/';
		margin: 0 var(--ck-spacing-standard);
	}
}