:root {
    --mdc-typography-primary-font-color: rgba(0,0,0,0.87);
    --mdc-typography-secondary-font-color: rgba(0,0,0,0.54);
    --mdc-typography-disabled-color: rgba(0,0,0,0.38);
    --mdc-typography-border: 1px solid rgba(0,0,0,0.12);
    --mdc-typography-border-color: rgba(0,0,0,0.12);
    --mdc-typography-border-color-red: #D50000;
    --mdc-typography-border-color-violet-blue: #7199f4;
    --mdc-typography-selection-color: rgba(0,102,193,0.08);
    --mdc-typography-dark-selection-color: rgba(0,102,193,0.54);
    --mdc-typography-background-color: rgba(0,0,0,0.08);
    --mdc-typography-body-background-color: rgba(0,0,0,0.04);
    --mdc-typography-seperator-color: rgba(0,0,0,0.12);
    --mdc-typography-border-radius: 4px;
    --mdc-typography-box-shadow: 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);
    --mdc-typography-font-family: Roboto, sans-serif;
    --mdc-typography-headline1-font-size: 6rem;
    --mdc-typography-headline1-line-height: 6rem;
    --mdc-typography-headline1-font-weight: 300;
    --mdc-typography-headline1-letter-spacing: -0.015625em;
    --mdc-typography-headline1-text-decoration: inherit;
    --mdc-typography-headline1-text-transform: inherit;
    --mdc-typography-headline2-font-size: 3.75rem;
    --mdc-typography-headline2-line-height: 3.75rem;
    --mdc-typography-headline2-font-weight: 300;
    --mdc-typography-headline2-letter-spacing: -0.0083333333em;
    --mdc-typography-headline2-text-decoration: inherit;
    --mdc-typography-headline2-text-transform: inherit;
    --mdc-typography-headline3-font-size: 3rem;
    --mdc-typography-headline3-line-height: 3.75rem;
    --mdc-typography-headline3-font-weight: 400;
    --mdc-typography-headline3-letter-spacing: normal;
    --mdc-typography-headline3-text-decoration: inherit;
    --mdc-typography-headline3-text-transform: inherit;
    --mdc-typography-headline4-font-size: 2.125rem;
    --mdc-typography-headline4-line-height: 2.5rem;
    --mdc-typography-headline4-font-weight: 400;
    --mdc-typography-headline4-letter-spacing: 0.0073529412em;
    --mdc-typography-headline4-text-decoration: inherit;
    --mdc-typography-headline4-text-transform: inherit;
    --mdc-typography-headline5-font-size: 1.5rem;
    --mdc-typography-headline5-line-height: 2rem;
    --mdc-typography-headline5-font-weight: 400;
    --mdc-typography-headline5-letter-spacing: normal;
    --mdc-typography-headline5-text-decoration: inherit;
    --mdc-typography-headline5-text-transform: inherit;
    --mdc-typography-headline6-font-size: 1.25rem;
    --mdc-typography-headline6-line-height: 2rem;
    --mdc-typography-headline6-font-weight: 500;
    --mdc-typography-headline6-letter-spacing: 0.0125em;
    --mdc-typography-headline6-text-decoration: inherit;
    --mdc-typography-headline6-text-transform: inherit;
    --mdc-typography-subtitle1-font-size: 1rem;
    --mdc-typography-subtitle1-line-height: 1.75rem;
    --mdc-typography-subtitle1-font-weight: 400;
    --mdc-typography-subtitle1-letter-spacing: 0.009375em;
    --mdc-typography-subtitle1-text-decoration: inherit;
    --mdc-typography-subtitle1-text-transform: inherit;
    --mdc-typography-subtitle2-font-size: 0.875rem;
    --mdc-typography-subtitle2-line-height: 1.375rem;
    --mdc-typography-subtitle2-font-weight: 500;
    --mdc-typography-subtitle2-letter-spacing: 0.0071428571em;
    --mdc-typography-subtitle2-text-decoration: inherit;
    --mdc-typography-subtitle2-text-transform: inherit;
    --mdc-typography-body1-font-size: 1rem;
    --mdc-typography-body1-line-height: 1.5rem;
    --mdc-typography-body1-font-weight: 400;
    --mdc-typography-body1-letter-spacing: 0.03125em;
    --mdc-typography-body1-text-decoration: inherit;
    --mdc-typography-body1-text-transform: inherit;
    --mdc-typography-body2-font-size: 0.875rem;
    --mdc-typography-body2-line-height: 1.25rem;
    --mdc-typography-body2-font-weight: 400;
    --mdc-typography-body2-letter-spacing: 0.0178571429em;
    --mdc-typography-body2-text-decoration: inherit;
    --mdc-typography-body2-text-transform: inherit;
    --mdc-typography-caption-font-size: 0.75rem;
    --mdc-typography-caption-line-height: 1.25rem;
    --mdc-typography-caption-font-weight: 400;
    --mdc-typography-caption-letter-spacing: 0.0333333333em;
    --mdc-typography-caption-text-decoration: inherit;
    --mdc-typography-caption-text-transform: inherit;
    --mdc-typography-overline-font-size: 0.75rem;
    --mdc-typography-overline-line-height: 2rem;
    --mdc-typography-overline-font-weight: 500;
    --mdc-typography-overline-letter-spacing: 0.1666666667em;
    --mdc-typography-overline-text-decoration: none;
    --mdc-typography-overline-text-transform: uppercase;
}

