@font-face {
	font-display: swap;
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/noto-sans-v30-latin-regular.woff2') format('woff2');
}

html,
body {
	font-family: 'Noto Sans', Arial, sans-serif;
}

.content {
	max-height: calc(100vh - 40px);
	overflow-y: auto;
}

.centered-content {
	width: 100%;
	margin: 0 auto;
}

.list-inline-item:not(:last-child)::after {
	content: "";
	margin: 0 4px;
}

.form-control:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: #9aa0a1;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(119, 119, 124, 0.25);
}

.color-gray {
	color: #ccc;
}