.eg-hint {
	display: none;
	margin: -6px 0 12px;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.45;
	text-align: left;
}

.eg-hint--error,
.eg-hint--hint {
	display: block;
}

.eg-hint--error {
	color: #ff9b9b;
	background: rgba(196, 60, 60, .12);
	border: 1px solid rgba(196, 60, 60, .35);
}

.eg-hint--hint {
	color: #da9256;
	background: rgba(134, 80, 35, .14);
	border: 1px solid rgba(134, 80, 35, .4);
}

.eg-hint__fix {
	color: #da9256;
	text-decoration: underline;
	white-space: nowrap;
}

.eg-hint__fix:hover {
	color: #f0b078;
}