.char-counter {
	display: block;
	background-color: #F2F2F2;
	height: 5px;
	margin-top: 5px;
	border-radius: 3px;
}

.char-counter > span {
	display: block;
	height: 5px;
	width: 40%;
	border-radius: 3px;
	opacity: 0.8;
	transition: all 0.5s ease 0s;
}

[data-char-counter="1"] {
	resize: none;
}

[data-char-counter="1"]:focus {
	outline: none;
}

.char-counter-colors {
	display: none;
}