:root { --c--theme--colors--secondary-text: var(--c--theme--colors--greyscale-700); --c--theme--colors--secondary-100: #F2F7FC; --c--theme--colors--secondary-200: #EBF3FA; --c--theme--colors--secondary-300: #E2EEF8; --c--theme--colors--secondary-400: #DDEAF7; --c--theme--colors--secondary-500: #D4E5F5; --c--theme--colors--secondary-600: #C1D0DF; --c--theme--colors--secondary-700: #97A3AE; --c--theme--colors--secondary-800: #757E87; --c--theme--colors--secondary-900: #596067; --c--theme--colors--info-text: var(--c--theme--colors--greyscale-000); --c--theme--colors--info-100: #EBF2FC; --c--theme--colors--info-200: #8CB5EA; --c--theme--colors--info-300: #5894E1; --c--theme--colors--info-400: #377FDB; --c--theme--colors--info-500: #055FD2; --c--theme--colors--info-600: #0556BF; --c--theme--colors--info-700: #044395; --c--theme--colors--info-800: #033474; --c--theme--colors--info-900: #022858; --c--theme--colors--greyscale-100: #FAFAFB; --c--theme--colors--greyscale-200: #F3F4F4; --c--theme--colors--greyscale-300: #E7E8EA; --c--theme--colors--greyscale-400: #C2C6CA; --c--theme--colors--greyscale-500: #9EA3AA; --c--theme--colors--greyscale-600: #79818A; --c--theme--colors--greyscale-700: #555F6B; --c--theme--colors--greyscale-800: #303C4B; --c--theme--colors--greyscale-900: #0C1A2B; --c--theme--colors--greyscale-000: #FFFFFF; --c--theme--colors--primary-100: #EBF2FC; --c--theme--colors--primary-200: #8CB5EA; --c--theme--colors--primary-300: #5894E1; --c--theme--colors--primary-400: #377FDB; --c--theme--colors--primary-500: #055FD2; --c--theme--colors--primary-600: #0556BF; --c--theme--colors--primary-700: #044395; --c--theme--colors--primary-800: #033474; --c--theme--colors--primary-900: #022858; --c--theme--colors--success-100: #EFFCD3; --c--theme--colors--success-200: #DBFAA9; --c--theme--colors--success-300: #BEF27C; --c--theme--colors--success-400: #A0E659; --c--theme--colors--success-500: #76D628; --c--theme--colors--success-600: #5AB81D; --c--theme--colors--success-700: #419A14; --c--theme--colors--success-800: #2C7C0C; --c--theme--colors--success-900: #1D6607; --c--theme--colors--warning-100: #FFF8CD; --c--theme--colors--warning-200: #FFEF9B; --c--theme--colors--warning-300: #FFE469; --c--theme--colors--warning-400: #FFDA43; --c--theme--colors--warning-500: #FFC805; --c--theme--colors--warning-600: #DBA603; --c--theme--colors--warning-700: #B78702; --c--theme--colors--warning-800: #936901; --c--theme--colors--warning-900: #7A5400; --c--theme--colors--danger-100: #F4B0B0; --c--theme--colors--danger-200: #EE8A8A; --c--theme--colors--danger-300: #E65454; --c--theme--colors--danger-400: #E13333; --c--theme--colors--danger-500: #DA0000; --c--theme--colors--danger-600: #C60000; --c--theme--colors--danger-700: #9B0000; --c--theme--colors--danger-800: #780000; --c--theme--colors--danger-900: #5C0000; --c--theme--colors--primary-text: var(--c--theme--colors--greyscale-000); --c--theme--colors--success-text: var(--c--theme--colors--greyscale-000); --c--theme--colors--warning-text: var(--c--theme--colors--greyscale-000); --c--theme--colors--danger-text: var(--c--theme--colors--greyscale-000); --c--theme--font--sizes--h1: 1.75rem; --c--theme--font--sizes--h2: 1.375rem; --c--theme--font--sizes--h3: 1.125rem; --c--theme--font--sizes--h4: 0.8125rem; --c--theme--font--sizes--h5: 0.625rem; --c--theme--font--sizes--h6: 0.5rem; --c--theme--font--sizes--l: 1rem; --c--theme--font--sizes--m: 0.8125rem; --c--theme--font--sizes--s: 0.6875rem; --c--theme--font--weights--thin: 200; --c--theme--font--weights--light: 300; --c--theme--font--weights--regular: 400; --c--theme--font--weights--medium: 500; --c--theme--font--weights--bold: 600; --c--theme--font--weights--extrabold: 700; --c--theme--font--weights--black: 800; --c--theme--font--families--base: "Roboto Flex Variable", sans-serif; --c--theme--font--families--accent: "Roboto Flex Variable", sans-serif; --c--theme--font--letterspacings--h1: normal; --c--theme--font--letterspacings--h2: normal; --c--theme--font--letterspacings--h3: normal; --c--theme--font--letterspacings--h4: normal; --c--theme--font--letterspacings--h5: 1px; --c--theme--font--letterspacings--h6: normal; --c--theme--font--letterspacings--l: normal; --c--theme--font--letterspacings--m: normal; --c--theme--font--letterspacings--s: normal; --c--theme--spacings--xl: 4rem; --c--theme--spacings--l: 3rem; --c--theme--spacings--b: 1.625rem; --c--theme--spacings--s: 1rem; --c--theme--spacings--t: 0.5rem; --c--theme--spacings--st: 0.25rem; --c--theme--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); --c--theme--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); --c--theme--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --c--theme--transitions--duration: 250ms; --c--theme--breakpoints--xs: 0; --c--theme--breakpoints--sm: 576px; --c--theme--breakpoints--md: 768px; --c--theme--breakpoints--lg: 992px; --c--theme--breakpoints--xl: 1200px; --c--theme--breakpoints--xxl: 1400px; --c--components--tooltip--border-radius: 0.5rem; --c--components--tooltip--background-color: var(--c--theme--colors--greyscale-900); --c--components--tooltip--color: var(--c--theme--colors--greyscale-000); --c--components--tooltip--font-size: var(--c--theme--font--sizes--s); --c--components--tooltip--padding: 1rem; --c--components--tooltip--max-width: 150px; --c--components--toast--slide-in-duration: 1000ms; --c--components--toast--slide-out-duration: 300ms; --c--components--toast--background-color: var(--c--theme--colors--greyscale-100); --c--components--toast--color: var(--c--theme--colors--greyscale-900); --c--components--toast--font-weight: var(--c--theme--font--weights--regular); --c--components--toast--icon-size: 19px; --c--components--toast--progress-bar-height: 3px; --c--components--modal--background-color: var(--c--theme--colors--greyscale-000); --c--components--modal--backdrop-color: #0C1A2B99; --c--components--modal--border-radius: 4px; --c--components--modal--border-color: var(--c--theme--colors--greyscale-300); --c--components--modal--box-shadow: 0px 1px 2px 0px #0C1A2B4D; --c--components--modal--color: var(--c--theme--colors--greyscale-900); --c--components--modal--title-font-weight: var(--c--theme--font--weights--bold); --c--components--modal--content-font-size: var(--c--theme--font--sizes--m); --c--components--modal--content-font-weight: var(--c--theme--font--weights--regular); --c--components--modal--content-color: var(--c--theme--colors--greyscale-800); --c--components--modal--width-small: 300px; --c--components--modal--width-medium: 600px; --c--components--modal--width-large: 75%; --c--components--forms-textarea--font-weight: var(--c--theme--font--weights--regular); --c--components--forms-textarea--font-size: var(--c--theme--font--sizes--l); --c--components--forms-textarea--border-radius: 8px; --c--components--forms-textarea--border-radius--hover: 2px; --c--components--forms-textarea--border-radius--focus: 2px; --c--components--forms-textarea--border-width: 1px; --c--components--forms-textarea--border-color: var(--c--theme--colors--greyscale-300); --c--components--forms-textarea--border-color--hover: var(--c--theme--colors--greyscale-500); --c--components--forms-textarea--border-color--focus: var(--c--theme--colors--primary-600); --c--components--forms-textarea--border-style: solid; --c--components--forms-textarea--label-color--focus: var(--c--theme--colors--primary-600); --c--components--forms-textarea--background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-textarea--value-color: var(--c--theme--colors--greyscale-900); --c--components--forms-textarea--value-color--disabled: var(--c--theme--colors--greyscale-800); --c--components--forms-switch--accent-color: var(--c--theme--colors--success-700); --c--components--forms-switch--rail-background-color: var(--c--theme--colors--greyscale-500); --c--components--forms-switch--rail-background-color--disabled: var(--c--theme--colors--greyscale-400); --c--components--forms-switch--rail-border-radius: 50vw; --c--components--forms-switch--handle-background-color: white; --c--components--forms-switch--handle-background-color--disabled: var(--c--theme--colors--greyscale-200); --c--components--forms-switch--handle-border-radius: 50%; --c--components--forms-select--border-color: var(--c--theme--colors--greyscale-300); --c--components--forms-select--border-color--focus: var(--c--theme--colors--primary-600); --c--components--forms-select--border-color--hover: var(--c--theme--colors--greyscale-500); --c--components--forms-select--border-radius: 8px; --c--components--forms-select--border-radius--focus: 2px; --c--components--forms-select--border-radius--hover: 2px; --c--components--forms-select--border-style: solid; --c--components--forms-select--border-width: 1px; --c--components--forms-select--value-color: var(--c--theme--colors--greyscale-900); --c--components--forms-select--value-color--disabled: var(--c--theme--colors--greyscale-800); --c--components--forms-select--font-size: var(--c--theme--font--sizes--l); --c--components--forms-select--height: 3.5rem; --c--components--forms-select--item-background-color--hover: var(--c--theme--colors--greyscale-200); --c--components--forms-select--item-background-color--selected: var(--c--theme--colors--primary-100); --c--components--forms-select--item-color: var(--c--theme--colors--greyscale-800); --c--components--forms-select--item-color--disabled: var(--c--theme--colors--greyscale-500); --c--components--forms-select--item-font-size: var(--c--theme--font--sizes--l); --c--components--forms-select--background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-select--menu-background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-select--label-color--focus: var(--c--theme--colors--primary-600); --c--components--forms-select--multi-pill-background-color: var(--c--theme--colors--greyscale-200); --c--components--forms-select--multi-pill-border-radius: 2px; --c--components--forms-select--multi-pill-max-width: 68%; --c--components--forms-select--multi-pill-font-size: var(--c--theme--font--sizes--m); --c--components--forms-radio--border-color: var(--c--theme--colors--greyscale-300); --c--components--forms-radio--accent-color: var(--c--theme--colors--success-600); --c--components--forms-radio--background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-labelledbox--label-color--small: var(--c--theme--colors--greyscale-600); --c--components--forms-labelledbox--label-color--big: var(--c--theme--colors--greyscale-900); --c--components--forms-labelledbox--label-color--small--disabled: var(--c--theme--colors--greyscale-600); --c--components--forms-labelledbox--label-color--big--disabled: var(--c--theme--colors--greyscale-600); --c--components--forms-input--font-weight: var(--c--theme--font--weights--regular); --c--components--forms-input--font-size: var(--c--theme--font--sizes--l); --c--components--forms-input--border-radius: 8px; --c--components--forms-input--border-radius--hover: 2px; --c--components--forms-input--border-radius--focus: 2px; --c--components--forms-input--border-width: 1px; --c--components--forms-input--border-color: var(--c--theme--colors--greyscale-300); --c--components--forms-input--border-color--hover: var(--c--theme--colors--greyscale-500); --c--components--forms-input--border-color--focus: var(--c--theme--colors--primary-600); --c--components--forms-input--border-style: solid; --c--components--forms-input--label-color--focus: var(--c--theme--colors--primary-600); --c--components--forms-input--background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-input--value-color: var(--c--theme--colors--greyscale-900); --c--components--forms-input--value-color--disabled: var(--c--theme--colors--greyscale-800); --c--components--forms-fileuploader--background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-fileuploader--border-color: var(--c--theme--colors--greyscale-300); --c--components--forms-fileuploader--border-radius: 0.5rem; --c--components--forms-fileuploader--border-width: 2px; --c--components--forms-fileuploader--border-style: dotted; --c--components--forms-fileuploader--background-color--active: var(--c--theme--colors--primary-100); --c--components--forms-fileuploader--color: var(--c--theme--colors--greyscale-900); --c--components--forms-fileuploader--padding: 1rem; --c--components--forms-fileuploader--accent-color: var(--c--theme--colors--primary-600); --c--components--forms-fileuploader--text-color: var(--c--theme--colors--greyscale-600); --c--components--forms-fileuploader--text-size: 0.6875rem; --c--components--forms-fileuploader--file-text-size: 0.8125rem; --c--components--forms-fileuploader--file-text-color: var(--c--theme--colors--greyscale-900); --c--components--forms-fileuploader--file-text-weight: var(--c--theme--font--weights--light); --c--components--forms-fileuploader--file-border-color: var(--c--theme--colors--greyscale-300); --c--components--forms-fileuploader--file-border-width: 1px; --c--components--forms-fileuploader--file-border-radius: 0.5rem; --c--components--forms-fileuploader--file-background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-fileuploader--file-specs-size: 0.6875rem; --c--components--forms-fileuploader--file-specs-color: var(--c--theme--colors--greyscale-600); --c--components--forms-field--width: 292px; --c--components--forms-field--font-size: var(--c--theme--font--sizes--s); --c--components--forms-field--color: var(--c--theme--colors--greyscale-600); --c--components--forms-datepicker--border-color: var(--c--theme--colors--greyscale-300); --c--components--forms-datepicker--border-color--disabled: var(--c--theme--colors--greyscale-200); --c--components--forms-datepicker--border-color--focus: var(--c--theme--colors--primary-600); --c--components--forms-datepicker--border-color--hover: var(--c--theme--colors--greyscale-500); --c--components--forms-datepicker--border-radius: 8px; --c--components--forms-datepicker--border-radius--focus: 2px; --c--components--forms-datepicker--border-radius--hover: 2px; --c--components--forms-datepicker--border-style: solid; --c--components--forms-datepicker--border-width: 1px; --c--components--forms-datepicker--value-color: var(--c--theme--colors--greyscale-900); --c--components--forms-datepicker--value-color--disabled: var(--c--theme--colors--greyscale-800); --c--components--forms-datepicker--font-size: var(--c--theme--font--sizes--l); --c--components--forms-datepicker--height: 3.5rem; --c--components--forms-datepicker--item-background-color--hover: var(--c--theme--colors--greyscale-200); --c--components--forms-datepicker--item-background-color--selected: var(--c--theme--colors--primary-100); --c--components--forms-datepicker--item-color: var(--c--theme--colors--greyscale-800); --c--components--forms-datepicker--item-font-size: var(--c--theme--font--sizes--l); --c--components--forms-datepicker--background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-datepicker--menu-background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-datepicker--range-selection-background-color: var(--c--theme--colors--primary-100); --c--components--forms-datepicker--range-selection-background-color--disabled: var(--c--theme--colors--greyscale-100); --c--components--forms-datepicker--grid-cell--border-color--today: var(--c--theme--colors--primary-600); --c--components--forms-datepicker--grid-cell--color--today: var(--c--theme--colors--primary-600); --c--components--forms-datepicker--label-color--focus: var(--c--theme--colors--primary-600); --c--components--forms-checkbox--background-color--hover: var(--c--theme--colors--greyscale-200); --c--components--forms-checkbox--background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-checkbox--font-size: var(--c--theme--font--sizes--m); --c--components--forms-checkbox--font-weight: var(--c--theme--font--weights--medium); --c--components--forms-checkbox--color: var(--c--theme--colors--greyscale-900); --c--components--forms-checkbox--border-color: var(--c--theme--colors--greyscale-300); --c--components--forms-checkbox--border-radius: 2px; --c--components--forms-checkbox--accent-color: var(--c--theme--colors--success-600); --c--components--forms-checkbox--size: 1.5rem; --c--components--button--border-radius: 8px; --c--components--button--border-radius--active: 2px; --c--components--button--border-radius--focus: 8px; --c--components--button--medium-text-height: 36px; --c--components--button--medium-height: 48px; --c--components--button--small-height: 32px; --c--components--button--nano-height: 24px; --c--components--button--medium-font-size: var(--c--theme--font--sizes--l); --c--components--button--medium-icon-font-size: 1.5rem; --c--components--button--small-font-size: var(--c--theme--font--sizes--m); --c--components--button--small-icon-font-size: var(--c--theme--font--sizes--l); --c--components--button--nano-font-size: var(--c--theme--font--sizes--m); --c--components--button--nano-icon-font-size: var(--c--theme--font--sizes--l); --c--components--button--font-weight: var(--c--theme--font--weights--regular); --c--components--button--font-family: var(--c--theme--font--families--base); --c--components--button--text-font-weight: var(--c--theme--font--weights--medium); --c--components--alert--background-color: var(--c--theme--colors--greyscale-100); --c--components--alert--border-radius: 4px; --c--components--alert--font-weight: var(--c--theme--font--weights--medium); --c--components--alert--color: var(--c--theme--colors--greyscale-900); --c--components--alert--icon-size: 19px; --c--components--alert--additional-font-weight: var(--c--theme--font--weights--regular); --c--components--alert--additional-color: var(--c--theme--colors--greyscale-700); } .cunningham-theme--dark{ --c--theme--colors--greyscale-100: #182536; --c--theme--colors--greyscale-200: #303C4B; --c--theme--colors--greyscale-300: #555F6B; --c--theme--colors--greyscale-400: #79818A; --c--theme--colors--greyscale-500: #9EA3AA; --c--theme--colors--greyscale-600: #C2C6CA; --c--theme--colors--greyscale-700: #E7E8EA; --c--theme--colors--greyscale-800: #F3F4F4; --c--theme--colors--greyscale-900: #FAFAFB; --c--theme--colors--greyscale-000: #0C1A2B; --c--theme--colors--primary-100: #3B4C62; --c--theme--colors--primary-200: #4D6481; --c--theme--colors--primary-300: #6381A6; --c--theme--colors--primary-400: #7FA5D5; --c--theme--colors--primary-500: #8CB5EA; --c--theme--colors--primary-600: #A3C4EE; --c--theme--colors--primary-700: #C3D8F4; --c--theme--colors--primary-800: #DDE9F8; --c--theme--colors--primary-900: #F4F8FD; --c--theme--colors--success-100: #EEF8D7; --c--theme--colors--success-200: #D9F1B2; --c--theme--colors--success-300: #BDE985; --c--theme--colors--success-400: #A0E25D; --c--theme--colors--success-500: #76D628; --c--theme--colors--success-600: #5BB520; --c--theme--colors--success-700: #43941A; --c--theme--colors--success-800: #307414; --c--theme--colors--success-900: #225D10; --c--theme--colors--warning-100: #F7F3D5; --c--theme--colors--warning-200: #F0E5AA; --c--theme--colors--warning-300: #E8D680; --c--theme--colors--warning-400: #E3C95F; --c--theme--colors--warning-500: #D9B32B; --c--theme--colors--warning-600: #BD9721; --c--theme--colors--warning-700: #9D7B1C; --c--theme--colors--warning-800: #7E6016; --c--theme--colors--warning-900: #684D12; --c--theme--colors--danger-100: #F8D0D0; --c--theme--colors--danger-200: #F09898; --c--theme--colors--danger-300: #F09898; --c--theme--colors--danger-400: #ED8585; --c--theme--colors--danger-500: #E96666; --c--theme--colors--danger-600: #DD6666; --c--theme--colors--danger-700: #C36666; --c--theme--colors--danger-800: #AE6666; --c--theme--colors--danger-900: #9D6666; }