.form-select {
	position: relative;
	max-width: 15rem;

	&__inner {
		display: block;
		appearance: none;
		font-family: Roboto, sans-serif;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		border: 1px solid #dadada;
		outline: 0;
		font-size: 1rem;
		padding: .75rem 2rem .75rem .75rem;
		line-height: 1.25;
		background: transparent;
		transition: border-color 0.2s;
		cursor: pointer;

		&:invalid {
			color: #496898;
		}
	}

	&::after {
		content: '';
		position: absolute;
		top: 1rem;
		right: 1rem;
		border: solid black;
		border-width: 0 2px 2px 0;
		display: inline-block;
		cursor: pointer;
		pointer-events: none;
		padding: 4px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	option {
		color: black;
		text-transform: none;
	}
}