/* stylelint-disable declaration-no-important */

// =============================================================================
// :: Icon Preview
// =============================================================================
.bp-c-icon-preview {

	&:hover {

		.bp-c-icon-preview__icon {
			fill: $bp-primary-color !important;
		}
	}
}

// =============================================================================
// :: Components
// =============================================================================
.bp-c-icon-preview__icon {
	fill: $bp-secondary-color !important;
}

.bp-c-icon-preview__name {

	> span {
		background-color: $bp-primary-color !important;
		color: $bp-text-color-white !important;
	}
}