/* Recoleta fonts for web */
@font-face {
    font-family: 'Recoleta';
    src:  url('./assets/fonts/Recoleta-Regular.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Recoleta';
    src:  url('./assets/fonts/RecoletaAlt-Regular.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Regular.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 100;
    src:  url('./assets/fonts/Recoleta-Thin.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 100;
    src:  url('./assets/fonts/RecoletaAlt-Thin.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Thin.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 300;
    src:  url('./assets/fonts/Recoleta-Light.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 300;
    src:  url('./assets/fonts/RecoletaAlt-Light.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Light.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 500;
    src:  url('./assets/fonts/Recoleta-Medium.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 500;
    src:  url('./assets/fonts/RecoletaAlt-Medium.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Medium.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 600;
    src:  url('./assets/fonts/Recoleta-SemiBold.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-SemiBold.otf') format('opentype');
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 600;
    src:  url('./assets/fonts/RecoletaAlt-SemiBold.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-SemiBold.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 700;
    src:  url('./assets/fonts/Recoleta-Bold.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 700;
    src:  url('./assets/fonts/RecoletaAlt-Bold.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Bold.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 900;
    src:  url('./assets/fonts/Recoleta-Black.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Black.otf') format('opentype');
}
@font-face {
    font-family: 'Recoleta';
    font-weight: 900;
    src:  url('./assets/fonts/RecoletaAlt-Black.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Black.otf') format('opentype');
font-style: italic;
}
/* Recoleta font families inheriting from theme props */
@font-face {
    font-family: 'Recoleta-Regular';
    src:  url('./assets/fonts/Recoleta-Regular.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'RecoletaAlt-Regular';
    src:  url('./assets/fonts/RecoletaAlt-Regular.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Regular.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta-Thin';
    font-weight: 100;
    src:  url('./assets/fonts/Recoleta-Thin.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'RecoletaAlt-Thin';
    font-weight: 100;
    src:  url('./assets/fonts/RecoletaAlt-Thin.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Thin.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta-Light';
    font-weight: 300;
    src:  url('./assets/fonts/Recoleta-Light.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Light.otf') format('opentype');
}
@font-face {
    font-family: 'RecoletaAlt-Thin';
    font-weight: 300;
    src:  url('./assets/fonts/RecoletaAlt-Light.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Light.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta-Medium';
    font-weight: 500;
    src:  url('./assets/fonts/Recoleta-Medium.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'RecoletaAlt-Medium';
    font-weight: 500;
    src:  url('./assets/fonts/RecoletaAlt-Medium.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Medium.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta-SemiBold';
    font-weight: 600;
    src:  url('./assets/fonts/Recoleta-SemiBold.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-SemiBold.otf') format('opentype');
}
@font-face {
    font-family: 'RecoletaAlt-SemiBold';
    font-weight: 600;
    src:  url('./assets/fonts/RecoletaAlt-SemiBold.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-SemiBold.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta-Bold';
    font-weight: 700;
    src:  url('./assets/fonts/Recoleta-Bold.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'RecoletaAlt-Bold';
    font-weight: 700;
    src:  url('./assets/fonts/RecoletaAlt-Bold.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Bold.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'Recoleta-Black';
    font-weight: 900;
    src:  url('./assets/fonts/Recoleta-Black.woff') format('woff');
    src:  url('./assets/fonts/Recoleta-Black.otf') format('opentype');
}
@font-face {
    font-family: 'RecoletaAlt-Black';
    font-weight: 900;
    src:  url('./assets/fonts/RecoletaAlt-Black.woff') format('woff');
    src:  url('./assets/fonts/RecoletaAlt-Black.otf') format('opentype');
font-style: italic;
}
/* CircularXX fonts for web */
@font-face {
    font-family: 'CircularXX';
    font-weight: 400;
    src:  url('./assets/fonts/CircularXX-Regular.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Regular.otf') format('opentype');
    font-style: normal;
  }
@font-face {
    font-family: 'CircularXX';
    font-weight: 400;
    src:  url('./assets/fonts/CircularXX-Italic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Italic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 100;
    src:  url('./assets/fonts/CircularXX-Thin.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 100;
    src:  url('./assets/fonts/CircularXX-ThinItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-ThinItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 300;
    src:  url('./assets/fonts/CircularXX-Light.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Light.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 300;
    src:  url('./assets/fonts/CircularXX-LightItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-LightItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 500;
    src:  url('./assets/fonts/CircularXX-Book.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Book.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 500;
    src:  url('./assets/fonts/CircularXX-BookItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-BookItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 600;
    src:  url('./assets/fonts/CircularXX-Medium.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 600;
    src:  url('./assets/fonts/CircularXX-MediumItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-MediumItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 700;
    src:  url('./assets/fonts/CircularXX-Bold.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 700;
    src:  url('./assets/fonts/CircularXX-BoldItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-BoldItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 800;
    src:  url('./assets/fonts/CircularXX-Black.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Black.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 800;
    src:  url('./assets/fonts/CircularXX-BlackItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-BlackItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 900;
    src:  url('./assets/fonts/CircularXX-ExtraBlack.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-ExtraBlack.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX';
    font-weight: 900;
    src:  url('./assets/fonts/CircularXX-ExtraBlackItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-ExtraBlackItalic.otf') format('opentype');
font-style: italic;
}
/* CircularXX font families inheriting from theme props */
@font-face {
    font-family: 'CircularXX';
    font-weight: 400;
    src:  url('./assets/fonts/CircularXX-Regular.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Regular.otf') format('opentype');
    font-style: normal;
  }
@font-face {
    font-family: 'CircularXX-Italic';
    font-weight: 400;
    src:  url('./assets/fonts/CircularXX-Italic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Italic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX-Thin';
    font-weight: 100;
    src:  url('./assets/fonts/CircularXX-Thin.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX-ThinItalic';
    font-weight: 100;
    src:  url('./assets/fonts/CircularXX-ThinItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-ThinItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX-Light';
    font-weight: 300;
    src:  url('./assets/fonts/CircularXX-Light.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Light.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX-LightItalic';
    font-weight: 300;
    src:  url('./assets/fonts/CircularXX-LightItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-LightItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX-Book';
    font-weight: 500;
    src:  url('./assets/fonts/CircularXX-Book.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Book.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX-BookItalic';
    font-weight: 500;
    src:  url('./assets/fonts/CircularXX-BookItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-BookItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX-Medium';
    font-weight: 600;
    src:  url('./assets/fonts/CircularXX-Medium.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX-Medium';
    font-weight: 600;
    src:  url('./assets/fonts/CircularXX-MediumItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-MediumItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX-Bold';
    font-weight: 700;
    src:  url('./assets/fonts/CircularXX-Bold.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX-BoldItalic';
    font-weight: 700;
    src:  url('./assets/fonts/CircularXX-BoldItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-BoldItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX-Black';
    font-weight: 800;
    src:  url('./assets/fonts/CircularXX-Black.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-Black.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX-BlackItalic';
    font-weight: 800;
    src:  url('./assets/fonts/CircularXX-BlackItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-BlackItalic.otf') format('opentype');
font-style: italic;
}
@font-face {
    font-family: 'CircularXX-ExtraBlack';
    font-weight: 900;
    src:  url('./assets/fonts/CircularXX-ExtraBlack.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-ExtraBlack.otf') format('opentype');
}
@font-face {
    font-family: 'CircularXX-ExtraBlackItalic';
    font-weight: 900;
    src:  url('./assets/fonts/CircularXX-ExtraBlackItalic.woff') format('woff');
    src:  url('./assets/fonts/CircularXX-ExtraBlackItalic.otf') format('opentype');
font-style: italic;
}