@font-face {
    font-display: swap;
    font-family: "visa-font-latin-light";
    src: url(https://usa.visa.com/etc/ui/headless-ui/styles/core/assets/fonts/types/dialect/latin/visa_font_light.woff2)
}

@font-face {
    font-display: swap;
    font-family: "visa-font-latin-regular";
    src: url(https://usa.visa.com/etc/ui/headless-ui/styles/core/assets/fonts/types/dialect/latin/visa_font_regular.woff2)
}

@font-face {
    font-display: swap;
    font-family: "visa-font-latin-semi-bold";
    src: url(https://usa.visa.com/etc/ui/headless-ui/styles/core/assets/fonts/types/dialect/latin/visa_font_semi_bold.woff2)
}

@font-face {
    font-display: swap;
    font-family: "visa-font-greek-light";
    src: url(https://usa.visa.com/etc/ui/headless-ui/styles/core/assets/fonts/types/dialect/greek/visa_font_light.woff2)
}

@font-face {
    font-display: swap;
    font-family: "visa-font-greek-regular";
    src: url(https://usa.visa.com/etc/ui/headless-ui/styles/core/assets/fonts/types/dialect/greek/visa_font_regular.woff2)
}

@font-face {
    font-display: swap;
    font-family: "visa-font-greek-semi-bold";
    src: url(https://usa.visa.com/etc/ui/headless-ui/styles/core/assets/fonts/types/dialect/greek/visa_font_semi_bold.woff2)
}

@font-face {
    font-display: swap;
    font-family: "visa-font-cyrillic-light";
    src: url(https://usa.visa.com/etc/ui/headless-ui/styles/core/assets/fonts/types/dialect/cyrillic/visa_font_light.woff2)
}

@font-face {
    font-display: swap;
    font-family: "visa-font-cyrillic-regular";
    src: url(https://usa.visa.com/etc/ui/headless-ui/styles/core/assets/fonts/types/dialect/cyrillic/visa_font_regular.woff2)
}

@font-face {
    font-display: swap;
    font-family: "visa-font-cyrillic-semi-bold";
    src: url(https://usa.visa.com/etc/ui/headless-ui/styles/core/assets/fonts/types/dialect/cyrillic/visa_font_semi_bold.woff2)
}

:root {
    --classic-primary-color: #1434CB;
    --classic-primary-light-color: #3B57DE;
    --classic-primary-dark-color: #021E4C;
    --classic-secondary-color: #FCC015;
    --classic-secondary-color-light: #FFD700;
    --classic-secondary-color-dark: #F7B600;
    --classic-tertiary-7-color: #2C2C2C;
    --classic-tertiary-6-color: #5C5C5C;
    --classic-tertiary-5-color: #808080;
    --classic-tertiary-4-color: #B9B9B9;
    --classic-tertiary-3-color: #DEDEDE;
    --classic-tertiary-2-color: #EEEEEE;
    --classic-tertiary-1-color: #F7F7F7;
    --classic-primary-text-color: black;
    --classic-secondary-text-color: white;
    --classic-background-color: white;
    --classic-font-latin-light: "visa-font-latin-light";
    --classic-font-latin-semi-bold: "visa-font-latin-semi-bold";
    --classic-font-greek-light: "visa-font-greek-light";
    --classic-font-greek-semi-bold: "visa-font-greek-semi-bold";
    --classic-font-cyrillic-light: "visa-font-cyrillic-light";
    --classic-font-cyrillic-semi-bold: "visa-font-cyrillic-semi-bold";
    --classic-marquee-image-height-small: 180px;
    --classic-marquee-image-height-medium: 300px;
    --classic-marquee-image-height-large: 500px;
    --classic-marquee-image-height: var(--classic-marquee-image-height-small)
}

@media(min-width: 768px) {
    :root {
        --classic-marquee-image-height: var(--classic-marquee-image-height-medium)
    }
}

@media(min-width: 992px) {
    :root {
        --classic-marquee-image-height: var(--classic-marquee-image-height-large)
    }
}

:root.classic {
    --primary-color: var(--classic-primary-color);
    --primary-light-color: var(--classic-primary-light-color);
    --primary-dark-color: var(--classic-primary-dark-color);
    --secondary-color: var(--classic-secondary-color);
    --secondary-light-color: var(--classic-secondary-color-light);
    --secondary-dark-color: var(--classic-secondary-color-dark);
    --tertiary-7-color: var(--classic-tertiary-7-color);
    --tertiary-6-color: var(--classic-tertiary-6-color);
    --tertiary-5-color: var(--classic-tertiary-5-color);
    --tertiary-4-color: var(--classic-tertiary-4-color);
    --tertiary-3-color: var(--classic-tertiary-3-color);
    --tertiary-2-color: var(--classic-tertiary-2-color);
    --tertiary-1-color: var(--classic-tertiary-1-color);
    --container-max-width: 98%;
    --font-light: var(--classic-font-latin-light), var(--classic-font-greek-light), var(--classic-font-cyrillic-light), sans-serif;
    --font-semi-bold: var(--classic-font-latin-semi-bold), var(--classic-font-greek-semi-bold), var(--classic-font-cyrillic-semi-bold), sans-serif;
    --badge-font-weight: 600;
    --button-font-family: var(--font-light);
    --display-font-family: var(--font-semi-bold);
    --dropcap-font-family: var(--font-semi-bold);
    --form-input-font-family: var(--font-light);
    --heading-font-family: var(--font-semi-bold);
    --heading-font-weight: 600;
    --tabs-font-family: var(--font-light);
    --text-font-family: var(--font-light);
    --text-strong-font-family: var(--font-semi-bold);
    --grid-fluid-max-width: var(--container-max-width);
    --link-font-family: var(--font-light);
    --link-strong-font-family: var(--font-semi-bold);
    --header-max-width: 100%;
    --header-desktop-max-width: var(--container-max-width);
    --header-search-max-width: var(--container-max-width);
    --header-search-position: absolute;
    --header-search-position-top: -110px;
    --header-search-position-transition: all 0.35s ease-out;
    --header-search-max-height: auto;
    --header-search-active-position-top: 0px;
    --header-logo-height-small: 18px;
    --header-logo-height-medium: 34px;
    --header-logo-height-large: 34px;
    --header-nav-link-color: var(--tertiary-6-color);
    --header-logo-height: var(--header-logo-height-small);
    --proofpoint-font-family: var(--font-semi-bold);
    --quotes-font-family: var(--font-light);
    --quotes-font-weight: 100;
    --footer-bg-color: var(--tertiary-1-color);
    --footer-header-font-family: var(--font-light);
    --marquee-image-height: var(--classic-marquee-image-height)
}

@media(min-width: 1200px) {
    :root.classic {
        --header-logo-height: var(--header-logo-height-large)
    }
}

:root {
    --ds-classic-primary-color: #1434CB;
    --ds-classic-primary-light-color: #3B57DE;
    --ds-classic-primary-dark-color: #021E4C;
    --ds-classic-secondary-color: #FCC015;
    --ds-classic-secondary-color-light: #FFD700;
    --ds-classic-secondary-color-dark: #F7B600;
    --ds-classic-tertiary-7-color: #2C2C2C;
    --ds-classic-tertiary-6-color: #5C5C5C;
    --ds-classic-tertiary-5-color: #808080;
    --ds-classic-tertiary-4-color: #B9B9B9;
    --ds-classic-tertiary-3-color: #DEDEDE;
    --ds-classic-tertiary-2-color: #EEEEEE;
    --ds-classic-tertiary-1-color: #F7F7F7;
    --ds-classic-white-color: white;
    --ds-classic-font-latin-light: "visa-font-latin-light";
    --ds-classic-font-latin-semi-bold: "visa-font-latin-semi-bold";
    --ds-classic-font-greek-light: "visa-font-greek-light";
    --ds-classic-font-greek-semi-bold: "visa-font-greek-semi-bold";
    --ds-classic-font-cyrillic-light: "visa-font-cyrillic-light";
    --ds-classic-font-cyrillic-semi-bold: "visa-font-cyrillic-semi-bold"
}

:root.classic {
    --ds-primary-color: var(--ds-classic-primary-color);
    --ds-primary-light-color: var(--ds-classic-primary-light-color);
    --ds-primary-dark-color: var(--ds-classic-primary-dark-color);
    --ds-secondary-color: var(--ds-classic-secondary-color);
    --ds-secondary-light-color: var(--ds-classic-secondary-color-light);
    --ds-secondary-dark-color: var(--ds-classic-secondary-color-dark);
    --ds-tertiary-7-color: var(--ds-classic-tertiary-7-color);
    --ds-tertiary-6-color: var(--ds-classic-tertiary-6-color);
    --ds-tertiary-5-color: var(--ds-classic-tertiary-5-color);
    --ds-tertiary-4-color: var(--ds-classic-tertiary-4-color);
    --ds-tertiary-3-color: var(--ds-classic-tertiary-3-color);
    --ds-tertiary-2-color: var(--ds-classic-tertiary-2-color);
    --ds-tertiary-1-color: var(--ds-classic-tertiary-1-color);
    --ds-white-color: var(--ds-classic-white-color);
    --ds-button-font-family: var(--ds-font-light);
    --ds-button-font-weight: 100;
    --ds-link-font-family: var(--ds-font-light);
    --ds-link-font-weight: 100;
    --ds-font-light: var(--ds-classic-font-latin-light), var(--ds-classic-font-greek-light), var(--ds-classic-font-cyrillic-light), sans-serif;
    --ds-font-semi-bold: var(--ds-classic-font-latin-semi-bold), var(--ds-classic-font-greek-semi-bold), var(--ds-classic-font-cyrillic-semi-bold), sans-serif;
    --ds-header-font-family: var(--ds-font-semi-bold);
    --ds-header-alt-color: var(--ds-white-color);
    --ds-header-color: var(--ds-tertiary-7-color);
    --ds-header-font-weight: 600;
    --ds-lead-color: var(--ds-tertiary-7-color);
    --ds-lead-alt-color: var(--ds-white-color);
    --ds-lead-font-family: var(--ds-font-semi-bold);
    --ds-lead-font-weight: 600;
    --ds-text-color: var(--ds-tertiary-7-color);
    --ds-text-font-family: var(--ds-font-light);
    --ds-text-font-weight: 100;
    --ds-strong-font-family: var(--ds-font-semi-bold);
    --ds-strong-font-weight: 600;
    --ds-accordion-font-family: var(--ds-font-semi-bold);
    --ds-accordion-font-weight: 600
}

/*# sourceMappingURL=classic.css.map */
