/* Avantt webfont + font swap for the Playground page (short class names). */
@font-face {
  font-family: "Avantt"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/avantt/avantt-vf.ttf") format("truetype");
}
@font-face {
  font-family: "Avantt"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("/fonts/avantt/avantt-regular-italic.otf") format("opentype");
}
@font-face {
  font-family: "Avantt"; font-style: italic; font-weight: 700; font-display: swap;
  src: url("/fonts/avantt/avantt-bold-italic.otf") format("opentype");
}

:root, .c-kit-9140 {
  --e-global-typography-primary-font-family: "Avantt";
  --e-global-typography-secondary-font-family: "Avantt";
  --e-global-typography-text-font-family: "Avantt";
  --e-global-typography-accent-font-family: "Avantt";
}

/* The kit/jupiterx CSS hard-codes font-family:Roboto on headings at a higher
   specificity than body. This page has no icon fonts (just headings + an image
   gallery), so force Avantt on all text. */
body, .c, .c h1, .c h2, .c h3, .c h4, .c h5, .c h6,
.c p, .c a, .c span, .c li, .c div, .c .c-heading-title {
  font-family: "Avantt", sans-serif !important;
}

/* reveal any entrance-animation elements (no builder JS to do it) */
.c-invisible { opacity: 1 !important; visibility: visible !important; animation: none !important; }