@use '@talend/bootstrap-theme/src/theme/guidelines' as *;

$tc-resource-picker-order-chooser-icon-size: 0.375rem !default;

.tc-resource-picker-order-chooser {
	display: flex;
	padding: 0;

	&:hover,
	&:focus,
	&:active {
		color: inherit;
		box-shadow: none;
	}

	.tc-resource-picker-order-indicator {
		width: $tc-resource-picker-order-chooser-icon-size;
		height: $tc-resource-picker-order-chooser-icon-size;

		&.asc {
			transform: rotate(180deg);
		}
	}
}