@import (reference) '../../../styles/variables.less';
@import (reference) '../../../styles/mixins.less';

.lucid-ChevronIcon {
	fill: @color-primary;

	&-is-down { transform: rotate(0deg); }
	&-is-up { transform: rotate(180deg); }
	&-is-left { transform: rotate(90deg); }
	&-is-right { transform: rotate(270deg); }

	&.lucid-Icon-is-badge {
		fill: @color-white;
	}
}