{ "asset": { "logo": { "path": "{assets.baseUrl}brands/racq/logos", "dark": { "src": "{assets.baseUrl}brands/racq/logos/dark/logo.svg", "xs": { "src": "{assets.baseUrl}brands/racq/logos/dark/logo.svg" } }, "light": { "src": "{assets.baseUrl}brands/racq/logos/light/logo.svg", "xs": { "src": "{assets.baseUrl}brands/racq/logos/light/logo.svg" } } }, "font": { "path": "{assets.baseUrl}fonts" }, "favicon": { "path": "{assets.baseUrl}brands/racq/favicon", "16x16": "{assets.baseUrl}brands/racq/favicon/favicon-16x16.png", "32x32": "{assets.baseUrl}brands/racq/favicon/favicon-32x32.png", "android": { "chrome": { "192x192": "{assets.baseUrl}brands/racq/favicon/android-chrome-192x192.png", "512x512": "{assets.baseUrl}brands/racq/favicon/android-chrome-512x512.png" } }, "appleTouch": "{assets.baseUrl}brands/racq/favicon/apple-touch-icon.png", "ico": "{assets.baseUrl}brands/racq/favicon/favicon.ico", "manifest": "{assets.baseUrl}brands/racq/favicon/site.webmanifest" }, "icon": { "core": { "regular": { "url": "{assets.baseUrl}icons/core/regular/icons.css" }, "light": { "url": "{assets.baseUrl}icons/core/light/icons.css" }, "solid": { "url": "{assets.baseUrl}icons/core/solid/icons.css" } }, "platform": { "url": "{assets.baseUrl}icons/product/icons.css" }, "brand": { "core": { "url": "" }, "platform": { "url": "" }, "url": "" } } }, "brand": { "name": "racq" }, "color": { "background": { "white": "#FFFFFF", "black": "#333333", "primary": "#003478", "primaryLight": "#E6ECF0", "secondary": "#0864BC", "secondaryLight": "#E6ECF0", "accent": "#FFE600", "accentLight": "#FFFEF2", "supplementary-1": "#E0E0E0", "supplementary-1Light": "#FDFDFD", "supplementary-2": "#E0E0E0", "supplementary-2Light": "#FDFDFD", "supplementary-3": "#E0E0E0", "supplementary-3Light": "#FDFDFD", "error": "#D82900", "errorLight": "#FCEFEB", "warning": "#C65302", "warningLight": "#EEAC63", "success": "#0E7F4E", "successLight": "#ECF5F1", "information": "#0864BC", "informationLight": "#6BA2D7" }, "border": { "default": "#9AA3AF", "light": "#E6ECF0", "focus": "#003478", "primary": "#003478", "primaryLight": "#5477A5", "secondary": "#0864BC", "secondaryLight": "#77AADA", "accent": "#FFE600", "accentLight": "#FFF500", "supplementary-1": "#E0E0E0", "supplementary-1Light": "#EBEBEB", "supplementary-2": "#E0E0E0", "supplementary-2Light": "#EBEBEB", "supplementary-3": "#E0E0E0", "supplementary-3Light": "#EBEBEB", "error": "#D82900", "errorLight": "#F5A293", "warning": "#C65302", "warningLight": "#EEAC63", "success": "#0E7F4E", "successLight": "#52B2A8", "information": "#0864BC", "informationLight": "#6BA2D7" }, "foundation": { "primary": { "lighter": "#E6ECF0", "light": "#5477A5", "default": "#003478", "dark": "#001F48", "darker": "#000A18", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#0864BC", "neutralSolid": "#EFEFEF" }, "secondary": { "lighter": "#E6ECF0", "light": "#77AADA", "default": "#0864BC", "dark": "#053C71", "darker": "#021426", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#3379BB", "neutralSolid": "#EFEFEF" }, "accent": { "lighter": "#FFFEF2", "light": "#FFF500", "default": "#FFE600", "dark": "#FFCE00", "darker": "#4E4600", "contrast": "#333333", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#FFF500", "neutralSolid": "#3E3E3E" }, "supplementary-1": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#333333", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB", "neutralSolid": "#3E3E3E" }, "supplementary-2": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#333333", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB", "neutralSolid": "#3E3E3E" }, "supplementary-3": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#333333", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB", "neutralSolid": "#3E3E3E" }, "link": { "lighter": "#F3F7FC", "light": "#77AADA", "default": "#0864BC", "dark": "#053C71", "darker": "#021426" }, "neutral": { "white": "#FFFFFF", "grey": "#E6ECF0", "black": "#333333", "lighter": "#F4F7FA", "light": "#EAF0F4", "default": "#E6ECF0", "dark": "#9AA3AF", "darker": "#2E3A4A", "transparent": "rgba(255, 255, 255, 0)" }, "error": { "lighter": "#FCEFEB", "light": "#F5A293", "default": "#D82900", "dark": "#821901", "darker": "#2B0800", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#AD2201", "neutralSolid": "#EFEFEF" }, "success": { "lighter": "#ECF5F1", "light": "#52B2A8", "default": "#0E7F4E", "dark": "#0A5636", "darker": "#05261A", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#0C6C42", "neutralSolid": "#EFEFEF" }, "warning": { "lighter": "#FFF9E0", "light": "#EEAC63", "default": "#C65302", "dark": "#823A02", "darker": "#3B1901", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#A54A02", "neutralSolid": "#EFEFEF" }, "information": { "lighter": "#EBF3FA", "light": "#6BA2D7", "default": "#0864BC", "dark": "#053C71", "darker": "#021426", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#065096", "neutralSolid": "#EFEFEF" }, "greyscale": { "default": "#2E3A4A", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#445163", "neutralSolid": "#EFEFEF" }, "interactive": { "lighter": "#E6ECF0", "light": "#77AADA", "default": "#0864BC", "dark": "#053C71", "darker": "#021426", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#3379BB", "neutralSolid": "#EFEFEF" }, "button": { "default": { "lighter": "#F5F5F6", "light": "#888B8F", "default": "#383E44", "dark": "#222529", "darker": "#000" }, "primary": { "lighter": "#E6ECF0", "light": "#5477A5", "default": "#003478", "dark": "#001F48", "darker": "#000A18", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#0864BC" }, "secondary": { "lighter": "#E6ECF0", "light": "#77AADA", "default": "#0864BC", "dark": "#053C71", "darker": "#021426", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#3379BB" }, "accent": { "lighter": "#FFFEF2", "light": "#FFF500", "default": "#FFE600", "dark": "#FFCE00", "darker": "#4E4600", "contrast": "#003478", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#FFF500" }, "supplementary-1": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#333333", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB" }, "supplementary-2": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#333333", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB" }, "supplementary-3": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#333333", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB" }, "cta-1": { "lighter": "#FFFEF2", "light": "#FFF500", "default": "#FFE600", "dark": "#FFCE00", "darker": "#4E4600", "contrast": "#003478", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#FFF500" }, "cta-2": { "lighter": "{color.foundation.button.primaryOutline.lighter}", "light": "{color.foundation.button.primaryOutline.light}", "default": "{color.foundation.button.primaryOutline.default}", "dark": "{color.foundation.button.primaryOutline.dark}", "darker": "{color.foundation.button.primaryOutline.darker}", "contrast": "{color.foundation.button.primaryOutline.contrast}", "beside": "{color.foundation.button.primaryOutline.beside}", "neutral": "{color.foundation.button.primaryOutline.neutral}", "block": "{color.foundation.button.primaryOutline.block}" }, "cta-3": { "lighter": "#E6ECF0", "light": "#77AADA", "default": "#0864BC", "dark": "#053C71", "darker": "#021426", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#3379BB" }, "interactive": { "lighter": "#E6ECF0", "light": "#77AADA", "default": "#0864BC", "dark": "#053C71", "darker": "#021426", "contrast": "#FFFFFF", "beside": "#333333", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#3379BB", "neutralSolid": "#EFEFEF" } }, "icon": { "light": "#EAF0F4", "default": "#003478" }, "placeholder": "#6b6b6b" }, "global": { "brand": { "primary": { "50": "#E6ECF0", "100": "#CCD6E4", "200": "#99AEC9", "300": "#5477A5", "400": "#335D93", "500": "#003478", "600": "#002A60", "700": "#001F48", "800": "#001530", "900": "#000A18", "950": "#000306" }, "secondary": { "50": "#E6ECF0", "100": "#CEE0F2", "200": "#9CC1E4", "300": "#77AADA", "400": "#3379BB", "500": "#0864BC", "600": "#065096", "700": "#053C71", "800": "#03284B", "900": "#021426", "950": "#000509" }, "accent": { "50": "#FFFEF2", "100": "#FFFACC", "200": "#FFF599", "300": "#FFF500", "400": "#FFEB33", "500": "#FFE600", "600": "#E8CC00", "700": "#FFCE00", "800": "#7A6A00", "900": "#4E4600", "950": "#242200" }, "supplementary-1": { "50": "#FDFDFD", "100": "#F9F9F9", "200": "#F3F3F3", "300": "#EBEBEB", "400": "#E5E5E5", "500": "#E0E0E0", "600": "#BEBEBE", "700": "#898989", "800": "#5A5A5A", "900": "#2D2D2D", "950": "#0B0B0B" }, "supplementary-2": { "50": "#FDFDFD", "100": "#F9F9F9", "200": "#F3F3F3", "300": "#EBEBEB", "400": "#E5E5E5", "500": "#E0E0E0", "600": "#BEBEBE", "700": "#898989", "800": "#5A5A5A", "900": "#2D2D2D", "950": "#0B0B0B" }, "supplementary-3": { "50": "#FDFDFD", "100": "#F9F9F9", "200": "#F3F3F3", "300": "#EBEBEB", "400": "#E5E5E5", "500": "#E0E0E0", "600": "#BEBEBE", "700": "#898989", "800": "#5A5A5A", "900": "#2D2D2D", "950": "#0B0B0B" }, "link": { "50": "#F3F7FC", "100": "#CEE0F2", "200": "#9CC1E4", "300": "#77AADA", "400": "#3379BB", "500": "#0864BC", "600": "#065096", "700": "#053C71", "800": "#03284B", "900": "#021426", "950": "#000509" } }, "system": { "black": "#333333", "white": "#FFFFFF", "transparent": "rgba(255, 255, 255, 0)", "neutral": { "light": "rgba(255, 255, 255, 0.15)", "dark": "rgba(0, 0, 0, 0.075)", "solid": { "light": "#EFEFEF", "dark": "#3E3E3E" } }, "backdrop": { "dark": "rgba(43, 46, 56, 0.9)", "light": "rgba(255, 255, 255, 0.9)" }, "grey": { "50": "#F9FBFC", "100": "#F4F7FA", "200": "#EEF2F6", "300": "#EAF0F4", "400": "#E8EDF3", "500": "#E6ECF0", "525": "#D8E0E5", "550": "#BAC5CF", "575": "#AAB7C3", "600": "#9BA9B6", "700": "#9AA3AF", "800": "#445163", "900": "#2E3A4A", "950": "#1A222D" }, "red": { "50": "#FCEFEB", "100": "#F7D4CC", "200": "#F2B7A8", "300": "#F5A293", "400": "#D83C18", "500": "#D82900", "600": "#AD2201", "700": "#821901", "800": "#561100", "900": "#2B0800", "950": "#0B0200" }, "green": { "50": "#ECF5F1", "100": "#D7EDE6", "200": "#A8D7CA", "300": "#52B2A8", "400": "#128750", "500": "#0E7F4E", "600": "#0C6C42", "700": "#0A5636", "800": "#083F29", "900": "#05261A", "950": "#02140E" }, "orange": { "50": "#FFF9E0", "100": "#FBE3C2", "200": "#F5C892", "300": "#EEAC63", "400": "#E68E32", "500": "#C65302", "600": "#A54A02", "700": "#823A02", "800": "#5F2901", "900": "#3B1901", "950": "#1D0C00" }, "blue": { "50": "#EBF3FA", "100": "#CEE0F2", "200": "#9CC1E4", "300": "#6BA2D7", "400": "#2878C5", "500": "#0864BC", "600": "#065096", "700": "#053C71", "800": "#03284B", "900": "#021426", "950": "#000509" } } }, "interactive": { "default": { "backgroundColor": "#FFFFFF", "borderColor": "#333333", "color": "#333333", "icon": "#0864BC" }, "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#0864BC", "color": "#0864BC", "icon": "#0864BC" }, "checked": { "backgroundColor": "#0864BC", "borderColor": "#0864BC", "color": "#FFFFFF", "icon": "#FFFFFF" }, "checkedFocus": { "backgroundColor": "#0864BC", "borderColor": "#0864BC", "color": "#FFFFFF", "icon": "#FFFFFF" }, "focus": { "backgroundColor": "#FFFFFF", "borderColor": "#0864BC", "color": "#333333", "icon": "#0864BC" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#9AA3AF", "color": "#9AA3AF", "icon": "#9AA3AF" }, "error": { "backgroundColor": "#FFFFFF", "borderColor": "#D82900", "color": "#333333", "icon": "#333333" }, "success": { "backgroundColor": "#FFFFFF", "borderColor": "#0E7F4E", "color": "#333333", "icon": "#333333" } }, "text": { "heading": "#333333", "headline": "#333333", "body": "#333333", "subheading": "#333333", "default": "#333333", "white": "#FFFFFF", "black": "#333333", "light": "#2E3A4A", "disabled": "#9AA3AF", "primary": "#003478", "primaryLight": "#5477A5", "secondary": "#0864BC", "secondaryLight": "#77AADA", "accent": "#FFE600", "accentLight": "#FFF500", "supplementary-1": "#E0E0E0", "supplementary-1Light": "#EBEBEB", "supplementary-2": "#E0E0E0", "supplementary-2Light": "#EBEBEB", "supplementary-3": "#E0E0E0", "supplementary-3Light": "#EBEBEB", "error": "#D82900", "warning": "#C65302", "success": "#0E7F4E", "information": "#0864BC", "placeholder": "#6b6b6b" } }, "grid": { "breakpoint": { "sm": "576px", "md": "768px", "lg": "992px", "xl": "1200px" }, "maxWidth": { "xs": "100%", "sm": "960px", "md": "960px", "lg": "960px", "xl": "1140px" } }, "typography": { "primary": { "url": "'https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap'", "fontFamily": "Fira Sans, sans-serif" }, "secondary": { "url": "'https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap'", "fontFamily": "Fira Sans, sans-serif" }, "tertiary": { "url": "'https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap'", "fontFamily": "Fira Sans, sans-serif" }, "heading": { "fontFamily": "Fira Sans, sans-serif", "fontWeight": "600", "color": "#333333", "lineHeight": "1.25", "url": "'https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap'", "h1": { "color": "#333333", "fontSize": { "xs": "1.625rem", "sm": "1.75rem", "md": "1.875rem", "lg": "2rem" }, "lineHeight": { "xs": "1.3", "sm": "1.3", "md": "1.3", "lg": "1.3" } }, "h2": { "color": "#333333", "fontSize": { "xs": "1.375rem", "sm": "1.5rem", "md": "1.625rem", "lg": "1.75rem" }, "lineHeight": { "xs": "1.35", "sm": "1.35", "md": "1.3", "lg": "1.3" } }, "h3": { "color": "#333333", "fontSize": { "xs": "1.25rem", "sm": "1.25rem", "md": "1.375rem", "lg": "1.5rem" }, "lineHeight": { "xs": "1.4", "sm": "1.4", "md": "1.35", "lg": "1.35" } }, "h4": { "color": "#333333", "fontSize": { "xs": "1.125rem", "sm": "1.125rem", "md": "1.125rem", "lg": "1.25rem" }, "lineHeight": { "xs": "1.45", "sm": "1.45", "md": "1.45", "lg": "1.4" } }, "h5": { "color": "#333333", "fontSize": { "xs": "1rem", "sm": "1rem", "md": "1rem", "lg": "1rem" }, "lineHeight": { "xs": "1.5", "sm": "1.5", "md": "1.5", "lg": "1.5" } }, "h6": { "color": "#333333", "fontSize": { "xs": ".875rem", "sm": ".875rem", "md": ".875rem", "lg": ".875rem" }, "lineHeight": { "xs": "1.5", "sm": "1.5", "md": "1.5", "lg": "1.5" } } }, "headline": { "fontFamily": "Fira Sans, sans-serif", "fontWeight": "600", "url": "'https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap'", "color": "#333333", "fontSize": { "xs": "1.875rem", "sm": "2.125rem", "md": "2.375rem", "lg": "2.625rem" }, "lineHeight": { "xs": "1.3", "sm": "1.3", "md": "1.3", "lg": "1.3" }, "compact": { "fontSize": { "xs": "1.75rem", "sm": "1.875rem", "md": "2rem", "lg": "2.25rem" }, "lineHeight": { "xs": "1.3", "sm": "1.3", "md": "1.3", "lg": "1.3" } } }, "body": { "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400", "color": "#333333", "url": "'https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap'", "lineHeight": "1.5" }, "subheading": { "fontFamily": "Fira Sans, sans-serif", "fontWeight": "400", "url": "'https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap'", "color": "#333333", "fontSize": { "xs": "1.125rem", "sm": "1.125rem", "md": "1.25rem", "lg": "1.25rem" }, "lineHeight": { "xs": "1.45", "sm": "1.45", "md": "1.4", "lg": "1.4" } } }, "borderRadius": { "0": "0", "100": "2px", "200": "4px", "300": "8px", "400": "12px", "500": "16px", "550": "24px", "600": "32px", "650": "40px", "700": "48px", "750": "56px", "800": "64px", "850": "72px", "900": "80px", "950": "88px", "1000": "96px" }, "borderWidth": { "0": "0", "100": "1px", "200": "2px", "400": "4px", "800": "8px" }, "boxShadow": { "100": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px", "200": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px", "300": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px", "400": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px" }, "fontSize": { "100": "0.75rem", "200": "0.875rem", "300": "1rem", "400": "1.125rem", "500": "1.25rem", "600": "1.5rem", "700": "1.75rem", "800": "2.375rem", "900": "3.25rem", "1000": "4rem" }, "fontWeight": { "100": "100", "200": "200", "300": "300", "400": "400", "500": "500", "600": "600", "700": "700", "800": "800", "900": "900" }, "lineHeight": { "100": "1.25", "200": "1.5", "300": "1.65", "auto": "auto", "none": "1" }, "spacing": { "0": "0", "100": "4px", "200": "8px", "300": "12px", "400": "16px", "500": "20px", "600": "24px", "700": "32px", "800": "40px", "900": "48px", "1000": "56px", "1100": "64px", "1200": "80px", "1300": "96px", "1400": "112px", "1500": "128px" }, "accordion": { "fontFamily": "Fira Sans, sans-serif", "border": "1px solid #BAC5CF", "borderRadius": "0", "padding": "0.75rem 0 0.75rem 0.75rem", "spacing": "0", "button": { "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "700", "color": "#333333", "backgroundColor": "transparent", "icon": { "color": "#003478", "fontSize": "1.25rem", "marginRight": "12px" }, "hover": { "color": "#333333", "backgroundColor": "rgba(0, 0, 0, 0.075)", "icon": { "color": "#003478" } }, "focus": { "color": "#333333", "backgroundColor": "transparent", "icon": { "color": "#003478" }, "boxShadow": "inset 0 0 0 2px #fff,inset 0 0 0 4px #003478,inset 0 0 #003478" } }, "selected": { "color": "#333333" }, "content": { "backgroundColor": "transparent", "color": "#333333", "marginbottom": "0", "padding": "0.75rem" }, "inverse": { "border": "1px solid #E6ECF0", "button": { "backgroundColor": "transparent", "color": "#FFFFFF", "icon": { "color": "#EAF0F4" }, "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#FFFFFF", "icon": { "color": "#EAF0F4" } }, "focus": { "backgroundColor": "transparent", "color": "#FFFFFF", "icon": { "color": "#EAF0F4" } }, "selected": { "color": "#FFFFFF" } }, "content": { "backgroundColor": "transparent", "color": "#FFFFFF" } } }, "alert": { "fontSize": "1rem", "lineheight": "1.5", "borderWidth": "1px", "borderRadius": "4px", "color": "#333333", "padding": "16px", "heading": { "fontFamily": "Fira Sans, sans-serif", "fontWeight": "600", "fontSize": "1rem", "color": "#333333" }, "icon": { "color": "#003478" }, "information": { "backgroundColor": "#EBF3FA", "borderColor": "#EBF3FA", "icon": { "color": "#0864BC" } }, "success": { "backgroundColor": "#ECF5F1", "borderColor": "#ECF5F1", "icon": { "color": "#0E7F4E" } }, "warning": { "backgroundColor": "#FFF9E0", "borderColor": "#FFF9E0", "icon": { "color": "#C65302" } }, "error": { "backgroundColor": "#FCEFEB", "borderColor": "#FCEFEB", "icon": { "color": "#D82900" } }, "focus": { "outline": "2px solid #333333" } }, "autocomplete": { "color": "#333333", "border": "1px solid #9AA3AF", "backgroundColor": "#FFFFFF", "fontSize": "1rem", "fontFamily": "Fira Sans, sans-serif", "icon": { "color": "#333333" }, "button": { "color": "#333333", "clear": { "backgroundColor": "#FFFFFF" }, "hover": { "backgroundColor": "#EFEFEF", "color": "#0864BC" }, "focus": { "backgroundColor": "#EFEFEF", "color": "#0864BC" }, "error": { "borderColor": "#D82900", "outline": "#D82900" } }, "success": { "borderColor": "#0E7F4E", "outline": "#0E7F4E" } }, "badge": { "backgroundColor": "#2E3A4A", "borderColor": "#2E3A4A", "borderRadius": "0.25rem", "borderWidth": "1px", "color": "#FFFFFF", "fontFamily": "Fira Sans, sans-serif", "fontSize": "0.875rem", "fontWeight": "400", "padding": "0.15rem 0.5rem", "light": { "color": "#333333", "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0" }, "lighter": { "color": "#333333", "backgroundColor": "#EAF0F4", "borderColor": "#EAF0F4" }, "outline": { "color": "#2E3A4A", "backgroundColor": "transparent", "borderColor": "#2E3A4A" }, "text": { "color": "#2E3A4A", "backgroundColor": "transparent", "borderColor": "transparent" }, "inverse": { "color": "#003478", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "outlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "textInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "primary": { "color": "#FFFFFF", "backgroundColor": "#003478", "borderColor": "#003478" }, "primaryLight": { "color": "#333333", "backgroundColor": "#5477A5", "borderColor": "#5477A5" }, "primaryLighter": { "color": "#333333", "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0" }, "primaryOutline": { "color": "#003478", "backgroundColor": "transparent", "borderColor": "#003478" }, "primaryText": { "color": "#003478", "backgroundColor": "transparent", "borderColor": "transparent" }, "primaryInverse": { "color": "#003478", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "primaryOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "primaryTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "secondary": { "color": "#FFFFFF", "backgroundColor": "#0864BC", "borderColor": "#0864BC" }, "secondaryLight": { "color": "#333333", "backgroundColor": "#77AADA", "borderColor": "#77AADA" }, "secondaryLighter": { "color": "#333333", "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0" }, "secondaryOutline": { "color": "#0864BC", "backgroundColor": "transparent", "borderColor": "#0864BC" }, "secondaryText": { "color": "#0864BC", "backgroundColor": "transparent", "borderColor": "transparent" }, "secondaryInverse": { "color": "#0864BC", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "secondaryOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "secondaryTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "accent": { "color": "#333333", "backgroundColor": "#FFE600", "borderColor": "#FFE600" }, "accentLight": { "color": "#333333", "backgroundColor": "#FFF500", "borderColor": "#FFF500" }, "accentLighter": { "color": "#333333", "backgroundColor": "#FFFEF2", "borderColor": "#FFFEF2" }, "accentOutline": { "color": "#FFE600", "backgroundColor": "transparent", "borderColor": "#FFE600" }, "accentText": { "color": "#FFE600", "backgroundColor": "transparent", "borderColor": "transparent" }, "accentInverse": { "color": "#FFE600", "backgroundColor": "#333333", "borderColor": "#333333" }, "accentOutlineInverse": { "color": "#333333", "backgroundColor": "transparent", "borderColor": "#333333" }, "accentTextInverse": { "color": "#333333", "backgroundColor": "transparent", "borderColor": "transparent" }, "information": { "color": "#FFFFFF", "backgroundColor": "#0864BC", "borderColor": "#0864BC" }, "informationLight": { "color": "#333333", "backgroundColor": "#6BA2D7", "borderColor": "#6BA2D7" }, "informationLighter": { "color": "#333333", "backgroundColor": "#EBF3FA", "borderColor": "#EBF3FA" }, "informationOutline": { "color": "#0864BC", "backgroundColor": "transparent", "borderColor": "#0864BC" }, "informationText": { "color": "#0864BC", "backgroundColor": "transparent", "borderColor": "transparent" }, "informationInverse": { "color": "#0864BC", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "informationOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "informationTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "success": { "color": "#FFFFFF", "backgroundColor": "#0E7F4E", "borderColor": "#0E7F4E" }, "successLight": { "color": "#333333", "backgroundColor": "#52B2A8", "borderColor": "#52B2A8" }, "successLighter": { "color": "#333333", "backgroundColor": "#ECF5F1", "borderColor": "#ECF5F1" }, "successOutline": { "color": "#0E7F4E", "backgroundColor": "transparent", "borderColor": "#0E7F4E" }, "successText": { "color": "#0E7F4E", "backgroundColor": "transparent", "borderColor": "transparent" }, "successInverse": { "color": "#0E7F4E", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "successOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "successTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "warning": { "color": "#FFFFFF", "backgroundColor": "#C65302", "borderColor": "#C65302" }, "warningLight": { "color": "#333333", "backgroundColor": "#EEAC63", "borderColor": "#EEAC63" }, "warningLighter": { "color": "#333333", "backgroundColor": "#FFF9E0", "borderColor": "#FFF9E0" }, "warningOutline": { "color": "#C65302", "backgroundColor": "transparent", "borderColor": "#C65302" }, "warningText": { "color": "#C65302", "backgroundColor": "transparent", "borderColor": "transparent" }, "warningInverse": { "color": "#C65302", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "warningOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "warningTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "error": { "color": "#FFFFFF", "backgroundColor": "#D82900", "borderColor": "#D82900" }, "errorLight": { "color": "#333333", "backgroundColor": "#F5A293", "borderColor": "#F5A293" }, "errorLighter": { "color": "#333333", "backgroundColor": "#FCEFEB", "borderColor": "#FCEFEB" }, "errorOutline": { "color": "#D82900", "backgroundColor": "transparent", "borderColor": "#D82900" }, "errorText": { "color": "#D82900", "backgroundColor": "transparent", "borderColor": "transparent" }, "errorInverse": { "color": "#D82900", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "errorOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "errorTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-1": { "color": "#333333", "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0" }, "supplementary-1Light": { "color": "#333333", "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB" }, "supplementary-1Lighter": { "color": "#333333", "backgroundColor": "#FDFDFD", "borderColor": "#FDFDFD" }, "supplementary-1Outline": { "color": "#E0E0E0", "backgroundColor": "transparent", "borderColor": "#E0E0E0" }, "supplementary-1Text": { "color": "#E0E0E0", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-1Inverse": { "color": "#E0E0E0", "backgroundColor": "#333333", "borderColor": "#333333" }, "supplementary-1OutlineInverse": { "color": "#333333", "backgroundColor": "transparent", "borderColor": "#333333" }, "supplementary-1TextInverse": { "color": "#333333", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-2": { "color": "#333333", "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0" }, "supplementary-2Light": { "color": "#333333", "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB" }, "supplementary-2Lighter": { "color": "#333333", "backgroundColor": "#FDFDFD", "borderColor": "#FDFDFD" }, "supplementary-2Outline": { "color": "#E0E0E0", "backgroundColor": "transparent", "borderColor": "#E0E0E0" }, "supplementary-2Text": { "color": "#E0E0E0", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-2Inverse": { "color": "#E0E0E0", "backgroundColor": "#333333", "borderColor": "#333333" }, "supplementary-2OutlineInverse": { "color": "#333333", "backgroundColor": "transparent", "borderColor": "#333333" }, "supplementary-2TextInverse": { "color": "#333333", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-3": { "color": "#333333", "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0" }, "supplementary-3Light": { "color": "#333333", "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB" }, "supplementary-3Lighter": { "color": "#333333", "backgroundColor": "#FDFDFD", "borderColor": "#FDFDFD" }, "supplementary-3Outline": { "color": "#E0E0E0", "backgroundColor": "transparent", "borderColor": "#E0E0E0" }, "supplementary-3Text": { "color": "#E0E0E0", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-3Inverse": { "color": "#E0E0E0", "backgroundColor": "#333333", "borderColor": "#333333" }, "supplementary-3OutlineInverse": { "color": "#333333", "backgroundColor": "transparent", "borderColor": "#333333" }, "supplementary-3TextInverse": { "color": "#333333", "backgroundColor": "transparent", "borderColor": "transparent" } }, "banner": { "backgroundColor": "#003478", "color": "#FFFFFF", "primary": { "backgroundColor": "#003478", "color": "#FFFFFF" }, "secondary": { "backgroundColor": "#0864BC", "color": "#FFFFFF" }, "accent": { "backgroundColor": "#FFE600", "color": "#333333" } }, "buttonGroup": { "marginRight": "0.5rem", "marginBottom": "1rem" }, "button": { "accent": { "backgroundColor": "#FFE600", "borderColor": "#FFE600", "color": "#003478", "hover": { "backgroundColor": "#FFF500", "borderColor": "#FFF500", "color": "#003478" }, "active": { "backgroundColor": "#FFF500", "borderColor": "#FFF500", "color": "#003478" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px dashed #FFE600" } }, "accentOutline": { "backgroundColor": "transparent", "borderColor": "#FFE600", "color": "#FFE600", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "#FFE600", "color": "#FFE600" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "#FFE600", "color": "#FFE600" } }, "accentText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#FFE600", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "rgba(255, 255, 255, 0.15)", "color": "#FFE600" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "rgba(255, 255, 255, 0.15)", "color": "#FFE600" } }, "accentInverse": { "backgroundColor": "#003478", "borderColor": "#003478", "color": "#FFE600", "hover": { "backgroundColor": "transparent", "borderColor": "#003478", "color": "#003478" }, "active": { "backgroundColor": "transparent", "borderColor": "#003478", "color": "#003478" }, "focus": { "outline": "2px dashed #003478" } }, "accentOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#003478", "color": "#003478", "hover": { "backgroundColor": "#003478", "borderColor": "#003478", "color": "#FFE600" }, "active": { "backgroundColor": "#003478", "borderColor": "#003478", "color": "#FFE600" } }, "accentTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#003478", "hover": { "backgroundColor": "#003478", "borderColor": "#003478", "color": "#FFE600" }, "active": { "backgroundColor": "#003478", "borderColor": "#003478", "color": "#FFE600" } }, "cta-1": { "backgroundColor": "#FFE600", "borderColor": "#FFE600", "color": "#003478", "hover": { "backgroundColor": "#FFF500", "borderColor": "#FFF500", "color": "#003478" }, "active": { "backgroundColor": "#FFF500", "borderColor": "#FFF500", "color": "#003478" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px dashed #003478" } }, "cta-2": { "backgroundColor": "transparent", "borderColor": "{color.foundation.button.primaryOutline.default}", "color": "{color.foundation.button.primaryOutline.default}", "hover": { "backgroundColor": "{color.foundation.button.primaryOutline.neutral}", "borderColor": "{color.foundation.button.primaryOutline.default}", "color": "{color.foundation.button.primaryOutline.default}" }, "active": { "backgroundColor": "{color.foundation.button.primaryOutline.neutral}", "borderColor": "{color.foundation.button.primaryOutline.default}", "color": "{color.foundation.button.primaryOutline.default}" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px dashed #003478" } }, "cta-3": { "backgroundColor": "#0864BC", "borderColor": "#0864BC", "color": "#FFFFFF", "hover": { "backgroundColor": "#3379BB", "borderColor": "#3379BB", "color": "#FFFFFF" }, "active": { "backgroundColor": "#3379BB", "borderColor": "#3379BB", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px dashed #003478" } }, "default": { "backgroundColor": "#383E44", "borderColor": "#383E44", "color": "#F5F5F6", "hover": { "backgroundColor": "#222529", "borderColor": "#222529", "color": "#F5F5F6" }, "active": { "backgroundColor": "#F5F5F6", "borderColor": "#383E44", "color": "#383E44" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px dashed #383E44" } }, "defaultOutline": { "backgroundColor": "transparent", "borderColor": "#383E44", "color": "#383E44", "hover": { "backgroundColor": "#F5F5F6", "borderColor": "#383E44", "color": "#383E44" }, "active": { "backgroundColor": "#383E44", "borderColor": "#383E44", "color": "#F5F5F6" } }, "defaultText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#383E44", "hover": { "backgroundColor": "#F5F5F6", "borderColor": "#F5F5F6", "color": "#383E44" }, "active": { "backgroundColor": "#383E44", "borderColor": "#383E44", "color": "#F5F5F6" } }, "defaultInverse": { "backgroundColor": "#F5F5F6", "borderColor": "#F5F5F6", "color": "#383E44", "hover": { "backgroundColor": "#383E44", "borderColor": "#383E44", "color": "#F5F5F6" }, "active": { "backgroundColor": "#F5F5F6", "borderColor": "#F5F5F6", "color": "#383E44" }, "focus": { "outline": "2px dashed #F5F5F6" } }, "defaultOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#F5F5F6", "color": "#F5F5F6", "hover": { "backgroundColor": "#F5F5F6", "borderColor": "#F5F5F6", "color": "#383E44" }, "active": { "backgroundColor": "#888B8F", "borderColor": "#888B8F", "color": "#F5F5F6" } }, "defaultTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#F5F5F6", "hover": { "backgroundColor": "#F5F5F6", "borderColor": "#F5F5F6", "color": "#383E44" }, "active": { "backgroundColor": "#888B8F", "borderColor": "#888B8F", "color": "#F5F5F6" } }, "destructive": { "backgroundColor": "#D82900", "borderColor": "#D82900", "color": "#FFFFFF", "hover": { "backgroundColor": "#AD2201", "borderColor": "#AD2201", "color": "#FFFFFF" }, "active": { "backgroundColor": "#AD2201", "borderColor": "#AD2201", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px dashed #003478" } }, "destructiveOutline": { "backgroundColor": "transparent", "borderColor": "#D82900", "color": "#D82900", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#D82900", "color": "#D82900" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#D82900", "color": "#D82900" } }, "destructiveText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#D82900", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#D82900" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#D82900" } }, "destructiveInverse": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#D82900", "hover": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "active": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "focus": { "outline": "2px dashed #FFFFFF" } }, "destructiveOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#D82900" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#D82900" } }, "destructiveTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#D82900" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#D82900" } }, "height": "48px", "fontFamily": "Fira Sans, sans-serif", "borderRadius": "4px", "borderWidth": "1px", "fontWeight": "500", "fontSize": "1rem", "textTransform": "none", "paddingRight": "1.5rem", "paddingLeft": "1.5rem", "transition": "background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease", "interactive": { "backgroundColor": "#0864BC", "borderColor": "#0864BC", "color": "#FFFFFF", "hover": { "backgroundColor": "#3379BB", "borderColor": "#3379BB", "color": "#FFFFFF" }, "active": { "backgroundColor": "#3379BB", "borderColor": "#3379BB", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px dashed #003478" } }, "interactiveOutline": { "backgroundColor": "transparent", "borderColor": "#0864BC", "color": "#0864BC", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#0864BC", "color": "#0864BC" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#0864BC", "color": "#0864BC" } }, "interactiveText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#0864BC", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#0864BC" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#0864BC" } }, "interactiveInverse": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#0864BC", "hover": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "active": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "focus": { "outline": "2px dashed #FFFFFF" } }, "interactiveOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#0864BC" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#0864BC" } }, "interactiveTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#0864BC" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#0864BC" } }, "link": { "color": "#0864BC", "backgroundColor": "transparent", "borderRadius": "0", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#0864BC" }, "focus": { "backgroundColor": "transparent", "color": "#0864BC" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#0864BC" }, "disabled": { "backgroundColor": "#F3F7FC", "color": "#77AADA" } }, "linkInverse": { "backgroundColor": "transparent", "color": "#FFFFFF", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#FFFFFF" }, "focus": { "backgroundColor": "transparent", "color": "#FFFFFF" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#F3F7FC", "color": "#77AADA" } }, "primary": { "backgroundColor": "#003478", "borderColor": "#003478", "color": "#FFFFFF", "hover": { "backgroundColor": "#0864BC", "borderColor": "#0864BC", "color": "#FFFFFF" }, "active": { "backgroundColor": "#0864BC", "borderColor": "#0864BC", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px dashed #003478" } }, "primaryOutline": { "backgroundColor": "transparent", "borderColor": "#003478", "color": "#003478", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#003478", "color": "#003478" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#003478", "color": "#003478" } }, "primaryText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#003478", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#003478" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#003478" } }, "primaryInverse": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#003478", "hover": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "active": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "focus": { "outline": "2px dashed #FFFFFF" } }, "primaryOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#003478" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#003478" } }, "primaryTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#003478" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#003478" } }, "secondary": { "backgroundColor": "#0864BC", "borderColor": "#0864BC", "color": "#FFFFFF", "hover": { "backgroundColor": "#3379BB", "borderColor": "#3379BB", "color": "#FFFFFF" }, "active": { "backgroundColor": "#3379BB", "borderColor": "#3379BB", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px dashed #003478" } }, "secondaryOutline": { "backgroundColor": "transparent", "borderColor": "#0864BC", "color": "#0864BC", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#0864BC", "color": "#0864BC" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#0864BC", "color": "#0864BC" } }, "secondaryText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#0864BC", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#0864BC" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#0864BC" } }, "secondaryInverse": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#0864BC", "hover": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "active": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "focus": { "outline": "2px dashed #FFFFFF" } }, "secondaryOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#0864BC" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#0864BC" } }, "secondaryTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#0864BC" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#0864BC" } }, "size": { "xs": { "fontSize": "1rem", "padding": "0 0.5rem", "height": "2rem" }, "sm": { "fontSize": "1rem", "padding": "0 0.75rem", "height": "2.25rem" }, "md": { "fontSize": "1rem", "padding": "0 1rem", "height": "2.5rem" }, "lg": { "fontSize": "1rem", "padding": "0 1.25rem", "height": "2.75rem" } }, "supplementary-1": { "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0", "color": "#333333", "hover": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#333333" }, "active": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#333333" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px solid #E0E0E0" }, "outline": { "backgroundColor": "transparent", "borderColor": "#E0E0E0", "color": "#E0E0E0", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "#E0E0E0", "color": "#E0E0E0" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "#E0E0E0", "color": "#E0E0E0" } }, "text": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#E0E0E0", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "rgba(255, 255, 255, 0.15)", "color": "#E0E0E0" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "rgba(255, 255, 255, 0.15)", "color": "#E0E0E0" } }, "inverse": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0", "hover": { "backgroundColor": "transparent", "borderColor": "#333333", "color": "#333333" }, "active": { "backgroundColor": "transparent", "borderColor": "#333333", "color": "#333333" }, "focus": { "outline": "2px solid #E0E0E0" } }, "outlineInverse": { "backgroundColor": "transparent", "borderColor": "#333333", "color": "#333333", "hover": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" }, "active": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" } }, "textInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#333333", "hover": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" }, "active": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" } } }, "supplementary-2": { "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0", "color": "#333333", "hover": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#333333" }, "active": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#333333" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px solid #E0E0E0" }, "outline": { "backgroundColor": "transparent", "borderColor": "#E0E0E0", "color": "#E0E0E0", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "#E0E0E0", "color": "#E0E0E0" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "#E0E0E0", "color": "#E0E0E0" } }, "text": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#E0E0E0", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "rgba(255, 255, 255, 0.15)", "color": "#E0E0E0" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "rgba(255, 255, 255, 0.15)", "color": "#E0E0E0" } }, "inverse": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0", "hover": { "backgroundColor": "transparent", "borderColor": "#333333", "color": "#333333" }, "active": { "backgroundColor": "transparent", "borderColor": "#333333", "color": "#333333" }, "focus": { "outline": "2px solid #E0E0E0" } }, "outlineInverse": { "backgroundColor": "transparent", "borderColor": "#333333", "color": "#333333", "hover": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" }, "active": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" } }, "textInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#333333", "hover": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" }, "active": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" } } }, "supplementary-3": { "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0", "color": "#333333", "hover": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#333333" }, "active": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#333333" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "outline": "2px solid #E0E0E0" }, "outline": { "backgroundColor": "transparent", "borderColor": "#E0E0E0", "color": "#E0E0E0", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "#E0E0E0", "color": "#E0E0E0" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "#E0E0E0", "color": "#E0E0E0" } }, "text": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#E0E0E0", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "rgba(255, 255, 255, 0.15)", "color": "#E0E0E0" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "rgba(255, 255, 255, 0.15)", "color": "#E0E0E0" } }, "inverse": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0", "hover": { "backgroundColor": "transparent", "borderColor": "#333333", "color": "#333333" }, "active": { "backgroundColor": "transparent", "borderColor": "#333333", "color": "#333333" }, "focus": { "outline": "2px solid #E0E0E0" } }, "outlineInverse": { "backgroundColor": "transparent", "borderColor": "#333333", "color": "#333333", "hover": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" }, "active": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" } }, "textInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#333333", "hover": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" }, "active": { "backgroundColor": "#333333", "borderColor": "#333333", "color": "#E0E0E0" } } } }, "checkbox": { "input": { "size": "24px", "borderWidth": "2px", "borderRadius": "4px", "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#333333" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "color": "#333333", "padding": "0.625rem 0.5rem 0.625rem 2.25rem", "backgroundColor": "transparent", "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400" }, "hover": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#0864BC" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "color": "#333333", "backgroundColor": "rgba(0, 0, 0, 0.075)" } }, "focus": { "input": { "outline": "2px solid #333333", "borderRadius": "4px" } }, "error": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#D82900" }, "inner": { "borderColor": "#FFFFFF" } } }, "disabled": { "input": { "outer": { "backgroundColor": "#E6ECF0", "borderColor": "#9AA3AF" }, "inner": { "borderColor": "#9AA3AF" } }, "label": { "color": "#9AA3AF" } }, "checked": { "input": { "outer": { "backgroundColor": "#0864BC", "borderColor": "#0864BC" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "color": "#333333", "fontWeight": "700" } }, "outline": { "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#333333" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "borderWidth": "1px", "borderColor": "#333333", "padding": "1rem 1rem 1rem 3.2rem", "backgroundColor": "#FFFFFF", "color": "#333333", "borderRadius": "6px" }, "hover": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#0864BC" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "color": "#333333", "borderColor": "#0864BC", "backgroundColor": "#EFEFEF" } }, "focus": { "label": { "outline": "2px dashed #003478" } }, "error": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#D82900" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "borderColor": "#D82900" } }, "disabled": { "input": { "outer": { "backgroundColor": "#E6ECF0", "borderColor": "#9AA3AF" }, "inner": { "borderColor": "#9AA3AF" } }, "label": { "color": "#9AA3AF", "borderColor": "#9AA3AF", "backgroundColor": "#E6ECF0" } }, "checked": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "inner": { "borderColor": "#0864BC" } }, "label": { "color": "#FFFFFF", "backgroundColor": "#0864BC", "borderColor": "#0864BC" } } } }, "consentBanner": { "backgroundColor": "#FFFFFF", "borderRadius": "24px", "boxShadow": "rgba(0, 0, 0, 0.3) 0px 3px 12px", "closeButton": { "icon": { "color": "#003478" }, "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "icon": { "color": "#003478" } } }, "margin": { "xs": { "default": "8px", "bottom": "16px" }, "sm": { "default": "8px", "bottom": "16px" }, "md": { "default": "16px", "bottom": "16px" }, "lg": { "default": "16px", "bottom": "16px" } }, "maxWidth": { "xs": "100%", "sm": "100%", "md": "100%", "lg": "1140px" }, "padding": "24px 32px 24px 24px" }, "container": { "maxWidth": { "xs": "100%", "sm": "960px", "md": "960px", "lg": "960px", "xl": "1140px" }, "padding": { "xs": "0 1rem", "sm": "0 1rem", "md": "0 1rem", "lg": "0 1rem", "xl": "0 1rem" } }, "datepicker": { "height": "48px", "focus": { "borderColor": "#005FCC" }, "color": "#333333", "border": "1px solid #9AA3AF", "borderRadius": "6px", "backgroundColor": "#FFFFFF", "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400", "padding": "11px 11px 9px", "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#0864BC", "color": "#333333" }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#9AA3AF", "color": "#9AA3AF" }, "error": { "borderColor": "#D82900" }, "success": { "borderColor": "#0E7F4E" }, "calendar": { "backgroundColor": "#FFFFFF", "boxShadow": "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)", "icon": { "color": "#0864BC" }, "month": { "color": "#333333" }, "week": { "color": "#333333" }, "day": { "color": "#333333", "hover": { "backgroundColor": "#EFEFEF" }, "selected": { "backgroundColor": "#0864BC", "borderColor": "#0864BC", "color": "#FFFFFF" }, "current": { "borderColor": "#445163" } }, "navButton": { "color": "#0864BC" }, "year": { "color": "#333333", "hover": { "backgroundColor": "#EFEFEF" }, "selected": { "backgroundColor": "#0864BC", "borderColor": "#0864BC", "color": "#FFFFFF" }, "current": { "borderColor": "#445163" } } }, "placeholder": { "color": "#6b6b6b" } }, "divider": { "borderColor": "#9AA3AF", "borderWidth": "1px", "color": "#333333", "inverse": { "borderColor": "#FFFFFF", "color": "#FFFFFF" } }, "drawer": { "backdrop": { "backgroundColor": "rgba(43, 46, 56, 0.9)" }, "backgroundColor": "#FFFFFF", "borderRadius": "0", "padding": { "xs": "40px 40px 16px 16px", "sm": "40px 40px 24px 24px", "md": "40px 40px 32px 32px", "lg": "40px 40px 32px 32px" }, "leftMargin": "16px", "closeButton": { "icon": { "color": "#003478" }, "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "icon": { "color": "#003478" } } }, "header": { "paddingBottom": "12px" }, "content": { "paddingBottom": "12px" } }, "footer": { "backgroundColor": "#445163", "borderRadius": { "xs": "0", "sm": "0", "md": "0", "lg": "0" }, "color": "#FFFFFF", "fontFamily": "Fira Sans, sans-serif", "fontSize": "0.875rem", "padding": { "xs": "1.5rem 0", "sm": "1.5rem 0", "md": "1.5rem 0", "lg": "1.5rem 0" }, "link": { "color": "#FFFFFF", "fontWeight": "400", "hover": { "color": "#FFFFFF" } } }, "header": { "backgroundColor": "#FFFFFF", "boxShadow": "none", "height": { "xs": "57px", "sm": "80px", "md": "80px", "lg": "113px" }, "padding": { "xs": "0 0", "sm": "0 0", "md": "0 0", "lg": "0 0" }, "heading": { "color": "#333333", "fontSize": { "xs": "1.25rem", "sm": "1.5rem", "md": "1.75rem", "lg": "1.75rem" }, "padding": { "xs": "0 0", "sm": "0 2rem", "md": "0 2rem", "lg": "0 2rem" } }, "dark": { "backgroundColor": "#003478", "heading": { "color": "#FFFFFF" } }, "light": { "backgroundColor": "#FFFFFF", "heading": { "color": "#333333" } } }, "icon": { "color": "#003478", "fontWeight": "400", "fontFamily": "regular", "light": { "color": "#EAF0F4" } }, "inputGroup": { "backgroundColor": "#E6ECF0" }, "inputStepper": { "borderRadius": "6px", "height": "48px", "button": { "backgroundColor": "#FFFFFF", "border": "1px solid #9AA3AF", "color": "#333333", "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#9AA3AF", "color": "#9AA3AF" }, "error": { "backgroundColor": "#FFFFFF", "borderColor": "#D82900", "color": "#333333" }, "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#0864BC", "color": "#0864BC" } } }, "input": { "height": "48px", "color": "#333333", "padding": "0 12px", "borderColor": "#333333", "border": "1px solid #9AA3AF", "borderRadius": "6px", "backgroundColor": "#FFFFFF", "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400", "transition": "background-color 0.3s ease, border-color 0.3s ease", "placeholder": { "color": "#6b6b6b" }, "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#0864BC", "color": "#333333" }, "disabled": { "borderColor": "#9AA3AF", "backgroundColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "borderColor": "#0864BC", "backgroundColor": "#FFFFFF", "color": "#333333", "outline": "2px solid #0864BC" }, "error": { "borderColor": "#D82900", "outline": "#D82900", "backgroundColor": "#FFFFFF", "color": "#333333" }, "success": { "borderColor": "#0E7F4E", "outline": "#0E7F4E", "backgroundColor": "#FFFFFF", "color": "#333333" } }, "label": { "color": "#333333", "fontSize": "1rem", "fontWeight": "700", "fontFamily": "Fira Sans, sans-serif", "lineHeight": "1.5" }, "legend": { "color": "#333333", "fontSize": "1rem", "fontWeight": "700", "fontFamily": "Fira Sans, sans-serif", "lineHeight": "1.5" }, "link": { "color": "#0864BC", "backgroundColor": "transparent", "borderRadius": "0", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#0864BC" }, "focus": { "backgroundColor": "transparent", "color": "#0864BC", "outline": "2px dashed #003478" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#0864BC" }, "disabled": { "backgroundColor": "#F3F7FC", "color": "#77AADA" }, "inverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#FFFFFF" }, "focus": { "backgroundColor": "transparent", "color": "#FFFFFF", "outline": "2px dashed #FFFFFF" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#F3F7FC", "color": "#77AADA" } } }, "loader": { "color": "#003478" }, "logo": { "background": "url({assets.baseUrl}brands/racq/logos/dark/logo.svg)", "width": "168px", "height": "38px", "xs": { "background": "url({assets.baseUrl}brands/racq/logos/dark/logo.svg)", "width": "168px", "height": "38px" }, "light": { "background": "url({assets.baseUrl}brands/racq/logos/light/logo.svg)", "xs": { "background": "url({assets.baseUrl}brands/racq/logos/light/logo.svg)" } }, "dark": { "background": "url({assets.baseUrl}brands/racq/logos/dark/logo.svg)", "xs": { "background": "url({assets.baseUrl}brands/racq/logos/dark/logo.svg)" } } }, "main": { "backgroundColor": "#FFFFFF" }, "message": { "fontFamily": "Fira Sans, sans-serif", "fontSize": "0.875rem", "information": { "color": "#0864BC" }, "success": { "color": "#0E7F4E" }, "warning": { "color": "#C65302" }, "error": { "color": "#D82900" } }, "modal": { "backdrop": { "backgroundColor": "rgba(43, 46, 56, 0.9)" }, "backgroundColor": "#FFFFFF", "padding": "32px", "borderRadius": "0", "button": { "icon": { "color": "#003478" }, "hover": { "icon": { "color": "#003478" }, "backgroundColor": "rgba(0, 0, 0, 0.075)" } } }, "notificationCounter": { "backgroundColor": "#D82900", "borderColor": "#D82900", "borderWidth": "1px", "borderRadius": "18px", "color": "#FFFFFF", "font": { "url": "'https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap'", "fontFamily": "Fira Sans, sans-serif" }, "fontSize": "0.75rem", "fontWeight": "400", "lineHeight": "1", "min-width": "18px", "padding": "2px" }, "password": { "button": { "color": "#333333", "hover": { "backgroundColor": "#EFEFEF", "color": "#0864BC" }, "focus": { "backgroundColor": "#FFFFFF", "color": "#333333" } } }, "price": { "default": { "fontWeight": "400", "fontSize": { "xs": "44px", "sm": "44px", "md": "64px", "lg": "64px" }, "cents": { "fontWeight": "400", "fontSize": { "xs": "65%", "sm": "65%", "md": "65%", "lg": "65%" } }, "currency": { "fontSize": "65%", "fontWeight": "400", "top": { "xs": "-0.5rem", "sm": "-0.5rem", "md": "-0.7rem", "lg": "-0.7rem" } } }, "small": { "fontWeight": "400", "fontSize": { "xs": "30px", "sm": "30px", "md": "44px", "lg": "44px" }, "cents": { "fontSize": { "xs": "65%", "sm": "65%", "md": "65%", "lg": "65%" } }, "currency": { "fontWeight": "400", "fontSize": "65%", "top": { "xs": "-0.3rem", "sm": "-0.3rem", "md": "-0.5rem", "lg": "-0.5rem" } } } }, "progressIndicator": { "borderWidth": "2px", "fontFamily": "Fira Sans, sans-serif", "fontWeight": "400", "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px", "complete": { "backgroundColor": "transparent", "borderColor": "#003478", "color": "#003478" }, "active": { "backgroundColor": "#003478", "borderColor": "#003478", "color": "#FFFFFF", "fontWeight": "600" }, "incomplete": { "backgroundColor": "transparent", "borderColor": "#444444", "color": "#444444" }, "mobileLabel": { "margin": "0 0 8px 8px" }, "progressLine": { "borderRadius": "0", "dashed": "2px", "gap": "2px", "height": "1px", "left": "24px", "solid": "4px", "style": "4px", "width": "100%", "complete": { "backgroundColor": "#003478" }, "incomplete": { "backgroundColor": "#444444" } }, "stepIndicator": { "font": { "url": "'https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap'", "fontFamily": "Fira Sans, sans-serif" }, "fontSize": "1rem", "height": "48px", "size": "1.9rem", "textIndent": "0" }, "button": { "color": "#333333", "backgroundColor": "transparent", "borderRadius": "4px", "padding": "0px 6px", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#333333" }, "focus": { "color": "#333333", "outline": "#0864BC" } }, "vertical": { "stepLabel": { "paddingRight": "16px" }, "fontSize": { "xs": "1.125rem", "sm": "1.125rem", "md": "1.125rem", "lg": "1.25rem" }, "fontWeight": "600", "fontFamily": "Fira Sans, sans-serif", "heading": { "color": "#333333" } } }, "progressLoader": { "backdrop": { "backgroundColor": "rgba(255, 255, 255, 0.9)" }, "color": "#333333", "label": { "order": "1", "fontFamily": "Fira Sans, sans-serif", "fontSize": { "xs": "1rem", "sm": "1rem", "md": "1rem", "lg": "1rem" }, "fontWeight": "600", "margin": "0 0 0.25rem 0" }, "progressBar": { "borderColor": "#9AA3AF", "borderRadius": "4px", "backgroundColor": "#FFFFFF", "order": "2" }, "progressValue": { "borderRadius": "4px", "backgroundColor": "#0864BC", "height": "8px" }, "inline": { "label": { "margin": "0 0 0.5rem 0" }, "progressBar": { "borderColor": "#9AA3AF" }, "progressValue": { "backgroundColor": "#0864BC", "height": "8px" } } }, "radioBlock": { "backgroundColor": "#FFFFFF", "border": "1px solid #333333", "borderRadius": "6px", "color": "#333333", "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400", "height": "48px", "hover": { "color": "#0864BC", "borderColor": "#0864BC", "backgroundColor": "#EFEFEF" }, "focus": { "outline": "2px dashed #003478" }, "error": { "borderColor": "#D82900" }, "disabled": { "backgroundColor": "#E6ECF0", "color": "#9AA3AF", "borderColor": "#9AA3AF" }, "checked": { "color": "#FFFFFF", "backgroundColor": "#0864BC", "borderWidth": "1px", "fontWeight": "700", "borderColor": "#0864BC" } }, "radio": { "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#333333" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "color": "#333333", "padding": "0.625rem 0.5rem 0.625rem 2.25rem", "backgroundColor": "transparent", "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400" }, "hover": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#0864BC" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "color": "#333333", "backgroundColor": "rgba(0, 0, 0, 0.075)" } }, "focus": { "input": { "outline": "2px dashed #003478" } }, "error": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#D82900" }, "inner": { "backgroundColor": "#FFFFFF" } } }, "disabled": { "input": { "outer": { "backgroundColor": "#E6ECF0", "borderColor": "#9AA3AF" }, "inner": { "backgroundColor": "#9AA3AF" } }, "label": { "color": "#9AA3AF" } }, "checked": { "input": { "outer": { "backgroundColor": "#0864BC", "borderColor": "#0864BC" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "color": "#333333", "fontWeight": "700" } }, "outline": { "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#333333" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "borderWidth": "1px", "borderColor": "#333333", "padding": "1rem 1rem 1rem 3.2rem", "backgroundColor": "#FFFFFF", "color": "#333333", "borderRadius": "6px" }, "hover": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#0864BC" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "color": "#333333", "backgroundColor": "#EFEFEF", "borderColor": "#0864BC" } }, "focus": { "label": { "outline": "2px dashed #003478" } }, "error": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#D82900" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "borderColor": "#D82900" } }, "disabled": { "input": { "outer": { "backgroundColor": "#E6ECF0", "borderColor": "#9AA3AF" }, "inner": { "backgroundColor": "#9AA3AF" } }, "label": { "backgroundColor": "#E6ECF0", "color": "#9AA3AF", "borderColor": "#9AA3AF" } }, "checked": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "inner": { "backgroundColor": "#0864BC" } }, "label": { "color": "#FFFFFF", "backgroundColor": "#0864BC", "borderColor": "#0864BC" } } } }, "segmentedControl": { "backgroundColor": "#FFFFFF", "minHeight": "48px", "minWidth": "7.5rem", "padding": "0 .75rem", "border": "1px solid #333333", "borderColor": "#333333", "borderRadius": "10px", "borderWidth": "1px solid", "color": "#333333", "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400", "block": { "borderRadius": "10px" }, "hover": { "color": "#0864BC", "borderColor": "#0864BC", "backgroundColor": "#EFEFEF" }, "focus": { "border": "2px solid #0864BC" }, "error": { "borderColor": "#D82900" }, "disabled": { "backgroundColor": "#E6ECF0", "color": "#9AA3AF", "borderColor": "#9AA3AF", "checked": { "color": "#FFFFFF" } }, "checked": { "color": "#FFFFFF", "backgroundColor": "#0864BC", "fontWeight": "700", "borderColor": "#0864BC" }, "radio": { "backgroundColor": "#FFFFFF", "border": "1px solid #333333", "borderColor": "#333333", "borderWidth": "1px solid", "color": "#333333", "padding": "0.75rem", "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#333333" }, "inner": { "backgroundColor": "#FFFFFF" } }, "hover": { "color": "#0864BC", "borderColor": "#0864BC", "backgroundColor": "#EFEFEF", "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#0864BC" } } }, "disabled": { "backgroundColor": "#E6ECF0", "borderColor": "#9AA3AF", "color": "#9AA3AF", "input": { "outer": { "backgroundColor": "#E6ECF0", "borderColor": "#9AA3AF" }, "inner": { "backgroundColor": "#9AA3AF" } }, "checked": { "color": "#FFFFFF", "input": { "outer": { "borderColor": "#E6ECF0" } } } }, "checked": { "color": "#FFFFFF", "backgroundColor": "#0864BC", "borderColor": "#0864BC", "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "inner": { "backgroundColor": "#0864BC", "borderColor": "#9AA3AF" } } }, "error": { "checked": { "input": { "inner": { "backgroundColor": "#0864BC", "borderColor": "#0864BC" }, "outer": { "backgroundColor": "#D82900" } } }, "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#D82900" } } }, "block": { "label": { "padding": "0.75rem 3rem 0.75rem" } } } }, "select": { "height": "48px", "color": "#333333", "padding": "0 12px", "border": "1px solid #9AA3AF", "icon": { "color": "#333333" }, "borderRadius": "6px", "backgroundColor": "#FFFFFF", "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400", "transition": "background-color 0.3s ease, border-color 0.3s ease", "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#0864BC", "color": "#333333" }, "disabled": { "borderColor": "#9AA3AF", "backgroundColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "borderColor": "#0864BC", "backgroundColor": "#FFFFFF", "color": "#333333", "outline": "2px solid #0864BC" }, "error": { "borderColor": "#D82900", "backgroundColor": "#FFFFFF", "color": "#333333" }, "success": { "borderColor": "#0E7F4E", "backgroundColor": "#FFFFFF", "color": "#333333" } }, "spinner": { "stroke": "#0864BC", "inverse": { "stroke": "#FFFFFF" }, "fixed": { "background": "transparent" } }, "tab": { "borderColor": "#003478", "borderRadius": "0 0 0 0", "borderWidth": "1px", "button": { "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400", "color": "#333333", "textAlign": "left" }, "content": { "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "backgroundColor": "#FFFFFF", "padding": "16px", "borderStyle": "none", "xs": { "borderWidth": "1px", "padding": "0 1rem 1rem" } }, "inactive": { "backgroundColor": "transparent", "borderWidth": "0 0 1px", "color": "#333333", "icon": { "color": "#003478" } }, "selected": { "backgroundColor": "#FFFFFF", "borderWidth": "1px 1px 0", "boxShadow": "none", "color": "#333333", "fontWeight": "700", "icon": { "color": "#003478" } }, "hover": { "color": "#333333", "backgroundColor": "rgba(0, 0, 0, 0.075)", "icon": { "color": "#003478" } }, "focus": { "color": "#333333", "backgroundColor": "#FFFFFF", "boxShadow": "inset 0 0 0 2px #fff,inset 0 0 0 4px #003478,inset 0 0 #003478", "icon": { "color": "#003478" } }, "icon": { "color": "#003478" }, "inverse": { "borderColor": "#E6ECF0", "button": { "color": "#FFFFFF" }, "color": "#FFFFFF", "content": { "backgroundColor": "transparent", "color": "#FFFFFF" }, "inactive": { "backgroundColor": "transparent", "color": "#FFFFFF", "icon": { "color": "#EAF0F4" } }, "selected": { "backgroundColor": "transparent", "color": "#FFFFFF", "boxShadow": "none", "icon": { "color": "#EAF0F4" } }, "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#FFFFFF", "icon": { "color": "#EAF0F4" } }, "icon": { "color": "#EAF0F4" }, "focus": { "icon": { "color": "#EAF0F4" } }, "scroll": { "button": { "backgroundColor": "transparent", "color": "#EAF0F4", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#EAF0F4" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#EAF0F4" } } } }, "scroll": { "button": { "backgroundColor": "transparent", "borderWidth": "1px", "borderRadius": "0 0 0 0", "color": "#003478", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#003478" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#003478" } } } }, "textarea": { "color": "#333333", "padding": "12px", "border": "1px solid #9AA3AF", "borderRadius": "6px", "backgroundColor": "#FFFFFF", "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400", "transition": "background-color 0.3s ease, border-color 0.3s ease", "placeholder": { "color": "#6b6b6b" }, "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#0864BC", "color": "#333333" }, "disabled": { "borderColor": "#9AA3AF", "backgroundColor": "#E6ECF0", "color": "#9AA3AF" }, "focus": { "borderColor": "#0864BC", "backgroundColor": "#FFFFFF", "color": "#333333", "outline": "2px solid #0864BC" }, "error": { "borderColor": "#D82900", "outline": "#D82900", "backgroundColor": "#FFFFFF", "color": "#333333" }, "success": { "borderColor": "#0E7F4E", "outline": "#0E7F4E", "backgroundColor": "#FFFFFF", "color": "#333333" } }, "toggle": { "label": { "color": "#333333", "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "700", "marginLeft": "1.5rem", "marginRight": ".5rem", "hover": { "color": "#333333" }, "checked": { "color": "#333333" }, "error": { "color": "#333333" }, "disabled": { "color": "#9AA3AF", "checked": { "color": "#9AA3AF" } } }, "thumb": { "backgroundColor": "#333333", "size": "24px", "hover": { "backgroundColor": "#333333" }, "checked": { "backgroundColor": "#FFFFFF", "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px", "transform": "translateX(22px)" }, "error": { "backgroundColor": "#333333" }, "disabled": { "backgroundColor": "#9AA3AF", "checked": { "backgroundColor": "#E6ECF0" } } }, "track": { "width": "56px", "backgroundColor": "#FFFFFF", "border": "1px solid #333333", "borderRadius": "64px", "hover": { "backgroundColor": "#EFEFEF", "border": "1px solid #0864BC" }, "focus": { "outline": "2px solid #333333" }, "checked": { "backgroundColor": "#0864BC", "border": "1px solid #0864BC" }, "error": { "backgroundColor": "#FFFFFF", "border": "1px solid #D82900" }, "disabled": { "backgroundColor": "#E6ECF0", "border": "1px solid #9AA3AF", "checked": { "backgroundColor": "#9AA3AF", "border": "1px solid #9AA3AF" } } } }, "tooltip": { "arrow": { "color": "#2E3A4A" }, "backgroundColor": "#2E3A4A", "borderColor": "#2E3A4A", "borderWidth": "1px", "borderRadius": "4px", "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px", "color": "#FFFFFF", "fontFamily": "Fira Sans, sans-serif", "fontSize": "1rem", "fontWeight": "400", "lineHeight": "1.5", "padding": "16px 16px" } }