@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  }

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-ExtraBoldItalic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-ExtraLightItalic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystemCondensed';
  src: url('./fonts/KalbeSystemCondensed-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-ExtraBoldItalic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-ExtraLightItalic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KalbeSystem';
  src: url('./fonts/KalbeSystem-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}