{ "asset": { "logo": { "path": "{assets.baseUrl}brands/nrma/logos", "dark": { "src": "{assets.baseUrl}brands/nrma/logos/dark/logo.svg", "xs": { "src": "{assets.baseUrl}brands/nrma/logos/mobile/dark/logo.svg" } }, "light": { "src": "{assets.baseUrl}brands/nrma/logos/light/logo.svg", "xs": { "src": "{assets.baseUrl}brands/nrma/logos/mobile/light/logo.svg" } } }, "font": { "path": "{assets.baseUrl}fonts" }, "favicon": { "path": "{assets.baseUrl}brands/nrma/favicon", "16x16": "{assets.baseUrl}brands/nrma/favicon/favicon-16x16.png", "32x32": "{assets.baseUrl}brands/nrma/favicon/favicon-32x32.png", "android": { "chrome": { "192x192": "{assets.baseUrl}brands/nrma/favicon/android-chrome-192x192.png", "512x512": "{assets.baseUrl}brands/nrma/favicon/android-chrome-512x512.png" } }, "appleTouch": "{assets.baseUrl}brands/nrma/favicon/apple-touch-icon.png", "ico": "{assets.baseUrl}brands/nrma/favicon/favicon.ico", "manifest": "{assets.baseUrl}brands/nrma/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": "{assets.baseUrl}brands/nrma/icons/core/icons.css" }, "platform": { "url": "{assets.baseUrl}brands/nrma/icons/product/icons.css" }, "url": "" } } }, "brand": { "name": "nrma" }, "color": { "background": { "white": "#FFFFFF", "black": "#222222", "primary": "#010C66", "primaryLight": "#F2F3F9", "secondary": "#D7D667", "secondaryLight": "#FAFAEA", "accent": "#91BF9E", "accentLight": "#EDF4F0", "supplementary-1": "#F9AE97", "supplementary-1Light": "#FFF8F7", "supplementary-2": "#CCCEE0", "supplementary-2Light": "#E6E7F0", "supplementary-3": "#E0E0E0", "supplementary-3Light": "#FDFDFD", "error": "#A93532", "errorLight": "#FFEBEB", "warning": "#C54B14", "warningLight": "#DD9676", "success": "#186336", "successLight": "#DFF8E6", "information": "#257688", "informationLight": "#82BECB" }, "border": { "default": "#8F8A8A", "light": "#F7F1EA", "focus": "#010C66", "primary": "#010C66", "primaryLight": "#D9DBE9", "secondary": "#D7D667", "secondaryLight": "#F0F0C4", "accent": "#91BF9E", "accentLight": "#CEE1D6", "supplementary-1": "#F9AE97", "supplementary-1Light": "#FBCEC1", "supplementary-2": "#CCCEE0", "supplementary-2Light": "#CCCEE0", "supplementary-3": "#E0E0E0", "supplementary-3Light": "#EBEBEB", "error": "#A93532", "errorLight": "#E36D6B", "warning": "#C54B14", "warningLight": "#DD9676", "success": "#186336", "successLight": "#57C187", "information": "#257688", "informationLight": "#82BECB" }, "foundation": { "primary": { "lighter": "#F2F3F9", "light": "#D9DBE9", "default": "#010C66", "dark": "#00084E", "darker": "#00092E", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(3,57,139, 0.10)", "block": "#00084E", "neutralSolid": "#EAEDF3" }, "secondary": { "lighter": "#FAFAEA", "light": "#F0F0C4", "default": "#D7D667", "dark": "#757511", "darker": "#56560D", "contrast": "#010C66", "beside": "#F7F1EA", "neutral": "rgba(238, 236, 186, 0.20)", "block": "#B7B658", "neutralSolid": "#434305" }, "accent": { "lighter": "#EDF4F0", "light": "#CEE1D6", "default": "#91BF9E", "dark": "#5A7A68", "darker": "#405549", "contrast": "#010C66", "beside": "#F7F1EA", "neutral": "rgba(237,244,240, 0.20)", "block": "#7BA286", "neutralSolid": "#405549" }, "supplementary-1": { "lighter": "#FFF8F7", "light": "#FBCEC1", "default": "#F9AE97", "dark": "#CA7D66", "darker": "#733320", "contrast": "#010C66", "beside": "#F7F1EA", "neutral": "rgba(255,236,230, 0.20)", "block": "#DD9782", "neutralSolid": "#360E03" }, "supplementary-2": { "lighter": "#E6E7F0", "light": "#CCCEE0", "default": "#CCCEE0", "dark": "#999EC2", "darker": "#62689B", "contrast": "#010C66", "beside": "#F7F1EA", "neutral": "rgba(230,231,240, 0.20)", "block": "#B3B7DA", "neutralSolid": "#40467A" }, "supplementary-3": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#222222", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB", "neutralSolid": "#3E3E3E" }, "link": { "lighter": "#F2F3F9", "light": "#D9DBE9", "default": "#010C66", "dark": "#00084E", "darker": "#00092E" }, "neutral": { "white": "#FFFFFF", "grey": "#F7F1EA", "black": "#222222", "lighter": "#FDFCFB", "light": "#FDFAF9", "default": "#F7F1EA", "dark": "#8F8A8A", "darker": "#3B3939", "transparent": "rgba(255, 255, 255, 0)" }, "error": { "lighter": "#FFEBEB", "light": "#E36D6B", "default": "#A93532", "dark": "#852220", "darker": "#410003", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#860000", "neutralSolid": "#EFEFEF" }, "success": { "lighter": "#DFF8E6", "light": "#57C187", "default": "#186336", "dark": "#00391A", "darker": "#032111", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#005228", "neutralSolid": "#EFEFEF" }, "warning": { "lighter": "#FFF6D5", "light": "#DD9676", "default": "#C54B14", "dark": "#773010", "darker": "#281005", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#9E4016", "neutralSolid": "#EFEFEF" }, "information": { "lighter": "#E3F4F8", "light": "#82BECB", "default": "#257688", "dark": "#1C5865", "darker": "#051013", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#216776", "neutralSolid": "#EFEFEF" }, "greyscale": { "default": "#3B3939", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#737171", "neutralSolid": "#EFEFEF" }, "interactive": { "lighter": "#F2F3F9", "light": "#D9DBE9", "default": "#010C66", "dark": "#00084E", "darker": "#00092E", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(3,57,139, 0.10)", "block": "#00084E", "neutralSolid": "#EAEDF3" }, "button": { "default": { "lighter": "#F5F5F6", "light": "#888B8F", "default": "#383E44", "dark": "#222529", "darker": "#000" }, "primary": { "lighter": "#F2F3F9", "light": "#D9DBE9", "default": "#010C66", "dark": "#00084E", "darker": "#00092E", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(3,57,139, 0.10)", "block": "#00084E" }, "secondary": { "lighter": "#FAFAEA", "light": "#F0F0C4", "default": "#D7D667", "dark": "#757511", "darker": "#56560D", "contrast": "#010C66", "beside": "#F7F1EA", "neutral": "rgba(238, 236, 186, 0.20)", "block": "#B7B658" }, "accent": { "lighter": "#EDF4F0", "light": "#CEE1D6", "default": "#91BF9E", "dark": "#5A7A68", "darker": "#405549", "contrast": "#010C66", "beside": "#F7F1EA", "neutral": "rgba(237,244,240, 0.20)", "block": "#7BA286" }, "supplementary-1": { "lighter": "#FFF8F7", "light": "#FBCEC1", "default": "#F9AE97", "dark": "#CA7D66", "darker": "#733320", "contrast": "#010C66", "beside": "#F7F1EA", "neutral": "rgba(255,236,230, 0.20)", "block": "#DD9782" }, "supplementary-2": { "lighter": "#E6E7F0", "light": "#CCCEE0", "default": "#CCCEE0", "dark": "#999EC2", "darker": "#62689B", "contrast": "#010C66", "beside": "#F7F1EA", "neutral": "rgba(230,231,240, 0.20)", "block": "#B3B7DA" }, "supplementary-3": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#222222", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB" }, "cta-1": { "lighter": "#F2F3F9", "light": "#D9DBE9", "default": "#010C66", "dark": "#00084E", "darker": "#00092E", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(3,57,139, 0.10)", "block": "#00084E" }, "cta-2": { "lighter": "#F2F3F9", "light": "#D9DBE9", "default": "#010C66", "dark": "#00084E", "darker": "#00092E", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(3,57,139, 0.10)", "block": "#00084E" }, "cta-3": { "lighter": "#EDF4F0", "light": "#CEE1D6", "default": "#91BF9E", "dark": "#5A7A68", "darker": "#405549", "contrast": "#010C66", "beside": "#F7F1EA", "neutral": "rgba(237,244,240, 0.20)", "block": "#7BA286" }, "interactive": { "lighter": "#F2F3F9", "light": "#D9DBE9", "default": "#010C66", "dark": "#00084E", "darker": "#00092E", "contrast": "#F7F1EA", "beside": "#010C66", "neutral": "rgba(3,57,139, 0.10)", "block": "#00084E", "neutralSolid": "#EAEDF3" } }, "icon": { "light": "#F7F1EA", "default": "#010C66" }, "placeholder": "#6b6b6b" }, "global": { "brand": { "primary": { "50": "#F2F3F9", "100": "#EBEEF3", "200": "#E4EAF0", "300": "#D9DBE9", "400": "#999EC2", "500": "#010C66", "600": "#000A63", "700": "#00084E", "800": "#000746", "900": "#00092E", "950": "#000105" }, "secondary": { "50": "#FAFAEA", "100": "#F9F8E3", "200": "#F3F1C8", "300": "#F0F0C4", "400": "#E5E389", "500": "#D7D667", "600": "#B7B658", "700": "#757511", "800": "#625E0F", "900": "#56560D", "950": "#0B0B06" }, "accent": { "50": "#EDF4F0", "100": "#E9F2EC", "200": "#DCEAE0", "300": "#CEE1D6", "400": "#BDD9C5", "500": "#91BF9E", "600": "#7BA286", "700": "#5A7A68", "800": "#4F6154", "900": "#405549", "950": "#070A08" }, "supplementary-1": { "50": "#FFF8F7", "100": "#FEEFEA", "200": "#FDDFD5", "300": "#FBCEC1", "400": "#FABEAC", "500": "#F9AE97", "600": "#DD9782", "700": "#CA7D66", "800": "#9A5540", "900": "#733320", "950": "#3C1E15" }, "supplementary-2": { "50": "#F5F5F9", "100": "#EEEEF5", "200": "#E6E7F0", "300": "#DEDFEB", "400": "#D4D5E5", "500": "#CCCEE0", "600": "#B3B7DA", "700": "#999EC2", "800": "#858AB5", "900": "#62689B", "950": "#40467A" }, "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": "#F2F3F9", "100": "#EBEEF3", "200": "#E4EAF0", "300": "#D9DBE9", "400": "#999EC2", "500": "#010C66", "600": "#000A63", "700": "#00084E", "800": "#000746", "900": "#00092E", "950": "#000105" } }, "system": { "black": "#222222", "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": "#FEFEFF", "100": "#FDFCFB", "200": "#FDFBFA", "300": "#FDFAF9", "400": "#F8F3EF", "500": "#F7F1EA", "525": "#EAE4DF", "550": "#DDD8D4", "575": "#D1CCC8", "600": "#C5C0BC", "700": "#8F8A8A", "800": "#737171", "900": "#3B3939", "950": "#2B2B2B" }, "red": { "50": "#FFEBEB", "100": "#F2CCCC", "200": "#E59999", "300": "#E36D6B", "400": "#B44442", "500": "#A93532", "600": "#860000", "700": "#852220", "800": "#65201E", "900": "#410003", "950": "#090303" }, "green": { "50": "#DFF8E6", "100": "#CDECDB", "200": "#9ADAB7", "300": "#57C187", "400": "#3D9D69", "500": "#186336", "600": "#005228", "700": "#00391A", "800": "#003317", "900": "#032111", "950": "#010703" }, "orange": { "50": "#FFF6D5", "100": "#F3E5D0", "200": "#E8BFA1", "300": "#DD9676", "400": "#D16F43", "500": "#C54B14", "600": "#9E4016", "700": "#773010", "800": "#4F1E08", "900": "#281005", "950": "#0A0401" }, "blue": { "50": "#E3F4F8", "100": "#CBE7EF", "200": "#A9CDD4", "300": "#82BECB", "400": "#549AA9", "500": "#257688", "600": "#216776", "700": "#1C5865", "800": "#10343B", "900": "#051013", "950": "#020607" } } }, "interactive": { "default": { "backgroundColor": "#FDFAF9", "borderColor": "#8F8A8A", "color": "#010C66", "icon": "#010C66" }, "hover": { "backgroundColor": "#EAEDF3", "borderColor": "#010C66", "color": "#010C66", "icon": "#010C66" }, "checked": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F7F1EA", "icon": "#F7F1EA" }, "checkedFocus": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F7F1EA", "icon": "#F7F1EA" }, "focus": { "backgroundColor": "#FDFAF9", "borderColor": "#0133AD", "color": "#010C66", "icon": "#010C66" }, "disabled": { "backgroundColor": "#F2EFEF", "borderColor": "#8F8A8A", "color": "#8F8A8A", "icon": "#8F8A8A" }, "error": { "backgroundColor": "#FDFAF9", "borderColor": "#A93532", "color": "#010C66", "icon": "#010C66" }, "success": { "backgroundColor": "#FDFAF9", "borderColor": "#186336", "color": "#010C66", "icon": "#010C66" } }, "text": { "heading": "#010C66", "headline": "#010C66", "body": "#010C66", "subheading": "#010C66", "default": "#222222", "white": "#F7F1EA", "black": "#010C66", "light": "#343D85", "disabled": "#8F8A8A", "primary": "#010C66", "primaryLight": "#D9DBE9", "secondary": "#D7D667", "secondaryLight": "#F0F0C4", "accent": "#91BF9E", "accentLight": "#CEE1D6", "supplementary-1": "#F9AE97", "supplementary-1Light": "#FBCEC1", "supplementary-2": "#CCCEE0", "supplementary-2Light": "#CCCEE0", "supplementary-3": "#E0E0E0", "supplementary-3Light": "#EBEBEB", "error": "#A93532", "warning": "#C54B14", "success": "#186336", "information": "#257688", "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": "'{assets.baseUrl}fonts/help-type-web/font.css'", "fontFamily": "Help Type Display Web, Helvetica, Arial" }, "secondary": { "url": "'{assets.baseUrl}fonts/help-type-web/font.css'", "fontFamily": "Help Type Text Web, Helvetica, Arial" }, "tertiary": { "url": "'{assets.baseUrl}fonts/help-type-web/font.css'", "fontFamily": "Help Type Display Web, Helvetica, Arial" }, "heading": { "fontFamily": "Help Type Display Web, Helvetica, Arial", "fontWeight": "500", "color": "#010C66", "lineHeight": "1.25", "url": "'{assets.baseUrl}fonts/help-type-web/font.css'", "h1": { "color": "#010C66", "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": "#010C66", "fontSize": { "xs": "1.25rem", "sm": "1.375rem", "md": "1.5rem", "lg": "1.5rem" }, "lineHeight": { "xs": "1.35", "sm": "1.27", "md": "1.25", "lg": "1.3" } }, "h3": { "color": "#010C66", "fontSize": { "xs": "1.125rem", "sm": "1.125rem", "md": "1.25rem", "lg": "1.25rem" }, "lineHeight": { "xs": "1.33", "sm": "1.33", "md": "1.23", "lg": "1.35" } }, "h4": { "color": "#010C66", "fontSize": { "xs": "1rem", "sm": "1rem", "md": "1.125rem", "lg": "1.125rem" }, "lineHeight": { "xs": "1.45", "sm": "1.45", "md": "1.23", "lg": "1.4" } }, "h5": { "color": "#010C66", "fontSize": { "xs": "1rem", "sm": "1rem", "md": "1rem", "lg": "1rem" }, "lineHeight": { "xs": "1.23", "sm": "1.23", "md": "1.25", "lg": "1.5" } }, "h6": { "color": "#010C66", "fontSize": { "xs": ".875rem", "sm": ".875rem", "md": ".875rem", "lg": ".875rem" }, "lineHeight": { "xs": "1.23", "sm": "1.23", "md": "1.23", "lg": "1.5" } } }, "headline": { "fontFamily": "Help Type Display Web, Helvetica, Arial", "fontWeight": "500", "url": "'{assets.baseUrl}fonts/help-type-web/font.css'", "color": "#010C66", "fontSize": { "xs": "1.875rem", "sm": "2rem", "md": "2.25rem", "lg": "2.25rem" }, "lineHeight": { "xs": "1.3", "sm": "1.3", "md": "1.3", "lg": "1.3" }, "compact": { "fontSize": { "xs": "1.75rem", "sm": "1.75rem", "md": "2rem", "lg": "2rem" }, "lineHeight": { "xs": "1.3", "sm": "1.3", "md": "1.3", "lg": "1.3" } } }, "body": { "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400", "color": "#010C66", "url": "'{assets.baseUrl}fonts/help-type-web/font.css'", "lineHeight": "1.5" }, "subheading": { "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontWeight": "400", "url": "'{assets.baseUrl}fonts/help-type-web/font.css'", "color": "#010C66", "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(72, 70, 69, 0.05) 0px 0px 5px 0px", "200": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(72, 70, 69, 0.1) 0px 1px 6px 0px, rgba(72, 70, 69, 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(72, 70, 69, 0.1) 0px 2px 10px 0px, rgba(72, 70, 69, 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(72, 70, 69, 0.1) 0px 2px 21px -1px, rgba(72, 70, 69, 0.06) 0px 2px 4px -1px" }, "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": "Help Type Text Web, Helvetica, Arial", "border": "1px solid #8F8A8A", "borderRadius": "0", "padding": "0.75rem 0 0.75rem 0.75rem", "spacing": "0", "button": { "fontFamily": "Help Type Display Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "500", "color": "#010C66", "backgroundColor": "transparent", "icon": { "color": "#010C66", "fontSize": "1.25rem", "marginRight": "12px" }, "hover": { "color": "#010C66", "backgroundColor": "rgba(3,57,139, 0.10)", "icon": { "color": "#010C66" } }, "focus": { "color": "#010C66", "backgroundColor": "transparent", "icon": { "color": "#010C66" }, "boxShadow": "inset 0 0 0 2px #fff,inset 0 0 0 4px #010C66,inset 0 0 #010C66" } }, "selected": { "color": "#010C66" }, "content": { "backgroundColor": "transparent", "color": "#010C66", "marginbottom": "0", "padding": "0.75rem" }, "inverse": { "border": "1px solid #F2F3F9", "button": { "backgroundColor": "transparent", "color": "#F7F1EA", "icon": { "color": "#F7F1EA" }, "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#F7F1EA", "icon": { "color": "#F7F1EA" } }, "focus": { "backgroundColor": "transparent", "color": "#F7F1EA", "icon": { "color": "#F7F1EA" } }, "selected": { "color": "#F7F1EA" } }, "content": { "backgroundColor": "transparent", "color": "#F7F1EA" } } }, "alert": { "fontSize": "1rem", "lineheight": "1.5", "borderWidth": "1px", "borderRadius": "0", "color": "#010C66", "padding": "16px", "heading": { "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontWeight": "600", "fontSize": "1rem", "color": "#010C66" }, "icon": { "color": "#010C66" }, "information": { "backgroundColor": "#E3F4F8", "borderColor": "#E3F4F8", "icon": { "color": "#257688" } }, "success": { "backgroundColor": "#DFF8E6", "borderColor": "#DFF8E6", "icon": { "color": "#186336" } }, "warning": { "backgroundColor": "#FFF6D5", "borderColor": "#FFF6D5", "icon": { "color": "#C54B14" } }, "error": { "backgroundColor": "#FFEBEB", "borderColor": "#FFEBEB", "icon": { "color": "#A93532" } }, "focus": { "outline": "2px solid #010C66" } }, "autocomplete": { "color": "#010C66", "border": "1px solid #8F8A8A", "backgroundColor": "#FDFAF9", "fontSize": "1rem", "fontFamily": "Help Type Text Web, Helvetica, Arial", "icon": { "color": "#010C66" }, "button": { "color": "#010C66", "clear": { "backgroundColor": "#FDFAF9" }, "hover": { "backgroundColor": "#EAEDF3", "color": "#010C66" }, "focus": { "backgroundColor": "#EAEDF3", "color": "#010C66" }, "error": { "borderColor": "#A93532", "outline": "#A93532" } }, "success": { "borderColor": "#186336", "outline": "#186336" } }, "badge": { "backgroundColor": "#3B3939", "borderColor": "#3B3939", "borderRadius": "0.25rem", "borderWidth": "1px", "color": "#FFFFFF", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "0.875rem", "fontWeight": "400", "padding": "0.15rem 0.5rem", "light": { "color": "#222222", "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA" }, "lighter": { "color": "#010C66", "backgroundColor": "#FDFAF9", "borderColor": "#FDFAF9" }, "outline": { "color": "#3B3939", "backgroundColor": "transparent", "borderColor": "#3B3939" }, "text": { "color": "#3B3939", "backgroundColor": "transparent", "borderColor": "transparent" }, "inverse": { "color": "#010C66", "backgroundColor": "#FDFAF9", "borderColor": "#F7F1EA" }, "outlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "textInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "primary": { "color": "#F7F1EA", "backgroundColor": "#010C66", "borderColor": "#010C66" }, "primaryLight": { "color": "#010C66", "backgroundColor": "#D9DBE9", "borderColor": "#D9DBE9" }, "primaryLighter": { "color": "#010C66", "backgroundColor": "#F2F3F9", "borderColor": "#F2F3F9" }, "primaryOutline": { "color": "#010C66", "backgroundColor": "transparent", "borderColor": "#010C66" }, "primaryText": { "color": "#010C66", "backgroundColor": "transparent", "borderColor": "transparent" }, "primaryInverse": { "color": "#010C66", "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA" }, "primaryOutlineInverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "borderColor": "#F7F1EA" }, "primaryTextInverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "borderColor": "transparent" }, "secondary": { "color": "#010C66", "backgroundColor": "#D7D667", "borderColor": "#D7D667" }, "secondaryLight": { "color": "#010C66", "backgroundColor": "#F0F0C4", "borderColor": "#F0F0C4" }, "secondaryLighter": { "color": "#010C66", "backgroundColor": "#FAFAEA", "borderColor": "#FAFAEA" }, "secondaryOutline": { "color": "#D7D667", "backgroundColor": "transparent", "borderColor": "#D7D667" }, "secondaryText": { "color": "#D7D667", "backgroundColor": "transparent", "borderColor": "transparent" }, "secondaryInverse": { "color": "#D7D667", "backgroundColor": "#010C66", "borderColor": "#010C66" }, "secondaryOutlineInverse": { "color": "#010C66", "backgroundColor": "transparent", "borderColor": "#010C66" }, "secondaryTextInverse": { "color": "#010C66", "backgroundColor": "transparent", "borderColor": "transparent" }, "accent": { "color": "#010C66", "backgroundColor": "#91BF9E", "borderColor": "#91BF9E" }, "accentLight": { "color": "#010C66", "backgroundColor": "#CEE1D6", "borderColor": "#CEE1D6" }, "accentLighter": { "color": "#010C66", "backgroundColor": "#EDF4F0", "borderColor": "#EDF4F0" }, "accentOutline": { "color": "#91BF9E", "backgroundColor": "transparent", "borderColor": "#91BF9E" }, "accentText": { "color": "#91BF9E", "backgroundColor": "transparent", "borderColor": "transparent" }, "accentInverse": { "color": "#91BF9E", "backgroundColor": "#010C66", "borderColor": "#010C66" }, "accentOutlineInverse": { "color": "#010C66", "backgroundColor": "transparent", "borderColor": "#010C66" }, "accentTextInverse": { "color": "#010C66", "backgroundColor": "transparent", "borderColor": "transparent" }, "information": { "color": "#F7F1EA", "backgroundColor": "#257688", "borderColor": "#257688" }, "informationLight": { "color": "#010C66", "backgroundColor": "#82BECB", "borderColor": "#82BECB" }, "informationLighter": { "color": "#010C66", "backgroundColor": "#E3F4F8", "borderColor": "#E3F4F8" }, "informationOutline": { "color": "#257688", "backgroundColor": "transparent", "borderColor": "#257688" }, "informationText": { "color": "#257688", "backgroundColor": "transparent", "borderColor": "transparent" }, "informationInverse": { "color": "#257688", "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA" }, "informationOutlineInverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "borderColor": "#F7F1EA" }, "informationTextInverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "borderColor": "transparent" }, "success": { "color": "#F7F1EA", "backgroundColor": "#186336", "borderColor": "#186336" }, "successLight": { "color": "#010C66", "backgroundColor": "#57C187", "borderColor": "#57C187" }, "successLighter": { "color": "#010C66", "backgroundColor": "#DFF8E6", "borderColor": "#DFF8E6" }, "successOutline": { "color": "#186336", "backgroundColor": "transparent", "borderColor": "#186336" }, "successText": { "color": "#186336", "backgroundColor": "transparent", "borderColor": "transparent" }, "successInverse": { "color": "#186336", "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA" }, "successOutlineInverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "borderColor": "#F7F1EA" }, "successTextInverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "borderColor": "transparent" }, "warning": { "color": "#F7F1EA", "backgroundColor": "#C54B14", "borderColor": "#C54B14" }, "warningLight": { "color": "#010C66", "backgroundColor": "#DD9676", "borderColor": "#DD9676" }, "warningLighter": { "color": "#010C66", "backgroundColor": "#FFF6D5", "borderColor": "#FFF6D5" }, "warningOutline": { "color": "#C54B14", "backgroundColor": "transparent", "borderColor": "#C54B14" }, "warningText": { "color": "#C54B14", "backgroundColor": "transparent", "borderColor": "transparent" }, "warningInverse": { "color": "#C54B14", "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA" }, "warningOutlineInverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "borderColor": "#F7F1EA" }, "warningTextInverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "borderColor": "transparent" }, "error": { "color": "#F7F1EA", "backgroundColor": "#A93532", "borderColor": "#A93532" }, "errorLight": { "color": "#010C66", "backgroundColor": "#E36D6B", "borderColor": "#E36D6B" }, "errorLighter": { "color": "#010C66", "backgroundColor": "#FFEBEB", "borderColor": "#FFEBEB" }, "errorOutline": { "color": "#A93532", "backgroundColor": "transparent", "borderColor": "#A93532" }, "errorText": { "color": "#A93532", "backgroundColor": "transparent", "borderColor": "transparent" }, "errorInverse": { "color": "#A93532", "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA" }, "errorOutlineInverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "borderColor": "#F7F1EA" }, "errorTextInverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-1": { "color": "#010C66", "backgroundColor": "#F9AE97", "borderColor": "#F9AE97" }, "supplementary-1Light": { "color": "#010C66", "backgroundColor": "#FBCEC1", "borderColor": "#FBCEC1" }, "supplementary-1Lighter": { "color": "#010C66", "backgroundColor": "#FFF8F7", "borderColor": "#FFF8F7" }, "supplementary-1Outline": { "color": "#F9AE97", "backgroundColor": "transparent", "borderColor": "#F9AE97" }, "supplementary-1Text": { "color": "#F9AE97", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-1Inverse": { "color": "#F9AE97", "backgroundColor": "#010C66", "borderColor": "#010C66" }, "supplementary-1OutlineInverse": { "color": "#010C66", "backgroundColor": "transparent", "borderColor": "#010C66" }, "supplementary-1TextInverse": { "color": "#010C66", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-2": { "color": "#010C66", "backgroundColor": "#CCCEE0", "borderColor": "#CCCEE0" }, "supplementary-2Light": { "color": "#010C66", "backgroundColor": "#CCCEE0", "borderColor": "#CCCEE0" }, "supplementary-2Lighter": { "color": "#010C66", "backgroundColor": "#E6E7F0", "borderColor": "#E6E7F0" }, "supplementary-2Outline": { "color": "#CCCEE0", "backgroundColor": "transparent", "borderColor": "#CCCEE0" }, "supplementary-2Text": { "color": "#CCCEE0", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-2Inverse": { "color": "#CCCEE0", "backgroundColor": "#010C66", "borderColor": "#010C66" }, "supplementary-2OutlineInverse": { "color": "#010C66", "backgroundColor": "transparent", "borderColor": "#010C66" }, "supplementary-2TextInverse": { "color": "#010C66", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-3": { "color": "#222222", "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0" }, "supplementary-3Light": { "color": "#222222", "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB" }, "supplementary-3Lighter": { "color": "#222222", "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": "#222222", "borderColor": "#222222" }, "supplementary-3OutlineInverse": { "color": "#222222", "backgroundColor": "transparent", "borderColor": "#222222" }, "supplementary-3TextInverse": { "color": "#222222", "backgroundColor": "transparent", "borderColor": "transparent" }, "default": { "color": "#F7F1EA" }, "Light": { "color": "#010C66" } }, "banner": { "backgroundColor": "#010C66", "color": "#F7F1EA", "primary": { "backgroundColor": "#010C66", "color": "#F7F1EA" }, "secondary": { "backgroundColor": "#D7D667", "color": "#010C66" }, "accent": { "backgroundColor": "#91BF9E", "color": "#010C66" } }, "buttonGroup": { "marginRight": "1rem", "marginBottom": "1rem" }, "button": { "accent": { "backgroundColor": "#91BF9E", "borderColor": "#91BF9E", "color": "#010C66", "hover": { "backgroundColor": "#7BA286", "borderColor": "#7BA286", "color": "#010C66" }, "active": { "backgroundColor": "#7BA286", "borderColor": "#7BA286", "color": "#010C66" }, "disabled": { "backgroundColor": "#EBE5E5", "borderColor": "#EBE5E5", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #91BF9E" } }, "accentOutline": { "backgroundColor": "transparent", "borderColor": "#91BF9E", "color": "#91BF9E", "hover": { "backgroundColor": "rgba(237,244,240, 0.20)", "borderColor": "#91BF9E", "color": "#91BF9E" }, "active": { "backgroundColor": "rgba(237,244,240, 0.20)", "borderColor": "#91BF9E", "color": "#91BF9E" } }, "accentText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#91BF9E", "hover": { "backgroundColor": "rgba(237,244,240, 0.20)", "borderColor": "rgba(237,244,240, 0.20)", "color": "#91BF9E" }, "active": { "backgroundColor": "rgba(237,244,240, 0.20)", "borderColor": "rgba(237,244,240, 0.20)", "color": "#91BF9E" } }, "accentInverse": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#91BF9E", "hover": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66" }, "active": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66" }, "focus": { "outline": "2px solid #010C66" } }, "accentOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66", "hover": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#91BF9E" }, "active": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#91BF9E" } }, "accentTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#010C66", "hover": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#91BF9E" }, "active": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#91BF9E" } }, "cta-1": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F7F1EA", "hover": { "backgroundColor": "#00084E", "borderColor": "#00084E", "color": "#F7F1EA" }, "active": { "backgroundColor": "#00084E", "borderColor": "#00084E", "color": "#F7F1EA" }, "disabled": { "backgroundColor": "#EBE5E5", "borderColor": "#EBE5E5", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #010C66" } }, "cta-2": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66", "hover": { "backgroundColor": "rgba(3,57,139, 0.10)", "borderColor": "#010C66", "color": "#010C66" }, "active": { "backgroundColor": "rgba(3,57,139, 0.10)", "borderColor": "#010C66", "color": "#010C66" }, "disabled": { "backgroundColor": "#EBE5E5", "borderColor": "#EBE5E5", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #010C66" } }, "cta-3": { "backgroundColor": "#91BF9E", "borderColor": "#91BF9E", "color": "#010C66", "hover": { "backgroundColor": "#7BA286", "borderColor": "#7BA286", "color": "#010C66" }, "active": { "backgroundColor": "#7BA286", "borderColor": "#7BA286", "color": "#010C66" }, "disabled": { "backgroundColor": "#EBE5E5", "borderColor": "#EBE5E5", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #91BF9E" } }, "default": { "backgroundColor": "#383E44", "borderColor": "#383E44", "color": "#F5F5F6", "hover": { "backgroundColor": "#222529", "borderColor": "#222529", "color": "#F5F5F6" }, "active": { "backgroundColor": "#F5F5F6", "borderColor": "#383E44", "color": "#383E44" }, "disabled": { "backgroundColor": "#EBE5E5", "borderColor": "#EBE5E5", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #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 solid #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": "#A93532", "borderColor": "#A93532", "color": "#F7F1EA", "hover": { "backgroundColor": "#860000", "borderColor": "#860000", "color": "#F7F1EA" }, "active": { "backgroundColor": "#860000", "borderColor": "#860000", "color": "#F7F1EA" }, "disabled": { "backgroundColor": "#EBE5E5", "borderColor": "#EBE5E5", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #A93532" } }, "destructiveOutline": { "backgroundColor": "transparent", "borderColor": "#A93532", "color": "#A93532", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#A93532", "color": "#A93532" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#A93532", "color": "#A93532" } }, "destructiveText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#A93532", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#A93532" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#A93532" } }, "destructiveInverse": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#A93532", "hover": { "backgroundColor": "transparent", "borderColor": "#F7F1EA", "color": "#F7F1EA" }, "active": { "backgroundColor": "transparent", "borderColor": "#F7F1EA", "color": "#F7F1EA" }, "focus": { "outline": "2px solid #F7F1EA" } }, "destructiveOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#F7F1EA", "color": "#F7F1EA", "hover": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#A93532" }, "active": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#A93532" } }, "destructiveTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#F7F1EA", "hover": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#A93532" }, "active": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#A93532" } }, "height": "48px", "fontFamily": "Help Type Display Web, Helvetica, Arial", "borderRadius": "64px", "borderWidth": "2px", "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": "#010C66", "borderColor": "#010C66", "color": "#F7F1EA", "hover": { "backgroundColor": "#00084E", "borderColor": "#00084E", "color": "#F7F1EA" }, "active": { "backgroundColor": "#00084E", "borderColor": "#00084E", "color": "#F7F1EA" }, "disabled": { "backgroundColor": "#EBE5E5", "borderColor": "#EBE5E5", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #010C66" } }, "interactiveOutline": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66", "hover": { "backgroundColor": "rgba(3,57,139, 0.10)", "borderColor": "#010C66", "color": "#010C66" }, "active": { "backgroundColor": "rgba(3,57,139, 0.10)", "borderColor": "#010C66", "color": "#010C66" } }, "interactiveText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#010C66", "hover": { "backgroundColor": "rgba(3,57,139, 0.10)", "borderColor": "rgba(3,57,139, 0.10)", "color": "#010C66" }, "active": { "backgroundColor": "rgba(3,57,139, 0.10)", "borderColor": "rgba(3,57,139, 0.10)", "color": "#010C66" } }, "interactiveInverse": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#010C66", "hover": { "backgroundColor": "transparent", "borderColor": "#F7F1EA", "color": "#F7F1EA" }, "active": { "backgroundColor": "transparent", "borderColor": "#F7F1EA", "color": "#F7F1EA" }, "focus": { "outline": "2px solid #F7F1EA" } }, "interactiveOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#F7F1EA", "color": "#F7F1EA", "hover": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#010C66" }, "active": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#010C66" } }, "interactiveTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#F7F1EA", "hover": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#010C66" }, "active": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#010C66" } }, "link": { "color": "#010C66", "backgroundColor": "transparent", "borderRadius": "2px", "hover": { "backgroundColor": "rgba(3,57,139, 0.10)", "color": "#010C66" }, "focus": { "backgroundColor": "transparent", "color": "#010C66" }, "active": { "backgroundColor": "rgba(3,57,139, 0.10)", "color": "#010C66" }, "disabled": { "backgroundColor": "#F2F3F9", "color": "#999EC2" } }, "linkInverse": { "backgroundColor": "transparent", "color": "#F7F1EA", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#F7F1EA" }, "focus": { "backgroundColor": "transparent", "color": "#F7F1EA" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#F7F1EA" }, "disabled": { "backgroundColor": "#F2F3F9", "color": "#999EC2" } }, "primary": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F7F1EA", "hover": { "backgroundColor": "#00084E", "borderColor": "#00084E", "color": "#F7F1EA" }, "active": { "backgroundColor": "#00084E", "borderColor": "#00084E", "color": "#F7F1EA" }, "disabled": { "backgroundColor": "#EBE5E5", "borderColor": "#EBE5E5", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #010C66" } }, "primaryOutline": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66", "hover": { "backgroundColor": "rgba(3,57,139, 0.10)", "borderColor": "#010C66", "color": "#010C66" }, "active": { "backgroundColor": "rgba(3,57,139, 0.10)", "borderColor": "#010C66", "color": "#010C66" } }, "primaryText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#010C66", "hover": { "backgroundColor": "rgba(3,57,139, 0.10)", "borderColor": "rgba(3,57,139, 0.10)", "color": "#010C66" }, "active": { "backgroundColor": "rgba(3,57,139, 0.10)", "borderColor": "rgba(3,57,139, 0.10)", "color": "#010C66" } }, "primaryInverse": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#010C66", "hover": { "backgroundColor": "transparent", "borderColor": "#F7F1EA", "color": "#F7F1EA" }, "active": { "backgroundColor": "transparent", "borderColor": "#F7F1EA", "color": "#F7F1EA" }, "focus": { "outline": "2px solid #F7F1EA" } }, "primaryOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#F7F1EA", "color": "#F7F1EA", "hover": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#010C66" }, "active": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#010C66" } }, "primaryTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#F7F1EA", "hover": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#010C66" }, "active": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#010C66" } }, "secondary": { "backgroundColor": "#D7D667", "borderColor": "#D7D667", "color": "#010C66", "hover": { "backgroundColor": "#B7B658", "borderColor": "#B7B658", "color": "#010C66" }, "active": { "backgroundColor": "#B7B658", "borderColor": "#B7B658", "color": "#010C66" }, "disabled": { "backgroundColor": "#EBE5E5", "borderColor": "#EBE5E5", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #D7D667" } }, "secondaryOutline": { "backgroundColor": "transparent", "borderColor": "#D7D667", "color": "#D7D667", "hover": { "backgroundColor": "rgba(238, 236, 186, 0.20)", "borderColor": "#D7D667", "color": "#D7D667" }, "active": { "backgroundColor": "rgba(238, 236, 186, 0.20)", "borderColor": "#D7D667", "color": "#D7D667" } }, "secondaryText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#D7D667", "hover": { "backgroundColor": "rgba(238, 236, 186, 0.20)", "borderColor": "rgba(238, 236, 186, 0.20)", "color": "#D7D667" }, "active": { "backgroundColor": "rgba(238, 236, 186, 0.20)", "borderColor": "rgba(238, 236, 186, 0.20)", "color": "#D7D667" } }, "secondaryInverse": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#D7D667", "hover": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66" }, "active": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66" }, "focus": { "outline": "2px solid #010C66" } }, "secondaryOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66", "hover": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#D7D667" }, "active": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#D7D667" } }, "secondaryTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#010C66", "hover": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#D7D667" }, "active": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#D7D667" } }, "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": "#F9AE97", "borderColor": "#F9AE97", "color": "#010C66", "hover": { "backgroundColor": "#DD9782", "borderColor": "#DD9782", "color": "#010C66" }, "active": { "backgroundColor": "#DD9782", "borderColor": "#DD9782", "color": "#010C66" }, "disabled": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #F9AE97" }, "outline": { "backgroundColor": "transparent", "borderColor": "#F9AE97", "color": "#F9AE97", "hover": { "backgroundColor": "rgba(255,236,230, 0.20)", "borderColor": "#F9AE97", "color": "#F9AE97" }, "active": { "backgroundColor": "rgba(255,236,230, 0.20)", "borderColor": "#F9AE97", "color": "#F9AE97" } }, "text": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#F9AE97", "hover": { "backgroundColor": "rgba(255,236,230, 0.20)", "borderColor": "rgba(255,236,230, 0.20)", "color": "#F9AE97" }, "active": { "backgroundColor": "rgba(255,236,230, 0.20)", "borderColor": "rgba(255,236,230, 0.20)", "color": "#F9AE97" } }, "inverse": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F9AE97", "hover": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66" }, "active": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66" }, "focus": { "outline": "2px solid #F9AE97" } }, "outlineInverse": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66", "hover": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F9AE97" }, "active": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F9AE97" } }, "textInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#010C66", "hover": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F9AE97" }, "active": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F9AE97" } } }, "supplementary-2": { "backgroundColor": "#CCCEE0", "borderColor": "#CCCEE0", "color": "#010C66", "hover": { "backgroundColor": "#B3B7DA", "borderColor": "#B3B7DA", "color": "#010C66" }, "active": { "backgroundColor": "#B3B7DA", "borderColor": "#B3B7DA", "color": "#010C66" }, "disabled": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#8F8A8A" }, "focus": { "outline": "2px solid #CCCEE0" }, "outline": { "backgroundColor": "transparent", "borderColor": "#CCCEE0", "color": "#CCCEE0", "hover": { "backgroundColor": "rgba(230,231,240, 0.20)", "borderColor": "#CCCEE0", "color": "#CCCEE0" }, "active": { "backgroundColor": "rgba(230,231,240, 0.20)", "borderColor": "#CCCEE0", "color": "#CCCEE0" } }, "text": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#CCCEE0", "hover": { "backgroundColor": "rgba(230,231,240, 0.20)", "borderColor": "rgba(230,231,240, 0.20)", "color": "#CCCEE0" }, "active": { "backgroundColor": "rgba(230,231,240, 0.20)", "borderColor": "rgba(230,231,240, 0.20)", "color": "#CCCEE0" } }, "inverse": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#CCCEE0", "hover": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66" }, "active": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66" }, "focus": { "outline": "2px solid #CCCEE0" } }, "outlineInverse": { "backgroundColor": "transparent", "borderColor": "#010C66", "color": "#010C66", "hover": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#CCCEE0" }, "active": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#CCCEE0" } }, "textInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#010C66", "hover": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#CCCEE0" }, "active": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#CCCEE0" } } }, "supplementary-3": { "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0", "color": "#222222", "hover": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#222222" }, "active": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#222222" }, "disabled": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA", "color": "#8F8A8A" }, "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": "#222222", "borderColor": "#222222", "color": "#E0E0E0", "hover": { "backgroundColor": "transparent", "borderColor": "#222222", "color": "#222222" }, "active": { "backgroundColor": "transparent", "borderColor": "#222222", "color": "#222222" }, "focus": { "outline": "2px solid #E0E0E0" } }, "outlineInverse": { "backgroundColor": "transparent", "borderColor": "#222222", "color": "#222222", "hover": { "backgroundColor": "#222222", "borderColor": "#222222", "color": "#E0E0E0" }, "active": { "backgroundColor": "#222222", "borderColor": "#222222", "color": "#E0E0E0" } }, "textInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#222222", "hover": { "backgroundColor": "#222222", "borderColor": "#222222", "color": "#E0E0E0" }, "active": { "backgroundColor": "#222222", "borderColor": "#222222", "color": "#E0E0E0" } } } }, "checkbox": { "input": { "size": "24px", "borderWidth": "2px", "borderRadius": "2px", "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" }, "inner": { "borderColor": "#010C66" } }, "label": { "color": "#010C66", "padding": "0.625rem 0.5rem 0.625rem 2.25rem", "backgroundColor": "transparent", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400" }, "hover": { "input": { "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" }, "inner": { "borderColor": "#FDFAF9" } }, "label": { "color": "#010C66", "backgroundColor": "rgba(3,57,139, 0.10)" } }, "focus": { "input": { "outline": "2px solid #010C66" } }, "error": { "input": { "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#A93532" }, "inner": { "borderColor": "#FDFAF9" } } }, "disabled": { "input": { "outer": { "backgroundColor": "#F2EFEF", "borderColor": "#8F8A8A" }, "inner": { "borderColor": "#8F8A8A" } }, "label": { "color": "#8F8A8A" } }, "checked": { "input": { "outer": { "backgroundColor": "#010C66", "borderColor": "#010C66" }, "inner": { "borderColor": "#F7F1EA" } }, "label": { "color": "#010C66", "fontWeight": "500" } }, "outline": { "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" }, "inner": { "borderColor": "#FDFAF9" } }, "label": { "borderWidth": "1px", "borderColor": "#8F8A8A", "padding": "1rem 1rem 1rem 3.2rem", "backgroundColor": "#FDFAF9", "color": "#010C66", "borderRadius": "2px" }, "hover": { "input": { "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" }, "inner": { "borderColor": "#FDFAF9" } }, "label": { "color": "#010C66", "borderColor": "#010C66", "backgroundColor": "#EAEDF3" } }, "focus": { "label": { "outline": "2px solid #010C66" } }, "error": { "input": { "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#A93532" }, "inner": { "borderColor": "#FDFAF9" } }, "label": { "borderColor": "#A93532" } }, "disabled": { "input": { "outer": { "backgroundColor": "#F2EFEF", "borderColor": "#8F8A8A" }, "inner": { "borderColor": "#8F8A8A" } }, "label": { "color": "#8F8A8A", "borderColor": "#8F8A8A", "backgroundColor": "#F2EFEF" } }, "checked": { "input": { "outer": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA" }, "inner": { "borderColor": "#010C66" } }, "label": { "color": "#F7F1EA", "backgroundColor": "#010C66", "borderColor": "#010C66" } } } }, "consentBanner": { "backgroundColor": "#FFFFFF", "borderRadius": "24px", "boxShadow": "rgba(0, 0, 0, 0.3) 0px 3px 12px", "closeButton": { "icon": { "color": "#010C66" }, "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "icon": { "color": "#010C66" } } }, "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": "#010C66", "border": "1px solid #8F8A8A", "borderRadius": "2px", "backgroundColor": "#FDFAF9", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400", "padding": "11px 11px 9px", "hover": { "backgroundColor": "#EAEDF3", "borderColor": "#010C66", "color": "#010C66" }, "disabled": { "backgroundColor": "#F2EFEF", "borderColor": "#8F8A8A", "color": "#8F8A8A" }, "error": { "borderColor": "#A93532" }, "success": { "borderColor": "#186336" }, "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": "#010C66" }, "month": { "color": "#010C66" }, "week": { "color": "#010C66" }, "day": { "color": "#010C66", "hover": { "backgroundColor": "#EAEDF3" }, "selected": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F7F1EA" }, "current": { "borderColor": "#737171" } }, "navButton": { "color": "#010C66" }, "year": { "color": "#010C66", "hover": { "backgroundColor": "#EAEDF3" }, "selected": { "backgroundColor": "#010C66", "borderColor": "#010C66", "color": "#F7F1EA" }, "current": { "borderColor": "#737171" } } }, "placeholder": { "color": "#6b6b6b" } }, "divider": { "borderColor": "#8F8A8A", "borderWidth": "1px", "color": "#010C66", "inverse": { "borderColor": "#FFFFFF", "color": "#F7F1EA" } }, "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": "#010C66" }, "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "icon": { "color": "#010C66" } } }, "header": { "paddingBottom": "12px" }, "content": { "paddingBottom": "12px" } }, "footer": { "backgroundColor": "#00084E", "borderRadius": { "xs": "0", "sm": "0", "md": "0", "lg": "0" }, "color": "#FDFCFB", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "0.875rem", "padding": { "xs": "1.5rem 0", "sm": "1.5rem 0", "md": "1.5rem 0", "lg": "1.5rem 0" }, "link": { "color": "#FDFCFB", "fontWeight": "400", "hover": { "color": "#FDFCFB" } } }, "header": { "backgroundColor": "#FFFFFF", "boxShadow": "0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)", "height": { "xs": "70px", "sm": "80px", "md": "80px", "lg": "112px" }, "padding": { "xs": "0 0", "sm": "0 0", "md": "0 0", "lg": "0 0" }, "heading": { "color": "#010C66", "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": "#010C66", "heading": { "color": "#F7F1EA" } }, "light": { "backgroundColor": "#FDFAF9", "heading": { "color": "#010C66" } } }, "icon": { "color": "#010C66", "fontWeight": "900", "fontFamily": "solid", "light": { "color": "#F7F1EA" } }, "inputGroup": { "backgroundColor": "#F7F1EA" }, "inputStepper": { "borderRadius": "2px", "height": "48px", "button": { "backgroundColor": "#FDFAF9", "border": "1px solid #8F8A8A", "color": "#010C66", "disabled": { "backgroundColor": "#F2EFEF", "borderColor": "#8F8A8A", "color": "#8F8A8A" }, "error": { "backgroundColor": "#FDFAF9", "borderColor": "#A93532", "color": "#010C66" }, "hover": { "backgroundColor": "#EAEDF3", "borderColor": "#010C66", "color": "#010C66" } } }, "input": { "height": "48px", "color": "#010C66", "padding": "0 12px", "borderColor": "#8F8A8A", "border": "1px solid #8F8A8A", "borderRadius": "2px", "backgroundColor": "#FDFAF9", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400", "transition": "background-color 0.3s ease, border-color 0.3s ease", "placeholder": { "color": "#6b6b6b" }, "hover": { "backgroundColor": "#EAEDF3", "borderColor": "#010C66", "color": "#010C66" }, "disabled": { "borderColor": "#8F8A8A", "backgroundColor": "#F2EFEF", "color": "#8F8A8A" }, "focus": { "borderColor": "#0133AD", "backgroundColor": "#FDFAF9", "color": "#010C66", "outline": "2px solid #0133AD" }, "error": { "borderColor": "#A93532", "outline": "#A93532", "backgroundColor": "#FDFAF9", "color": "#010C66" }, "success": { "borderColor": "#186336", "outline": "#186336", "backgroundColor": "#FDFAF9", "color": "#010C66" } }, "label": { "color": "#010C66", "fontSize": "1rem", "fontWeight": "500", "fontFamily": "Help Type Text Web, Helvetica, Arial", "lineHeight": "1.5" }, "legend": { "color": "#010C66", "fontSize": "1rem", "fontWeight": "500", "fontFamily": "Help Type Text Web, Helvetica, Arial", "lineHeight": "1.5" }, "link": { "color": "#010C66", "backgroundColor": "transparent", "borderRadius": "2px", "hover": { "backgroundColor": "rgba(3,57,139, 0.10)", "color": "#010C66" }, "focus": { "backgroundColor": "transparent", "color": "#010C66", "outline": "2px solid #00092E" }, "active": { "backgroundColor": "rgba(3,57,139, 0.10)", "color": "#010C66" }, "disabled": { "backgroundColor": "#F2F3F9", "color": "#999EC2" }, "inverse": { "color": "#F7F1EA", "backgroundColor": "transparent", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#F7F1EA" }, "focus": { "backgroundColor": "transparent", "color": "#F7F1EA", "outline": "2px solid #F2F3F9" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#F7F1EA" }, "disabled": { "backgroundColor": "#F2F3F9", "color": "#999EC2" } } }, "loader": { "color": "#010C66" }, "logo": { "background": "url({assets.baseUrl}brands/nrma/logos/dark/logo.svg)", "width": "217px", "height": "72px", "xs": { "background": "url({assets.baseUrl}brands/nrma/logos/mobile/dark/logo.svg)", "width": "126px", "height": "40px" }, "light": { "background": "url({assets.baseUrl}brands/nrma/logos/light/logo.svg)", "xs": { "background": "url({assets.baseUrl}brands/nrma/logos/mobile/light/logo.svg)" } }, "dark": { "background": "url({assets.baseUrl}brands/nrma/logos/dark/logo.svg)", "xs": { "background": "url({assets.baseUrl}brands/nrma/logos/mobile/dark/logo.svg)" } } }, "main": { "backgroundColor": "#FDFAF9" }, "message": { "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "0.875rem", "information": { "color": "#257688" }, "success": { "color": "#186336" }, "warning": { "color": "#C54B14" }, "error": { "color": "#A93532" } }, "modal": { "backdrop": { "backgroundColor": "rgba(43, 46, 56, 0.9)" }, "backgroundColor": "#FFFFFF", "padding": "32px", "borderRadius": "0", "button": { "icon": { "color": "#010C66" }, "hover": { "icon": { "color": "#010C66" }, "backgroundColor": "rgba(0, 0, 0, 0.075)" } } }, "notificationCounter": { "backgroundColor": "#A93532", "borderColor": "#A93532", "borderWidth": "1px", "borderRadius": "18px", "color": "#F7F1EA", "font": { "url": "'{assets.baseUrl}fonts/help-type-web/font.css'", "fontFamily": "Help Type Text Web, Helvetica, Arial" }, "fontSize": "0.75rem", "fontWeight": "400", "lineHeight": "1", "min-width": "18px", "padding": "2px" }, "password": { "button": { "color": "#010C66", "hover": { "backgroundColor": "#EAEDF3", "color": "#010C66" }, "focus": { "backgroundColor": "#FDFAF9", "color": "#010C66" } } }, "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": "Help Type Text Web, Helvetica, Arial", "fontWeight": "400", "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(72, 70, 69, 0.1) 0px 1px 6px 0px, rgba(72, 70, 69, 0.06) 0px 1px 2px 0px", "complete": { "backgroundColor": "#186336", "borderColor": "#186336", "color": "#F7F1EA" }, "active": { "backgroundColor": "#F7F1EA", "borderColor": "#186336", "color": "#010C66", "fontWeight": "600" }, "incomplete": { "backgroundColor": "#FFFFFF", "borderColor": "#8F8A8A", "color": "#010C66" }, "mobileLabel": { "margin": "0 0 8px 8px" }, "progressLine": { "borderRadius": "0", "dashed": "2px", "gap": "2px", "height": "1px", "left": "24px", "solid": "4px", "style": "2px", "width": "100%", "complete": { "backgroundColor": "#186336" }, "incomplete": { "backgroundColor": "#C5C0BC" } }, "stepIndicator": { "font": { "url": "'{assets.baseUrl}fonts/help-type-web/font.css'", "fontFamily": "Help Type Text Web, Helvetica, Arial" }, "fontSize": "1rem", "height": "48px", "size": "1.9rem", "textIndent": "0" }, "button": { "color": "#010C66", "backgroundColor": "transparent", "borderRadius": "4px", "padding": "0px 6px", "hover": { "backgroundColor": "rgba(3,57,139, 0.10)", "color": "#010C66" }, "focus": { "color": "#010C66", "outline": "#0133AD" } }, "vertical": { "stepLabel": { "paddingRight": "16px" }, "fontSize": { "xs": "1rem", "sm": "1rem", "md": "1.125rem", "lg": "1.125rem" }, "fontWeight": "500", "fontFamily": "Help Type Display Web, Helvetica, Arial", "heading": { "color": "#010C66" } } }, "progressLoader": { "backdrop": { "backgroundColor": "rgba(255, 255, 255, 0.9)" }, "color": "#010C66", "label": { "order": "1", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": { "xs": "1rem", "sm": "1rem", "md": "1rem", "lg": "1rem" }, "fontWeight": "600", "margin": "0 0 0.25rem 0" }, "progressBar": { "borderColor": "#8F8A8A", "borderRadius": "4px", "backgroundColor": "#FFFFFF", "order": "2" }, "progressValue": { "borderRadius": "4px", "backgroundColor": "#010C66", "height": "8px" }, "inline": { "label": { "margin": "0 0 0.5rem 0" }, "progressBar": { "borderColor": "#8F8A8A" }, "progressValue": { "backgroundColor": "#186336", "height": "8px" } } }, "radioBlock": { "backgroundColor": "#FDFAF9", "border": "1px solid #8F8A8A", "borderRadius": "2px", "color": "#010C66", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400", "height": "48px", "hover": { "color": "#010C66", "borderColor": "#010C66", "backgroundColor": "#EAEDF3" }, "focus": { "outline": "2px solid #010C66" }, "error": { "borderColor": "#A93532" }, "disabled": { "backgroundColor": "#F2EFEF", "color": "#8F8A8A", "borderColor": "#8F8A8A" }, "checked": { "color": "#F7F1EA", "backgroundColor": "#010C66", "borderWidth": "1px", "fontWeight": "500", "borderColor": "#010C66" } }, "radio": { "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" }, "inner": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" } }, "label": { "color": "#010C66", "padding": "0.625rem 0.5rem 0.625rem 2.25rem", "backgroundColor": "transparent", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400" }, "hover": { "input": { "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" }, "inner": { "backgroundColor": "#FDFAF9" } }, "label": { "color": "#010C66", "backgroundColor": "rgba(3,57,139, 0.10)" } }, "focus": { "input": { "outline": "2px solid #010C66" } }, "error": { "input": { "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#A93532" }, "inner": { "backgroundColor": "#FDFAF9" } } }, "disabled": { "input": { "outer": { "backgroundColor": "#F2EFEF", "borderColor": "#8F8A8A" }, "inner": { "backgroundColor": "#8F8A8A" } }, "label": { "color": "#8F8A8A" } }, "checked": { "input": { "outer": { "backgroundColor": "#010C66", "borderColor": "#010C66" }, "inner": { "backgroundColor": "#F7F1EA" } }, "label": { "color": "#010C66", "fontWeight": "500" } }, "outline": { "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" }, "inner": { "backgroundColor": "#FDFAF9" } }, "label": { "borderWidth": "1px", "borderColor": "#8F8A8A", "padding": "1rem 1rem 1rem 3.2rem", "backgroundColor": "#FDFAF9", "color": "#010C66", "borderRadius": "2px" }, "hover": { "input": { "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" }, "inner": { "backgroundColor": "#FDFAF9" } }, "label": { "color": "#010C66", "backgroundColor": "#EAEDF3", "borderColor": "#010C66" } }, "focus": { "label": { "outline": "2px solid #010C66" } }, "error": { "input": { "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#A93532" }, "inner": { "backgroundColor": "#FDFAF9" } }, "label": { "borderColor": "#A93532" } }, "disabled": { "input": { "outer": { "backgroundColor": "#F2EFEF", "borderColor": "#8F8A8A" }, "inner": { "backgroundColor": "#8F8A8A" } }, "label": { "backgroundColor": "#F2EFEF", "color": "#8F8A8A", "borderColor": "#8F8A8A" } }, "checked": { "input": { "outer": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA" }, "inner": { "backgroundColor": "#010C66" } }, "label": { "color": "#F7F1EA", "backgroundColor": "#010C66", "borderColor": "#010C66" } } } }, "segmentedControl": { "backgroundColor": "#FDFAF9", "minHeight": "48px", "minWidth": "7.5rem", "padding": "0 .75rem", "border": "1px solid #8F8A8A", "borderColor": "#8F8A8A", "borderRadius": "2px", "borderWidth": "1px solid", "color": "#010C66", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400", "block": { "borderRadius": "2px" }, "hover": { "color": "#010C66", "borderColor": "#010C66", "backgroundColor": "#EAEDF3" }, "focus": { "border": "2px solid #0133AD" }, "error": { "borderColor": "#A93532" }, "disabled": { "backgroundColor": "#F2EFEF", "color": "#8F8A8A", "borderColor": "#8F8A8A", "checked": { "color": "#F7F1EA" } }, "checked": { "color": "#F7F1EA", "backgroundColor": "#010C66", "fontWeight": "500", "borderColor": "#010C66" }, "radio": { "backgroundColor": "#FDFAF9", "border": "1px solid #8F8A8A", "borderColor": "#8F8A8A", "borderWidth": "1px solid", "color": "#010C66", "padding": "0.75rem", "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" }, "inner": { "backgroundColor": "#FDFAF9" } }, "hover": { "color": "#010C66", "borderColor": "#010C66", "backgroundColor": "#EAEDF3", "input": { "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#010C66" } } }, "disabled": { "backgroundColor": "#F2EFEF", "borderColor": "#8F8A8A", "color": "#8F8A8A", "input": { "outer": { "backgroundColor": "#F2EFEF", "borderColor": "#8F8A8A" }, "inner": { "backgroundColor": "#8F8A8A" } }, "checked": { "color": "#F7F1EA", "input": { "outer": { "borderColor": "#F2EFEF" } } } }, "checked": { "color": "#F7F1EA", "backgroundColor": "#010C66", "borderColor": "#010C66", "input": { "outer": { "backgroundColor": "#F7F1EA", "borderColor": "#F7F1EA" }, "inner": { "backgroundColor": "#010C66", "borderColor": "#8F8A8A" } } }, "error": { "checked": { "input": { "inner": { "backgroundColor": "#010C66", "borderColor": "#010C66" }, "outer": { "backgroundColor": "#A93532" } } }, "input": { "outer": { "backgroundColor": "#FDFAF9", "borderColor": "#A93532" } } }, "block": { "label": { "padding": "0.75rem 3rem 0.75rem" } } } }, "select": { "height": "48px", "color": "#010C66", "padding": "0 12px", "border": "1px solid #8F8A8A", "icon": { "color": "#010C66" }, "borderRadius": "2px", "backgroundColor": "#FDFAF9", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400", "transition": "background-color 0.3s ease, border-color 0.3s ease", "hover": { "backgroundColor": "#EAEDF3", "borderColor": "#010C66", "color": "#010C66" }, "disabled": { "borderColor": "#8F8A8A", "backgroundColor": "#F2EFEF", "color": "#8F8A8A" }, "focus": { "borderColor": "#0133AD", "backgroundColor": "#FDFAF9", "color": "#010C66", "outline": "2px solid #0133AD" }, "error": { "borderColor": "#A93532", "backgroundColor": "#FDFAF9", "color": "#010C66" }, "success": { "borderColor": "#186336", "backgroundColor": "#FDFAF9", "color": "#010C66" } }, "spinner": { "stroke": "#010C66", "inverse": { "stroke": "#F7F1EA" }, "fixed": { "background": "transparent" } }, "tab": { "borderColor": "#8F8A8A", "borderRadius": "0 0 0 0", "borderWidth": "1px", "button": { "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400", "color": "#010C66", "textAlign": "left" }, "content": { "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "backgroundColor": "#FDFAF9", "padding": "16px", "borderStyle": "none", "xs": { "borderWidth": "1px", "padding": "0 1rem 1rem" } }, "inactive": { "backgroundColor": "#D9DBE9", "borderWidth": "0 0 1px", "color": "#010C66", "icon": { "color": "#010C66" } }, "selected": { "backgroundColor": "#FDFAF9", "borderWidth": "1px 1px 0", "boxShadow": "none", "color": "#010C66", "fontWeight": "500", "icon": { "color": "#010C66" } }, "hover": { "color": "#010C66", "backgroundColor": "rgba(3,57,139, 0.10)", "icon": { "color": "#010C66" } }, "focus": { "color": "#010C66", "backgroundColor": "#FFFFFF", "boxShadow": "inset 0 0 0 2px #fff,inset 0 0 0 4px #010C66,inset 0 0 #010C66", "icon": { "color": "#010C66" } }, "icon": { "color": "#010C66" }, "inverse": { "borderColor": "#F2F3F9", "button": { "color": "#F7F1EA" }, "color": "#F7F1EA", "content": { "backgroundColor": "transparent", "color": "#F7F1EA" }, "inactive": { "backgroundColor": "transparent", "color": "#F7F1EA", "icon": { "color": "#F7F1EA" } }, "selected": { "backgroundColor": "transparent", "color": "#F7F1EA", "boxShadow": "none", "icon": { "color": "#F7F1EA" } }, "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#F7F1EA", "icon": { "color": "#F7F1EA" } }, "icon": { "color": "#F7F1EA" }, "focus": { "icon": { "color": "#F7F1EA" } }, "scroll": { "button": { "backgroundColor": "transparent", "color": "#F7F1EA", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#F7F1EA" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#F7F1EA" } } } }, "scroll": { "button": { "backgroundColor": "#D9DBE9", "borderWidth": "1px", "borderRadius": "0 0 0 0", "color": "#010C66", "hover": { "backgroundColor": "rgba(3,57,139, 0.10)", "color": "#010C66" }, "active": { "backgroundColor": "rgba(3,57,139, 0.10)", "color": "#010C66" } } } }, "textarea": { "color": "#010C66", "padding": "12px 16px", "border": "1px solid #8F8A8A", "borderRadius": "2px", "backgroundColor": "#FDFAF9", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400", "transition": "background-color 0.3s ease, border-color 0.3s ease", "placeholder": { "color": "#6b6b6b" }, "hover": { "backgroundColor": "#EAEDF3", "borderColor": "#010C66", "color": "#010C66" }, "disabled": { "borderColor": "#8F8A8A", "backgroundColor": "#F2EFEF", "color": "#8F8A8A" }, "focus": { "borderColor": "#0133AD", "backgroundColor": "#FDFAF9", "color": "#010C66", "outline": "2px solid #0133AD" }, "error": { "borderColor": "#A93532", "outline": "#A93532", "backgroundColor": "#FDFAF9", "color": "#010C66" }, "success": { "borderColor": "#186336", "outline": "#186336", "backgroundColor": "#FDFAF9", "color": "#010C66" } }, "toggle": { "label": { "color": "#010C66", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "500", "marginLeft": "1.5rem", "marginRight": ".5rem", "hover": { "color": "#010C66" }, "checked": { "color": "#010C66" }, "error": { "color": "#010C66" }, "disabled": { "color": "#8F8A8A", "checked": { "color": "#8F8A8A" } } }, "thumb": { "backgroundColor": "#010C66", "size": "24px", "hover": { "backgroundColor": "#010C66" }, "checked": { "backgroundColor": "#F7F1EA", "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(72, 70, 69, 0.1) 0px 1px 6px 0px, rgba(72, 70, 69, 0.06) 0px 1px 2px 0px", "transform": "translateX(22px)" }, "error": { "backgroundColor": "#010C66" }, "disabled": { "backgroundColor": "#8F8A8A", "checked": { "backgroundColor": "#F2EFEF" } } }, "track": { "width": "56px", "backgroundColor": "#FDFAF9", "border": "1px solid #8F8A8A", "borderRadius": "64px", "hover": { "backgroundColor": "#EAEDF3", "border": "1px solid #010C66" }, "focus": { "outline": "2px solid #010C66" }, "checked": { "backgroundColor": "#010C66", "border": "1px solid #010C66" }, "error": { "backgroundColor": "#FDFAF9", "border": "1px solid #A93532" }, "disabled": { "backgroundColor": "#F2EFEF", "border": "1px solid #8F8A8A", "checked": { "backgroundColor": "#8F8A8A", "border": "1px solid #8F8A8A" } } } }, "tooltip": { "arrow": { "color": "#3B3939" }, "backgroundColor": "#3B3939", "borderColor": "#3B3939", "borderWidth": "1px", "borderRadius": "4px", "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(72, 70, 69, 0.1) 0px 2px 10px 0px, rgba(72, 70, 69, 0.06) 0px 2px 4px -1px", "color": "#F7F1EA", "fontFamily": "Help Type Text Web, Helvetica, Arial", "fontSize": "1rem", "fontWeight": "400", "lineHeight": "1.5", "padding": "16px 16px" } }