.list {
	list-style: none;
	margin: 0;
	padding: 8px 0px;
	position: relative;
}

.listItem {
	display: flex;
	padding: 0.25rem 1rem;
	align-items: center;
	width: 100%;
	border: none;
	background-color: var(--background-color);
	color: var(--app-font-color);
	font-size: 16px;
	font-family: var(--app-font-family);
}

.listItemChildren {
	flex-grow: 1;
	gap: 8px;
	display: flex;
	align-items: center;
	text-align: left;
}

.listItemClickable {
	user-select: none;
	cursor: pointer;
}

.listItemIcon {
	width: 52px;
	min-width: 52px;
	display: flex;
}

.listItemBulletPoint {
	width: 24px;
	min-width: 24px;
	display: flex;
}

.listItemClickable:hover {
	background-color: var(--background-highlight-color);
}

.listItemClickable:disabled {
	cursor: not-allowed;
	opacity: 0.5;
	pointer-events: none;
}

.divider {
	margin: 1rem 0;
	border-color: var(--background-highlight-color);
	border-width: 0;
	border-style: solid;
	border-bottom-width: thin;
}