.cf-icon {
	display: inline-flex;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	line-height: 1;
	vertical-align: middle;
}

.cf-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.cf-icon--sm {
	width: 0.95em;
	height: 0.95em;
}

.cf-icon--md {
	width: 1.1em;
	height: 1.1em;
}

.cf-icon--lg {
	width: 1.25em;
	height: 1.25em;
}

.cf-icon--xl {
	width: 1.5em;
	height: 1.5em;
}
.cf-icon--2xl {
	width: 2em;
	height: 2em;
}

.cf-icon-sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
}