@font-face {
     font-display: swap;
     font-family: 'graphik';
     font-style: normal;
     font-weight: 400;
     src: url('/assets/fonts/vendor/graphik/Graphik-Regular.woff2') format('woff2');
}

@font-face {
     font-display: swap;
     font-family: 'graphik-medium';
     font-style: normal;
     font-weight: 500;
     src: url('/assets/fonts/vendor/graphik/Graphik-Medium.woff2') format('woff2');
}

@font-face {
     font-display: swap;
     font-family: 'graphik-semibold';
     font-style: normal;
     font-weight: 600;
     src: url('/assets/fonts/vendor/graphik/Graphik-Semibold.woff2') format('woff2');
}

@font-face {
     font-display: swap;
     font-family: 'graphik-bold';
     font-style: normal;
     font-weight: 700;
     src: url('/assets/fonts/vendor/graphik/Graphik-Bold.woff2') format('woff2');
}

@font-face {
     font-display: swap;
     font-family: 'graphik-extrabold';
     font-style: normal;
     font-weight: 800;
     src: url('/assets/fonts/vendor/graphik/Graphik-Black.woff2') format('woff2');
}

@font-face {
     font-display: swap;
     font-family: 'figtree';
     font-style: normal;
     font-weight: 400;
     src: url('/assets/fonts/vendor/figtree/figtree-v9-latin-regular.woff2') format('woff2');
}

@font-face {
     font-display: swap;
     font-family: 'figtree-medium';
     font-style: normal;
     font-weight: 500;
     src: url('/assets/fonts/vendor/figtree/figtree-v9-latin-500.woff2') format('woff2');
}

@font-face {
     font-display: swap;
     font-family: 'figtree-semibold';
     font-style: normal;
     font-weight: 600;
     src: url('/assets/fonts/vendor/figtree/figtree-v9-latin-600.woff2') format('woff2');
}

@font-face {
     font-display: swap;
     font-family: 'figtree-bold';
     font-style: normal;
     font-weight: 700;
     src: url('/assets/fonts/vendor/figtree/figtree-v9-latin-700.woff2') format('woff2');
}