@font-face {
    font-family: 'TTOctosquaresComp';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Black.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Black.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-DBold';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-DBold.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-DBold.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-DBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Bold.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Bold.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-BlackIt';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-BlackIt.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-BlackIt.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-BoldIt';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-BoldIt.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-BoldIt.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-DBoldIt';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-DBoldIt.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-DBoldIt.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-DBoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Italic.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Italic.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-XBold';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XBold.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XBold.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Medium.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Medium.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-ThinIt';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-ThinIt.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-ThinIt.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-ThinIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Regular.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Regular.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-MediumIt';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-MediumIt.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-MediumIt.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-MediumIt.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-LightIt';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-LightIt.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-LightIt.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Light.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Light.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Thin.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Thin.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-XBoldIt';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XBoldIt.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XBoldIt.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XBoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-XLightIt';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XLightIt.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XLightIt.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XLightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TTOctosquaresComp-XLight';
    src: url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XLight.woff2') format('woff2'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XLight.woff') format('woff'),
    url('/assets/fonts/TTOctosquaresComp/TTOctosquaresComp-XLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}