/* Font faces */
@font-face {
  font-family: "hostGroteskLight";
  src: local("hostGroteskLight"),
    url("/assets/fonts/HostGrotesk-Light.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-Light.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskLightItalic";
  src: local("hostGroteskLightItalic"),
    url("/assets/fonts/HostGrotesk-LightItalic.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-LightItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskRegular";
  src: local("hostGroteskRegular"),
    url("/assets/fonts/HostGrotesk-Regular.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskMedium";
  src: local("hostGroteskMedium"),
    url("/assets/fonts/HostGrotesk-Medium.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-Medium.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskMediumItalic";
  src: local("hostGroteskMediumItalic"),
    url("/assets/fonts/HostGrotesk-MediumItalic.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-MediumItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskSemiBold";
  src: local("hostGroteskSemiBold"),
    url("/assets/fonts/HostGrotesk-SemiBold.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-SemiBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskSemiBoldItalic";
  src: local("hostGroteskSemiBoldItalic"),
    url("/assets/fonts/HostGrotesk-SemiBoldItalic.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-SemiBoldItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskBold";
  src: local("hostGroteskBold"),
    url("/assets/fonts/HostGrotesk-Bold.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-Bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskBoldItalic";
  src: local("hostGroteskBoldItalic"),
    url("/assets/fonts/HostGrotesk-BoldItalic.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-BoldItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskExtraBold";
  src: local("hostGroteskExtraBold"),
    url("/assets/fonts/HostGrotesk-ExtraBold.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-ExtraBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskExtraBoldItalic";
  src: local("hostGroteskExtraBoldItalic"),
    url("/assets/fonts/HostGrotesk-ExtraBoldItalic.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-ExtraBoldItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "hostGroteskItalic";
  src: local("hostGroteskItalic"),
    url("/assets/fonts/HostGrotesk-Italic.woff2") format("woff2"),
    url("/assets/fonts/HostGrotesk-Italic.ttf") format("truetype");
  font-display: swap;
}

/* PublicSans Font Faces */
@font-face {
  font-family: "publicSansThin";
  src: local("publicSansThin"),
    url("/assets/fonts/PublicSans-Thin.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-Thin.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansThinItalic";
  src: local("publicSansThinItalic"),
    url("/assets/fonts/PublicSans-ThinItalic.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-ThinItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansExtraLight";
  src: local("publicSansExtraLight"),
    url("/assets/fonts/PublicSans-ExtraLight.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-ExtraLight.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansExtraLightItalic";
  src: local("publicSansExtraLightItalic"),
    url("/assets/fonts/PublicSans-ExtraLightItalic.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-ExtraLightItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansLight";
  src: local("publicSansLight"),
    url("/assets/fonts/PublicSans-Light.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-Light.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansLightItalic";
  src: local("publicSansLightItalic"),
    url("/assets/fonts/PublicSans-LightItalic.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-LightItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansRegular";
  src: local("publicSansRegular"),
    url("/assets/fonts/PublicSans-Regular.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansItalic";
  src: local("publicSansItalic"),
    url("/assets/fonts/PublicSans-Italic.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-Italic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansMedium";
  src: local("publicSansMedium"),
    url("/assets/fonts/PublicSans-Medium.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-Medium.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansMediumItalic";
  src: local("publicSansMediumItalic"),
    url("/assets/fonts/PublicSans-MediumItalic.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-MediumItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansSemiBold";
  src: local("publicSansSemiBold"),
    url("/assets/fonts/PublicSans-SemiBold.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-SemiBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansSemiBoldItalic";
  src: local("publicSansSemiBoldItalic"),
    url("/assets/fonts/PublicSans-SemiBoldItalic.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-SemiBoldItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansBold";
  src: local("publicSansBold"),
    url("/assets/fonts/PublicSans-Bold.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-Bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansBoldItalic";
  src: local("publicSansBoldItalic"),
    url("/assets/fonts/PublicSans-BoldItalic.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-BoldItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansExtraBold";
  src: local("publicSansExtraBold"),
    url("/assets/fonts/PublicSans-ExtraBold.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-ExtraBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansExtraBoldItalic";
  src: local("publicSansExtraBoldItalic"),
    url("/assets/fonts/PublicSans-ExtraBoldItalic.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-ExtraBoldItalic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansBlack";
  src: local("publicSansBlack"),
    url("/assets/fonts/PublicSans-Black.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-Black.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "publicSansBlackItalic";
  src: local("publicSansBlackItalic"),
    url("/assets/fonts/PublicSans-BlackItalic.woff2") format("woff2"),
    url("/assets/fonts/PublicSans-BlackItalic.ttf") format("truetype");
  font-display: swap;
}