.mdc-typography--dark-theme {
    --mdc-typography-primary-font-color: rgba(255,255,255,0.87);
    --mdc-typography-secondary-font-color: rgba(255,255,255,0.54);
    --mdc-typography-disabled-color: rgba(255,255,255,0.38);
    --mdc-typography-border: 1px solid rgba(255,255,255,0.12);
    --mdc-typography-border-color: rgba(255,255,255,0.12);
    --mdc-typography-selection-color: rgba(113,153,244,0.08);
    --mdc-typography-seperator-color: rgba(255,255,255,0.12);
    --mdc-typography-body-background-color: rgba(33,33,33,1);
}

/*Roboto font*/
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://d2brolspm8i5tm.cloudfront.net/material-font/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*End Roboto font*/
.mdc-typography {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
}

.mdc-typography--headline1 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 6rem;
    /* @alternate */
    font-size: var(--mdc-typography-headline1-font-size, 6rem);
    line-height: 6rem;
    /* @alternate */
    line-height: var(--mdc-typography-headline1-line-height, 6rem);
    font-weight: 300;
    /* @alternate */
    font-weight: var(--mdc-typography-headline1-font-weight, 300);
    letter-spacing: -0.015625em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-headline1-text-transform, inherit);
}

.mdc-typography--headline2 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 3.75rem;
    /* @alternate */
    font-size: var(--mdc-typography-headline2-font-size, 3.75rem);
    line-height: 3.75rem;
    /* @alternate */
    line-height: var(--mdc-typography-headline2-line-height, 3.75rem);
    font-weight: 300;
    /* @alternate */
    font-weight: var(--mdc-typography-headline2-font-weight, 300);
    letter-spacing: -0.0083333333em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-headline2-text-transform, inherit);
}

.mdc-typography--headline3 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 3rem;
    /* @alternate */
    font-size: var(--mdc-typography-headline3-font-size, 3rem);
    line-height: 3.125rem;
    /* @alternate */
    line-height: var(--mdc-typography-headline3-line-height, 3.125rem);
    font-weight: 400;
    /* @alternate */
    font-weight: var(--mdc-typography-headline3-font-weight, 400);
    letter-spacing: normal;
    /* @alternate */
    letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-headline3-text-transform, inherit);
}

.mdc-typography--headline4 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 2.125rem;
    /* @alternate */
    font-size: var(--mdc-typography-headline4-font-size, 2.125rem);
    line-height: 2.5rem;
    /* @alternate */
    line-height: var(--mdc-typography-headline4-line-height, 2.5rem);
    font-weight: 400;
    /* @alternate */
    font-weight: var(--mdc-typography-headline4-font-weight, 400);
    letter-spacing: 0.0073529412em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.0073529412em);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-headline4-text-transform, inherit);
}

.mdc-typography--headline5 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1.5rem;
    /* @alternate */
    font-size: var(--mdc-typography-headline5-font-size, 1.5rem);
    line-height: 2rem;
    /* @alternate */
    line-height: var(--mdc-typography-headline5-line-height, 2rem);
    font-weight: 400;
    /* @alternate */
    font-weight: var(--mdc-typography-headline5-font-weight, 400);
    letter-spacing: normal;
    /* @alternate */
    letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-headline5-text-transform, inherit);
}

