/* Typography utility classes consume the semantic bridge layer only. */
.typography-body-large {
  font-family: var(--body-large-font);
  font-size: var(--body-large-size-rem);
  font-weight: var(--body-large-weight);
  line-height: var(--body-large-line-height);
}

.typography-body-small {
  font-family: var(--body-small-font);
  font-size: var(--body-small-size-rem);
  font-weight: var(--body-small-weight);
  line-height: var(--body-small-line-height);
}

.typography-display-large {
  font-family: var(--display-large-font);
  font-size: var(--display-large-size-rem);
  font-weight: var(--display-large-weight);
  line-height: var(--display-large-line-height);
}

.typography-heading-large {
  font-family: var(--heading-large-font);
  font-size: var(--heading-large-size-rem);
  font-weight: var(--heading-large-weight);
  line-height: var(--heading-large-line-height);
}

.typography-heading-medium {
  font-family: var(--heading-medium-font);
  font-size: var(--heading-medium-size-rem);
  font-weight: var(--heading-medium-weight);
  line-height: var(--heading-medium-line-height);
}

.typography-heading-small {
  font-family: var(--heading-small-font);
  font-size: var(--heading-small-size-rem);
  font-weight: var(--heading-small-weight);
  line-height: var(--heading-small-line-height);
}

.typography-label-large {
  font-family: var(--label-large-font);
  font-size: var(--label-large-size-rem);
  font-weight: var(--label-large-weight);
  line-height: var(--label-large-line-height);
}

.typography-label-medium {
  font-family: var(--label-medium-font);
  font-size: var(--label-medium-size-rem);
  font-weight: var(--label-medium-weight);
  line-height: var(--label-medium-line-height);
}

.typography-label-small {
  font-family: var(--label-small-font);
  font-size: var(--label-small-size-rem);
  font-weight: var(--label-small-weight);
  line-height: var(--label-small-line-height);
}

.typography-label-x-large {
  font-family: var(--label-x-large-font);
  font-size: var(--label-x-large-size-rem);
  font-weight: var(--label-x-large-weight);
  line-height: var(--label-x-large-line-height);
}

.typography-title-large {
  font-family: var(--title-large-font);
  font-size: var(--title-large-size-rem);
  font-weight: var(--title-large-weight);
  line-height: var(--title-large-line-height);
}

.typography-title-small {
  font-family: var(--title-small-font);
  font-size: var(--title-small-size-rem);
  font-weight: var(--title-small-weight);
  line-height: var(--title-small-line-height);
}

[class^="ftmicon-"], [class*=" ftmicon-"] {  
	font-family: var(--icon-font-family, icon );
	font-style: var(--icon-font-style, normal);
	font-weight: var(--icon-font-weight, 400);
	font-variant: var(--icon-font-variant, normal);
	text-transform: var(--icon-text-transform, none);
	line-height: var(--icon-line-height, 1);
	-webkit-font-smoothing: var(--icon-webkit-font-smoothing, antialiased);
	-moz-osx-font-smoothing: var(--icon-moz-osx-font-smoothing, grayscale);}

.ftmicon-user::before {
  content: var(--icon-ftm-user);
}

.ftmicon-search-plus::before {
  content: var(--icon-ftm-search-plus);
}

.ftmicon-shopping-cart::before {
  content: var(--icon-ftm-shopping-cart);
}

.ftmicon-dollar::before {
  content: var(--icon-ftm-dollar);
}

.ftmicon-instagram::before {
  content: var(--icon-ftm-instagram);
}

.ftmicon-pinterest::before {
  content: var(--icon-ftm-pinterest);
}

.ftmicon-shopping-basket::before {
  content: var(--icon-ftm-shopping-basket);
}

.ftmicon-search::before {
  content: var(--icon-ftm-search);
}

.ftmicon-email::before {
  content: var(--icon-ftm-email);
}

.ftmicon-heart::before {
  content: var(--icon-ftm-heart);
}

.ftmicon-check::before {
  content: var(--icon-ftm-check);
}

.ftmicon-close::before {
  content: var(--icon-ftm-close);
}

.ftmicon-play-circle-o::before {
  content: var(--icon-ftm-play-circle-o);
}

.ftmicon-phone::before {
  content: var(--icon-ftm-phone);
}

.ftmicon-twitter::before {
  content: var(--icon-ftm-twitter);
}

.ftmicon-facebook::before {
  content: var(--icon-ftm-facebook);
}

.ftmicon-facebook-f::before {
  content: var(--icon-ftm-facebook-f);
}

.ftmicon-credit-card::before {
  content: var(--icon-ftm-credit-card);
}

.ftmicon-linkedin::before {
  content: var(--icon-ftm-linkedin);
}

.ftmicon-angle-left::before {
  content: var(--icon-ftm-angle-left);
}

.ftmicon-angle-right::before {
  content: var(--icon-ftm-angle-right);
}

.ftmicon-angle-up::before {
  content: var(--icon-ftm-angle-up);
}

.ftmicon-angle-down::before {
  content: var(--icon-ftm-angle-down);
}

.ftmicon-mobile::before {
  content: var(--icon-ftm-mobile);
}

.ftmicon-mobile-phone::before {
  content: var(--icon-ftm-mobile-phone);
}

.ftmicon-calendar::before {
  content: var(--icon-ftm-calendar);
}

.ftmicon-youtube::before {
  content: var(--icon-ftm-youtube);
}

.ftmicon-support::before {
  content: var(--icon-ftm-support);
}

.ftmicon-first-tracks::before {
  content: var(--icon-ftm-first-tracks);
}