html,
:root,
body {
	font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif !important;
	--ion-font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
}

@supports (font-variation-settings: normal) {
	html {
		font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif !important;
		font-optical-sizing: auto;
	}
}

html[dir="rtl"], html[lang="ar"]{
	font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif !important;
	--ion-font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
}

.sidebar-notification-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	margin-left: auto;
	border-radius: 10px;
	background: var(--red-500, #e03636);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}

.sidebar-notification-count.hidden {
	display: none;
}

.sidebar-header .header-title .sidebar-notification-count {
	margin-left: 6px;
	vertical-align: middle;
}

.standard-sidebar-item .item-anchor .sidebar-item-suffix .sidebar-notification-count {
	margin-left: 8px;
}