/**
 * HANSA-FLEX icon font (hansa-flex-icons).
 */

@font-face {
	font-family: "hansa-flex-icons";
	src: url("../fonts/hansa-flex-icons.woff2") format("woff2"), url("../fonts/hansa-flex-icons.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.hf-icon {
	font-family: "hansa-flex-icons" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
}

.hf-icon::before {
	display: block;
}

/* System icons */
.hf-icon--system-magnifier::before { content: "\f1b7"; }
.hf-icon--system-bust::before { content: "\f189"; }
.hf-icon--system-cart::before { content: "\f18c"; }
.hf-icon--system-language::before { content: "\f1b1"; }
.hf-icon--system-pin-glass::before { content: "\f1c5"; }
.hf-icon--system-bubbles::before { content: "\f186"; }
.hf-icon--system-cross::before { content: "\f1a0"; }
.hf-icon--system-arrow-up::before { content: "\f181"; }
.hf-icon--system-arrow-down::before { content: "\f17d"; }
.hf-icon--system-arrow-right::before { content: "\f180"; }
.hf-icon--system-paper-arrow-right::before { content: "\f1c0"; }

/* Content icons */
.hf-icon--content-award::before { content: "\f107"; }
.hf-icon--content-box-pin::before { content: "\f109"; }
.hf-icon--content-lift-truck-with-packages::before { content: "\f13a"; }

/* Context sizes */
.hf-icon--sm { font-size: 0.75rem; }
.hf-icon--md { font-size: 1rem; }
.hf-icon--lg { font-size: 1.375rem; }
.hf-icon--xl { font-size: 3rem; }

.hf-icon--red { color: var(--hf-red, #d7102d); }
.hf-icon--blue { color: var(--hf-blue, #30557d); }
.hf-icon--white { color: #fff; }