select-state {
	display: block;
	overflow: hidden;
}

select-state > select {
	padding-right: 4vmin;
}

select-state > i {
	pointer-events: none;
    color: black !important;
	font-size: 4vmin;
	z-index: 1;
	position: absolute;
	right: 0;
}

select-state > i.less {
	display: none;
}

select-state.expanded > i.less {
	display: inline-flex;
}

select-state > i.more {
	display: inline-flex;
}

select-state.expanded > i.more {
	display: none;
}