.mdc-typography--headline6 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1.25rem;
    /* @alternate */
    font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
    line-height: 2rem;
    /* @alternate */
    line-height: var(--mdc-typography-headline6-line-height, 2rem);
    font-weight: 500;
    /* @alternate */
    font-weight: var(--mdc-typography-headline6-font-weight, 500);
    letter-spacing: 0.0125em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-headline6-text-transform, inherit);
}

.mdc-typography--subtitle1 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    /* @alternate */
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    line-height: 1.75rem;
    /* @alternate */
    line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
    font-weight: 400;
    /* @alternate */
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: 0.009375em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
}

.mdc-typography--subtitle2 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 0.875rem;
    /* @alternate */
    font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
    line-height: 1.375rem;
    /* @alternate */
    line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
    font-weight: 500;
    /* @alternate */
    font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
    letter-spacing: 0.0071428571em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
}

.mdc-typography--body1 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    /* @alternate */
    font-size: var(--mdc-typography-body1-font-size, 1rem);
    line-height: 1.5rem;
    /* @alternate */
    line-height: var(--mdc-typography-body1-line-height, 1.5rem);
    font-weight: 400;
    /* @alternate */
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: 0.03125em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-body1-text-transform, inherit);
}

.mdc-typography--body2 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 0.875rem;
    /* @alternate */
    font-size: var(--mdc-typography-body2-font-size, 0.875rem);
    line-height: 1.25rem;
    /* @alternate */
    line-height: var(--mdc-typography-body2-line-height, 1.25rem);
    font-weight: 400;
    /* @alternate */
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: 0.0178571429em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-body2-text-transform, inherit);
}

.mdc-typography--caption {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 0.75rem;
    /* @alternate */
    font-size: var(--mdc-typography-caption-font-size, 0.75rem);
    line-height: 1.25rem;
    /* @alternate */
    line-height: var(--mdc-typography-caption-line-height, 1.25rem);
    font-weight: 400;
    /* @alternate */
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: 0.0333333333em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-caption-text-transform, inherit);
}

.mdc-typography--button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 0.875rem;
    /* @alternate */
    font-size: var(--mdc-typography-button-font-size, 0.875rem);
    line-height: 2.25rem;
    /* @alternate */
    line-height: var(--mdc-typography-button-line-height, 2.25rem);
    font-weight: 500;
    /* @alternate */
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: 0.0892857143em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
    text-decoration: none;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: uppercase;
    /* @alternate */
    text-transform: var(--mdc-typography-button-text-transform, uppercase);
}

.mdc-typography--overline {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 0.75rem;
    /* @alternate */
    font-size: var(--mdc-typography-overline-font-size, 0.75rem);
    line-height: 2rem;
    /* @alternate */
    line-height: var(--mdc-typography-overline-line-height, 2rem);
    font-weight: 500;
    /* @alternate */
    font-weight: var(--mdc-typography-overline-font-weight, 500);
    letter-spacing: 0.1666666667em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em);
    text-decoration: none;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
    text-decoration: var(--mdc-typography-overline-text-decoration, none);
    text-transform: uppercase;
    /* @alternate */
    text-transform: var(--mdc-typography-overline-text-transform, uppercase);
}

