/* ==========================================================================
   Mulish (aliased as Muli)
   Used in: Main app font fallback
   ========================================================================== */

/* mulish-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: url('https://cdn.clare.ai/material-icons/fonts/mulish/mulish-v13-latin-300.woff2')
    format('woff2');
}

/* mulish-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: url('https://cdn.clare.ai/material-icons/fonts/mulish/mulish-v13-latin-300italic.woff2')
    format('woff2');
}

/* mulish-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.clare.ai/material-icons/fonts/mulish/mulish-v13-latin-regular.woff2')
    format('woff2');
}

/* mulish-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url('https://cdn.clare.ai/material-icons/fonts/mulish/mulish-v13-latin-italic.woff2')
    format('woff2');
}

/* mulish-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Muli';
  font-style: normal;
  font-weight: 500;
  src: url('https://cdn.clare.ai/material-icons/fonts/mulish/mulish-v13-latin-500.woff2')
    format('woff2');
}

/* mulish-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: url('https://cdn.clare.ai/material-icons/fonts/mulish/mulish-v13-latin-600.woff2')
    format('woff2');
}

/* ==========================================================================
   Montserrat
   Used in: vertical-gradient-menu theme CSS files
   ========================================================================== */

/* montserrat-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('https://cdn.clare.ai/material-icons/fonts/montserrat/montserrat-v26-latin-300.woff2')
    format('woff2');
}

/* montserrat-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('https://cdn.clare.ai/material-icons/fonts/montserrat/montserrat-v26-latin-300italic.woff2')
    format('woff2');
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.clare.ai/material-icons/fonts/montserrat/montserrat-v26-latin-regular.woff2')
    format('woff2');
}

/* montserrat-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('https://cdn.clare.ai/material-icons/fonts/montserrat/montserrat-v26-latin-italic.woff2')
    format('woff2');
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('https://cdn.clare.ai/material-icons/fonts/montserrat/montserrat-v26-latin-500.woff2')
    format('woff2');
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('https://cdn.clare.ai/material-icons/fonts/montserrat/montserrat-v26-latin-600.woff2')
    format('woff2');
}

/* ==========================================================================
   Outfit
   Used in: WhatsApp Widget components
   ========================================================================== */

/* outfit-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  src: url('https://cdn.clare.ai/material-icons/fonts/outfit/outfit-v11-latin-100.woff2')
    format('woff2');
}

/* outfit-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('https://cdn.clare.ai/material-icons/fonts/outfit/outfit-v11-latin-200.woff2')
    format('woff2');
}

/* outfit-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('https://cdn.clare.ai/material-icons/fonts/outfit/outfit-v11-latin-300.woff2')
    format('woff2');
}

/* outfit-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.clare.ai/material-icons/fonts/outfit/outfit-v11-latin-regular.woff2')
    format('woff2');
}

/* ==========================================================================
   Roboto Mono
   Used in: Chart font (fontFamily.css)
   ========================================================================== */

/* roboto-mono-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.clare.ai/material-icons/fonts/roboto-mono/roboto-mono-v23-latin-regular.woff2')
    format('woff2');
}

/* roboto-mono-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  src: url('https://cdn.clare.ai/material-icons/fonts/roboto-mono/roboto-mono-v23-latin-500.woff2')
    format('woff2');
}

/* roboto-mono-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: url('https://cdn.clare.ai/material-icons/fonts/roboto-mono/roboto-mono-v23-latin-700.woff2')
    format('woff2');
}