/* SELECT */
form select {
	cursor: pointer;
}
/*form select option {
	display: block;
}*/
form select option::first-letter, form select + div.select > span::first-letter  {
   text-transform: capitalize;
}
form select+div.select {
	padding-right: 20px;
	cursor: pointer;
}
form select + div.select span {
	display: block;
}
form select + div.select::after {
	position: absolute;
	content:'';
	transition:all .3s;
	border-top:8px solid var(--border-color);
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	top:50%;
	right:5px;
	margin-top:-4px;
}
form select[multiple] + div.select {
	padding:0;
	padding-right: 20px;
}
form select[multiple] + div.select span { 
	display: inline-block;
	background: var(--selected-bg-color);
	border-radius: var(--border-radius);
	padding: .2em .5em;
	margin:.5em .5em;
	transition:color .3s;
}
form select + div.select span.empty {
	font-style: italic;
	background: none;
	margin:0;
	color:var(--text-sub-color);
}

form select[multiple] + div.select span.empty {
	padding: .2em 0;
	margin:.5em .5em;
}