:root {
    --typeface-title-color: var(--amplify-dark-90);
    --typeface-title-font-family: 'neue-haas-unica', sans-serif;
    --typeface-title-font-size: 2.625rem;
    --typeface-title-font-weight: 600;
    --typeface-title-letter-spacing: -0.013125em;
    --typeface-title-line-height: 3.5em;
    --typeface-title-max-width: 71.25em;

    --typeface-headline-color: var(--amplify-dark-90);
    --typeface-headline-font-family: 'neue-haas-unica', sans-serif;
    --typeface-headline-font-size: 2rem;
    --typeface-headline-font-weight: 600;
    --typeface-headline-letter-spacing: -.008125em;
    --typeface-headline-line-height: 2.25em;
    --typeface-headline-max-width: 67.5em;

    --typeface-subhead-color: var(--amplify-dark-90);
    --typeface-subhead-font-family: 'neue-haas-unica', sans-serif;
    --typeface-subhead-font-size: 1.5rem;
    --typeface-subhead-font-weight: 600;
    --typeface-subhead-letter-spacing: -0.005em;
    --typeface-subhead-line-height: 1.75em;
    --typeface-subhead-max-width: 51.25em;

    --typeface-large-color: var(--amplify-dark-90);
    --typeface-large-font-family: 'proxima-nova', sans-serif;
    --typeface-large-font-size: 1.1875rem;
    --typeface-large-font-weight: normal;
    --typeface-large-letter-spacing: -0.003125em;
    --typeface-large-line-height: 1.5em;
    --typeface-large-max-width: 40em;

    --typeface-regular-color: var(--amplify-dark-90);
    --typeface-regular-font-family: 'proxima-nova', sans-serif;
    --typeface-regular-font-size: 1.0625rem;
    --typeface-regular-font-weight: normal;
    --typeface-regular-letter-spacing: 0;
    --typeface-regular-line-height: 1.375em;
    --typeface-regular-max-width: 36.25em;

    --typeface-small-color: var(--amplify-dark-90);
    --typeface-small-font-family: 'proxima-nova', sans-serif;
    --typeface-small-font-size: 0.875rem;
    --typeface-small-font-weight: normal;
    --typeface-small-letter-spacing: 0.008125em;
    --typeface-small-line-height: 1.125em;
    --typeface-small-max-width: 36.25em;

    --typeface-overline-color: var(--amplify-dark-90);
    --typeface-overline-font-family: 'proxima-nova', sans-serif;
    --typeface-overline-font-size: 0.75rem;
    --typeface-overline-font-weight: 700;
    --typeface-overline-letter-spacing: 0.013125em;
    --typeface-overline-line-height: 1em;
    --typeface-overline-max-width: 36.25em;
    --typeface-overline-text-transform: uppercase;
}

