// Specific classes prevent .icon-... rule from messing with .icon-stroke-... and .icon-fill-... when imported after
.icon-add,
.icon-subtract,
.icon-close,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-hamburger,
.icon-caret-down,
.icon-caret-left,
.icon-caret-right,
.icon-caret-up,
.icon-ellipsis,
.icon-website,
.icon-linkedin,
.icon-facebook,
.icon-link,
.icon-pinterest,
.icon-twitter,
.icon-instagram,
.icon-tiktok,
.icon-youtube {
	font-family: 'modicons-basic' !important;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak-as: none;
	text-transform: none;
}

.icon-facebook {
	&::before {
		content: '\e90d';
	}
}

.icon-link {
	&::before {
		content: '\e90e';
	}
}

.icon-pinterest {
	&::before {
		content: '\e90f';
	}
}

.icon-twitter {
	&::before {
		content: '\e910';
	}
}

.icon-add {
	&::before {
		content: '\e90a';
	}
}

.icon-subtract {
	&::before {
		content: '\e90b';
	}
}

.icon-close {
	&::before {
		content: '\e909';
	}
}

.icon-arrow-down {
	&::before {
		content: '\e900';
	}
}

.icon-arrow-left {
	&::before {
		content: '\e901';
	}
}

.icon-arrow-right {
	&::before {
		content: '\e902';
	}
}

.icon-arrow-up {
	&::before {
		content: '\e903';
	}
}

.icon-hamburger {
	&::before {
		content: '\e904';
	}
}

.icon-caret-down {
	&::before {
		content: '\e905';
	}
}

.icon-caret-left {
	&::before {
		content: '\e906';
	}
}

.icon-caret-right {
	&::before {
		content: '\e907';
	}
}

.icon-caret-up {
	&::before {
		content: '\e908';
	}
}

.icon-ellipsis {
	&::before {
		content: '\e90c';
	}
}

.icon-website {
	&::before {
		content: '\e911';
	}
}

.icon-linkedin {
	&::before {
		content: '\e912';
	}
}

.icon-instagram {
	&::before {
		content: '\e913';
	}
}

.icon-tiktok {
	&::before {
		content: '\e914';
	}
}

.icon-youtube {
	&::before {
		content: '\e915';
	}
}