/*#region Brand colors*/
.mdc-typography--black {
    color: #000000 !important;
    /* @alternate */
    color: var(--mdc-typography--black, #000000) !important;
}

.mdc-typography--white {
    color: #ffffff !important;
    /* @alternate */
    color: var(--mdc-typography--white, #ffffff) !important;
}

.mdc-typography--safety-blue {
    color: #0066c1 !important;
    /* @alternate */
    color: var(--mdc-typography--safety-blue, #0066c1) !important;
}

.mdc-typography--vivid-blue {
    color: #03b7fb !important;
    /* @alternate */
    color: var(--mdc-typography--vivid-blue, #03b7fb) !important;
}

.mdc-typography--royal-blue {
    color: #3360ff !important;
    /* @alternate */
    color: var(--mdc-typography--royal-blue, #3360ff) !important;
}

.mdc-typography--cornflower-blue {
    color: #5c79ff !important;
    /* @alternate */
    color: var(--mdc-typography--cornflower-blue, #5c79ff) !important;
}

.mdc-typography--navy-blue {
    color: #4586f1 !important;
    /* @alternate */
    color: var(--mdc-typography--navy-blue, #4586f1) !important;
}

.mdc-typography--violet-blue {
    color: #7199f4 !important;
    /* @alternate */
    color: var(--mdc-typography--violet-blue, #7199f4) !important;
}

.mdc-typography--pale-blue {
    color: #9ec9ff !important;
    /* @alternate */
    color: var(--mdc-typography--pale-blue, #9ec9ff) !important;
}

.mdc-typography--hawkes-blue {
    color: #ccdeff !important;
    /* @alternate */
    color: var(--mdc-typography--hawkes-blue, #ccdeff) !important;
}

.mdc-typography--alice-blue {
    color: #f8fbff !important;
    /* @alternate */
    color: var(--mdc-typography--alice-blue, #f8fbff) !important;
}

.mdc-typography--bright-navy-blue {
    color: #4169e1 !important;
    /* @alternate */
    color: var(--mdc-typography--bright-navy-blue, #4169e1) !important;
}

.mdc-typography--orchid {
    color: #ba55d3 !important;
    /* @alternate */
    color: var(--mdc-typography--orchid, #ba55d3) !important;
}

.mdc-typography--red {
    color: #D50000 !important;
    /* @alternate */
    color: var(--mdc-typography--red, #D50000) !important;
}

.mdc-typography--green {
    color: #3cb371 !important;
    /* @alternate */
    color: var(--mdc-typography--green, #3cb371) !important;
}

.mdc-typography--yellow {
    color: #ffcc00 !important;
    /* @alternate */
    color: var(--mdc-typography--yellow, #ffcc00) !important;
}

.mdc-typography--dark-orange {
    color: #ff8c00 !important;
    /* @alternate */
    color: var(--mdc-typography--dark-orange, #ff8c00) !important;
}

.mdc-typography--denim {
    color: #1565c0 !important;
    /* @alternate */
    color: var(--mdc-typography--denim, #1565c0) !important;
}

.mdc-typography--dodger-blue {
    color: #2979ff !important;
    /* @alternate */
    color: var(--mdc-typography--dodger-blue, #2979ff) !important;
}

.mdc-typography--blueberry {
    color: #448aff !important;
    /* @alternate */
    color: var(--mdc-typography--blueberry, #448aff) !important;
}

.mdc-typography--summer-sky {
    color: #42a5f5 !important;
    /* @alternate */
    color: var(--mdc-typography--summer-sky, #42a5f5) !important;
}

.mdc-typography--light-sky-blue {
    color: #90CAF9 !important;
    /* @alternate */
    color: var(--mdc-typography--light-sky-blue, #90CAF9) !important;
}

.mdc-typography--pale-cornflower-blue {
    color: #BBDEFB !important;
    /* @alternate */
    color: var(--mdc-typography--pale-cornflower-blue, #BBDEFB) !important;
}

.mdc-typography--orange-peel {
    color: #FF9800 !important;
    /* @alternate */
    color: var(--mdc-typography--orange-peel, #FF9800) !important;
}

.mdc-typography--deep-lilac {
    color: #AB47BC !important;
    /* @alternate */
    color: var(--mdc-typography--deep-lilac, #AB47BC) !important;
}

.mdc-typography--fruit-salad {
    color: #43A047 !important;
    /* @alternate */
    color: var(--mdc-typography--fruit-salad, #43A047) !important;
}

.mdc-typography--sunglow {
    color: #FFCA28 !important;
    /* @alternate */
    color: var(--mdc-typography--sunglow, #FFCA28) !important;
}

.mdc-typography--white-smoke {
    color: #E3F2FD !important;
    /* @alternate */
    color: var(--mdc-typography--white-smoke, #E3F2FD) !important;
}

.mdc-typography--dodger-blue-2 {
    color: #2196F3 !important;
    /* @alternate */
    color: var(--mdc-typography--dodger-blue-2, #2196F3) !important;
}
/*#endregion colors*/

/*#region Brand background colors*/
.mdc-typography--background-black {
    background-color: #000000 !important;
    /* @alternate */
    background-color: var(--mdc-typography--black, #000000) !important;
}

.mdc-typography--background-white {
    background-color: #ffffff !important;
    /* @alternate */
    background-color: var(--mdc-typography--white, #ffffff) !important;
}

.mdc-typography--background-safety-blue {
    background-color: #0066c1 !important;
    /* @alternate */
    background-color: var(--mdc-typography--safety-blue, #0066c1) !important;
}

.mdc-typography--background-vivid-blue {
    background-color: #03b7fb !important;
    /* @alternate */
    background-color: var(--mdc-typography--vivid-blue, #03b7fb) !important;
}

.mdc-typography--background-royal-blue {
    background-color: #3360ff !important;
    /* @alternate */
    background-color: var(--mdc-typography--royal-blue, #3360ff) !important;
}

.mdc-typography--background-cornflower-blue {
    background-color: #5c79ff !important;
    /* @alternate */
    background-color: var(--mdc-typography--cornflower-blue, #5c79ff) !important;
}

.mdc-typography--background-navy-blue {
    background-color: #4586f1 !important;
    /* @alternate */
    background-color: var(--mdc-typography--navy-blue, #4586f1) !important;
}

.mdc-typography--background-violet-blue {
    background-color: #7199f4 !important;
    /* @alternate */
    background-color: var(--mdc-typography--violet-blue, #7199f4) !important;
}

.mdc-typography--background-pale-blue {
    background-color: #9ec9ff !important;
    /* @alternate */
    background-color: var(--mdc-typography--pale-blue, #9ec9ff) !important;
}

.mdc-typography--background-hawkes-blue {
    background-color: #ccdeff !important;
    /* @alternate */
    background-color: var(--mdc-typography--hawkes-blue, #ccdeff) !important;
}

.mdc-typography--background-alice-blue {
    background-color: #f8fbff !important;
    /* @alternate */
    background-color: var(--mdc-typography--alice-blue, #f8fbff) !important;
}

.mdc-typography--background-bright-navy-blue {
    background-color: #4169e1 !important;
    /* @alternate */
    background-color: var(--mdc-typography--bright-navy-blue, #4169e1) !important;
}

.mdc-typography--background-orchid {
    background-color: #ba55d3 !important;
    /* @alternate */
    background-color: var(--mdc-typography--orchid, #ba55d3) !important;
}

.mdc-typography--background-red {
    background-color: #D50000 !important;
    /* @alternate */
    background-color: var(--mdc-typography--red, #D50000) !important;
}

.mdc-typography--background-green {
    background-color: #3cb371 !important;
    /* @alternate */
    background-color: var(--mdc-typography--green, #3cb371) !important;
}

.mdc-typography--background-yellow {
    background-color: #ffcc00 !important;
    /* @alternate */
    background-color: var(--mdc-typography--yellow, #ffcc00) !important;
}

.mdc-typography--background-dark-orange {
    background-color: #ff8c00 !important;
    /* @alternate */
    background-color: var(--mdc-typography--dark-orange, #ff8c00) !important;
}

.mdc-typography--background-denim {
    background-color: #1565c0 !important;
    /* @alternate */
    background-color: var(--mdc-typography--denim, #1565c0) !important;
}

.mdc-typography--background-dodger-blue {
    background-color: #2979ff !important;
    /* @alternate */
    background-color: var(--mdc-typography--dodger-blue, #2979ff) !important;
}

.mdc-typography--background-blueberry {
    background-color: #448aff !important;
    /* @alternate */
    background-color: var(--mdc-typography--blueberry, #448aff) !important;
}

.mdc-typography--background-summer-sky {
    background-color: #42a5f5 !important;
    /* @alternate */
    background-color: var(--mdc-typography--summer-sky, #42a5f5) !important;
}

.mdc-typography--background-light-sky-blue {
    background-color: #90CAF9 !important;
    /* @alternate */
    background-color: var(--mdc-typography--light-sky-blue, #90CAF9) !important;
}

.mdc-typography--background-pale-cornflower-blue {
    background-color: #BBDEFB !important;
    /* @alternate */
    background-color: var(--mdc-typography--pale-cornflower-blue, #BBDEFB) !important;
}

.mdc-typography--background-orange-peel {
    background-color: #FF9800 !important;
    /* @alternate */
    background-color: var(--mdc-typography--orange-peel, #FF9800) !important;
}

.mdc-typography--background-deep-lilac {
    background-color: #AB47BC !important;
    /* @alternate */
    background-color: var(--mdc-typography--deep-lilac, #AB47BC) !important;
}

.mdc-typography--background-fruit-salad {
    background-color: #43A047 !important;
    /* @alternate */
    background-color: var(--mdc-typography--fruit-salad, #43A047) !important;
}

.mdc-typography--background-sunglow {
    background-color: #FFCA28 !important;
    /* @alternate */
    background-color: var(--mdc-typography--sunglow, #FFCA28) !important;
}

.mdc-typography--background-white-smoke {
    background-color: #E3F2FD !important;
    /* @alternate */
    background-color: var(--mdc-typography--white-smoke, #E3F2FD) !important;
}

.mdc-typography--background-dodger-blue-2 {
    background-color: #2196F3 !important;
    /* @alternate */
    background-color: var(--mdc-typography--dodger-blue-2, #2196F3) !important;
}
/*#endregion colors*/

.mdc-typography--primary-font-color {
    color: rgba(0,0,0,0.87) !important;
    /* @alternate */
    color: var(--mdc-typography-primary-font-color, rgba(0,0,0,0.87)) !important;
}

.mdc-typography--secondary-font-color {
    color: rgba(0,0,0,0.54) !important;
    /* @alternate */
    color: var(--mdc-typography-secondary-font-color, rgba(0,0,0,0.54)) !important;
}

.mdc-typography--disabled-font-color {
    color: rgba(0,0,0,0.38) !important;
    /* @alternate */
    color: var(--mdc-typography-disabled-color, rgba(0,0,0,0.38)) !important;
    text-decoration: none;
}

.mdc-typography--body-background-color {
    background-color: rgba(0,0,0,0.04) !important;
    /* @alternate */
    background-color: var(--mdc-typography-body-background-color, rgba(0,0,0,0.04)) !important;
}

.mdc-typography--border {
    border: 1px solid rgba(0,0,0,0.12) !important;
    /* @alternate */
    border: var(--mdc-typography-border, 1px solid rgba(0,0,0,0.12)) !important;
}

.mdc-typography--border-color-red {
    border-color: #D50000 !important;
    /* @alternate */
    border-color: var(--mdc-typography-border-color-red, #D50000) !important;
}

.mdc-typography--border-color-violet-blue {
    border-color: #7199f4 !important;
    /* @alternate */
    border-color: var(--mdc-typography-border-color-violet-blue, #7199f4) !important;
}

.mdc-typography--border-color {
    border-color: rgba(0,0,0,0.12) !important;
    /* @alternate */
    border-color: var(--mdc-typography-border-color, rgba(0,0,0,0.12)) !important;
}

.mdc-typography--border-radius {
    border-radius: 4px !important;
    /* @alternate */
    border-radius: var(--mdc-typography-border-radius, 4px) !important;
}

.mdc-typography--seperator-color {
    background-color: rgba(0,0,0,0.12) !important;
    /* @alternate */
    background-color: var(--mdc-typography-seperator-color, rgba(0,0,0,0.12)) !important;
}

.mdc-typography--selection-color {
    background-color: rgba(0,102,193,0.08) !important;
    /* @alternate */
    background-color: var(--mdc-typography-selection-color, rgba(0,102,193,0.08)) !important;
}

.mdc-typography--dark-selection-color {
    background-color: rgba(0,102,193,0.54) !important;
    /* @alternate */
    background-color: var(--mdc-typography-dark-selection-color, rgba(0,102,193,0.54)) !important;
}

.mdc-typography--background-color {
    background-color: rgba(0,0,0,0.08) !important;
    /* @alternate */
    background-color: var(--mdc-typography-background-color, rgba(0,0,0,0.08)) !important;
}


.mdc-typography--box-shadow {
    box-shadow: 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) !important;
    /* @alternate */
    box-shadow: var(--mdc-typography-box-shadow, 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)) !important;
}

.mdc-typography--common {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    /* @alternate */
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-weight: 400;
    /* @alternate */
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: 0.03125em;
    /* @alternate */
    letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
    text-decoration: inherit;
    /* @alternate */
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: inherit;
    /* @alternate */
    text-transform: var(--mdc-typography-body1-text-transform, inherit);
}