@import '../../../styles/_partials/index';

.FlySelect {
	// host modifiers
	&.FlySelect__Readonly {
		@include if-theme-light() {
			background-color: $gray2;
		}
		@include if-theme-dark() {
			background-color: $gray-dark-alt;
		}
	}

	.FlySelect__Caret {
		position: absolute;
		right: 9px;
		top: 45%;
		width: 14px;
		height: 6px;

		path {
			@include __theme-fill($green-dark, $green)
		}
	}

	&:hover {
		.FlySelect__Caret path {
			@include __theme-fill($green, $green-dark50)
		}
	}
}