/**
 * Auto generated style file for shellac. Generated 2/1/2024
 * Deprecated. Move to using varnish-theme when possible
 */

@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Volkhov:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap";

:root {
    --breakpoints-xs: 0px;
    --breakpoints-sm: 600px;
    --breakpoints-md: 900px;
    --breakpoints-lg: 1200px;
    --breakpoints-xl: 1536px;
    --direction: ltr;
    --palette-mode: light;
    --palette-primary-light: #80BDFF;
    --palette-primary-main: #265ED4;
    --palette-primary-dark: #1B4596;
    --palette-primary-contrastText: #FFF;
    --palette-secondary-light: #B7AFEB;
    --palette-secondary-main: #7446F2;
    --palette-secondary-dark: #5C50A4;
    --palette-secondary-contrastText: #FFF;
    --palette-error-light: #FF9F9E;
    --palette-error-main: #D63F3F;
    --palette-error-dark: #932222;
    --palette-error-contrastText: #FFF;
    --palette-warning-light: #E7A2DE;
    --palette-warning-main: #A44397;
    --palette-warning-dark: #65295D;
    --palette-warning-contrastText: #FFF;
    --palette-info-light: #80BDFF;
    --palette-info-main: #265ED4;
    --palette-info-dark: #1B4596;
    --palette-info-contrastText: #FFF;
    --palette-success-light: #1EC28E;
    --palette-success-main: #0A8F6B;
    --palette-success-dark: #005340;
    --palette-success-contrastText: #FFF;
    --palette-grey-50: #F8F9FA;
    --palette-grey-100: #F8F9FA;
    --palette-grey-200: #E8ECF2;
    --palette-grey-300: #E8ECF2;
    --palette-grey-400: #AEB7C4;
    --palette-grey-500: #AEB7C4;
    --palette-grey-600: #616C7A;
    --palette-grey-700: #616C7A;
    --palette-grey-800: #47515C;
    --palette-grey-900: #47515C;
    --palette-grey-A100: #F8F9FA;
    --palette-grey-A200: #E8ECF2;
    --palette-grey-A400: #AEB7C4;
    --palette-grey-A700: #616C7A;
    --palette-text-primary: #223367;
    --palette-text-secondary: #223367;
    --palette-text-disabled: #80BDFF;
    --palette-divider: #AEB7C4;
    --palette-background-paper: #F8F9FA;
    --palette-background-default: #FFF;
    --palette-common-black: #000;
    --palette-common-white: #fff;
    --palette-contrastThreshold: 3px;
    --palette-tonalOffset: 0.2px;
    --palette-action-active: rgba(0, 0, 0, 0.54);
    --palette-action-hover: rgba(0, 0, 0, 0.04);
    --palette-action-hoverOpacity: 0.04;
    --palette-action-selected: rgba(0, 0, 0, 0.08);
    --palette-action-selectedOpacity: 0.08;
    --palette-action-disabled: rgba(0, 0, 0, 0.26);
    --palette-action-disabledBackground: rgba(0, 0, 0, 0.12);
    --palette-action-disabledOpacity: 0.38;
    --palette-action-focus: rgba(0, 0, 0, 0.12);
    --palette-action-focusOpacity: 0.12;
    --palette-action-activatedOpacity: 0.12;
    --shape-borderRadius: 4px;
    --typography-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-fontWeightLight: 300px;
    --typography-fontWeightRegular: 400px;
    --typography-fontWeightMedium: 400px;
    --typography-fontWeightBold: 700px;
    --typography-h1-color: #47515C;
    --typography-h1-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-h1-fontWeight: 700;
    --typography-h1-fontSize: 2.875rem;
    --typography-h1-lineHeight: 1.375;
    --typography-h1-margin: 46px 0 13px;
    --typography-h2-color: #223367;
    --typography-h2-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-h2-fontWeight: 700;
    --typography-h2-fontSize: 2.25rem;
    --typography-h2-lineHeight: 1.375;
    --typography-h2-margin: 42px 0 16px;
    --typography-h3-color: #47515C;
    --typography-h3-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-h3-fontWeight: 700;
    --typography-h3-fontSize: 1.875rem;
    --typography-h3-lineHeight: 1.375;
    --typography-h3-margin: 40px 0 17px;
    --typography-h4-color: #47515C;
    --typography-h4-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-h4-fontWeight: 700;
    --typography-h4-fontSize: 1.5rem;
    --typography-h4-lineHeight: 1.375;
    --typography-h4-letterSpacing: 0.03125em;
    --typography-h4-margin: 38px 0 20px;
    --typography-h5-color: #47515C;
    --typography-h5-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-h5-fontWeight: 700;
    --typography-h5-fontSize: 1.25rem;
    --typography-h5-lineHeight: 1.375;
    --typography-h5-margin: 36px 0 22px;
    --typography-h6-color: #47515C;
    --typography-h6-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-h6-fontWeight: 700;
    --typography-h6-fontSize: 1.125rem;
    --typography-h6-lineHeight: 1.375;
    --typography-h6-margin: 34px 0 24px;
    --typography-subtitle1-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-subtitle1-fontWeight: 400;
    --typography-subtitle1-fontSize: 0.875rem;
    --typography-subtitle1-lineHeight: 1.5;
    --typography-subtitle2-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-subtitle2-fontWeight: 700;
    --typography-subtitle2-fontSize: 0.875rem;
    --typography-subtitle2-lineHeight: 1.5;
    --typography-body1-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-body1-fontWeight: 400;
    --typography-body1-fontSize: 1rem;
    --typography-body1-lineHeight: 1.45;
    --typography-body2-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-body2-fontWeight: 700;
    --typography-body2-fontSize: 1rem;
    --typography-body2-lineHeight: 1.45;
    --typography-button-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-button-fontWeight: 700;
    --typography-button-fontSize: 1rem;
    --typography-button-lineHeight: 1.5;
    --typography-button-textTransform: none;
    --typography-caption-color: #47515C;
    --typography-caption-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-caption-fontWeight: 400;
    --typography-caption-fontSize: 0.875rem;
    --typography-caption-lineHeight: 1.4;
    --typography-overline-fontFamily: "Lato","Lucida Grande","Tahoma","Helvetica Neue","Helvetica","-apple-system","BlinkMacSystemFont","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --typography-overline-fontWeight: 700;
    --typography-overline-fontSize: 1.25rem;
    --typography-overline-lineHeight: 2;
    --typography-overline-textTransform: none;
    --typography-htmlFontSize: 16px;
    --typography-fontSize: 14px;
    --typography-inherit-fontFamily: inherit;
    --typography-inherit-fontWeight: inherit;
    --typography-inherit-fontSize: inherit;
    --typography-inherit-lineHeight: inherit;
    --typography-inherit-letterSpacing: inherit;
    --paletteExtended-background-dark: #223367;
    --paletteExtended-link-default: #265ED4;
    --paletteExtended-link-contrast: #80BDFF;
    --color-R1: #FFE1E0;
    --color-R2: #FFE1E0;
    --color-R3: #FF9F9E;
    --color-R4: #FF9F9E;
    --color-R5: #F7605F;
    --color-R6: #F7605F;
    --color-R7: #D63F3F;
    --color-R8: #D63F3F;
    --color-R9: #932222;
    --color-R10: #932222;
    --color-O1: #FFF1C4;
    --color-O2: #FFF1C4;
    --color-O3: #FFD45D;
    --color-O4: #FFD45D;
    --color-O5: #FFBB00;
    --color-O6: #FFBB00;
    --color-O7: #FF9100;
    --color-O8: #FF9100;
    --color-O9: #DD6502;
    --color-O10: #DD6502;
    --color-G1: #C1F7E6;
    --color-G2: #C1F7E6;
    --color-G3: #70DDBA;
    --color-G4: #70DDBA;
    --color-G5: #1EC28E;
    --color-G6: #1EC28E;
    --color-G7: #0A8F6B;
    --color-G8: #0A8F6B;
    --color-G9: #005340;
    --color-G10: #005340;
    --color-T1: #E6FDFE;
    --color-T2: #E6FDFE;
    --color-T3: #9AE7EC;
    --color-T4: #9AE7EC;
    --color-T5: #16C4CF;
    --color-T6: #16C4CF;
    --color-T7: #078E9E;
    --color-T8: #078E9E;
    --color-T9: #004752;
    --color-T10: #004752;
    --color-A1: #F2FCFF;
    --color-A2: #F2FCFF;
    --color-A3: #B5F0FF;
    --color-A4: #B5F0FF;
    --color-A5: #4DE1FF;
    --color-A6: #4DE1FF;
    --color-A7: #01A2CA;
    --color-A8: #01A2CA;
    --color-A9: #054976;
    --color-B1: #F0F7FF;
    --color-B2: #F0F7FF;
    --color-B3: #80BDFF;
    --color-B4: #80BDFF;
    --color-B5: #265ED4;
    --color-B6: #265ED4;
    --color-B7: #1B4596;
    --color-B8: #1B4596;
    --color-B9: #223367;
    --color-B10: #223367;
    --color-P1: #E6E3F7;
    --color-P2: #E6E3F7;
    --color-P3: #B7AFEB;
    --color-P4: #B7AFEB;
    --color-P5: #7446F2;
    --color-P6: #7446F2;
    --color-P7: #5C50A4;
    --color-P8: #5C50A4;
    --color-P9: #271F55;
    --color-P10: #271F55;
    --color-M1: #FDF7FC;
    --color-M2: #FDF7FC;
    --color-M3: #E7A2DE;
    --color-M4: #E7A2DE;
    --color-M5: #D864C9;
    --color-M6: #D864C9;
    --color-M7: #A44397;
    --color-M8: #A44397;
    --color-M9: #65295D;
    --color-M10: #65295D;
    --color-N1: #F8F9FA;
    --color-N2: #F8F9FA;
    --color-N3: #E8ECF2;
    --color-N4: #E8ECF2;
    --color-N5: #AEB7C4;
    --color-N6: #AEB7C4;
    --color-N7: #616C7A;
    --color-N8: #616C7A;
    --color-N9: #47515C;
    --color-N10: #47515C;
    --color2-R1: #FFE1E0;
    --color2-R2: #FF9F9E;
    --color2-R3: #F7605F;
    --color2-R4: #D63F3F;
    --color2-R5: #932222;
    --color2-O1: #FFF1C4;
    --color2-O2: #FFD45D;
    --color2-O3: #FFBB00;
    --color2-O4: #FF9100;
    --color2-O5: #DD6502;
    --color2-G1: #C1F7E6;
    --color2-G2: #70DDBA;
    --color2-G3: #1EC28E;
    --color2-G4: #0A8F6B;
    --color2-G5: #005340;
    --color2-T1: #E6FDFE;
    --color2-T2: #9AE7EC;
    --color2-T3: #16C4CF;
    --color2-T4: #078E9E;
    --color2-T5: #004752;
    --color2-A1: #F2FCFF;
    --color2-A2: #B5F0FF;
    --color2-A3: #4DE1FF;
    --color2-A4: #01A2CA;
    --color2-A5: #054976;
    --color2-B1: #F0F7FF;
    --color2-B2: #80BDFF;
    --color2-B3: #265ED4;
    --color2-B4: #1B4596;
    --color2-B5: #223367;
    --color2-P1: #E6E3F7;
    --color2-P2: #B7AFEB;
    --color2-P3: #7446F2;
    --color2-P4: #5C50A4;
    --color2-P5: #271F55;
    --color2-F1: #FDF7FC;
    --color2-F2: #E7A2DE;
    --color2-F3: #D864C9;
    --color2-F4: #A44397;
    --color2-F5: #65295D;
    --color2-N1: #F8F9FA;
    --color2-N2: #E8ECF2;
    --color2-N3: #AEB7C4;
    --color2-N4: #616C7A;
    --color2-N5: #47515C;
    --color2-black: #000;
    --color2-white: #FFF;
    --color2-transparent: #00000000;
    --darkCategoricalColor-Red: #FF9F9E;
    --darkCategoricalColor-Orange: #FFD45D;
    --darkCategoricalColor-Aqua: #B5F0FF;
    --darkCategoricalColor-Teal: #9AE7EC;
    --darkCategoricalColor-Blue: #80BDFF;
    --darkCategoricalColor-Fuchsia: #E7A2DE;
    --darkCategoricalColor-Purple: #B7AFEB;
    --darkCategoricalColor-Green: #70DDBA;
    --lightCategoricalColor-Red: #932222;
    --lightCategoricalColor-Orange: #DD6502;
    --lightCategoricalColor-Aqua: #054976;
    --lightCategoricalColor-Teal: #078E9E;
    --lightCategoricalColor-Blue: #265ED4;
    --lightCategoricalColor-Fuchsia: #65295D;
    --lightCategoricalColor-Purple: #5C50A4;
    --lightCategoricalColor-Green: #005340;
    --unstable_sxConfig-border-themeKey: borders;
    --unstable_sxConfig-borderTop-themeKey: borders;
    --unstable_sxConfig-borderRight-themeKey: borders;
    --unstable_sxConfig-borderBottom-themeKey: borders;
    --unstable_sxConfig-borderLeft-themeKey: borders;
    --unstable_sxConfig-borderColor-themeKey: palette;
    --unstable_sxConfig-borderTopColor-themeKey: palette;
    --unstable_sxConfig-borderRightColor-themeKey: palette;
    --unstable_sxConfig-borderBottomColor-themeKey: palette;
    --unstable_sxConfig-borderLeftColor-themeKey: palette;
    --unstable_sxConfig-outline-themeKey: borders;
    --unstable_sxConfig-outlineColor-themeKey: palette;
    --unstable_sxConfig-borderRadius-themeKey: shape.borderRadius;
    --unstable_sxConfig-color-themeKey: palette;
    --unstable_sxConfig-bgcolor-themeKey: palette;
    --unstable_sxConfig-bgcolor-cssProperty: backgroundColor;
    --unstable_sxConfig-backgroundColor-themeKey: palette;
    --unstable_sxConfig-zIndex-themeKey: zIndex;
    --unstable_sxConfig-boxShadow-themeKey: shadows;
    --unstable_sxConfig-fontFamily-themeKey: typography;
    --unstable_sxConfig-fontSize-themeKey: typography;
    --unstable_sxConfig-fontStyle-themeKey: typography;
    --unstable_sxConfig-fontWeight-themeKey: typography;
    --unstable_sxConfig-typography-themeKey: typography;
    --shadows-0: none;
    --shadows-1: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
    --shadows-2: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
    --shadows-3: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
    --shadows-4: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
    --shadows-5: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
    --shadows-6: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
    --shadows-7: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
    --shadows-8: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
    --shadows-9: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
    --shadows-10: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
    --shadows-11: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
    --shadows-12: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
    --shadows-13: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
    --shadows-14: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
    --shadows-15: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
    --shadows-16: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
    --shadows-17: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
    --shadows-18: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
    --shadows-19: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
    --shadows-20: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
    --shadows-21: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
    --shadows-22: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
    --shadows-23: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
    --shadows-24: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
    --transitions-easing-easeInOut: cubic-bezier(0.4, 0, 0.2, 1);
    --transitions-easing-easeOut: cubic-bezier(0.0, 0, 0.2, 1);
    --transitions-easing-easeIn: cubic-bezier(0.4, 0, 1, 1);
    --transitions-easing-sharp: cubic-bezier(0.4, 0, 0.6, 1);
    --transitions-duration-shortest: 150px;
    --transitions-duration-shorter: 200px;
    --transitions-duration-short: 250px;
    --transitions-duration-standard: 300px;
    --transitions-duration-complex: 375px;
    --transitions-duration-enteringScreen: 225px;
    --transitions-duration-leavingScreen: 195px;
    --zIndex-mobileStepper: 1000;
    --zIndex-fab: 1050;
    --zIndex-speedDial: 1050;
    --zIndex-appBar: 1100;
    --zIndex-drawer: 1200;
    --zIndex-modal: 1300;
    --zIndex-snackbar: 1400;
    --zIndex-tooltip: 1500;
    --spacing-0: 4px;
    --spacing-1: 8px;
    --spacing-2: 16px;
    --spacing-3: 24px;
    --spacing-4: 32px;
    --spacing-5: 40px;
    --spacing-6: 48px;
    --spacing-7: 56px;
    --spacing-8: 64px;
    --spacing-10: 80px;
    --spacing-11: 88px;
    --spacing-12: 96px;
    --spacing-13: 104px;
    --spacing-14: 112px;
    --spacing-15: 120px;
    --spacing-16: 128px;
/* spacing variables below are set to be depricated soon. */
    --spacing-xxs: 4px;
    --spacing-xs2: 4px;
    --spacing-xs: 8px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xl2: 48px;
    --spacing-xl3: 64px;
    --spacing-xl4: 96px;
    --spacing-xl5: 128px;
}

