@font-face {
  font-family: 'SF UI Display';
  src: local('SF UI Display Ultralight'),
       url('sf-ui-display-ultralight-58646b19bf205.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'SF UI Display';
  src: local('SF UI Display Thin'),
       url('sf-ui-display-thin-58646e9b26e8b.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'SF UI Display';
  src: local('SF UI Display Light'),
       url('sf-ui-display-light-58646b33e0551.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'SF UI Display';
  src: local('SF UI Display Medium'),
       url('sf-ui-display-medium-58646be638f96.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'SF UI Display';
  src: local('SF UI Display Semibold'),
       url('sf-ui-display-semibold-58646eddcae92.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'SF UI Display';
  src: local('SF UI Display Bold'),
       url('sf-ui-display-bold-58646a511e3d9.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'SF UI Display';
  src: local('SF UI Display Heavy'),
       url('sf-ui-display-heavy-586470160b9e5.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'SF UI Display';
  src: local('SF UI Display Black'),
       url('sf-ui-display-black-58646a6b80d5a.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}