{ "asset": { "logo": { "path": "{assets.baseUrl}brands/cgu/logos", "dark": { "src": "{assets.baseUrl}brands/cgu/logos/mobile/dark/logo.svg", "xs": { "src": "{assets.baseUrl}brands/cgu/logos/mobile/dark/logo.svg" } }, "light": { "src": "{assets.baseUrl}brands/cgu/logos/mobile/light/logo.svg", "xs": { "src": "{assets.baseUrl}brands/cgu/logos/mobile/light/logo.svg" } } }, "font": { "path": "{assets.baseUrl}fonts" }, "favicon": { "path": "{assets.baseUrl}brands/cgu/favicon", "16x16": "{assets.baseUrl}brands/cgu/favicon/favicon-16x16.png", "32x32": "{assets.baseUrl}brands/cgu/favicon/favicon-32x32.png", "android": { "chrome": { "192x192": "{assets.baseUrl}brands/cgu/favicon/android-chrome-192x192.png", "512x512": "{assets.baseUrl}brands/cgu/favicon/android-chrome-512x512.png" } }, "appleTouch": "{assets.baseUrl}brands/cgu/favicon/apple-touch-icon.png", "ico": "{assets.baseUrl}brands/cgu/favicon/favicon.ico", "manifest": "{assets.baseUrl}brands/cgu/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": "cgu" }, "color": { "background": { "white": "#FFFFFF", "black": "#121212", "primary": "#090D2B", "primaryLight": "#f2f7f8", "secondary": "#008919", "secondaryLight": "#F2F9F3", "accent": "#FEB902", "accentLight": "#FFFBF2", "supplementary-1": "#E0E0E0", "supplementary-1Light": "#FDFDFD", "supplementary-2": "#E0E0E0", "supplementary-2Light": "#FDFDFD", "supplementary-3": "#E0E0E0", "supplementary-3Light": "#FDFDFD", "error": "#DA0000", "errorLight": "#FDF2F2", "warning": "#C95102", "warningLight": "#DD9676", "success": "#06763E", "successLight": "#F2F8F5", "information": "#2D799F", "informationLight": "#81AFC5" }, "border": { "default": "#878787", "light": "#F5F5F5", "focus": "#090D2B", "primary": "#090D2B", "primaryLight": "#808CE5", "secondary": "#008919", "secondaryLight": "#02B101", "accent": "#FEB902", "accentLight": "#FED567", "supplementary-1": "#E0E0E0", "supplementary-1Light": "#EBEBEB", "supplementary-2": "#E0E0E0", "supplementary-2Light": "#EBEBEB", "supplementary-3": "#E0E0E0", "supplementary-3Light": "#EBEBEB", "error": "#DA0000", "errorLight": "#F1B8B8", "warning": "#C95102", "warningLight": "#DD9676", "success": "#06763E", "successLight": "#6AAD8B", "information": "#2D799F", "informationLight": "#81AFC5" }, "foundation": { "primary": { "lighter": "#f2f7f8", "light": "#808CE5", "default": "#090D2B", "dark": "#111850", "darker": "#090C28", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#111850", "neutralSolid": "#EFEFEF" }, "secondary": { "lighter": "#F2F9F3", "light": "#02B101", "default": "#008919", "dark": "#017A01", "darker": "#001B05", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#014901", "neutralSolid": "#EFEFEF" }, "accent": { "lighter": "#FFFBF2", "light": "#FED567", "default": "#FEB902", "dark": "#986F01", "darker": "#332500", "contrast": "#121212", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#FED567", "neutralSolid": "#3E3E3E" }, "supplementary-1": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#121212", "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": "#121212", "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": "#121212", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB", "neutralSolid": "#3E3E3E" }, "link": { "lighter": "#F2F8F2", "light": "#67AF67", "default": "#017A01", "dark": "#014901", "darker": "#001800" }, "neutral": { "white": "#FFFFFF", "grey": "#F5F5F5", "black": "#121212", "lighter": "#FDFDFD", "light": "#F8F8F8", "default": "#F5F5F5", "dark": "#878787", "darker": "#313131", "transparent": "rgba(255, 255, 255, 0)" }, "error": { "lighter": "#FDF2F2", "light": "#F1B8B8", "default": "#DA0000", "dark": "#AC0606", "darker": "#2C0000", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#AE0000", "neutralSolid": "#EFEFEF" }, "success": { "lighter": "#F2F8F5", "light": "#6AAD8B", "default": "#06763E", "dark": "#044725", "darker": "#01180C", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#055E32", "neutralSolid": "#EFEFEF" }, "warning": { "lighter": "#FCF6F4", "light": "#DD9676", "default": "#C95102", "dark": "#773010", "darker": "#281005", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#9E4016", "neutralSolid": "#EFEFEF" }, "information": { "lighter": "#F4F8FA", "light": "#81AFC5", "default": "#2D799F", "dark": "#1B495F", "darker": "#091820", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#24617F", "neutralSolid": "#EFEFEF" }, "greyscale": { "default": "#313131", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#4f4f4f", "neutralSolid": "#EFEFEF" }, "interactive": { "lighter": "#f2f7f8", "light": "#808CE5", "default": "#090D2B", "dark": "#111850", "darker": "#090C28", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#111850", "neutralSolid": "#EFEFEF" }, "button": { "default": { "lighter": "#F5F5F6", "light": "#888B8F", "default": "#383E44", "dark": "#222529", "darker": "#000" }, "primary": { "lighter": "#f2f7f8", "light": "#808CE5", "default": "#090D2B", "dark": "#111850", "darker": "#090C28", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#111850" }, "secondary": { "lighter": "#F2F9F3", "light": "#02B101", "default": "#008919", "dark": "#017A01", "darker": "#001B05", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#014901" }, "accent": { "lighter": "#FFFBF2", "light": "#FED567", "default": "#FEB902", "dark": "#986F01", "darker": "#332500", "contrast": "#121212", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#FED567" }, "supplementary-1": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#121212", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB" }, "supplementary-2": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#121212", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB" }, "supplementary-3": { "lighter": "#FDFDFD", "light": "#EBEBEB", "default": "#E0E0E0", "dark": "#898989", "darker": "#2D2D2D", "contrast": "#121212", "beside": "#FFFFFF", "neutral": "rgba(255, 255, 255, 0.15)", "block": "#EBEBEB" }, "cta-1": { "lighter": "#f2f7f8", "light": "#808CE5", "default": "#090D2B", "dark": "#111850", "darker": "#090C28", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#111850" }, "cta-2": { "lighter": "#f2f7f8", "light": "#808CE5", "default": "#090D2B", "dark": "#111850", "darker": "#090C28", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#111850" }, "cta-3": { "lighter": "#F2F9F3", "light": "#02B101", "default": "#008919", "dark": "#017A01", "darker": "#001B05", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#014901" }, "interactive": { "lighter": "#f2f7f8", "light": "#808CE5", "default": "#090D2B", "dark": "#111850", "darker": "#090C28", "contrast": "#FFFFFF", "beside": "#121212", "neutral": "rgba(0, 0, 0, 0.075)", "block": "#111850", "neutralSolid": "#EFEFEF" } }, "icon": { "light": "#F8F8F8", "default": "#008919" }, "placeholder": "#6b6b6b" }, "global": { "brand": { "primary": { "50": "#f2f7f8", "100": "#D4D9F6", "200": "#ADB5EE", "300": "#808CE5", "400": "#4D5489", "500": "#090D2B", "600": "#292F61", "700": "#111850", "800": "#0E1340", "900": "#090C28", "950": "#000406" }, "secondary": { "50": "#F2F9F3", "100": "#CCE7D1", "200": "#99D0A3", "300": "#02B101", "400": "#33A147", "500": "#008919", "600": "#017A01", "700": "#014901", "800": "#00370A", "900": "#001B05", "950": "#000701" }, "accent": { "50": "#FFFBF2", "100": "#FFF1CC", "200": "#FFE39A", "300": "#FED567", "400": "#FEC735", "500": "#FEB902", "600": "#CB9402", "700": "#986F01", "800": "#664A01", "900": "#332500", "950": "#0D0900" }, "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": "#F2F8F2", "100": "#CCE4CC", "200": "#99CA99", "300": "#67AF67", "400": "#349534", "500": "#017A01", "600": "#016201", "700": "#014901", "800": "#003100", "900": "#001800", "950": "#000600" } }, "system": { "black": "#121212", "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": "#FEFEFE", "100": "#FDFDFD", "200": "#FBFBFB", "300": "#F8F8F8", "400": "#F6F6F6", "500": "#F5F5F5", "525": "#E9E9E9", "550": "#DEDEDE", "575": "#D0D0D0", "600": "#C4C4C4", "700": "#878787", "800": "#4f4f4f", "900": "#313131", "950": "#0C0C0C" }, "red": { "50": "#FDF2F2", "100": "#F8CCCC", "200": "#F09999", "300": "#F1B8B8", "400": "#E13333", "500": "#DA0000", "600": "#AE0000", "700": "#AC0606", "800": "#570000", "900": "#2C0000", "950": "#0B0000" }, "green": { "50": "#F2F8F5", "100": "#CDE4D8", "200": "#9BC8B2", "300": "#6AAD8B", "400": "#389165", "500": "#06763E", "600": "#055E32", "700": "#044725", "800": "#022F19", "900": "#01180C", "950": "#000603" }, "orange": { "50": "#FCF6F4", "100": "#F4DCD1", "200": "#E8B9A4", "300": "#DD9676", "400": "#D17349", "500": "#C95102", "600": "#9E4016", "700": "#773010", "800": "#4F200B", "900": "#281005", "950": "#0A0401" }, "blue": { "50": "#F4F8FA", "100": "#D5E4EC", "200": "#ABC9D9", "300": "#81AFC5", "400": "#5794B2", "500": "#2D799F", "600": "#24617F", "700": "#1B495F", "800": "#123040", "900": "#091820", "950": "#020608" } } }, "interactive": { "default": { "backgroundColor": "#FFFFFF", "borderColor": "#121212", "color": "#121212", "icon": "#090D2B" }, "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#090D2B", "color": "#090D2B", "icon": "#090D2B" }, "checked": { "backgroundColor": "#090D2B", "borderColor": "#090D2B", "color": "#FFFFFF", "icon": "#FFFFFF" }, "checkedFocus": { "backgroundColor": "#090D2B", "borderColor": "#090D2B", "color": "#FFFFFF", "icon": "#FFFFFF" }, "focus": { "backgroundColor": "#FFFFFF", "borderColor": "#090D2B", "color": "#121212", "icon": "#090D2B" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#878787", "color": "#878787", "icon": "#878787" }, "error": { "backgroundColor": "#FFFFFF", "borderColor": "#DA0000", "color": "#121212", "icon": "#121212" }, "success": { "backgroundColor": "#FFFFFF", "borderColor": "#06763E", "color": "#121212", "icon": "#121212" } }, "text": { "heading": "#090D2B", "headline": "#090D2B", "body": "#121212", "subheading": "#121212", "default": "#121212", "white": "#FFFFFF", "black": "#121212", "light": "#313131", "disabled": "#878787", "primary": "#090D2B", "primaryLight": "#808CE5", "secondary": "#008919", "secondaryLight": "#02B101", "accent": "#FEB902", "accentLight": "#FED567", "supplementary-1": "#E0E0E0", "supplementary-1Light": "#EBEBEB", "supplementary-2": "#E0E0E0", "supplementary-2Light": "#EBEBEB", "supplementary-3": "#E0E0E0", "supplementary-3Light": "#EBEBEB", "error": "#DA0000", "warning": "#C95102", "success": "#06763E", "information": "#2D799F", "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=Bebas+Neue:wght@400&display=swap'", "fontFamily": "Bebas Neue, sans-serif" }, "secondary": { "url": "'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;600;700&display=swap'", "fontFamily": "Roboto, sans-serif" }, "tertiary": { "url": "'https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400&display=swap'", "fontFamily": "Bebas Neue, sans-serif" }, "heading": { "fontFamily": "Bebas Neue, sans-serif", "fontWeight": "400", "color": "#090D2B", "lineHeight": "1.25", "url": "'https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400&display=swap'", "h1": { "color": "#090D2B", "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": "#090D2B", "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": "#090D2B", "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": "#090D2B", "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": "#090D2B", "fontSize": { "xs": "1rem", "sm": "1rem", "md": "1rem", "lg": "1rem" }, "lineHeight": { "xs": "1.5", "sm": "1.5", "md": "1.5", "lg": "1.5" } }, "h6": { "color": "#090D2B", "fontSize": { "xs": ".875rem", "sm": ".875rem", "md": ".875rem", "lg": ".875rem" }, "lineHeight": { "xs": "1.5", "sm": "1.5", "md": "1.5", "lg": "1.5" } } }, "headline": { "fontFamily": "Bebas Neue, sans-serif", "fontWeight": "400", "url": "'https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400&display=swap'", "color": "#090D2B", "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": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400", "color": "#121212", "url": "'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;600;700&display=swap'", "lineHeight": "1.5" }, "subheading": { "fontFamily": "Roboto, sans-serif", "fontWeight": "400", "url": "'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;600;700&display=swap'", "color": "#121212", "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.08) 0px 1px 2px 0px", "200": "rgba(0, 0, 0, 0.12) 0px 4px 6px 0px", "300": "rgba(0, 0, 0, 0.12) 0px 8px 12px 0px", "400": "rgba(0, 0, 0, 0.15) 0px 12px 32px 0px" }, "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": "Roboto, sans-serif", "border": "1px solid #090D2B", "borderRadius": "0", "padding": "0.75rem 0 0.75rem 0.75rem", "spacing": "0", "button": { "fontFamily": "Bebas Neue, sans-serif", "fontSize": "1.25rem", "fontWeight": "400", "color": "#121212", "backgroundColor": "transparent", "icon": { "color": "#008919", "fontSize": "1.25rem", "marginRight": "12px" }, "hover": { "color": "#121212", "backgroundColor": "#f2f7f8", "icon": { "color": "#008919" } }, "focus": { "color": "#121212", "backgroundColor": "transparent", "icon": { "color": "#008919" }, "boxShadow": "inset 0 0 0 2px #fff,inset 0 0 0 4px #090D2B,inset 0 0 #090D2B" } }, "selected": { "color": "#121212" }, "content": { "backgroundColor": "transparent", "color": "#121212", "marginbottom": "0", "padding": "0.75rem" }, "inverse": { "border": "1px solid #f2f7f8", "button": { "backgroundColor": "transparent", "color": "#FFFFFF", "icon": { "color": "#F8F8F8" }, "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#FFFFFF", "icon": { "color": "#F8F8F8" } }, "focus": { "backgroundColor": "transparent", "color": "#FFFFFF", "icon": { "color": "#F8F8F8" } }, "selected": { "color": "#FFFFFF" } }, "content": { "backgroundColor": "transparent", "color": "#FFFFFF" } } }, "alert": { "fontSize": "1rem", "lineheight": "1.5", "borderWidth": "1px", "borderRadius": "0", "color": "#121212", "padding": "16px", "heading": { "fontFamily": "Roboto, sans-serif", "fontWeight": "600", "fontSize": "1rem", "color": "#121212" }, "icon": { "color": "#008919" }, "information": { "backgroundColor": "#F4F8FA", "borderColor": "#F4F8FA", "icon": { "color": "#2D799F" } }, "success": { "backgroundColor": "#F2F8F5", "borderColor": "#F2F8F5", "icon": { "color": "#06763E" } }, "warning": { "backgroundColor": "#FCF6F4", "borderColor": "#FCF6F4", "icon": { "color": "#C95102" } }, "error": { "backgroundColor": "#FDF2F2", "borderColor": "#FDF2F2", "icon": { "color": "#DA0000" } }, "focus": { "outline": "2px solid #121212" } }, "autocomplete": { "color": "#121212", "border": "1px solid #121212", "backgroundColor": "#FFFFFF", "fontSize": "1rem", "fontFamily": "Roboto, sans-serif", "icon": { "color": "#121212" }, "button": { "color": "#121212", "clear": { "backgroundColor": "#FFFFFF" }, "hover": { "backgroundColor": "#EFEFEF", "color": "#111850" }, "focus": { "backgroundColor": "#EFEFEF", "color": "#111850" }, "error": { "borderColor": "#DA0000", "outline": "#DA0000" } }, "success": { "borderColor": "#06763E", "outline": "#06763E" } }, "badge": { "backgroundColor": "#313131", "borderColor": "#313131", "borderRadius": "0.25rem", "borderWidth": "1px", "color": "#FFFFFF", "fontFamily": "Roboto, sans-serif", "fontSize": "0.875rem", "fontWeight": "400", "padding": "0.15rem 0.5rem", "light": { "color": "#121212", "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5" }, "lighter": { "color": "#121212", "backgroundColor": "#F8F8F8", "borderColor": "#F8F8F8" }, "outline": { "color": "#313131", "backgroundColor": "transparent", "borderColor": "#313131" }, "text": { "color": "#313131", "backgroundColor": "transparent", "borderColor": "transparent" }, "inverse": { "color": "#090D2B", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "outlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "textInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "primary": { "color": "#FFFFFF", "backgroundColor": "#090D2B", "borderColor": "#090D2B" }, "primaryLight": { "color": "#121212", "backgroundColor": "#808CE5", "borderColor": "#808CE5" }, "primaryLighter": { "color": "#121212", "backgroundColor": "#f2f7f8", "borderColor": "#f2f7f8" }, "primaryOutline": { "color": "#090D2B", "backgroundColor": "transparent", "borderColor": "#090D2B" }, "primaryText": { "color": "#090D2B", "backgroundColor": "transparent", "borderColor": "transparent" }, "primaryInverse": { "color": "#090D2B", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "primaryOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "primaryTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "secondary": { "color": "#FFFFFF", "backgroundColor": "#008919", "borderColor": "#008919" }, "secondaryLight": { "color": "#121212", "backgroundColor": "#02B101", "borderColor": "#02B101" }, "secondaryLighter": { "color": "#121212", "backgroundColor": "#F2F9F3", "borderColor": "#F2F9F3" }, "secondaryOutline": { "color": "#008919", "backgroundColor": "transparent", "borderColor": "#008919" }, "secondaryText": { "color": "#008919", "backgroundColor": "transparent", "borderColor": "transparent" }, "secondaryInverse": { "color": "#008919", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "secondaryOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "secondaryTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "accent": { "color": "#121212", "backgroundColor": "#FEB902", "borderColor": "#FEB902" }, "accentLight": { "color": "#121212", "backgroundColor": "#FED567", "borderColor": "#FED567" }, "accentLighter": { "color": "#121212", "backgroundColor": "#FFFBF2", "borderColor": "#FFFBF2" }, "accentOutline": { "color": "#FEB902", "backgroundColor": "transparent", "borderColor": "#FEB902" }, "accentText": { "color": "#FEB902", "backgroundColor": "transparent", "borderColor": "transparent" }, "accentInverse": { "color": "#FEB902", "backgroundColor": "#121212", "borderColor": "#121212" }, "accentOutlineInverse": { "color": "#121212", "backgroundColor": "transparent", "borderColor": "#121212" }, "accentTextInverse": { "color": "#121212", "backgroundColor": "transparent", "borderColor": "transparent" }, "information": { "color": "#FFFFFF", "backgroundColor": "#2D799F", "borderColor": "#2D799F" }, "informationLight": { "color": "#121212", "backgroundColor": "#81AFC5", "borderColor": "#81AFC5" }, "informationLighter": { "color": "#121212", "backgroundColor": "#F4F8FA", "borderColor": "#F4F8FA" }, "informationOutline": { "color": "#2D799F", "backgroundColor": "transparent", "borderColor": "#2D799F" }, "informationText": { "color": "#2D799F", "backgroundColor": "transparent", "borderColor": "transparent" }, "informationInverse": { "color": "#2D799F", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "informationOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "informationTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "success": { "color": "#FFFFFF", "backgroundColor": "#06763E", "borderColor": "#06763E" }, "successLight": { "color": "#121212", "backgroundColor": "#6AAD8B", "borderColor": "#6AAD8B" }, "successLighter": { "color": "#121212", "backgroundColor": "#F2F8F5", "borderColor": "#F2F8F5" }, "successOutline": { "color": "#06763E", "backgroundColor": "transparent", "borderColor": "#06763E" }, "successText": { "color": "#06763E", "backgroundColor": "transparent", "borderColor": "transparent" }, "successInverse": { "color": "#06763E", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "successOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "successTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "warning": { "color": "#FFFFFF", "backgroundColor": "#C95102", "borderColor": "#C95102" }, "warningLight": { "color": "#121212", "backgroundColor": "#DD9676", "borderColor": "#DD9676" }, "warningLighter": { "color": "#121212", "backgroundColor": "#FCF6F4", "borderColor": "#FCF6F4" }, "warningOutline": { "color": "#C95102", "backgroundColor": "transparent", "borderColor": "#C95102" }, "warningText": { "color": "#C95102", "backgroundColor": "transparent", "borderColor": "transparent" }, "warningInverse": { "color": "#C95102", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "warningOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "warningTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "error": { "color": "#FFFFFF", "backgroundColor": "#DA0000", "borderColor": "#DA0000" }, "errorLight": { "color": "#121212", "backgroundColor": "#F1B8B8", "borderColor": "#F1B8B8" }, "errorLighter": { "color": "#121212", "backgroundColor": "#FDF2F2", "borderColor": "#FDF2F2" }, "errorOutline": { "color": "#DA0000", "backgroundColor": "transparent", "borderColor": "#DA0000" }, "errorText": { "color": "#DA0000", "backgroundColor": "transparent", "borderColor": "transparent" }, "errorInverse": { "color": "#DA0000", "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "errorOutlineInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "#FFFFFF" }, "errorTextInverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-1": { "color": "#121212", "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0" }, "supplementary-1Light": { "color": "#121212", "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB" }, "supplementary-1Lighter": { "color": "#121212", "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": "#121212", "borderColor": "#121212" }, "supplementary-1OutlineInverse": { "color": "#121212", "backgroundColor": "transparent", "borderColor": "#121212" }, "supplementary-1TextInverse": { "color": "#121212", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-2": { "color": "#121212", "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0" }, "supplementary-2Light": { "color": "#121212", "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB" }, "supplementary-2Lighter": { "color": "#121212", "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": "#121212", "borderColor": "#121212" }, "supplementary-2OutlineInverse": { "color": "#121212", "backgroundColor": "transparent", "borderColor": "#121212" }, "supplementary-2TextInverse": { "color": "#121212", "backgroundColor": "transparent", "borderColor": "transparent" }, "supplementary-3": { "color": "#121212", "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0" }, "supplementary-3Light": { "color": "#121212", "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB" }, "supplementary-3Lighter": { "color": "#121212", "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": "#121212", "borderColor": "#121212" }, "supplementary-3OutlineInverse": { "color": "#121212", "backgroundColor": "transparent", "borderColor": "#121212" }, "supplementary-3TextInverse": { "color": "#121212", "backgroundColor": "transparent", "borderColor": "transparent" } }, "banner": { "backgroundColor": "#090D2B", "color": "#FFFFFF", "primary": { "backgroundColor": "#090D2B", "color": "#FFFFFF" }, "secondary": { "backgroundColor": "#008919", "color": "#FFFFFF" }, "accent": { "backgroundColor": "#FEB902", "color": "#121212" } }, "buttonGroup": { "marginRight": "0.5rem", "marginBottom": "1rem" }, "button": { "accent": { "backgroundColor": "#FEB902", "borderColor": "#FEB902", "color": "#121212", "hover": { "backgroundColor": "#FED567", "borderColor": "#FED567", "color": "#121212" }, "active": { "backgroundColor": "#FED567", "borderColor": "#FED567", "color": "#121212" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "focus": { "outline": "2px solid #FEB902" } }, "accentOutline": { "backgroundColor": "transparent", "borderColor": "#FEB902", "color": "#FEB902", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "#FEB902", "color": "#FEB902" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "#FEB902", "color": "#FEB902" } }, "accentText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#FEB902", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "rgba(255, 255, 255, 0.15)", "color": "#FEB902" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "borderColor": "rgba(255, 255, 255, 0.15)", "color": "#FEB902" } }, "accentInverse": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#FEB902", "hover": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212" }, "active": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212" }, "focus": { "outline": "2px solid #121212" } }, "accentOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212", "hover": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#FEB902" }, "active": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#FEB902" } }, "accentTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#121212", "hover": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#FEB902" }, "active": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#FEB902" } }, "cta-1": { "backgroundColor": "#090D2B", "borderColor": "#090D2B", "color": "#FFFFFF", "hover": { "backgroundColor": "#111850", "borderColor": "#111850", "color": "#FFFFFF" }, "active": { "backgroundColor": "#111850", "borderColor": "#111850", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "focus": { "outline": "2px solid #090D2B" } }, "cta-2": { "backgroundColor": "transparent", "borderColor": "#090D2B", "color": "#090D2B", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#090D2B", "color": "#090D2B" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#090D2B", "color": "#090D2B" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "focus": { "outline": "2px solid #090D2B" } }, "cta-3": { "backgroundColor": "#008919", "borderColor": "#008919", "color": "#FFFFFF", "hover": { "backgroundColor": "#014901", "borderColor": "#014901", "color": "#FFFFFF" }, "active": { "backgroundColor": "#014901", "borderColor": "#014901", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "focus": { "outline": "2px solid #008919" } }, "default": { "backgroundColor": "#383E44", "borderColor": "#383E44", "color": "#F5F5F6", "hover": { "backgroundColor": "#222529", "borderColor": "#222529", "color": "#F5F5F6" }, "active": { "backgroundColor": "#F5F5F6", "borderColor": "#383E44", "color": "#383E44" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "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": "#DA0000", "borderColor": "#DA0000", "color": "#FFFFFF", "hover": { "backgroundColor": "#AE0000", "borderColor": "#AE0000", "color": "#FFFFFF" }, "active": { "backgroundColor": "#AE0000", "borderColor": "#AE0000", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "focus": { "outline": "2px solid #DA0000" } }, "destructiveOutline": { "backgroundColor": "transparent", "borderColor": "#DA0000", "color": "#DA0000", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#DA0000", "color": "#DA0000" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#DA0000", "color": "#DA0000" } }, "destructiveText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#DA0000", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#DA0000" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#DA0000" } }, "destructiveInverse": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#DA0000", "hover": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "active": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "focus": { "outline": "2px solid #FFFFFF" } }, "destructiveOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#DA0000" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#DA0000" } }, "destructiveTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#DA0000" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#DA0000" } }, "height": "48px", "fontFamily": "Bebas Neue, sans-serif", "borderRadius": "2px", "borderWidth": "2px", "fontWeight": "400", "fontSize": "1.25rem", "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": "#090D2B", "borderColor": "#090D2B", "color": "#FFFFFF", "hover": { "backgroundColor": "#111850", "borderColor": "#111850", "color": "#FFFFFF" }, "active": { "backgroundColor": "#111850", "borderColor": "#111850", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "focus": { "outline": "2px solid #090D2B" } }, "interactiveOutline": { "backgroundColor": "transparent", "borderColor": "#090D2B", "color": "#090D2B", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#090D2B", "color": "#090D2B" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#090D2B", "color": "#090D2B" } }, "interactiveText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#090D2B", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#090D2B" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#090D2B" } }, "interactiveInverse": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#090D2B", "hover": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "active": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "focus": { "outline": "2px solid #FFFFFF" } }, "interactiveOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#090D2B" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#090D2B" } }, "interactiveTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#090D2B" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#090D2B" } }, "link": { "color": "#017A01", "backgroundColor": "transparent", "borderRadius": "0", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#016201" }, "focus": { "backgroundColor": "transparent", "color": "#017A01" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#016201" }, "disabled": { "backgroundColor": "#F2F8F2", "color": "#67AF67" } }, "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": "#F2F8F2", "color": "#67AF67" } }, "primary": { "backgroundColor": "#090D2B", "borderColor": "#090D2B", "color": "#FFFFFF", "hover": { "backgroundColor": "#111850", "borderColor": "#111850", "color": "#FFFFFF" }, "active": { "backgroundColor": "#111850", "borderColor": "#111850", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "focus": { "outline": "2px solid #090D2B" } }, "primaryOutline": { "backgroundColor": "transparent", "borderColor": "#090D2B", "color": "#090D2B", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#090D2B", "color": "#090D2B" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "#090D2B", "color": "#090D2B" } }, "primaryText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#090D2B", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#090D2B" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "borderColor": "rgba(0, 0, 0, 0.075)", "color": "#090D2B" } }, "primaryInverse": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#090D2B", "hover": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "active": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "focus": { "outline": "2px solid #FFFFFF" } }, "primaryOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#090D2B" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#090D2B" } }, "primaryTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#090D2B" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#090D2B" } }, "secondary": { "backgroundColor": "#008919", "borderColor": "#008919", "color": "#FFFFFF", "hover": { "backgroundColor": "#014901", "borderColor": "#014901", "color": "#FFFFFF" }, "active": { "backgroundColor": "#014901", "borderColor": "#014901", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "focus": { "outline": "2px solid #008919" } }, "secondaryOutline": { "backgroundColor": "#FFFFFF", "borderColor": "#008919", "color": "#008919", "hover": { "backgroundColor": "#008919", "borderColor": "#008919", "color": "#FFFFFF" }, "active": { "backgroundColor": "#008919", "borderColor": "#008919", "color": "#FFFFFF" } }, "secondaryText": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#008919", "hover": { "backgroundColor": "#008919", "borderColor": "#008919", "color": "#FFFFFF" }, "active": { "backgroundColor": "#008919", "borderColor": "#008919", "color": "#FFFFFF" } }, "secondaryInverse": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#008919", "hover": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "active": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF" }, "focus": { "outline": "2px solid #FFFFFF" } }, "secondaryOutlineInverse": { "backgroundColor": "transparent", "borderColor": "#FFFFFF", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#008919" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#008919" } }, "secondaryTextInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#FFFFFF", "hover": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#008919" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF", "color": "#008919" } }, "size": { "xs": { "fontSize": "1.25rem", "padding": "0 0.5rem", "height": "2rem" }, "sm": { "fontSize": "1.25rem", "padding": "0 0.75rem", "height": "2.25rem" }, "md": { "fontSize": "1.25rem", "padding": "0 1rem", "height": "2.5rem" }, "lg": { "fontSize": "1.25rem", "padding": "0 1.25rem", "height": "2.75rem" } }, "supplementary-1": { "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0", "color": "#121212", "hover": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#121212" }, "active": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#121212" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "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": "#121212", "borderColor": "#121212", "color": "#E0E0E0", "hover": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212" }, "active": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212" }, "focus": { "outline": "2px solid #E0E0E0" } }, "outlineInverse": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212", "hover": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" }, "active": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" } }, "textInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#121212", "hover": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" }, "active": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" } } }, "supplementary-2": { "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0", "color": "#121212", "hover": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#121212" }, "active": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#121212" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "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": "#121212", "borderColor": "#121212", "color": "#E0E0E0", "hover": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212" }, "active": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212" }, "focus": { "outline": "2px solid #E0E0E0" } }, "outlineInverse": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212", "hover": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" }, "active": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" } }, "textInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#121212", "hover": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" }, "active": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" } } }, "supplementary-3": { "backgroundColor": "#E0E0E0", "borderColor": "#E0E0E0", "color": "#121212", "hover": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#121212" }, "active": { "backgroundColor": "#EBEBEB", "borderColor": "#EBEBEB", "color": "#121212" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#F5F5F5", "color": "#878787" }, "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": "#121212", "borderColor": "#121212", "color": "#E0E0E0", "hover": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212" }, "active": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212" }, "focus": { "outline": "2px solid #E0E0E0" } }, "outlineInverse": { "backgroundColor": "transparent", "borderColor": "#121212", "color": "#121212", "hover": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" }, "active": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" } }, "textInverse": { "backgroundColor": "transparent", "borderColor": "transparent", "color": "#121212", "hover": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" }, "active": { "backgroundColor": "#121212", "borderColor": "#121212", "color": "#E0E0E0" } } } }, "checkbox": { "input": { "size": "24px", "borderWidth": "2px", "borderRadius": "2px", "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#121212" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "color": "#121212", "padding": "0.625rem 0.5rem 0.625rem 2.25rem", "backgroundColor": "transparent", "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400" }, "hover": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#090D2B" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "color": "#121212", "backgroundColor": "rgba(0, 0, 0, 0.075)" } }, "focus": { "input": { "outline": "2px solid #121212" } }, "error": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#DA0000" }, "inner": { "borderColor": "#FFFFFF" } } }, "disabled": { "input": { "outer": { "backgroundColor": "#F5F5F5", "borderColor": "#878787" }, "inner": { "borderColor": "#878787" } }, "label": { "color": "#878787" } }, "checked": { "input": { "outer": { "backgroundColor": "#090D2B", "borderColor": "#090D2B" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "color": "#121212", "fontWeight": "700" } }, "outline": { "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#121212" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "borderWidth": "1px", "borderColor": "#121212", "padding": "1rem 1rem 1rem 3.2rem", "backgroundColor": "#FFFFFF", "color": "#121212", "borderRadius": "8px" }, "hover": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#090D2B" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "color": "#121212", "borderColor": "#090D2B", "backgroundColor": "#EFEFEF" } }, "focus": { "label": { "outline": "2px solid #121212" } }, "error": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#DA0000" }, "inner": { "borderColor": "#FFFFFF" } }, "label": { "borderColor": "#DA0000" } }, "disabled": { "input": { "outer": { "backgroundColor": "#F5F5F5", "borderColor": "#878787" }, "inner": { "borderColor": "#878787" } }, "label": { "color": "#878787", "borderColor": "#878787", "backgroundColor": "#F5F5F5" } }, "checked": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "inner": { "borderColor": "#090D2B" } }, "label": { "color": "#FFFFFF", "backgroundColor": "#090D2B", "borderColor": "#090D2B" } } } }, "consentBanner": { "backgroundColor": "#FFFFFF", "borderRadius": "24px", "boxShadow": "rgba(0, 0, 0, 0.3) 0px 3px 12px", "closeButton": { "icon": { "color": "#008919" }, "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "icon": { "color": "#008919" } } }, "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": "#121212", "border": "1px solid #121212", "borderRadius": "8px", "backgroundColor": "#FFFFFF", "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400", "padding": "11px 11px 9px", "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#090D2B", "color": "#121212" }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#878787", "color": "#878787" }, "error": { "borderColor": "#DA0000" }, "success": { "borderColor": "#06763E" }, "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": "#090D2B" }, "month": { "color": "#121212" }, "week": { "color": "#121212" }, "day": { "color": "#121212", "hover": { "backgroundColor": "#EFEFEF" }, "selected": { "backgroundColor": "#090D2B", "borderColor": "#090D2B", "color": "#FFFFFF" }, "current": { "borderColor": "#4f4f4f" } }, "navButton": { "color": "#090D2B" }, "year": { "color": "#121212", "hover": { "backgroundColor": "#EFEFEF" }, "selected": { "backgroundColor": "#090D2B", "borderColor": "#090D2B", "color": "#FFFFFF" }, "current": { "borderColor": "#4f4f4f" } } }, "placeholder": { "color": "#6b6b6b" } }, "divider": { "borderColor": "#878787", "borderWidth": "1px", "color": "#121212", "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": "#008919" }, "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "icon": { "color": "#008919" } } }, "header": { "paddingBottom": "12px" }, "content": { "paddingBottom": "12px" } }, "footer": { "backgroundColor": "#090D2B", "borderRadius": { "xs": "0", "sm": "0", "md": "0", "lg": "0" }, "color": "#fff", "fontFamily": "Roboto, sans-serif", "fontSize": "0.875rem", "padding": { "xs": "1.5rem 0", "sm": "1.5rem 0", "md": "1.5rem 0", "lg": "1.5rem 0" }, "link": { "color": "#fff", "fontWeight": "400", "hover": { "color": "#fff" } } }, "header": { "backgroundColor": "#fff", "boxShadow": "0 4px 2px -2px rgba(0, 0, 0, .20)", "height": { "xs": "64px", "sm": "80px", "md": "80px", "lg": "96px" }, "padding": { "xs": "0 0", "sm": "0 0", "md": "0 0", "lg": "0 0" }, "heading": { "color": "#090D2B", "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": "#090D2B", "heading": { "color": "#FFFFFF" } }, "light": { "backgroundColor": "#FFFFFF", "heading": { "color": "#090D2B" } } }, "icon": { "color": "#008919", "fontWeight": "400", "fontFamily": "regular", "light": { "color": "#F8F8F8" } }, "inputGroup": { "backgroundColor": "#F5F5F5" }, "inputStepper": { "borderRadius": "8px", "height": "48px", "button": { "backgroundColor": "#FFFFFF", "border": "1px solid #121212", "color": "#121212", "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#878787", "color": "#878787" }, "error": { "backgroundColor": "#FFFFFF", "borderColor": "#DA0000", "color": "#121212" }, "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#090D2B", "color": "#090D2B" } } }, "input": { "height": "48px", "color": "#121212", "padding": "0 12px", "borderColor": "#121212", "border": "1px solid #121212", "borderRadius": "8px", "backgroundColor": "#FFFFFF", "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400", "transition": "background-color 0.3s ease, border-color 0.3s ease", "placeholder": { "color": "#6b6b6b" }, "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#090D2B", "color": "#121212" }, "disabled": { "borderColor": "#878787", "backgroundColor": "#F5F5F5", "color": "#878787" }, "focus": { "borderColor": "#090D2B", "backgroundColor": "#FFFFFF", "color": "#121212", "outline": "2px solid #090D2B" }, "error": { "borderColor": "#DA0000", "outline": "#DA0000", "backgroundColor": "#FFFFFF", "color": "#121212" }, "success": { "borderColor": "#06763E", "outline": "#06763E", "backgroundColor": "#FFFFFF", "color": "#121212" } }, "label": { "color": "#121212", "fontSize": "1rem", "fontWeight": "700", "fontFamily": "Roboto, sans-serif", "lineHeight": "1.5" }, "legend": { "color": "#121212", "fontSize": "1rem", "fontWeight": "700", "fontFamily": "Roboto, sans-serif", "lineHeight": "1.5" }, "link": { "color": "#017A01", "backgroundColor": "transparent", "borderRadius": "0", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#016201" }, "focus": { "backgroundColor": "transparent", "color": "#017A01", "outline": "2px solid #001800" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#016201" }, "disabled": { "backgroundColor": "#F2F8F2", "color": "#67AF67" }, "inverse": { "color": "#FFFFFF", "backgroundColor": "transparent", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#FFFFFF" }, "focus": { "backgroundColor": "transparent", "color": "#FFFFFF", "outline": "2px solid #F2F8F2" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#FFFFFF" }, "disabled": { "backgroundColor": "#F2F8F2", "color": "#67AF67" } } }, "loader": { "color": "#090D2B" }, "logo": { "background": "url({assets.baseUrl}brands/cgu/logos/mobile/dark/logo.svg)", "width": "45px", "height": "45px", "xs": { "background": "url({assets.baseUrl}brands/cgu/logos/mobile/dark/logo.svg)", "width": "35px", "height": "35px" }, "light": { "background": "url({assets.baseUrl}brands/cgu/logos/mobile/light/logo.svg)", "xs": { "background": "url({assets.baseUrl}brands/cgu/logos/mobile/light/logo.svg)" } }, "dark": { "background": "url({assets.baseUrl}brands/cgu/logos/mobile/dark/logo.svg)", "xs": { "background": "url({assets.baseUrl}brands/cgu/logos/mobile/dark/logo.svg)" } } }, "main": { "backgroundColor": "#FFFFFF" }, "message": { "fontFamily": "Roboto, sans-serif", "fontSize": "0.875rem", "information": { "color": "#2D799F" }, "success": { "color": "#06763E" }, "warning": { "color": "#C95102" }, "error": { "color": "#DA0000" } }, "modal": { "backdrop": { "backgroundColor": "rgba(43, 46, 56, 0.9)" }, "backgroundColor": "#FFFFFF", "padding": "32px", "borderRadius": "0", "button": { "icon": { "color": "#008919" }, "hover": { "icon": { "color": "#008919" }, "backgroundColor": "rgba(0, 0, 0, 0.075)" } } }, "notificationCounter": { "backgroundColor": "#DA0000", "borderColor": "#DA0000", "borderWidth": "1px", "borderRadius": "18px", "color": "#FFFFFF", "font": { "url": "'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;600;700&display=swap'", "fontFamily": "Roboto, sans-serif" }, "fontSize": "0.75rem", "fontWeight": "400", "lineHeight": "1", "min-width": "18px", "padding": "2px" }, "password": { "button": { "color": "#121212", "hover": { "backgroundColor": "#EFEFEF", "color": "#090D2B" }, "focus": { "backgroundColor": "#FFFFFF", "color": "#121212" } } }, "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": "Roboto, sans-serif", "fontWeight": "400", "boxShadow": "rgba(0, 0, 0, 0.12) 0px 4px 6px 0px", "complete": { "backgroundColor": "#06763E", "borderColor": "#06763E", "color": "#FFFFFF" }, "active": { "backgroundColor": "#FFFFFF", "borderColor": "#06763E", "color": "#121212", "fontWeight": "600" }, "incomplete": { "backgroundColor": "#FFFFFF", "borderColor": "#878787", "color": "#121212" }, "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": "#06763E" }, "incomplete": { "backgroundColor": "#C4C4C4" } }, "stepIndicator": { "font": { "url": "'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;600;700&display=swap'", "fontFamily": "Roboto, sans-serif" }, "fontSize": "1rem", "height": "48px", "size": "1.9rem", "textIndent": "0" }, "button": { "color": "#121212", "backgroundColor": "transparent", "borderRadius": "4px", "padding": "0px 6px", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#121212" }, "focus": { "color": "#121212", "outline": "#090D2B" } }, "vertical": { "stepLabel": { "paddingRight": "16px" }, "fontSize": { "xs": "1.125rem", "sm": "1.125rem", "md": "1.125rem", "lg": "1.25rem" }, "fontWeight": "400", "fontFamily": "Bebas Neue, sans-serif", "heading": { "color": "#090D2B" } } }, "progressLoader": { "backdrop": { "backgroundColor": "rgba(255, 255, 255, 0.9)" }, "color": "#121212", "label": { "order": "1", "fontFamily": "Roboto, sans-serif", "fontSize": { "xs": "1rem", "sm": "1rem", "md": "1rem", "lg": "1rem" }, "fontWeight": "600", "margin": "0 0 0.25rem 0" }, "progressBar": { "borderColor": "#878787", "borderRadius": "4px", "backgroundColor": "#FFFFFF", "order": "2" }, "progressValue": { "borderRadius": "4px", "backgroundColor": "#008919", "height": "8px" }, "inline": { "label": { "margin": "0 0 0.5rem 0" }, "progressBar": { "borderColor": "#878787" }, "progressValue": { "backgroundColor": "#06763E", "height": "8px" } } }, "radioBlock": { "backgroundColor": "#FFFFFF", "border": "1px solid #121212", "borderRadius": "8px", "color": "#121212", "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400", "height": "48px", "hover": { "color": "#090D2B", "borderColor": "#090D2B", "backgroundColor": "#EFEFEF" }, "focus": { "outline": "2px solid #121212" }, "error": { "borderColor": "#DA0000" }, "disabled": { "backgroundColor": "#F5F5F5", "color": "#878787", "borderColor": "#878787" }, "checked": { "color": "#FFFFFF", "backgroundColor": "#090D2B", "borderWidth": "1px", "fontWeight": "700", "borderColor": "#090D2B" } }, "radio": { "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#121212" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "color": "#121212", "padding": "0.625rem 0.5rem 0.625rem 2.25rem", "backgroundColor": "transparent", "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400" }, "hover": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#090D2B" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "color": "#121212", "backgroundColor": "rgba(0, 0, 0, 0.075)" } }, "focus": { "input": { "outline": "2px solid #121212" } }, "error": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#DA0000" }, "inner": { "backgroundColor": "#FFFFFF" } } }, "disabled": { "input": { "outer": { "backgroundColor": "#F5F5F5", "borderColor": "#878787" }, "inner": { "backgroundColor": "#878787" } }, "label": { "color": "#878787" } }, "checked": { "input": { "outer": { "backgroundColor": "#090D2B", "borderColor": "#090D2B" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "color": "#121212", "fontWeight": "700" } }, "outline": { "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#121212" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "borderWidth": "1px", "borderColor": "#121212", "padding": "1rem 1rem 1rem 3.2rem", "backgroundColor": "#FFFFFF", "color": "#121212", "borderRadius": "8px" }, "hover": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#090D2B" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "color": "#121212", "backgroundColor": "#EFEFEF", "borderColor": "#090D2B" } }, "focus": { "label": { "outline": "2px solid #121212" } }, "error": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#DA0000" }, "inner": { "backgroundColor": "#FFFFFF" } }, "label": { "borderColor": "#DA0000" } }, "disabled": { "input": { "outer": { "backgroundColor": "#F5F5F5", "borderColor": "#878787" }, "inner": { "backgroundColor": "#878787" } }, "label": { "backgroundColor": "#F5F5F5", "color": "#878787", "borderColor": "#878787" } }, "checked": { "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "inner": { "backgroundColor": "#090D2B" } }, "label": { "color": "#FFFFFF", "backgroundColor": "#090D2B", "borderColor": "#090D2B" } } } }, "segmentedControl": { "backgroundColor": "#FFFFFF", "minHeight": "48px", "minWidth": "7.5rem", "padding": "0 .75rem", "border": "1px solid #121212", "borderColor": "#121212", "borderRadius": "8px", "borderWidth": "1px solid", "color": "#121212", "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400", "block": { "borderRadius": "8px" }, "hover": { "color": "#090D2B", "borderColor": "#090D2B", "backgroundColor": "#EFEFEF" }, "focus": { "border": "2px solid #090D2B" }, "error": { "borderColor": "#DA0000" }, "disabled": { "backgroundColor": "#F5F5F5", "color": "#878787", "borderColor": "#878787", "checked": { "color": "#FFFFFF" } }, "checked": { "color": "#FFFFFF", "backgroundColor": "#090D2B", "fontWeight": "700", "borderColor": "#090D2B" }, "radio": { "backgroundColor": "#FFFFFF", "border": "1px solid #121212", "borderColor": "#121212", "borderWidth": "1px solid", "color": "#121212", "padding": "0.75rem", "input": { "size": "24px", "borderWidth": "2px", "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#121212" }, "inner": { "backgroundColor": "#FFFFFF" } }, "hover": { "color": "#111850", "borderColor": "#090D2B", "backgroundColor": "#EFEFEF", "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#090D2B" } } }, "disabled": { "backgroundColor": "#F5F5F5", "borderColor": "#878787", "color": "#878787", "input": { "outer": { "backgroundColor": "#F5F5F5", "borderColor": "#878787" }, "inner": { "backgroundColor": "#878787" } }, "checked": { "color": "#FFFFFF", "input": { "outer": { "borderColor": "#F5F5F5" } } } }, "checked": { "color": "#FFFFFF", "backgroundColor": "#090D2B", "borderColor": "#090D2B", "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#FFFFFF" }, "inner": { "backgroundColor": "#090D2B", "borderColor": "#878787" } } }, "error": { "checked": { "input": { "inner": { "backgroundColor": "#090D2B", "borderColor": "#090D2B" }, "outer": { "backgroundColor": "#DA0000" } } }, "input": { "outer": { "backgroundColor": "#FFFFFF", "borderColor": "#DA0000" } } }, "block": { "label": { "padding": "0.75rem 3rem 0.75rem" } } } }, "select": { "height": "48px", "color": "#121212", "padding": "0 12px", "border": "1px solid #121212", "icon": { "color": "#121212" }, "borderRadius": "8px", "backgroundColor": "#FFFFFF", "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400", "transition": "background-color 0.3s ease, border-color 0.3s ease", "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#090D2B", "color": "#121212" }, "disabled": { "borderColor": "#878787", "backgroundColor": "#F5F5F5", "color": "#878787" }, "focus": { "borderColor": "#090D2B", "backgroundColor": "#FFFFFF", "color": "#121212", "outline": "2px solid #090D2B" }, "error": { "borderColor": "#DA0000", "backgroundColor": "#FFFFFF", "color": "#121212" }, "success": { "borderColor": "#06763E", "backgroundColor": "#FFFFFF", "color": "#121212" } }, "spinner": { "stroke": "#008919", "inverse": { "stroke": "#FFFFFF" }, "fixed": { "background": "transparent" } }, "tab": { "borderColor": "#090D2B", "borderRadius": "0 0 0 0", "borderWidth": "1px", "button": { "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400", "color": "#121212", "textAlign": "left" }, "content": { "fontFamily": "Roboto, 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": "#121212", "icon": { "color": "#008919" } }, "selected": { "backgroundColor": "#FFFFFF", "borderWidth": "1px 1px 0", "boxShadow": "none", "color": "#121212", "fontWeight": "700", "icon": { "color": "#008919" } }, "hover": { "color": "#121212", "backgroundColor": "rgba(0, 0, 0, 0.075)", "icon": { "color": "#008919" } }, "focus": { "color": "#121212", "backgroundColor": "#FFFFFF", "boxShadow": "inset 0 0 0 2px #fff,inset 0 0 0 4px #090D2B,inset 0 0 #090D2B", "icon": { "color": "#008919" } }, "icon": { "color": "#008919" }, "inverse": { "borderColor": "#f2f7f8", "button": { "color": "#FFFFFF" }, "color": "#FFFFFF", "content": { "backgroundColor": "transparent", "color": "#FFFFFF" }, "inactive": { "backgroundColor": "transparent", "color": "#FFFFFF", "icon": { "color": "#F8F8F8" } }, "selected": { "backgroundColor": "transparent", "color": "#FFFFFF", "boxShadow": "none", "icon": { "color": "#F8F8F8" } }, "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#FFFFFF", "icon": { "color": "#F8F8F8" } }, "icon": { "color": "#F8F8F8" }, "focus": { "icon": { "color": "#F8F8F8" } }, "scroll": { "button": { "backgroundColor": "transparent", "color": "#F8F8F8", "hover": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#F8F8F8" }, "active": { "backgroundColor": "rgba(255, 255, 255, 0.15)", "color": "#F8F8F8" } } } }, "scroll": { "button": { "backgroundColor": "transparent", "borderWidth": "1px", "borderRadius": "0 0 0 0", "color": "#008919", "hover": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#008919" }, "active": { "backgroundColor": "rgba(0, 0, 0, 0.075)", "color": "#008919" } } } }, "textarea": { "color": "#121212", "padding": "12px", "border": "1px solid #121212", "borderRadius": "8px", "backgroundColor": "#FFFFFF", "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400", "transition": "background-color 0.3s ease, border-color 0.3s ease", "placeholder": { "color": "#6b6b6b" }, "hover": { "backgroundColor": "#EFEFEF", "borderColor": "#090D2B", "color": "#121212" }, "disabled": { "borderColor": "#878787", "backgroundColor": "#F5F5F5", "color": "#878787" }, "focus": { "borderColor": "#090D2B", "backgroundColor": "#FFFFFF", "color": "#121212", "outline": "2px solid #090D2B" }, "error": { "borderColor": "#DA0000", "outline": "#DA0000", "backgroundColor": "#FFFFFF", "color": "#121212" }, "success": { "borderColor": "#06763E", "outline": "#06763E", "backgroundColor": "#FFFFFF", "color": "#121212" } }, "toggle": { "label": { "color": "#121212", "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "700", "marginLeft": "1.5rem", "marginRight": ".5rem", "hover": { "color": "#121212" }, "checked": { "color": "#121212" }, "error": { "color": "#121212" }, "disabled": { "color": "#878787", "checked": { "color": "#878787" } } }, "thumb": { "backgroundColor": "#121212", "size": "24px", "hover": { "backgroundColor": "#121212" }, "checked": { "backgroundColor": "#FFFFFF", "boxShadow": "rgba(0, 0, 0, 0.12) 0px 4px 6px 0px", "transform": "translateX(22px)" }, "error": { "backgroundColor": "#121212" }, "disabled": { "backgroundColor": "#878787", "checked": { "backgroundColor": "#F5F5F5" } } }, "track": { "width": "56px", "backgroundColor": "#FFFFFF", "border": "1px solid #121212", "borderRadius": "64px", "hover": { "backgroundColor": "#EFEFEF", "border": "1px solid #090D2B" }, "focus": { "outline": "2px solid #121212" }, "checked": { "backgroundColor": "#090D2B", "border": "1px solid #090D2B" }, "error": { "backgroundColor": "#FFFFFF", "border": "1px solid #DA0000" }, "disabled": { "backgroundColor": "#F5F5F5", "border": "1px solid #878787", "checked": { "backgroundColor": "#878787", "border": "1px solid #878787" } } } }, "tooltip": { "arrow": { "color": "#313131" }, "backgroundColor": "#313131", "borderColor": "#313131", "borderWidth": "1px", "borderRadius": "4px", "boxShadow": "rgba(0, 0, 0, 0.12) 0px 8px 12px 0px", "color": "#FFFFFF", "fontFamily": "Roboto, sans-serif", "fontSize": "1rem", "fontWeight": "400", "lineHeight": "1.5", "padding": "16px 16px" } }