.notification {
	display: flex;

	width: 100%;
	min-height: 40px;
	max-height: 72px;

	font-size: 15px;
}
.notification:not(:last-child) {
	margin-bottom: 8px;
}
.notification > img {
	margin-top: 4px;
	margin-left: 12px;
	margin-right: 12px;

	width: 32px;
	height: 32px;

	border-radius: 50%;
}
.notification > p {
	align-self: center;

	padding-right: 5px;

	width: 100%;
	max-height: 57px;

	overflow: hidden;

	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.notification-empty {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;
	height: 40px;

	text-align: center;
	font-size: 16px;
}