@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-Bold.woff2") format("woff2"),
        url("PublicSans-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-Black.woff2") format("woff2"),
        url("./PublicSans/PublicSans-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-BoldItalic.woff2") format("woff2"),
        url("./PublicSans/PublicSans-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-BlackItalic.woff2") format("woff2"),
        url("./PublicSans/PublicSans-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-Italic.woff2") format("woff2"),
        url("./PublicSans/PublicSans-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-Medium.woff2") format("woff2"),
        url("./PublicSans/PublicSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-ExtraBoldItalic.woff2") format("woff2"),
        url("./PublicSans/PublicSans-ExtraBoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-ExtraLightItalic.woff2") format("woff2"),
        url("./PublicSans/PublicSans-ExtraLightItalic.woff") format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-LightItalic.woff2") format("woff2"),
        url("./PublicSans/PublicSans-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-ExtraLight.woff2") format("woff2"),
        url("./PublicSans/PublicSans-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-Light.woff2") format("woff2"),
        url("./PublicSans/PublicSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-SemiBoldItalic.woff2") format("woff2"),
        url("./PublicSans/PublicSans-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-ExtraBold.woff2") format("woff2"),
        url("./PublicSans/PublicSans-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-Regular.woff2") format("woff2"),
        url("./PublicSans/PublicSans-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-SemiBold.woff2") format("woff2"),
        url("./PublicSans/PublicSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("PublicSans-MediumItalic.woff2") format("woff2"),
        url("PublicSans-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-Thin.woff2") format("woff2"),
        url("./PublicSans/PublicSans-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url("./PublicSans/PublicSans-ThinItalic.woff2") format("woff2"),
        url("./PublicSans/PublicSans-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Geist */

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-Bold.woff2") format("woff2"),
        url("./Geist/Geist-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-Black.woff2") format("woff2"),
        url("./Geist/Geist-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-BoldItalic.woff2") format("woff2"),
        url("./Geist/Geist-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-BlackItalic.woff2") format("woff2"),
        url("./Geist/Geist-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-Italic.woff2") format("woff2"),
        url("./Geist/Geist-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-Medium.woff2") format("woff2"),
        url("./Geist/Geist-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-ExtraBoldItalic.woff2") format("woff2"),
        url("./Geist/Geist-ExtraBoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-ExtraLightItalic.woff2") format("woff2"),
        url("./Geist/Geist-ExtraLightItalic.woff") format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-LightItalic.woff2") format("woff2"),
        url("./Geist/Geist-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-ExtraLight.woff2") format("woff2"),
        url("./Geist/Geist-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-Light.woff2") format("woff2"),
        url("./Geist/Geist-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-SemiBoldItalic.woff2") format("woff2"),
        url("./Geist/Geist-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("Geist-ExtraBold.woff2") format("woff2"),
        url("Geist-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-Regular.woff2") format("woff2"),
        url("./Geist/Geist-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-SemiBold.woff2") format("woff2"),
        url("./Geist/Geist-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-MediumItalic.woff2") format("woff2"),
        url("./Geist/Geist-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-Thin.woff2") format("woff2"),
        url("./Geist/Geist-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("./Geist/Geist-ThinItalic.woff2") format("woff2"),
        url("./Geist/Geist-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* SF Pro Text */

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-BoldItalic.woff2") format("woff2"),
        url("./SF-Pro/SFProText-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-Bold.woff2") format("woff2"),
        url("./SF-Pro/SFProText-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-Heavy.woff2") format("woff2"),
        url("./SF-Pro/SFProText-Heavy.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-HeavyItalic.woff2") format("woff2"),
        url("./SF-Pro/SFProText-HeavyItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-LightItalic.woff2") format("woff2"),
        url("./SF-Pro/SFProText-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-Medium.woff2") format("woff2"),
        url("./SF-Pro/SFProText-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-Light.woff2") format("woff2"),
        url("./SF-Pro/SFProText-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-RegularItalic.woff2") format("woff2"),
        url("./SF-Pro/SFProText-RegularItalic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-MediumItalic.woff2") format("woff2"),
        url("./SF-Pro/SFProText-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-Regular.woff2") format("woff2"),
        url("./SF-Pro/SFProText-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-Semibold.woff2") format("woff2"),
        url("./SF-Pro/SFProText-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("./SF-Pro/SFProText-SemiboldItalic.woff2") format("woff2"),
        url("./SF-Pro/SFProText-SemiboldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* SF Pro Display */

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-BlackItalic.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-BlackItalic.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-BlackItalic.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-Bold.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-Black.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-BoldItalic.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-HeavyItalic.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-HeavyItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-Heavy.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-Heavy.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-Light.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-Light.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-LightItalic.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-LightItalic.woff") format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-MediumItalic.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-Medium.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-Regular.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-RegularItalic.woff2")
            format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-RegularItalic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-SemiboldItalic.woff2")
            format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-SemiboldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-Semibold.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-Thin.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-ThinItalic.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-UltralightItalic.woff2")
            format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-UltralightItalic.woff")
            format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("./SF-Pro-Display/SFProDisplay-Ultralight.woff2") format("woff2"),
        url("./SF-Pro-Display/SFProDisplay-Ultralight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}