@font-face {
  font-family: 'TikTokSans';
  src: url('../fonts/TikTokSans-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TikTok Sans';
  src: url('../fonts/TikTokSans-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --tn-font-sans: 'TikTokSans', 'TikTok Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--tn-font-sans) !important;
}

.tn-home-top-card,
.tn-top-page,
.tn-mentioned-streamers-section,
.tn-mentioned-streamer-card,
.single-streamer,
.streamer-header {
  font-family: var(--tn-font-sans) !important;
}