@font-face {
    font-family: 'ui-icons';
    src: url('../fonts/ui-icons.eot?6z49rf');
    src: url('../fonts/ui-icons.eot?6z49rf#iefix') format('embedded-opentype'),
        url('../fonts/ui-icons.ttf?6z49rf') format('truetype'),
        url('../fonts/ui-icons.woff?6z49rf') format('woff'),
        url('../fonts/ui-icons.svg?6z49rf#ui-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'text-security';
    src: url('../fonts/ux-password.eot');
    src: url('../fonts/ux-password.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ux-password.woff') format('woff'),
        url('../fonts/ux-password.ttf') format('truetype'),
        url('../fonts/ux-password.svg#text-security') format('svg');
}

[aurelia-app='main'] [typeface*="title"] {
    background: var(--typeface-title-background);
    border-color: var(--typeface-title-border-color);
    border-style: var(--typeface-title-border-style);
    border-width: var(--typeface-title-border-width);
    color: var(--typeface-title-color);
    flex: var(--typeface-title-flex);
    font-family: var(--typeface-title-font-family);
    font-size: var(--typeface-title-font-size);
    font-weight: var(--typeface-title-font-weight);
    letter-spacing: var(--typeface-title-letter-spacing);
    line-height: var(--typeface-title-line-height);
    margin: var(--typeface-title-margin);
    padding: var(--typeface-title-padding);
    position: var(--typeface-title-position);
    text-align: var(--typeface-title-text-align);
    text-transform: var(--typeface-title-text-transform);
    max-width: var(--typeface-title-max-width);
}

[aurelia-app='main'] [typeface*="headline"] {
    background: var(--typeface-headline-background);
    border-color: var(--typeface-headline-border-color);
    border-style: var(--typeface-headline-border-style);
    border-width: var(--typeface-headline-border-width);
    color: var(--typeface-headline-color);
    flex: var(--typeface-headline-flex);
    font-family: var(--typeface-headline-font-family);
    font-size: var(--typeface-headline-font-size);
    font-weight: var(--typeface-headline-font-weight);
    letter-spacing: var(--typeface-headline-letter-spacing);
    line-height: var(--typeface-headline-line-height);
    margin: var(--typeface-headline-margin);
    padding: var(--typeface-headline-padding);
    position: var(--typeface-headline-position);
    text-align: var(--typeface-headline-text-align);
    text-transform: var(--typeface-headline-text-transform);
    max-width: var(--typeface-headline-max-width);
}

[aurelia-app='main'] [typeface*="subhead"] {
    background: var(--typeface-subhead-background);
    border-color: var(--typeface-subhead-border-color);
    border-style: var(--typeface-subhead-border-style);
    border-width: var(--typeface-subhead-border-width);
    color: var(--typeface-subhead-color);
    flex: var(--typeface-subhead-flex);
    font-family: var(--typeface-subhead-font-family);
    font-size: var(--typeface-subhead-font-size);
    font-weight: var(--typeface-subhead-font-weight);
    letter-spacing: var(--typeface-subhead-letter-spacing);
    line-height: var(--typeface-subhead-line-height);
    margin: var(--typeface-subhead-margin);
    padding: var(--typeface-subhead-padding);
    position: var(--typeface-subhead-position);
    text-align: var(--typeface-subhead-text-align);
    text-transform: var(--typeface-subhead-text-transform);
    max-width: var(--typeface-subhead-max-width);
}

[aurelia-app='main'] [typeface*="large"] {
    background: var(--typeface-large-background);
    border-color: var(--typeface-large-border-color);
    border-style: var(--typeface-large-border-style);
    border-width: var(--typeface-large-border-width);
    color: var(--typeface-large-color);
    flex: var(--typeface-large-flex);
    font-family: var(--typeface-large-font-family);
    font-size: var(--typeface-large-font-size);
    font-weight: var(--typeface-large-font-weight);
    letter-spacing: var(--typeface-large-letter-spacing);
    line-height: var(--typeface-large-line-height);
    margin: var(--typeface-large-margin);
    padding: var(--typeface-large-padding);
    position: var(--typeface-large-position);
    text-align: var(--typeface-large-text-align);
    text-transform: var(--typeface-large-text-transform);
    max-width: var(--typeface-large-max-width);
}

[aurelia-app='main'] [typeface*="regular"] {
    background: var(--typeface-regular-background);
    border-color: var(--typeface-regular-border-color);
    border-style: var(--typeface-regular-border-style);
    border-width: var(--typeface-regular-border-width);
    color: var(--typeface-regular-color);
    flex: var(--typeface-regular-flex);
    font-family: var(--typeface-regular-font-family);
    font-size: var(--typeface-regular-font-size);
    font-weight: var(--typeface-regular-font-weight);
    letter-spacing: var(--typeface-regular-letter-spacing);
    line-height: var(--typeface-regular-line-height);
    margin: var(--typeface-regular-margin);
    padding: var(--typeface-regular-padding);
    position: var(--typeface-regular-position);
    text-align: var(--typeface-regular-text-align);
    text-transform: var(--typeface-regular-text-transform);
    max-width: var(--typeface-regular-max-width);
}

[aurelia-app='main'] [typeface*="small"] {
    background: var(--typeface-small-background);
    border-color: var(--typeface-small-border-color);
    border-style: var(--typeface-small-border-style);
    border-width: var(--typeface-small-border-width);
    color: var(--typeface-small-color);
    flex: var(--typeface-small-flex);
    font-family: var(--typeface-small-font-family);
    font-size: var(--typeface-small-font-size);
    font-weight: var(--typeface-small-font-weight);
    letter-spacing: var(--typeface-small-letter-spacing);
    line-height: var(--typeface-small-line-height);
    margin: var(--typeface-small-margin);
    padding: var(--typeface-small-padding);
    position: var(--typeface-small-position);
    text-align: var(--typeface-small-text-align);
    text-transform: var(--typeface-small-text-transform);
    max-width: var(--typeface-small-max-width);
}

[aurelia-app='main'] [typeface*="overline"] {
    background: var(--typeface-overline-background);
    border-color: var(--typeface-overline-border-color);
    border-style: var(--typeface-overline-border-style);
    border-width: var(--typeface-overline-border-width);
    color: var(--typeface-overline-color);
    flex: var(--typeface-overline-flex);
    font-family: var(--typeface-overline-font-family);
    font-size: var(--typeface-overline-font-size);
    font-weight: var(--typeface-overline-font-weight);
    letter-spacing: var(--typeface-overline-letter-spacing);
    line-height: var(--typeface-overline-line-height);
    margin: var(--typeface-overline-margin);
    padding: var(--typeface-overline-padding);
    position: var(--typeface-overline-position);
    text-align: var(--typeface-overline-text-align);
    text-transform: var(--typeface-overline-text-transform);
    max-width: var(--typeface-overline-max-width);
}

[aurelia-app='main'] [typeface*="normal"] {
    font-weight: normal;
}

[aurelia-app='main'] [typeface*="bold"] {
    font-weight: bold;
}