@font-face {
  font-family: 'Typograph Pro';
  src: url('fonts/TYPOGRAPH PRO Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Typograph Pro';
  src: url('fonts/TYPOGRAPH PRO Semi Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Typograph Pro';
  src: url('fonts/TYPOGRAPH PRO Extra Bold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --chillicollectivo-font-family: 'Typograph Pro', Verdana, Geneva, sans-serif;
}

[id^="chillicollectivo"],
[class*="chillicollectivo-"] {
  font-family: var(--chillicollectivo-font-family);
}

#chillicollectivo-voice-overlay,
#chillicollectivo-voice-overlay .chillicollectivo-voice-overlay-committed,
#chillicollectivo-voice-overlay .chillicollectivo-voice-overlay-interim,
#chillicollectivo-voice-overlay .chillicollectivo-voice-overlay-enter-hint,
#chillicollectivo-voice-overlay .chillicollectivo-voice-overlay-charcount,
#chillicollectivo-voice-overlay .chillicollectivo-voice-overlay-sendword,
#chillicollectivo-voice-overlay .chillicollectivo-voice-overlay-content {
  font-family: 'ChilliPreview', Verdana, Geneva, sans-serif !important;
  font-variant: normal !important;
  text-transform: none !important;
  font-synthesis: none !important;
}
