.icon {

	&:after {
		content: '';
		display: inline-block;
		background: no-repeat center center/contain;
		width: 1em;
		height: 1em;
		margin: 0 0 -.15em 0;
	}

	&.large {
		font-size: var(--font-size-large);
	}

	&.xlarge {
		font-size: var(--font-size-xlarge);

		&:after {
			transform: translateY(.2em);
		}
	}

	&.huge {
		font-size: var(--font-size-huge);
	}

	&.material {
		&:after {
			content: attr(data-icon);
			font-family: 'Material Symbols Outlined';
			font-weight: normal;
			font-style: normal;
			font-size: 100%;
			line-height: 1;
			letter-spacing: normal;
			text-transform: none;
			display: inline-block;
			white-space: nowrap;
			word-wrap: normal;
			direction: ltr;
			-webkit-font-feature-settings: 'liga';
			-webkit-font-smoothing: antialiased;
			position: relative;
			top: .15em;
		}
	}

	&.about:after {
		background-image: url(../../image/web/icon/about.svg);
	}

	&.contact:after {
		background-image: url(../../image/web/icon/contact.svg);
	}

	&.data:after {
		background-image: url(../../image/web/icon/data.svg);
	}

	&.endurance:after {
		background-image: url(../../image/web/icon/endurance.svg);
	}

	&.endurance_color_badge:after {
		background-image: url(../../image/web/icon/endurance_color_badge.svg);
	}

	&.facebook:after {
		background-image: url(../../image/web/icon/facebook.svg);
	}

	&.features:after {
		background-image: url(../../image/web/icon/features.svg);
	}

	&.heart_rate:after {
		background-image: url(../../image/web/icon/heart_rate.svg);
	}

	&.instagram:after {
		background-image: url(../../image/web/icon/instagram.svg);
	}

	&.jumping:after {
		background-image: url(../../image/web/icon/jumping.svg);
	}

	&.jumping_color_badge:after {
		background-image: url(../../image/web/icon/jumping_color_badge.svg);
	}

	&.lang:after {
		background-image: url(../../image/web/icon/lang.svg);
	}

	&.live_ecg:after {
		background-image: url(../../image/web/icon/live_ecg.svg);
	}

	&.live_ecg_color:after {
		background-image: url(../../image/web/icon/live_ecg_color.svg);
	}

	&.logo_equimo_small:after {
		background-image: url(../../image/web/icon/equimo.svg);
	}

	&.logo_equimo_dark:after {
		background-image: url(../../image/web/icon/logo_equimo_dark.svg);
	}

	&.logo_equimo_light:after {
		background-image: url(../../image/web/icon/logo_equimo_light.svg);
	}

	&.logo_heart_rate_dark:after {
		background-image: url(../../image/web/icon/logo_heart_rate_dark.svg);
	}

	&.logo_heart_rate_light:after {
		background-image: url(../../image/web/icon/logo_heart_rate_light.svg);
		width: 4em;
	}

	&.mind:after {
		background-image: url(../../image/web/icon/mind.svg);
	}

	&.motion_analysis:after {
		background-image: url(../../image/web/icon/motion_analysis.svg);
	}

	&.motion_analysis_2:after {
		background-image: url(../../image/web/icon/motion_analysis_2.svg);
	}

	&.other_features:after {
		background-image: url(../../image/web/icon/other_features.svg);
	}

	&.racing:after {
		background-image: url(../../image/web/icon/racing.svg);
	}

	&.racing_color_badge:after {
		background-image: url(../../image/web/icon/racing_color_badge.svg);
	}

	&.rehabilitation_control_color:after {
		background-image: url(../../image/web/icon/rehabilitation_control_color.svg);
	}

	&.shopping:after {
		background-image: url(../../image/web/icon/shopping.svg);
	}

	&.team_stable:after {
		background-image: url(../../image/web/icon/team_stable.svg);
	}

	&.team_stable_2:after {
		background-image: url(../../image/web/icon/team_stable_2.svg);
	}

	&.telemedicine:after {
		background-image: url(../../image/web/icon/telemedicine.svg);
	}

	&.telemedicine_color:after {
		background-image: url(../../image/web/icon/telemedicine_color.svg);
	}

	&.veterinary:after {
		background-image: url(../../image/web/icon/veterinary.svg);
	}

	&.veterinary_color:after {
		background-image: url(../../image/web/icon/veterinary_color.svg);
	}

	&.veterinary_color_badge:after {
		background-image: url(../../image/web/icon/veterinary_color_badge.svg);
	}

	&.x:after {
		background-image: url(../../image/web/icon/x.svg);
	}

	&.apple:after {
		background-image: url(../../image/web/icon/apple-logo.svg);
	}

	&.googleplay:after {
		background-image: url(../../image/web/icon/google-play-logo.svg);
	}

	&.equimo_hr:after {
		background-image: url(../../image/web/icon/equimo-hr.svg);
		background-size: auto 70%;
	}

	&.equimo_mobile:after {
		background-image: url(../../image/web/icon/equimo-mobile.svg);
		background-size: auto 70%;
	}

	&.equimo_premium:after {
		background-image: url(../../image/web/icon/equimo-premium.svg);
		background-size: auto 70%;
	}

	&.equimo_tracker:after {
		background-image: url(../../image/web/icon/equimo-tracker.svg);
		background-size: auto 70%;
	}

	&.balance:after {
		background-image: url(../../image/web/icon/balance.svg);
	}

	&.elevation:after {
		background-image: url(../../image/web/icon/elevation.svg);
	}

	&.hr:after {
		background-image: url(../../image/web/icon/hr.svg);
	}

	&.jumps:after {
		background-image: url(../../image/web/icon/jumps.svg);
	}

	&.speed:after {
		background-image: url(../../image/web/icon/speed.svg);
	}

	&.steps:after {
		background-image: url(../../image/web/icon/steps.svg);
	}
}