:root {
    /* hsl(219, 79%, 66%); cornflowerblue; Selections */
    --clr_sel_hue: 219;
    --clr_sel_sat: 66%;
    --clr_sel2_hue: 94;
    --clr_sel2_sat: 50%;
    --clr_global_border: #c0c0c0;
}

@font-face {
    font-family: Roboto Condensed;
    font-weight: 400;
    font-style: normal;
    src: url('/mfs/common/fonts/RobotoCondensed/RobotoCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Roboto Condensed;
    font-weight: 200;
    font-style: normal;
    src: url('/mfs/common/fonts/RobotoCondensed/RobotoCondensed-Light.ttf') format('truetype');
}

@font-face {
    font-family: Roboto Condensed;
    font-weight: 700;
    font-style: normal;
    src: url('/mfs/common/fonts/RobotoCondensed/RobotoCondensed-Bold.ttf') format('truetype');
}

@font-face {
    font-family: Teko;
    font-weight: 400;
    font-style: normal;
    src: url('/mfs/common/fonts/Teko/Teko-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Teko;
    font-weight: 200;
    font-style: normal;
    src: url('/mfs/common/fonts/Teko/Teko-Light.ttf') format('truetype');
}

@font-face {
    font-family: Teko;
    font-weight: 700;
    font-style: normal;
    src: url('/mfs/common/fonts/Teko/Teko-Bold.ttf') format('truetype');
}

@font-face {
    font-family: Spec;
    src: url('/mfs/common/fonts/Spec/Spec-Regular.ttf');
}

@font-face {
    font-family: Life Savers;
    font-weight: 400;
    font-style: normal;
    src: url('/mfs/common/fonts/LifeSavers/LifeSavers-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Life Savers;
    font-weight: 700;
    font-style: normal;
    src: url('/mfs/common/fonts/LifeSavers/LifeSavers-ExtraBold.ttf') format('truetype');
}

body.preload * {
	transition: none !important;
}