igniteui-webcomponents 3.3.1 → 4.0.0-alpha

package/themes/light/material.css

@@ -1 +1,635 @@
-.igc-scrollbar{--scrolbar-size: 1rem;--igc-scrollbar-track-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--igc-scrollbar-thumb-color: hsla(var(--igc-gray-400), var(--igc-gray-a))}:root{--igc-theme: material;--igc-radius-factor: 1;--igc-spacing-small: 0.125rem;--igc-spacing-medium: 0.25rem;--igc-spacing-large: 0.5rem}:root{--igc-primary-h: 204deg;--igc-primary-s: 100%;--igc-primary-l: 50%;--igc-primary-a: 1;--igc-secondary-h: 333deg;--igc-secondary-s: 79%;--igc-secondary-l: 50%;--igc-secondary-a: 1;--igc-gray-h: 0deg;--igc-gray-s: 0%;--igc-gray-l: 0%;--igc-gray-a: 1;--igc-surface-h: 0deg;--igc-surface-s: 0%;--igc-surface-l: 100%;--igc-surface-a: 1;--igc-info-h: 209deg;--igc-info-s: 84%;--igc-info-l: 45%;--igc-info-a: 1;--igc-success-h: 131deg;--igc-success-s: 43%;--igc-success-l: 51%;--igc-success-a: 1;--igc-warn-h: 37deg;--igc-warn-s: 96%;--igc-warn-l: 61%;--igc-warn-a: 1;--igc-error-h: 346deg;--igc-error-s: 100%;--igc-error-l: 54%;--igc-error-a: 1;--igc-primary-50: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.78);--igc-primary-50-contrast: black;--igc-primary-100: var(--igc-primary-h), calc(var(--igc-primary-s) / 1.25), calc(var(--igc-primary-l) * 1.66);--igc-primary-100-contrast: black;--igc-primary-200: var(--igc-primary-h), calc(var(--igc-primary-s) * .64), calc(var(--igc-primary-l) * 1.43);--igc-primary-200-contrast: black;--igc-primary-300: var(--igc-primary-h), calc(var(--igc-primary-s) * .73), calc(var(--igc-primary-l) * 1.19);--igc-primary-300-contrast: black;--igc-primary-400: var(--igc-primary-h), calc(var(--igc-primary-s) * .875), calc(var(--igc-primary-l) * 1.08);--igc-primary-400-contrast: black;--igc-primary-500: var(--igc-primary-h), var(--igc-primary-s), var(--igc-primary-l);--igc-primary-500-contrast: black;--igc-primary-600: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.26), calc(var(--igc-primary-l) * .89);--igc-primary-600-contrast: black;--igc-primary-700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.52), calc(var(--igc-primary-l) * .81);--igc-primary-700-contrast: black;--igc-primary-800: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.5), calc(var(--igc-primary-l) * .73);--igc-primary-800-contrast: white;--igc-primary-900: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.34), calc(var(--igc-primary-l) * .64);--igc-primary-900-contrast: white;--igc-primary-A100: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.34);--igc-primary-A100-contrast: black;--igc-primary-A200: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * 1.16);--igc-primary-A200-contrast: black;--igc-primary-A400: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * .91);--igc-primary-A400-contrast: black;--igc-primary-A700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * .65);--igc-primary-A700-contrast: white;--igc-secondary-50: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.78);--igc-secondary-50-contrast: black;--igc-secondary-100: var(--igc-secondary-h), calc(var(--igc-secondary-s) / 1.25), calc(var(--igc-secondary-l) * 1.66);--igc-secondary-100-contrast: black;--igc-secondary-200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .64), calc(var(--igc-secondary-l) * 1.43);--igc-secondary-200-contrast: black;--igc-secondary-300: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .73), calc(var(--igc-secondary-l) * 1.19);--igc-secondary-300-contrast: black;--igc-secondary-400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .875), calc(var(--igc-secondary-l) * 1.08);--igc-secondary-400-contrast: black;--igc-secondary-500: var(--igc-secondary-h), var(--igc-secondary-s), var(--igc-secondary-l);--igc-secondary-500-contrast: black;--igc-secondary-600: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.26), calc(var(--igc-secondary-l) * .89);--igc-secondary-600-contrast: white;--igc-secondary-700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.52), calc(var(--igc-secondary-l) * .81);--igc-secondary-700-contrast: white;--igc-secondary-800: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.5), calc(var(--igc-secondary-l) * .73);--igc-secondary-800-contrast: white;--igc-secondary-900: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.34), calc(var(--igc-secondary-l) * .64);--igc-secondary-900-contrast: white;--igc-secondary-A100: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.34);--igc-secondary-A100-contrast: black;--igc-secondary-A200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * 1.16);--igc-secondary-A200-contrast: black;--igc-secondary-A400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * .91);--igc-secondary-A400-contrast: white;--igc-secondary-A700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * .65);--igc-secondary-A700-contrast: white;--igc-gray-50: var(--igc-gray-h), var(--igc-gray-s), 98%;--igc-gray-50-contrast: black;--igc-gray-100: var(--igc-gray-h), var(--igc-gray-s), 96%;--igc-gray-100-contrast: black;--igc-gray-200: var(--igc-gray-h), var(--igc-gray-s), 93%;--igc-gray-200-contrast: black;--igc-gray-300: var(--igc-gray-h), var(--igc-gray-s), 88%;--igc-gray-300-contrast: black;--igc-gray-400: var(--igc-gray-h), var(--igc-gray-s), 74%;--igc-gray-400-contrast: black;--igc-gray-500: var(--igc-gray-h), var(--igc-gray-s), 62%;--igc-gray-500-contrast: black;--igc-gray-600: var(--igc-gray-h), var(--igc-gray-s), 54%;--igc-gray-600-contrast: black;--igc-gray-700: var(--igc-gray-h), var(--igc-gray-s), 38%;--igc-gray-700-contrast: white;--igc-gray-800: var(--igc-gray-h), var(--igc-gray-s), 26%;--igc-gray-800-contrast: white;--igc-gray-900: var(--igc-gray-h), var(--igc-gray-s), 13%;--igc-gray-900-contrast: white;--igc-surface-50: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.78);--igc-surface-50-contrast: black;--igc-surface-100: var(--igc-surface-h), calc(var(--igc-surface-s) / 1.25), calc(var(--igc-surface-l) * 1.66);--igc-surface-100-contrast: black;--igc-surface-200: var(--igc-surface-h), calc(var(--igc-surface-s) * .64), calc(var(--igc-surface-l) * 1.43);--igc-surface-200-contrast: black;--igc-surface-300: var(--igc-surface-h), calc(var(--igc-surface-s) * .73), calc(var(--igc-surface-l) * 1.19);--igc-surface-300-contrast: black;--igc-surface-400: var(--igc-surface-h), calc(var(--igc-surface-s) * .875), calc(var(--igc-surface-l) * 1.08);--igc-surface-400-contrast: black;--igc-surface-500: var(--igc-surface-h), var(--igc-surface-s), var(--igc-surface-l);--igc-surface-500-contrast: black;--igc-surface-600: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.26), calc(var(--igc-surface-l) * .89);--igc-surface-600-contrast: black;--igc-surface-700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.52), calc(var(--igc-surface-l) * .81);--igc-surface-700-contrast: black;--igc-surface-800: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.5), calc(var(--igc-surface-l) * .73);--igc-surface-800-contrast: black;--igc-surface-900: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.34), calc(var(--igc-surface-l) * .64);--igc-surface-900-contrast: black;--igc-surface-A100: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.34);--igc-surface-A100-contrast: black;--igc-surface-A200: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * 1.16);--igc-surface-A200-contrast: black;--igc-surface-A400: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * .91);--igc-surface-A400-contrast: black;--igc-surface-A700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * .65);--igc-surface-A700-contrast: black;--igc-info-50: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.78);--igc-info-50-contrast: black;--igc-info-100: var(--igc-info-h), calc(var(--igc-info-s) / 1.25), calc(var(--igc-info-l) * 1.66);--igc-info-100-contrast: black;--igc-info-200: var(--igc-info-h), calc(var(--igc-info-s) * .64), calc(var(--igc-info-l) * 1.43);--igc-info-200-contrast: black;--igc-info-300: var(--igc-info-h), calc(var(--igc-info-s) * .73), calc(var(--igc-info-l) * 1.19);--igc-info-300-contrast: black;--igc-info-400: var(--igc-info-h), calc(var(--igc-info-s) * .875), calc(var(--igc-info-l) * 1.08);--igc-info-400-contrast: black;--igc-info-500: var(--igc-info-h), var(--igc-info-s), var(--igc-info-l);--igc-info-500-contrast: black;--igc-info-600: var(--igc-info-h), calc(var(--igc-info-s) * 1.26), calc(var(--igc-info-l) * .89);--igc-info-600-contrast: white;--igc-info-700: var(--igc-info-h), calc(var(--igc-info-s) * 1.52), calc(var(--igc-info-l) * .81);--igc-info-700-contrast: white;--igc-info-800: var(--igc-info-h), calc(var(--igc-info-s) * 1.5), calc(var(--igc-info-l) * .73);--igc-info-800-contrast: white;--igc-info-900: var(--igc-info-h), calc(var(--igc-info-s) * 1.34), calc(var(--igc-info-l) * .64);--igc-info-900-contrast: white;--igc-info-A100: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.34);--igc-info-A100-contrast: black;--igc-info-A200: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * 1.16);--igc-info-A200-contrast: black;--igc-info-A400: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * .91);--igc-info-A400-contrast: white;--igc-info-A700: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * .65);--igc-info-A700-contrast: white;--igc-success-50: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.78);--igc-success-50-contrast: black;--igc-success-100: var(--igc-success-h), calc(var(--igc-success-s) / 1.25), calc(var(--igc-success-l) * 1.66);--igc-success-100-contrast: black;--igc-success-200: var(--igc-success-h), calc(var(--igc-success-s) * .64), calc(var(--igc-success-l) * 1.43);--igc-success-200-contrast: black;--igc-success-300: var(--igc-success-h), calc(var(--igc-success-s) * .73), calc(var(--igc-success-l) * 1.19);--igc-success-300-contrast: black;--igc-success-400: var(--igc-success-h), calc(var(--igc-success-s) * .875), calc(var(--igc-success-l) * 1.08);--igc-success-400-contrast: black;--igc-success-500: var(--igc-success-h), var(--igc-success-s), var(--igc-success-l);--igc-success-500-contrast: black;--igc-success-600: var(--igc-success-h), calc(var(--igc-success-s) * 1.26), calc(var(--igc-success-l) * .89);--igc-success-600-contrast: black;--igc-success-700: var(--igc-success-h), calc(var(--igc-success-s) * 1.52), calc(var(--igc-success-l) * .81);--igc-success-700-contrast: black;--igc-success-800: var(--igc-success-h), calc(var(--igc-success-s) * 1.5), calc(var(--igc-success-l) * .73);--igc-success-800-contrast: black;--igc-success-900: var(--igc-success-h), calc(var(--igc-success-s) * 1.34), calc(var(--igc-success-l) * .64);--igc-success-900-contrast: black;--igc-success-A100: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.34);--igc-success-A100-contrast: black;--igc-success-A200: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * 1.16);--igc-success-A200-contrast: black;--igc-success-A400: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * .91);--igc-success-A400-contrast: black;--igc-success-A700: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * .65);--igc-success-A700-contrast: black;--igc-warn-50: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.78);--igc-warn-50-contrast: black;--igc-warn-100: var(--igc-warn-h), calc(var(--igc-warn-s) / 1.25), calc(var(--igc-warn-l) * 1.66);--igc-warn-100-contrast: black;--igc-warn-200: var(--igc-warn-h), calc(var(--igc-warn-s) * .64), calc(var(--igc-warn-l) * 1.43);--igc-warn-200-contrast: black;--igc-warn-300: var(--igc-warn-h), calc(var(--igc-warn-s) * .73), calc(var(--igc-warn-l) * 1.19);--igc-warn-300-contrast: black;--igc-warn-400: var(--igc-warn-h), calc(var(--igc-warn-s) * .875), calc(var(--igc-warn-l) * 1.08);--igc-warn-400-contrast: black;--igc-warn-500: var(--igc-warn-h), var(--igc-warn-s), var(--igc-warn-l);--igc-warn-500-contrast: black;--igc-warn-600: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.26), calc(var(--igc-warn-l) * .89);--igc-warn-600-contrast: black;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: black;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: black;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: black;--igc-warn-A100: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.34);--igc-warn-A100-contrast: black;--igc-warn-A200: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * 1.16);--igc-warn-A200-contrast: black;--igc-warn-A400: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * .91);--igc-warn-A400-contrast: black;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: black;--igc-error-50: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.78);--igc-error-50-contrast: black;--igc-error-100: var(--igc-error-h), calc(var(--igc-error-s) / 1.25), calc(var(--igc-error-l) * 1.66);--igc-error-100-contrast: black;--igc-error-200: var(--igc-error-h), calc(var(--igc-error-s) * .64), calc(var(--igc-error-l) * 1.43);--igc-error-200-contrast: black;--igc-error-300: var(--igc-error-h), calc(var(--igc-error-s) * .73), calc(var(--igc-error-l) * 1.19);--igc-error-300-contrast: black;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: black;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: black;--igc-error-600: var(--igc-error-h), calc(var(--igc-error-s) * 1.26), calc(var(--igc-error-l) * .89);--igc-error-600-contrast: black;--igc-error-700: var(--igc-error-h), calc(var(--igc-error-s) * 1.52), calc(var(--igc-error-l) * .81);--igc-error-700-contrast: white;--igc-error-800: var(--igc-error-h), calc(var(--igc-error-s) * 1.5), calc(var(--igc-error-l) * .73);--igc-error-800-contrast: white;--igc-error-900: var(--igc-error-h), calc(var(--igc-error-s) * 1.34), calc(var(--igc-error-l) * .64);--igc-error-900-contrast: white;--igc-error-A100: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.34);--igc-error-A100-contrast: black;--igc-error-A200: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * 1.16);--igc-error-A200-contrast: black;--igc-error-A400: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * .91);--igc-error-A400-contrast: black;--igc-error-A700: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * .65);--igc-error-A700-contrast: white}:root{--igc-elevation-0: none;--igc-elevation-1: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--igc-elevation-2: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-3: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-4: 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-5: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-6: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-7: 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--igc-elevation-8: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-9: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-10: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-11: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-12: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-13: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-14: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-15: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-16: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 30px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-17: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 32px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-18: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 34px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-19: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 29px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-20: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 31px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-21: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 33px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 40px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-22: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 35px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 42px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-23: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 23px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 44px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--igc-elevation-24: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 46px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--igc-font-family: Roboto, sans-serif;--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 300;--igc-h1-font-size: 6rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 7rem;--igc-h1-margin-top: 1.75rem;--igc-h1-margin-bottom: 3.5rem;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 300;--igc-h2-font-size: 3.75rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 4.4375rem;--igc-h2-margin-top: 1.75rem;--igc-h2-margin-bottom: 1.75rem;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 400;--igc-h3-font-size: 3rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 3.5625rem;--igc-h3-margin-top: 1.75rem;--igc-h3-margin-bottom: 0;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 400;--igc-h4-font-size: 2.125rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 2.5rem;--igc-h4-margin-top: 1.75rem;--igc-h4-margin-bottom: 0;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 400;--igc-h5-font-size: 1.5rem;--igc-h5-font-style: normal;--igc-h5-letter-spacing: 0;--igc-h5-text-transform: none;--igc-h5-line-height: 1.75rem;--igc-h5-margin-top: 1.75rem;--igc-h5-margin-bottom: 0;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 600;--igc-h6-font-size: 1.25rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.5rem;--igc-h6-margin-top: 0;--igc-h6-margin-bottom: 0;--igc-subtitle-1-font-family: var(--igc-font-family);--igc-subtitle-1-font-weight: 400;--igc-subtitle-1-font-size: 1rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1.5rem;--igc-subtitle-2-font-family: var(--igc-font-family);--igc-subtitle-2-font-weight: 600;--igc-subtitle-2-font-size: 0.875rem;--igc-subtitle-2-font-style: normal;--igc-subtitle-2-letter-spacing: 0.00625rem;--igc-subtitle-2-text-transform: none;--igc-subtitle-2-line-height: 1.5rem;--igc-body-1-font-family: var(--igc-font-family);--igc-body-1-font-weight: 400;--igc-body-1-font-size: 1rem;--igc-body-1-font-style: normal;--igc-body-1-letter-spacing: 0.03125rem;--igc-body-1-text-transform: none;--igc-body-1-line-height: 1.75rem;--igc-body-1-margin-top: 1.75rem;--igc-body-1-margin-bottom: 1rem;--igc-body-2-font-family: var(--igc-font-family);--igc-body-2-font-weight: 400;--igc-body-2-font-size: 0.875rem;--igc-body-2-font-style: normal;--igc-body-2-letter-spacing: 0.015625rem;--igc-body-2-text-transform: none;--igc-body-2-line-height: 1.25rem;--igc-button-font-family: var(--igc-font-family);--igc-button-font-weight: 600;--igc-button-font-size: 0.875rem;--igc-button-font-style: normal;--igc-button-letter-spacing: 0.046875rem;--igc-button-text-transform: uppercase;--igc-button-line-height: 1rem;--igc-caption-font-family: var(--igc-font-family);--igc-caption-font-weight: 400;--igc-caption-font-size: 0.75rem;--igc-caption-font-style: normal;--igc-caption-letter-spacing: 0.025rem;--igc-caption-text-transform: none;--igc-caption-line-height: 1rem;--igc-overline-font-family: var(--igc-font-family);--igc-overline-font-weight: 400;--igc-overline-font-size: 0.625rem;--igc-overline-font-style: normal;--igc-overline-letter-spacing: 0.09375rem;--igc-overline-text-transform: uppercase;--igc-overline-line-height: 1rem}
+/* stylelint-disable-next-line max-line-length */
+.igc-scrollbar {
+  --scrolbar-size: 1rem;
+  --igc-scrollbar-track-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --igc-scrollbar-thumb-color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
+
+:root {
+  --igc-theme: material;
+  --ig-radius-factor: 1;
+  --igc-spacing-small: 0.125rem;
+  --igc-spacing-medium: 0.25rem;
+  --igc-spacing-large: 0.5rem;
+}
+
+:root {
+  --ig-primary-50-contrast: black;
+  --ig-primary-50: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.78);
+  --ig-primary-100-contrast: black;
+  --ig-primary-100: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.8), calc(var(--ig-primary-l) * 1.66);
+  --ig-primary-200-contrast: black;
+  --ig-primary-200: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.64), calc(var(--ig-primary-l) * 1.43);
+  --ig-primary-300-contrast: black;
+  --ig-primary-300: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.73), calc(var(--ig-primary-l) * 1.19);
+  --ig-primary-400-contrast: black;
+  --ig-primary-400: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.875), calc(var(--ig-primary-l) * 1.08);
+  --ig-primary-h: 204deg;
+  --ig-primary-s: 100%;
+  --ig-primary-l: 50%;
+  --ig-primary-a: 1;
+  --ig-primary-500-contrast: black;
+  --ig-primary-500: var(--ig-primary-h), calc(var(--ig-primary-s) * 1), calc(var(--ig-primary-l) * 1);
+  --ig-primary-600-contrast: black;
+  --ig-primary-600: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.26), calc(var(--ig-primary-l) * 0.89);
+  --ig-primary-700-contrast: black;
+  --ig-primary-700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.52), calc(var(--ig-primary-l) * 0.81);
+  --ig-primary-800-contrast: white;
+  --ig-primary-800: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.5), calc(var(--ig-primary-l) * 0.73);
+  --ig-primary-900-contrast: white;
+  --ig-primary-900: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.34), calc(var(--ig-primary-l) * 0.64);
+  --ig-primary-A100-contrast: black;
+  --ig-primary-A100: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.34);
+  --ig-primary-A200-contrast: black;
+  --ig-primary-A200: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.22), calc(var(--ig-primary-l) * 1.16);
+  --ig-primary-A400-contrast: black;
+  --ig-primary-A400: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.91);
+  --ig-primary-A700-contrast: white;
+  --ig-primary-A700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.65);
+  --ig-secondary-50-contrast: black;
+  --ig-secondary-50: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.78);
+  --ig-secondary-100-contrast: black;
+  --ig-secondary-100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.8), calc(var(--ig-secondary-l) * 1.66);
+  --ig-secondary-200-contrast: black;
+  --ig-secondary-200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.64), calc(var(--ig-secondary-l) * 1.43);
+  --ig-secondary-300-contrast: black;
+  --ig-secondary-300: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.73), calc(var(--ig-secondary-l) * 1.19);
+  --ig-secondary-400-contrast: black;
+  --ig-secondary-400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.875), calc(var(--ig-secondary-l) * 1.08);
+  --ig-secondary-h: 333deg;
+  --ig-secondary-s: 79%;
+  --ig-secondary-l: 50%;
+  --ig-secondary-a: 1;
+  --ig-secondary-500-contrast: black;
+  --ig-secondary-500: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1), calc(var(--ig-secondary-l) * 1);
+  --ig-secondary-600-contrast: white;
+  --ig-secondary-600: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.26), calc(var(--ig-secondary-l) * 0.89);
+  --ig-secondary-700-contrast: white;
+  --ig-secondary-700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.52), calc(var(--ig-secondary-l) * 0.81);
+  --ig-secondary-800-contrast: white;
+  --ig-secondary-800: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.5), calc(var(--ig-secondary-l) * 0.73);
+  --ig-secondary-900-contrast: white;
+  --ig-secondary-900: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.34), calc(var(--ig-secondary-l) * 0.64);
+  --ig-secondary-A100-contrast: black;
+  --ig-secondary-A100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.34);
+  --ig-secondary-A200-contrast: black;
+  --ig-secondary-A200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.22), calc(var(--ig-secondary-l) * 1.16);
+  --ig-secondary-A400-contrast: white;
+  --ig-secondary-A400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.91);
+  --ig-secondary-A700-contrast: white;
+  --ig-secondary-A700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.65);
+  --ig-gray-50-contrast: black;
+  --ig-gray-50: var(--ig-gray-h), var(--ig-gray-s), 98%;
+  --ig-gray-100-contrast: black;
+  --ig-gray-100: var(--ig-gray-h), var(--ig-gray-s), 96%;
+  --ig-gray-200-contrast: black;
+  --ig-gray-200: var(--ig-gray-h), var(--ig-gray-s), 93%;
+  --ig-gray-300-contrast: black;
+  --ig-gray-300: var(--ig-gray-h), var(--ig-gray-s), 88%;
+  --ig-gray-400-contrast: black;
+  --ig-gray-400: var(--ig-gray-h), var(--ig-gray-s), 74%;
+  --ig-gray-h: 0deg;
+  --ig-gray-s: 0%;
+  --ig-gray-l: 62%;
+  --ig-gray-a: 1;
+  --ig-gray-500-contrast: black;
+  --ig-gray-500: var(--ig-gray-h), var(--ig-gray-s), 62%;
+  --ig-gray-600-contrast: black;
+  --ig-gray-600: var(--ig-gray-h), var(--ig-gray-s), 54%;
+  --ig-gray-700-contrast: white;
+  --ig-gray-700: var(--ig-gray-h), var(--ig-gray-s), 38%;
+  --ig-gray-800-contrast: white;
+  --ig-gray-800: var(--ig-gray-h), var(--ig-gray-s), 26%;
+  --ig-gray-900-contrast: white;
+  --ig-gray-900: var(--ig-gray-h), var(--ig-gray-s), 13%;
+  --ig-surface-50-contrast: black;
+  --ig-surface-50: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.78);
+  --ig-surface-100-contrast: black;
+  --ig-surface-100: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.8), calc(var(--ig-surface-l) * 1.66);
+  --ig-surface-200-contrast: black;
+  --ig-surface-200: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.64), calc(var(--ig-surface-l) * 1.43);
+  --ig-surface-300-contrast: black;
+  --ig-surface-300: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.73), calc(var(--ig-surface-l) * 1.19);
+  --ig-surface-400-contrast: black;
+  --ig-surface-400: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.875), calc(var(--ig-surface-l) * 1.08);
+  --ig-surface-h: 0deg;
+  --ig-surface-s: 0%;
+  --ig-surface-l: 100%;
+  --ig-surface-a: 1;
+  --ig-surface-500-contrast: black;
+  --ig-surface-500: var(--ig-surface-h), calc(var(--ig-surface-s) * 1), calc(var(--ig-surface-l) * 1);
+  --ig-surface-600-contrast: black;
+  --ig-surface-600: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.26), calc(var(--ig-surface-l) * 0.89);
+  --ig-surface-700-contrast: black;
+  --ig-surface-700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.52), calc(var(--ig-surface-l) * 0.81);
+  --ig-surface-800-contrast: black;
+  --ig-surface-800: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.5), calc(var(--ig-surface-l) * 0.73);
+  --ig-surface-900-contrast: black;
+  --ig-surface-900: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.34), calc(var(--ig-surface-l) * 0.64);
+  --ig-surface-A100-contrast: black;
+  --ig-surface-A100: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.34);
+  --ig-surface-A200-contrast: black;
+  --ig-surface-A200: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.22), calc(var(--ig-surface-l) * 1.16);
+  --ig-surface-A400-contrast: black;
+  --ig-surface-A400: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.91);
+  --ig-surface-A700-contrast: black;
+  --ig-surface-A700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.65);
+  --ig-info-50-contrast: black;
+  --ig-info-50: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.78);
+  --ig-info-100-contrast: black;
+  --ig-info-100: var(--ig-info-h), calc(var(--ig-info-s) * 0.8), calc(var(--ig-info-l) * 1.66);
+  --ig-info-200-contrast: black;
+  --ig-info-200: var(--ig-info-h), calc(var(--ig-info-s) * 0.64), calc(var(--ig-info-l) * 1.43);
+  --ig-info-300-contrast: black;
+  --ig-info-300: var(--ig-info-h), calc(var(--ig-info-s) * 0.73), calc(var(--ig-info-l) * 1.19);
+  --ig-info-400-contrast: black;
+  --ig-info-400: var(--ig-info-h), calc(var(--ig-info-s) * 0.875), calc(var(--ig-info-l) * 1.08);
+  --ig-info-h: 209deg;
+  --ig-info-s: 84%;
+  --ig-info-l: 45%;
+  --ig-info-a: 1;
+  --ig-info-500-contrast: black;
+  --ig-info-500: var(--ig-info-h), calc(var(--ig-info-s) * 1), calc(var(--ig-info-l) * 1);
+  --ig-info-600-contrast: white;
+  --ig-info-600: var(--ig-info-h), calc(var(--ig-info-s) * 1.26), calc(var(--ig-info-l) * 0.89);
+  --ig-info-700-contrast: white;
+  --ig-info-700: var(--ig-info-h), calc(var(--ig-info-s) * 1.52), calc(var(--ig-info-l) * 0.81);
+  --ig-info-800-contrast: white;
+  --ig-info-800: var(--ig-info-h), calc(var(--ig-info-s) * 1.5), calc(var(--ig-info-l) * 0.73);
+  --ig-info-900-contrast: white;
+  --ig-info-900: var(--ig-info-h), calc(var(--ig-info-s) * 1.34), calc(var(--ig-info-l) * 0.64);
+  --ig-info-A100-contrast: black;
+  --ig-info-A100: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.34);
+  --ig-info-A200-contrast: black;
+  --ig-info-A200: var(--ig-info-h), calc(var(--ig-info-s) * 1.22), calc(var(--ig-info-l) * 1.16);
+  --ig-info-A400-contrast: white;
+  --ig-info-A400: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.91);
+  --ig-info-A700-contrast: white;
+  --ig-info-A700: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.65);
+  --ig-success-50-contrast: black;
+  --ig-success-50: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.78);
+  --ig-success-100-contrast: black;
+  --ig-success-100: var(--ig-success-h), calc(var(--ig-success-s) * 0.8), calc(var(--ig-success-l) * 1.66);
+  --ig-success-200-contrast: black;
+  --ig-success-200: var(--ig-success-h), calc(var(--ig-success-s) * 0.64), calc(var(--ig-success-l) * 1.43);
+  --ig-success-300-contrast: black;
+  --ig-success-300: var(--ig-success-h), calc(var(--ig-success-s) * 0.73), calc(var(--ig-success-l) * 1.19);
+  --ig-success-400-contrast: black;
+  --ig-success-400: var(--ig-success-h), calc(var(--ig-success-s) * 0.875), calc(var(--ig-success-l) * 1.08);
+  --ig-success-h: 131deg;
+  --ig-success-s: 43%;
+  --ig-success-l: 51%;
+  --ig-success-a: 1;
+  --ig-success-500-contrast: black;
+  --ig-success-500: var(--ig-success-h), calc(var(--ig-success-s) * 1), calc(var(--ig-success-l) * 1);
+  --ig-success-600-contrast: black;
+  --ig-success-600: var(--ig-success-h), calc(var(--ig-success-s) * 1.26), calc(var(--ig-success-l) * 0.89);
+  --ig-success-700-contrast: black;
+  --ig-success-700: var(--ig-success-h), calc(var(--ig-success-s) * 1.52), calc(var(--ig-success-l) * 0.81);
+  --ig-success-800-contrast: black;
+  --ig-success-800: var(--ig-success-h), calc(var(--ig-success-s) * 1.5), calc(var(--ig-success-l) * 0.73);
+  --ig-success-900-contrast: white;
+  --ig-success-900: var(--ig-success-h), calc(var(--ig-success-s) * 1.34), calc(var(--ig-success-l) * 0.64);
+  --ig-success-A100-contrast: black;
+  --ig-success-A100: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.34);
+  --ig-success-A200-contrast: black;
+  --ig-success-A200: var(--ig-success-h), calc(var(--ig-success-s) * 1.22), calc(var(--ig-success-l) * 1.16);
+  --ig-success-A400-contrast: black;
+  --ig-success-A400: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.91);
+  --ig-success-A700-contrast: white;
+  --ig-success-A700: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.65);
+  --ig-warn-50-contrast: black;
+  --ig-warn-50: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.78);
+  --ig-warn-100-contrast: black;
+  --ig-warn-100: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.8), calc(var(--ig-warn-l) * 1.66);
+  --ig-warn-200-contrast: black;
+  --ig-warn-200: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.64), calc(var(--ig-warn-l) * 1.43);
+  --ig-warn-300-contrast: black;
+  --ig-warn-300: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.73), calc(var(--ig-warn-l) * 1.19);
+  --ig-warn-400-contrast: black;
+  --ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08);
+  --ig-warn-h: 37deg;
+  --ig-warn-s: 96%;
+  --ig-warn-l: 61%;
+  --ig-warn-a: 1;
+  --ig-warn-500-contrast: black;
+  --ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1);
+  --ig-warn-600-contrast: black;
+  --ig-warn-600: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.26), calc(var(--ig-warn-l) * 0.89);
+  --ig-warn-700-contrast: black;
+  --ig-warn-700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.52), calc(var(--ig-warn-l) * 0.81);
+  --ig-warn-800-contrast: black;
+  --ig-warn-800: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.5), calc(var(--ig-warn-l) * 0.73);
+  --ig-warn-900-contrast: black;
+  --ig-warn-900: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.34), calc(var(--ig-warn-l) * 0.64);
+  --ig-warn-A100-contrast: black;
+  --ig-warn-A100: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.34);
+  --ig-warn-A200-contrast: black;
+  --ig-warn-A200: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.22), calc(var(--ig-warn-l) * 1.16);
+  --ig-warn-A400-contrast: black;
+  --ig-warn-A400: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.91);
+  --ig-warn-A700-contrast: black;
+  --ig-warn-A700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.65);
+  --ig-error-50-contrast: black;
+  --ig-error-50: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.78);
+  --ig-error-100-contrast: black;
+  --ig-error-100: var(--ig-error-h), calc(var(--ig-error-s) * 0.8), calc(var(--ig-error-l) * 1.66);
+  --ig-error-200-contrast: black;
+  --ig-error-200: var(--ig-error-h), calc(var(--ig-error-s) * 0.64), calc(var(--ig-error-l) * 1.43);
+  --ig-error-300-contrast: black;
+  --ig-error-300: var(--ig-error-h), calc(var(--ig-error-s) * 0.73), calc(var(--ig-error-l) * 1.19);
+  --ig-error-400-contrast: black;
+  --ig-error-400: var(--ig-error-h), calc(var(--ig-error-s) * 0.875), calc(var(--ig-error-l) * 1.08);
+  --ig-error-h: 346deg;
+  --ig-error-s: 100%;
+  --ig-error-l: 54%;
+  --ig-error-a: 1;
+  --ig-error-500-contrast: black;
+  --ig-error-500: var(--ig-error-h), calc(var(--ig-error-s) * 1), calc(var(--ig-error-l) * 1);
+  --ig-error-600-contrast: black;
+  --ig-error-600: var(--ig-error-h), calc(var(--ig-error-s) * 1.26), calc(var(--ig-error-l) * 0.89);
+  --ig-error-700-contrast: white;
+  --ig-error-700: var(--ig-error-h), calc(var(--ig-error-s) * 1.52), calc(var(--ig-error-l) * 0.81);
+  --ig-error-800-contrast: white;
+  --ig-error-800: var(--ig-error-h), calc(var(--ig-error-s) * 1.5), calc(var(--ig-error-l) * 0.73);
+  --ig-error-900-contrast: white;
+  --ig-error-900: var(--ig-error-h), calc(var(--ig-error-s) * 1.34), calc(var(--ig-error-l) * 0.64);
+  --ig-error-A100-contrast: black;
+  --ig-error-A100: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.34);
+  --ig-error-A200-contrast: black;
+  --ig-error-A200: var(--ig-error-h), calc(var(--ig-error-s) * 1.22), calc(var(--ig-error-l) * 1.16);
+  --ig-error-A400-contrast: black;
+  --ig-error-A400: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.91);
+  --ig-error-A700-contrast: white;
+  --ig-error-A700: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.65);
+}
+
+:root {
+  --ig-elevation-0: none;
+  --ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);
+  --ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);
+  --ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);
+  --ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);
+  --ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);
+}
+
+:root {
+  --ig-font-family: 'Titillium Web', sans-serif;
+  --ig-h1-font-family: var(--ig-font-family);
+  --ig-h1-font-size: 6rem;
+  --ig-h1-font-weight: 300;
+  --ig-h1-font-style: normal;
+  --ig-h1-line-height: 7rem;
+  --ig-h1-letter-spacing: -0.09375rem;
+  --ig-h1-text-transform: none;
+  --ig-h1-margin-top: 1.75rem;
+  --ig-h1-margin-bottom: 3.5rem;
+  --ig-h2-font-family: var(--ig-font-family);
+  --ig-h2-font-size: 3.75rem;
+  --ig-h2-font-weight: 300;
+  --ig-h2-font-style: normal;
+  --ig-h2-line-height: 4.4375rem;
+  --ig-h2-letter-spacing: -0.03125rem;
+  --ig-h2-text-transform: none;
+  --ig-h2-margin-top: 1.75rem;
+  --ig-h2-margin-bottom: 1.75rem;
+  --ig-h3-font-family: var(--ig-font-family);
+  --ig-h3-font-size: 3rem;
+  --ig-h3-font-weight: 400;
+  --ig-h3-font-style: normal;
+  --ig-h3-line-height: 3.5625rem;
+  --ig-h3-letter-spacing: 0;
+  --ig-h3-text-transform: none;
+  --ig-h3-margin-top: 1.75rem;
+  --ig-h3-margin-bottom: 0;
+  --ig-h4-font-family: var(--ig-font-family);
+  --ig-h4-font-size: 2.125rem;
+  --ig-h4-font-weight: 400;
+  --ig-h4-font-style: normal;
+  --ig-h4-line-height: 2.5rem;
+  --ig-h4-letter-spacing: 0.015625rem;
+  --ig-h4-text-transform: none;
+  --ig-h4-margin-top: 1.75rem;
+  --ig-h4-margin-bottom: 0;
+  --ig-h5-font-family: var(--ig-font-family);
+  --ig-h5-font-size: 1.5rem;
+  --ig-h5-font-weight: 400;
+  --ig-h5-font-style: normal;
+  --ig-h5-line-height: 1.75rem;
+  --ig-h5-letter-spacing: 0;
+  --ig-h5-text-transform: none;
+  --ig-h5-margin-top: 1.75rem;
+  --ig-h5-margin-bottom: 0;
+  --ig-h6-font-family: var(--ig-font-family);
+  --ig-h6-font-size: 1.25rem;
+  --ig-h6-font-weight: 600;
+  --ig-h6-font-style: normal;
+  --ig-h6-line-height: 1.5rem;
+  --ig-h6-letter-spacing: 0.009375rem;
+  --ig-h6-text-transform: none;
+  --ig-h6-margin-top: 0;
+  --ig-h6-margin-bottom: 0;
+  --ig-subtitle-1-font-family: var(--ig-font-family);
+  --ig-subtitle-1-font-size: 1rem;
+  --ig-subtitle-1-font-weight: 400;
+  --ig-subtitle-1-font-style: normal;
+  --ig-subtitle-1-line-height: 1.5rem;
+  --ig-subtitle-1-letter-spacing: 0.009375rem;
+  --ig-subtitle-1-text-transform: none;
+  --ig-subtitle-1-margin-top: 0;
+  --ig-subtitle-1-margin-bottom: 0;
+  --ig-subtitle-2-font-family: var(--ig-font-family);
+  --ig-subtitle-2-font-size: 0.875rem;
+  --ig-subtitle-2-font-weight: 600;
+  --ig-subtitle-2-font-style: normal;
+  --ig-subtitle-2-line-height: 1.5rem;
+  --ig-subtitle-2-letter-spacing: 0.00625rem;
+  --ig-subtitle-2-text-transform: none;
+  --ig-subtitle-2-margin-top: 0;
+  --ig-subtitle-2-margin-bottom: 0;
+  --ig-body-1-font-family: var(--ig-font-family);
+  --ig-body-1-font-size: 1rem;
+  --ig-body-1-font-weight: 400;
+  --ig-body-1-font-style: normal;
+  --ig-body-1-line-height: 1.75rem;
+  --ig-body-1-letter-spacing: 0.03125rem;
+  --ig-body-1-text-transform: none;
+  --ig-body-1-margin-top: 1.75rem;
+  --ig-body-1-margin-bottom: 1rem;
+  --ig-body-2-font-family: var(--ig-font-family);
+  --ig-body-2-font-size: 0.875rem;
+  --ig-body-2-font-weight: 400;
+  --ig-body-2-font-style: normal;
+  --ig-body-2-line-height: 1.25rem;
+  --ig-body-2-letter-spacing: 0.015625rem;
+  --ig-body-2-text-transform: none;
+  --ig-body-2-margin-top: 0;
+  --ig-body-2-margin-bottom: 0;
+  --ig-button-font-family: var(--ig-font-family);
+  --ig-button-font-size: 0.875rem;
+  --ig-button-font-weight: 600;
+  --ig-button-font-style: normal;
+  --ig-button-line-height: 1rem;
+  --ig-button-letter-spacing: 0.046875rem;
+  --ig-button-text-transform: uppercase;
+  --ig-button-margin-top: 0;
+  --ig-button-margin-bottom: 0;
+  --ig-caption-font-family: var(--ig-font-family);
+  --ig-caption-font-size: 0.75rem;
+  --ig-caption-font-weight: 400;
+  --ig-caption-font-style: normal;
+  --ig-caption-line-height: 1rem;
+  --ig-caption-letter-spacing: 0.025rem;
+  --ig-caption-text-transform: none;
+  --ig-caption-margin-top: 0;
+  --ig-caption-margin-bottom: 0;
+  --ig-overline-font-family: var(--ig-font-family);
+  --ig-overline-font-size: 0.625rem;
+  --ig-overline-font-weight: 400;
+  --ig-overline-font-style: normal;
+  --ig-overline-line-height: 1rem;
+  --ig-overline-letter-spacing: 0.09375rem;
+  --ig-overline-text-transform: uppercase;
+  --ig-overline-margin-top: 0;
+  --ig-overline-margin-bottom: 0;
+}
+
+.ig-typography__h1 {
+  font-family: var(--ig-h1-font-family);
+  font-size: var(--ig-h1-font-size);
+  font-weight: var(--ig-h1-font-weight);
+  font-style: var(--ig-h1-font-style);
+  line-height: var(--ig-h1-line-height);
+  letter-spacing: var(--ig-h1-letter-spacing);
+  text-transform: var(--ig-h1-text-transform);
+  margin-top: var(--ig-h1-margin-top);
+  margin-bottom: var(--ig-h1-margin-bottom);
+}
+.ig-typography__h2 {
+  font-family: var(--ig-h2-font-family);
+  font-size: var(--ig-h2-font-size);
+  font-weight: var(--ig-h2-font-weight);
+  font-style: var(--ig-h2-font-style);
+  line-height: var(--ig-h2-line-height);
+  letter-spacing: var(--ig-h2-letter-spacing);
+  text-transform: var(--ig-h2-text-transform);
+  margin-top: var(--ig-h2-margin-top);
+  margin-bottom: var(--ig-h2-margin-bottom);
+}
+.ig-typography__h3 {
+  font-family: var(--ig-h3-font-family);
+  font-size: var(--ig-h3-font-size);
+  font-weight: var(--ig-h3-font-weight);
+  font-style: var(--ig-h3-font-style);
+  line-height: var(--ig-h3-line-height);
+  letter-spacing: var(--ig-h3-letter-spacing);
+  text-transform: var(--ig-h3-text-transform);
+  margin-top: var(--ig-h3-margin-top);
+  margin-bottom: var(--ig-h3-margin-bottom);
+}
+.ig-typography__h4 {
+  font-family: var(--ig-h4-font-family);
+  font-size: var(--ig-h4-font-size);
+  font-weight: var(--ig-h4-font-weight);
+  font-style: var(--ig-h4-font-style);
+  line-height: var(--ig-h4-line-height);
+  letter-spacing: var(--ig-h4-letter-spacing);
+  text-transform: var(--ig-h4-text-transform);
+  margin-top: var(--ig-h4-margin-top);
+  margin-bottom: var(--ig-h4-margin-bottom);
+}
+.ig-typography__h5 {
+  font-family: var(--ig-h5-font-family);
+  font-size: var(--ig-h5-font-size);
+  font-weight: var(--ig-h5-font-weight);
+  font-style: var(--ig-h5-font-style);
+  line-height: var(--ig-h5-line-height);
+  letter-spacing: var(--ig-h5-letter-spacing);
+  text-transform: var(--ig-h5-text-transform);
+  margin-top: var(--ig-h5-margin-top);
+  margin-bottom: var(--ig-h5-margin-bottom);
+}
+.ig-typography__h6 {
+  font-family: var(--ig-h6-font-family);
+  font-size: var(--ig-h6-font-size);
+  font-weight: var(--ig-h6-font-weight);
+  font-style: var(--ig-h6-font-style);
+  line-height: var(--ig-h6-line-height);
+  letter-spacing: var(--ig-h6-letter-spacing);
+  text-transform: var(--ig-h6-text-transform);
+  margin-top: var(--ig-h6-margin-top);
+  margin-bottom: var(--ig-h6-margin-bottom);
+}
+.ig-typography__subtitle-1 {
+  font-family: var(--ig-subtitle-1-font-family);
+  font-size: var(--ig-subtitle-1-font-size);
+  font-weight: var(--ig-subtitle-1-font-weight);
+  font-style: var(--ig-subtitle-1-font-style);
+  line-height: var(--ig-subtitle-1-line-height);
+  letter-spacing: var(--ig-subtitle-1-letter-spacing);
+  text-transform: var(--ig-subtitle-1-text-transform);
+  margin-top: var(--ig-subtitle-1-margin-top);
+  margin-bottom: var(--ig-subtitle-1-margin-bottom);
+}
+.ig-typography__subtitle-2 {
+  font-family: var(--ig-subtitle-2-font-family);
+  font-size: var(--ig-subtitle-2-font-size);
+  font-weight: var(--ig-subtitle-2-font-weight);
+  font-style: var(--ig-subtitle-2-font-style);
+  line-height: var(--ig-subtitle-2-line-height);
+  letter-spacing: var(--ig-subtitle-2-letter-spacing);
+  text-transform: var(--ig-subtitle-2-text-transform);
+  margin-top: var(--ig-subtitle-2-margin-top);
+  margin-bottom: var(--ig-subtitle-2-margin-bottom);
+}
+.ig-typography__body-1 {
+  font-family: var(--ig-body-1-font-family);
+  font-size: var(--ig-body-1-font-size);
+  font-weight: var(--ig-body-1-font-weight);
+  font-style: var(--ig-body-1-font-style);
+  line-height: var(--ig-body-1-line-height);
+  letter-spacing: var(--ig-body-1-letter-spacing);
+  text-transform: var(--ig-body-1-text-transform);
+  margin-top: var(--ig-body-1-margin-top);
+  margin-bottom: var(--ig-body-1-margin-bottom);
+}
+.ig-typography__body-2 {
+  font-family: var(--ig-body-2-font-family);
+  font-size: var(--ig-body-2-font-size);
+  font-weight: var(--ig-body-2-font-weight);
+  font-style: var(--ig-body-2-font-style);
+  line-height: var(--ig-body-2-line-height);
+  letter-spacing: var(--ig-body-2-letter-spacing);
+  text-transform: var(--ig-body-2-text-transform);
+  margin-top: var(--ig-body-2-margin-top);
+  margin-bottom: var(--ig-body-2-margin-bottom);
+}
+.ig-typography__button {
+  font-family: var(--ig-button-font-family);
+  font-size: var(--ig-button-font-size);
+  font-weight: var(--ig-button-font-weight);
+  font-style: var(--ig-button-font-style);
+  line-height: var(--ig-button-line-height);
+  letter-spacing: var(--ig-button-letter-spacing);
+  text-transform: var(--ig-button-text-transform);
+  margin-top: var(--ig-button-margin-top);
+  margin-bottom: var(--ig-button-margin-bottom);
+}
+.ig-typography__caption {
+  font-family: var(--ig-caption-font-family);
+  font-size: var(--ig-caption-font-size);
+  font-weight: var(--ig-caption-font-weight);
+  font-style: var(--ig-caption-font-style);
+  line-height: var(--ig-caption-line-height);
+  letter-spacing: var(--ig-caption-letter-spacing);
+  text-transform: var(--ig-caption-text-transform);
+  margin-top: var(--ig-caption-margin-top);
+  margin-bottom: var(--ig-caption-margin-bottom);
+}
+.ig-typography__overline {
+  font-family: var(--ig-overline-font-family);
+  font-size: var(--ig-overline-font-size);
+  font-weight: var(--ig-overline-font-weight);
+  font-style: var(--ig-overline-font-style);
+  line-height: var(--ig-overline-line-height);
+  letter-spacing: var(--ig-overline-letter-spacing);
+  text-transform: var(--ig-overline-text-transform);
+  margin-top: var(--ig-overline-margin-top);
+  margin-bottom: var(--ig-overline-margin-bottom);
+}
+.ig-typography h1 {
+  font-family: var(--ig-h1-font-family);
+  font-size: var(--ig-h1-font-size);
+  font-weight: var(--ig-h1-font-weight);
+  font-style: var(--ig-h1-font-style);
+  line-height: var(--ig-h1-line-height);
+  letter-spacing: var(--ig-h1-letter-spacing);
+  text-transform: var(--ig-h1-text-transform);
+  margin-top: var(--ig-h1-margin-top);
+  margin-bottom: var(--ig-h1-margin-bottom);
+}
+.ig-typography h2 {
+  font-family: var(--ig-h2-font-family);
+  font-size: var(--ig-h2-font-size);
+  font-weight: var(--ig-h2-font-weight);
+  font-style: var(--ig-h2-font-style);
+  line-height: var(--ig-h2-line-height);
+  letter-spacing: var(--ig-h2-letter-spacing);
+  text-transform: var(--ig-h2-text-transform);
+  margin-top: var(--ig-h2-margin-top);
+  margin-bottom: var(--ig-h2-margin-bottom);
+}
+.ig-typography h3 {
+  font-family: var(--ig-h3-font-family);
+  font-size: var(--ig-h3-font-size);
+  font-weight: var(--ig-h3-font-weight);
+  font-style: var(--ig-h3-font-style);
+  line-height: var(--ig-h3-line-height);
+  letter-spacing: var(--ig-h3-letter-spacing);
+  text-transform: var(--ig-h3-text-transform);
+  margin-top: var(--ig-h3-margin-top);
+  margin-bottom: var(--ig-h3-margin-bottom);
+}
+.ig-typography h4 {
+  font-family: var(--ig-h4-font-family);
+  font-size: var(--ig-h4-font-size);
+  font-weight: var(--ig-h4-font-weight);
+  font-style: var(--ig-h4-font-style);
+  line-height: var(--ig-h4-line-height);
+  letter-spacing: var(--ig-h4-letter-spacing);
+  text-transform: var(--ig-h4-text-transform);
+  margin-top: var(--ig-h4-margin-top);
+  margin-bottom: var(--ig-h4-margin-bottom);
+}
+.ig-typography h5 {
+  font-family: var(--ig-h5-font-family);
+  font-size: var(--ig-h5-font-size);
+  font-weight: var(--ig-h5-font-weight);
+  font-style: var(--ig-h5-font-style);
+  line-height: var(--ig-h5-line-height);
+  letter-spacing: var(--ig-h5-letter-spacing);
+  text-transform: var(--ig-h5-text-transform);
+  margin-top: var(--ig-h5-margin-top);
+  margin-bottom: var(--ig-h5-margin-bottom);
+}
+.ig-typography h6 {
+  font-family: var(--ig-h6-font-family);
+  font-size: var(--ig-h6-font-size);
+  font-weight: var(--ig-h6-font-weight);
+  font-style: var(--ig-h6-font-style);
+  line-height: var(--ig-h6-line-height);
+  letter-spacing: var(--ig-h6-letter-spacing);
+  text-transform: var(--ig-h6-text-transform);
+  margin-top: var(--ig-h6-margin-top);
+  margin-bottom: var(--ig-h6-margin-bottom);
+}
+.ig-typography p {
+  font-family: var(--ig-body-1-font-family);
+  font-size: var(--ig-body-1-font-size);
+  font-weight: var(--ig-body-1-font-weight);
+  font-style: var(--ig-body-1-font-style);
+  line-height: var(--ig-body-1-line-height);
+  letter-spacing: var(--ig-body-1-letter-spacing);
+  text-transform: var(--ig-body-1-text-transform);
+  margin-top: var(--ig-body-1-margin-top);
+  margin-bottom: var(--ig-body-1-margin-bottom);
+}