:root {
    --color-text: #464547 !important;
    --color-text-disabled: #c4c3c2 !important;
    --color-form-header: #141414 !important;
    --color-primary: #0064D6 !important;
    --color-primary-hover: #123688 !important;
    --color-secondary: #ff9e1b !important;
    --color-secondary-hover: #E58400 !important;
    --color-link: #457CED !important;
    --color-white: #fff !important;
    --color-border: #e5e5e5 !important;
    --color-background: #F5F5F5 !important;
    --color-disabled: rgba(154, 153, 152, .12) !important;
    --color-muted: #6D7587 !important;
    --color-tertiary: #3c3c3b !important;
    --color-error: #ec0026 !important;
    --color-error-background: #fde6e9 !important;
    --color-error-border: #fbccd3 !important;
    --color-warning: #F59E38 !important;
    --color-warning-background: #FEF5EB !important;
    --color-warning-border: #FDEBD7 !important;
    --space-underline-nav: 8px !important;
    --height-nav: 72px !important;
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
    --font-size-4xl: 36px !important;
    --font-size-s: 14px !important;
    --font-size-xs: 12px !important;
    --font-size-5xl: 40px !important;
    --font-size-xl: 20px !important;
    --font-size-3xl: 32px !important;
    --font-size-m: 16px !important;
    --font-size-l: 18px !important;
    --font-size-2xl: 24px !important;
    --font-size-2xs: 10px !important;
    --font-size-6xl: 48px !important;
    --font-size-8xl: 64px !important;
    --font-size-7xl: 56px !important;
    --font-weight-light: 300 !important;
    --font-weight-normal: 400 !important;
    --font-weight-medium: 500 !important;
    --font-weight-semibold: 600 !important;
    --font-weight-bold: 700 !important;
    --line-height-normal: 150%;
    --line-height-compact: 125%;
    --line-height-none: 100%;
    --line-height-relaxed: 180%;
    --letter-spacing-relaxed: 0.0056em;
    --letter-spacing-compact: 0.0028em;
    --letter-spacing-normal: 0em;
    --letter-spacing-tight: -0.0056em;
    --letter-spacing-dense: -0.0169em;
    --letter-spacing-loose: 0.0169em;
    --space-space-md: 1rem;
}

@font-face {
    font-family: ofx-icons;
    src: url(/styles/fonts/ofx-icons.woff2) format("woff2"),
        url(/styles/fonts/ofx-icons.woff) format("woff");
    font-weight: var(--font-weight-normal);
    font-style: normal;
}

/* HELPERS */

.display-none {
    display: none !important;
}

.margin-top-zero {
    margin-top: 0px !important;
}

.width-zero-percent {
    width: 0% !important;
}

.font-weight-bold {
    font-weight: var(--font-weight-bold);
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}

/* GLOBAL */

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-family);
    color: var(--color-text);
    background: var(--color-background);
    font-size: var(--font-size-m);

    letter-spacing: var(--letter-spacing-relaxed);
    line-height: var(--line-height-normal);

    padding: 0;
    margin: 0;
}

a {
    color: var(--color-link);
    text-decoration: none;
    font-weight: var(--font-weight-bold);
}

a:hover {
    text-decoration: underline;
}

b {
    font-weight: var(--font-weight-bold);
}