@charset "UTF-8";
/* TT Commons */
@font-face {
  font-family: "TT Commons";
  src: url("https://static.versusbet.com/assets/fonts/tt-commons/400.woff2") format("woff2"), url("https://static.versusbet.com/assets/fonts/tt-commons/400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Commons";
  src: url("https://static.versusbet.com/assets/fonts/tt-commons/600.woff2") format("woff2"), url("https://static.versusbet.com/assets/fonts/tt-commons/600.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Commons";
  src: url("https://static.versusbet.com/assets/fonts/tt-commons/700.woff2") format("woff2"), url("https://static.versusbet.com/assets/fonts/tt-commons/700.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* Sharp Grotesk */
@font-face {
  font-family: "Sharp Grotesk";
  src: url("https://static.versusbet.com/assets/fonts/sharp-grotesk.woff2") format("woff2"), url("https://static.versusbet.com/assets/fonts/sharp-grotesk.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Estilos tipográficos */
:root {
  --font-display: 400 75px/1.5em "Sharp Grotesk", sans-serif;
  --font-headline: 400 42px/1.5em "Sharp Grotesk", sans-serif;
  --font-promos: 400 30px/1em "Sharp Grotesk", sans-serif;
  --font-title: 700 20px/1.4em "TT Commons", sans-serif;
  --font-label: 700 12px/1.4em "TT Commons", sans-serif;
  --font-body: 400 14px/1.4em "TT Commons", sans-serif;
  --font-input: 700 14px/1.4em "TT Commons", sans-serif;
  --font-category: 700 20px/1.4em "TT Commons", sans-serif;
  --font-helper: 400 16px/1.4em "TT Commons", sans-serif;
  --font-link: 400 12px/1.4em "TT Commons", sans-serif;
  --font-legal: 400 10px/1.2em "TT Commons", sans-serif;
  --font-seo: 400 12px/1.4em "TT Commons", sans-serif;
  --font-footer: 400 26px/1.4em "Sharp Grotesk", sans-serif;
}

@media (max-width: 1023px) {
  :root {
    --font-display: 400 54px/1.5em "Sharp Grotesk", sans-serif;
    --font-headline: 400 32px/1.5em "Sharp Grotesk", sans-serif;
    --font-promos: 400 32px/1em "Sharp Grotesk", sans-serif;
    --font-title: 700 18px/1.4em "TT Commons", sans-serif;
    --font-label: 700 11px/1.4em "TT Commons", sans-serif;
    --font-body: 400 13px/1.4em "TT Commons", sans-serif;
    --font-input: 700 13px/1.4em "TT Commons", sans-serif;
    --font-category: 700 18px/1.4em "TT Commons", sans-serif;
    --font-helper: 400 14px/1.4em "TT Commons", sans-serif;
    --font-link: 400 10px/1.4em "TT Commons", sans-serif;
    --font-legal: 400 9px/1.2em "TT Commons", sans-serif;
    --font-seo: 400 10px/1.4em "TT Commons", sans-serif;
    --font-footer: 400 20px/1.4em "Sharp Grotesk", sans-serif;
  }
}
@media (max-width: 767px) {
  :root {
    --font-display: 400 50px/1.5em "Sharp Grotesk", sans-serif;
    --font-headline: 400 28px/1.5em "Sharp Grotesk", sans-serif;
    --font-promos: 400 20px/1em "Sharp Grotesk", sans-serif;
    --font-title: 700 16px/1.4em "TT Commons", sans-serif;
    --font-label: 700 14px/1.4em "TT Commons", sans-serif;
    --font-body: 400 13px/1.4em "TT Commons", sans-serif;
    --font-input: 700 14px/1.4em "TT Commons", sans-serif;
    --font-category: 700 16px/1.4em "TT Commons", sans-serif;
    --font-helper: 400 12px/1.4em "TT Commons", sans-serif;
    --font-link: 400 8px/1.4em "TT Commons", sans-serif;
    --font-legal: 400 8px/1.2em "TT Commons", sans-serif;
    --font-seo: 400 10px/1.4em "TT Commons", sans-serif;
    --font-footer: 400 16px/1.4em "Sharp Grotesk", sans-serif;
  }
}