/* thin */
@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-thin.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-thin.woff')
      format('woff');
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-thin-italic.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-thin-italic.woff')
      format('woff');
  font-style: italic;
  font-weight: 200;
  font-display: swap;
}

/* light */
@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-light.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-light.woff')
      format('woff');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-light-italic.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-light-italic.woff')
      format('woff');
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

/* regular */
@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-regular.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-regular.woff')
      format('woff');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-regular-italic.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-regular-italic.woff')
      format('woff');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

/* medium */
@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-medium.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-medium.woff')
      format('woff');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-medium-italic.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-medium-italic.woff')
      format('woff');
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

/* bold */
@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-bold.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-bold.woff')
      format('woff');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-bold-italic.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-bold-italic.woff')
      format('woff');
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

/* black */
@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-black.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-black.woff')
      format('woff');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'CircularXX';
  src: url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-black-italic.woff2')
      format('woff2'),
    url('https://storage.googleapis.com/fh-assets-prod-bucket/fonts/CircularXX/circular-xx-black-italic.woff')
      format('woff');
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}