.@{tag-prefix-cls} {
	&-gray:not(&-outline):not(&-solid) {
		background-color: @component-background;
	}

	&-gray:not(&-outline):not(&-solid):hover {
		background-color: @gray-10;
	}

	&-gray&-checkable-checked:not(&-outline):not(&-solid):not(&-disabled) {
		background-color: @blue-10;

		&:hover {
			background-color: @blue-20;
		}
	}

	&-gray &-close-icon {
		background-color: @component-background;
	}

	&-gray&-closeable:hover &-close-icon {
		background-color: @gray-10;
	}

	&-gray&-outline&-checkable:not(&-checkable-checked) {
		& {
			border-color: @gray-10;
		}

		&:not(:active):hover {
			border-color: @gray-10-hover;
		}
	}
}