/* Vendored from Fontshare (free for personal and commercial use). Regenerate with scripts/vendor-article-fonts.cjs */
/* Clash Display */
@font-face {
  font-family: 'Clash Display';
  src: url('/articles/shape-of-interfaces/assets/clash-display-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Clash Display';
  src: url('/articles/shape-of-interfaces/assets/clash-display-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Clash Display';
  src: url('/articles/shape-of-interfaces/assets/clash-display-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Clash Display';
  src: url('/articles/shape-of-interfaces/assets/clash-display-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

/* Switzer */
@font-face {
  font-family: 'Switzer';
  src: url('/articles/shape-of-interfaces/assets/switzer-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url('/articles/shape-of-interfaces/assets/switzer-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url('/articles/shape-of-interfaces/assets/switzer-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url('/articles/shape-of-interfaces/assets/switzer-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}