/* SF Pro Display */
@font-face {font-family: "SF-Pro-Display"; font-style: normal; font-weight: 100; src: url("SF/SF-Pro-Display-Ultralight.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: italic; font-weight: 100; src: url("SF/SF-Pro-Display-UltralightItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: normal; font-weight: 200; src: url("SF/SF-Pro-Display-Light.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: italic; font-weight: 200; src: url("SF/SF-Pro-Display-LightItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: normal; font-weight: 300; src: url("SF/SF-Pro-Display-Thin.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: italic; font-weight: 300; src: url("SF/SF-Pro-Display-ThinItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: normal; font-weight: 400; src: url("SF/SF-Pro-Display-Regular.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: italic; font-weight: 400; src: url("SF/SF-Pro-Display-RegularItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: normal; font-weight: 500; src: url("SF/SF-Pro-Display-Medium.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: italic; font-weight: 500; src: url("SF/SF-Pro-Display-MediumItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: normal; font-weight: 600; src: url("SF/SF-Pro-Display-Semibold.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: italic; font-weight: 600; src: url("SF/SF-Pro-Display-SemiboldItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: normal; font-weight: 700; src: url("SF/SF-Pro-Display-Bold.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: italic; font-weight: 700; src: url("SF/SF-Pro-Display-BoldItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: normal; font-weight: 800; src: url("SF/SF-Pro-Display-Heavy.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: italic; font-weight: 800; src: url("SF/SF-Pro-Display-HeavyItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: normal; font-weight: 900; src: url("SF/SF-Pro-Display-Black.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Display"; font-style: italic; font-weight: 900; src: url("SF/SF-Pro-Display-BlackItalic.otf") format("OpenType");}

/* SF Pro Text */
@font-face {font-family: "SF-Pro-Text"; font-style: normal; font-weight: 200; src: url("SF/SF-Pro-Text-Light.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: italic; font-weight: 200; src: url("SF/SF-Pro-Text-LightItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: normal; font-weight: 400; src: url("SF/SF-Pro-Text-Regular.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: italic; font-weight: 400; src: url("SF/SF-Pro-Text-RegularItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: normal; font-weight: 500; src: url("SF/SF-Pro-Text-Medium.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: italic; font-weight: 500; src: url("SF/SF-Pro-Text-MediumItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: normal; font-weight: 600; src: url("SF/SF-Pro-Text-Semibold.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: italic; font-weight: 600; src: url("SF/SF-Pro-Text-SemiboldItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: normal; font-weight: 700; src: url("SF/SF-Pro-Text-Bold.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: italic; font-weight: 700; src: url("SF/SF-Pro-Text-BoldItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: normal; font-weight: 800; src: url("SF/SF-Pro-Text-Heavy.otf") format("OpenType");}
@font-face {font-family: "SF-Pro-Text"; font-style: italic; font-weight: 800; src: url("SF/SF-Pro-Text-HeavyItalic.otf") format("OpenType");}

/* SF Mono */
@font-face {font-family: "SF-Mono"; font-style: normal; font-weight: 200; src: url("SF/SF-Mono-Light.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: italic; font-weight: 200; src: url("SF/SF-Mono-LightItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: normal; font-weight: 400; src: url("SF/SF-Mono-Regular.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: italic; font-weight: 400; src: url("SF/SF-Mono-RegularItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: normal; font-weight: 500; src: url("SF/SF-Mono-Medium.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: italic; font-weight: 500; src: url("SF/SF-Mono-MediumItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: normal; font-weight: 600; src: url("SF/SF-Mono-Semibold.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: italic; font-weight: 600; src: url("SF/SF-Mono-SemiboldItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: normal; font-weight: 700; src: url("SF/SF-Mono-Bold.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: italic; font-weight: 700; src: url("SF/SF-Mono-BoldItalic.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: normal; font-weight: 800; src: url("SF/SF-Mono-Heavy.otf") format("OpenType");}
@font-face {font-family: "SF-Mono"; font-style: italic; font-weight: 800; src: url("SF/SF-Mono-HeavyItalic.otf") format("OpenType");}