@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: normal;
    font-weight: 900;
    src: url("../../assets/fonts/SF-Pro-Display-Black.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-Black.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: italic;
    font-weight: 900;
    src: url("../../assets/fonts/SF-Pro-Display-BlackItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-BlackItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: normal;
    font-weight: 800;
    src: url("../../assets/fonts/SF-Pro-Display-Bold.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-Bold.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: italic;
    font-weight: 800;
    src: url("../../assets/fonts/SF-Pro-Display-BoldItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-BoldItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: normal;
    font-weight: 700;
    src: url("../../assets/fonts/SF-Pro-Display-Heavy.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-Heavy.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: italic;
    font-weight: 700;
    src: url("../../assets/fonts/SF-Pro-Display-HeavyItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-HeavyItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: normal;
    font-weight: 400;
    src: url("../../assets/fonts/SF-Pro-Display-Light.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-Light.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: italic;
    font-weight: 400;
    src: url("../../assets/fonts/SF-Pro-Display-LightItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-LightItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: normal;
    font-weight: 600;
    src: url("../../assets/fonts/SF-Pro-Display-Medium.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-Medium.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: italic;
    font-weight: 600;
    src: url("../../assets/fonts/SF-Pro-Display-MediumItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-MediumItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: normal;
    font-weight: 500;
    src: url("../../assets/fonts/SF-Pro-Display-Regular.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-Regular.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: italic;
    font-weight: 500;
    src: url("../../assets/fonts/SF-Pro-Display-RegularItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-RegularItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: normal;
    font-weight: 700;
    src: url("../../assets/fonts/SF-Pro-Display-Semibold.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-Semibold.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: italic;
    font-weight: 700;
    src: url("../../assets/fonts/SF-Pro-Display-SemiboldItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-SemiboldItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: normal;
    font-weight: 300;
    src: url("../../assets/fonts/SF-Pro-Display-Thin.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-Thin.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: italic;
    font-weight: 300;
    src: url("../../assets/fonts/SF-Pro-Display-ThinItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-ThinItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: normal;
    font-weight: 200;
    src: url("../../assets/fonts/SF-Pro-Display-Ultralight.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-Ultralight.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Display";
    font-style: italic;
    font-weight: 200;
    src: url("../../assets/fonts/SF-Pro-Display-UltralightItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Display-UltralightItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Rounded";
    font-style: normal;
    font-weight: 900;
    src: url("../../assets/fonts/SF-Pro-Rounded-Black.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Rounded-Black.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Rounded";
    font-style: normal;
    font-weight: 900;
    src: url("../../assets/fonts/SF-Pro-Rounded-Bold.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Rounded-Bold.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Rounded";
    font-style: normal;
    font-weight: 800;
    src: url("../../assets/fonts/SF-Pro-Rounded-Heavy.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Rounded-Heavy.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Rounded";
    font-style: normal;
    font-weight: 400;
    src: url("../../assets/fonts/SF-Pro-Rounded-Light.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Rounded-Light.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Rounded";
    font-style: normal;
    font-weight: 600;
    src: url("../../assets/fonts/SF-Pro-Rounded-Medium.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Rounded-Medium.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Rounded";
    font-style: normal;
    font-weight: 500;
    src: url("../../assets/fonts/SF-Pro-Rounded-Regular.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Rounded-Regular.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Rounded";
    font-style: normal;
    font-weight: 700;
    src: url("../../assets/fonts/SF-Pro-Rounded-Semibold.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Rounded-Semibold.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Rounded";
    font-style: normal;
    font-weight: 200;
    src: url("../../assets/fonts/SF-Pro-Rounded-Thin.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Rounded-Thin.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Rounded";
    font-style: normal;
    font-weight: 200;
    src: url("../../assets/fonts/SF-Pro-Rounded-Ultralight.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Rounded-Ultralight.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: normal;
    font-weight: 900;
    src: url("../../assets/fonts/SF-Pro-Text-Black.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-Black.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: italic;
    font-weight: 900;
    src: url("../../assets/fonts/SF-Pro-Text-BlackItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-BlackItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: normal;
    font-weight: 700;
    src: url("../../assets/fonts/SF-Pro-Text-Bold.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-Bold.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: italic;
    font-weight: 700;
    src: url("../../assets/fonts/SF-Pro-Text-BoldItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-BoldItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: normal;
    font-weight: 800;
    src: url("../../assets/fonts/SF-Pro-Text-Heavy.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-Heavy.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: italic;
    font-weight: 800;
    src: url("../../assets/fonts/SF-Pro-Text-HeavyItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-HeavyItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: normal;
    font-weight: 400;
    src: url("../../assets/fonts/SF-Pro-Text-Light.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-Light.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: italic;
    font-weight: 400;
    src: url("../../assets/fonts/SF-Pro-Text-LightItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-LightItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: normal;
    font-weight: 600;
    src: url("../../assets/fonts/SF-Pro-Text-Medium.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-Medium.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: italic;
    font-weight: 600;
    src: url("../../assets/fonts/SF-Pro-Text-MediumItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-MediumItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: normal;
    font-weight: 500;
    src: url("../../assets/fonts/SF-Pro-Text-Regular.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-Regular.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: italic;
    font-weight: 500;
    src: url("../../assets/fonts/SF-Pro-Text-RegularItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-RegularItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: normal;
    font-weight: 750;
    src: url("../../assets/fonts/SF-Pro-Text-Semibold.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-Semibold.otf");
}
@font-face {
    font-display: block;
    font-family: "SF-Pro-Text";
    font-style: italic;
    font-weight: 750;
    src: url("../../assets/fonts/SF-Pro-Text-SemiboldItalic.woff2") format("woff2"),
        url("../../assets/fonts/SF-Pro-Text-SemiboldItalic.otf");
}
@font-face {
    font-display: block;
    font-family: "FONTICE LEAGUE";
    src: url("../../assets/fonts/FONTICE LEAGUE.woff") format("woff"),
        url("../../assets/fonts/FONTICE LEAGUE.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}