html, body {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 100%;
}

body {
    font-family: var(--typography-body1-fontFamily);
    font-size: var(--typography-body1-fontSize);
    line-height: var(--typography-body1-lineHeight);
    color: var(--palette-text-primary);
    font-weight: var(--typography-body1-fontWeight);
    letter-spacing: var(--typography-body1-letterSpacing)
    /**
     * These settings are non-standard, but important to ensure things
     * look as expected.
     */;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

h1 {
    color: var(--typography-h1-color);
    font-family: var(--typography-h1-fontFamily);
    font-weight: var(--typography-h1-fontWeight);
    font-size: var(--typography-h1-fontSize);
    line-height: var(--typography-h1-lineHeight);
    letter-spacing: var(--typography-h1-letterSpacing);
    margin: var(--typography-h1-margin);
}

h2 {
    color: var(--typography-h2-color);
    font-family: var(--typography-h2-fontFamily);
    font-weight: var(--typography-h2-fontWeight);
    font-size: var(--typography-h2-fontSize);
    line-height: var(--typography-h2-lineHeight);
    letter-spacing: var(--typography-h2-letterSpacing);
    margin: var(--typography-h2-margin);
}

h3 {
    color: var(--typography-h3-color);
    font-family: var(--typography-h3-fontFamily);
    font-weight: var(--typography-h3-fontWeight);
    font-size: var(--typography-h3-fontSize);
    line-height: var(--typography-h3-lineHeight);
    letter-spacing: var(--typography-h3-letterSpacing);
    margin: var(--typography-h3-margin);
}

h4 {
    color: var(--typography-h4-color);
    font-family: var(--typography-h4-fontFamily);
    font-weight: var(--typography-h4-fontWeight);
    font-size: var(--typography-h4-fontSize);
    line-height: var(--typography-h4-lineHeight);
    letter-spacing: var(--typography-h4-letterSpacing);
    margin: var(--typography-h4-margin);
}

h5 {
    color: var(--typography-h5-color);
    font-family: var(--typography-h5-fontFamily);
    font-weight: var(--typography-h5-fontWeight);
    font-size: var(--typography-h5-fontSize);
    line-height: var(--typography-h5-lineHeight);
    letter-spacing: var(--typography-h5-letterSpacing);
    margin: var(--typography-h5-margin);
}

h6, legend {
    color: var(--typography-h6-color);
    font-family: var(--typography-h6-fontFamily);
    font-weight: var(--typography-h6-fontWeight);
    font-size: var(--typography-h6-fontSize);
    line-height: var(--typography-h6-lineHeight);
    letter-spacing: var(--typography-h6-letterSpacing);
    margin: var(--typography-h6-margin);
}

.subtitle1 {
    font-family: var(--typography-subtitle1-fontFamily);
    font-weight: var(--typography-subtitle1-fontWeight);
    font-size: var(--typography-subtitle1-fontSize);
    line-height: var(--typography-subtitle1-lineHeight);
    letter-spacing: var(--typography-subtitle1-letterSpacing);
}

.subtitle2 {
    font-family: var(--typography-subtitle2-fontFamily);
    font-weight: var(--typography-subtitle2-fontWeight);
    font-size: var(--typography-subtitle2-fontSize);
    line-height: var(--typography-subtitle2-lineHeight);
    letter-spacing: var(--typography-subtitle2-letterSpacing);
}

.body1 {
    font-family: var(--typography-body1-fontFamily);
    font-weight: var(--typography-body1-fontWeight);
    font-size: var(--typography-body1-fontSize);
    line-height: var(--typography-body1-lineHeight);
    letter-spacing: var(--typography-body1-letterSpacing);
}

.body2 {
    font-family: var(--typography-body2-fontFamily);
    font-weight: var(--typography-body2-fontWeight);
    font-size: var(--typography-body2-fontSize);
    line-height: var(--typography-body2-lineHeight);
    letter-spacing: var(--typography-body2-letterSpacing);
}

.button {
    font-family: var(--typography-button-fontFamily);
    font-weight: var(--typography-button-fontWeight);
    font-size: var(--typography-button-fontSize);
    line-height: var(--typography-button-lineHeight);
    letter-spacing: var(--typography-button-letterSpacing);
    text-transform: var(--typography-button-textTransform);
}

.caption {
    color: var(--typography-caption-color);
    font-family: var(--typography-caption-fontFamily);
    font-weight: var(--typography-caption-fontWeight);
    font-size: var(--typography-caption-fontSize);
    line-height: var(--typography-caption-lineHeight);
    letter-spacing: var(--typography-caption-letterSpacing);
}

.overline {
    font-family: var(--typography-overline-fontFamily);
    font-weight: var(--typography-overline-fontWeight);
    font-size: var(--typography-overline-fontSize);
    line-height: var(--typography-overline-lineHeight);
    letter-spacing: var(--typography-overline-letterSpacing);
    text-transform: var(--typography-overline-textTransform);
}