igniteui-webcomponents 2.2.0-beta.0 → 3.0.0

package/themes/light/fluent.css

@@ -1 +1 @@
-.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: fluent;--igc-radius-factor: 1;--igc-spacing-small: 0.125rem;--igc-spacing-medium: 0.25rem;--igc-spacing-large: 0.5rem}:root{--igc-primary-h: 216deg;--igc-primary-s: 56%;--igc-primary-l: 39%;--igc-primary-a: 1;--igc-secondary-h: 216deg;--igc-secondary-s: 56%;--igc-secondary-l: 39%;--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: 120deg;--igc-success-s: 77%;--igc-success-l: 27%;--igc-success-a: 1;--igc-warn-h: 30deg;--igc-warn-s: 3%;--igc-warn-l: 46%;--igc-warn-a: 1;--igc-error-h: 0deg;--igc-error-s: 100%;--igc-error-l: 33%;--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: white;--igc-primary-400: var(--igc-primary-h), calc(var(--igc-primary-s) * .875), calc(var(--igc-primary-l) * 1.08);--igc-primary-400-contrast: white;--igc-primary-500: var(--igc-primary-h), var(--igc-primary-s), var(--igc-primary-l);--igc-primary-500-contrast: white;--igc-primary-600: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.26), calc(var(--igc-primary-l) * .89);--igc-primary-600-contrast: white;--igc-primary-700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.52), calc(var(--igc-primary-l) * .81);--igc-primary-700-contrast: white;--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: white;--igc-primary-A400: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * .91);--igc-primary-A400-contrast: white;--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: white;--igc-secondary-400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .875), calc(var(--igc-secondary-l) * 1.08);--igc-secondary-400-contrast: white;--igc-secondary-500: var(--igc-secondary-h), var(--igc-secondary-s), var(--igc-secondary-l);--igc-secondary-500-contrast: white;--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: white;--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: white;--igc-success-600: var(--igc-success-h), calc(var(--igc-success-s) * 1.26), calc(var(--igc-success-l) * .89);--igc-success-600-contrast: white;--igc-success-700: var(--igc-success-h), calc(var(--igc-success-s) * 1.52), calc(var(--igc-success-l) * .81);--igc-success-700-contrast: white;--igc-success-800: var(--igc-success-h), calc(var(--igc-success-s) * 1.5), calc(var(--igc-success-l) * .73);--igc-success-800-contrast: white;--igc-success-900: var(--igc-success-h), calc(var(--igc-success-s) * 1.34), calc(var(--igc-success-l) * .64);--igc-success-900-contrast: white;--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: white;--igc-success-A700: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * .65);--igc-success-A700-contrast: white;--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: white;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: white;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: white;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: white;--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: white;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: white;--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: white;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: white;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: white;--igc-error-600: var(--igc-error-h), calc(var(--igc-error-s) * 1.26), calc(var(--igc-error-l) * .89);--igc-error-600-contrast: white;--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: white;--igc-error-A400: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * .91);--igc-error-A400-contrast: white;--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: 'Open Sans', Helvetica, Arial, sans-serif;--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 700;--igc-h1-font-size: 4.25rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 4.75rem;--igc-h1-margin-top: 0;--igc-h1-margin-bottom: 0;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 700;--igc-h2-font-size: 2.625rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 3.25rem;--igc-h2-margin-top: 0;--igc-h2-margin-bottom: 0;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 600;--igc-h3-font-size: 2rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 2.5rem;--igc-h3-margin-top: 0;--igc-h3-margin-bottom: 0;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 400;--igc-h4-font-size: 1.75rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 2.25rem;--igc-h4-margin-top: 0;--igc-h4-margin-bottom: 0;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 400;--igc-h5-font-size: 1.25rem;--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: 0;--igc-h5-margin-bottom: 0;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 400;--igc-h6-font-size: 1.125rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.375rem;--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: 0.75rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1rem;--igc-subtitle-1-margin-top: 0;--igc-subtitle-1-margin-bottom: 0;--igc-subtitle-2-font-family: var(--igc-font-family);--igc-subtitle-2-font-weight: 400;--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: 1rem;--igc-subtitle-2-margin-top: 0;--igc-subtitle-2-margin-bottom: 0;--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.375rem;--igc-body-1-margin-top: 0;--igc-body-1-margin-bottom: 0;--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-body-2-margin-top: 0;--igc-body-2-margin-bottom: 0;--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;--igc-button-text-transform: capitalize;--igc-button-line-height: normal;--igc-button-margin-top: 0;--igc-button-margin-bottom: 0;--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}
+.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: fluent;--igc-radius-factor: 1;--igc-spacing-small: 0.125rem;--igc-spacing-medium: 0.25rem;--igc-spacing-large: 0.5rem}:root{--igc-primary-h: 206deg;--igc-primary-s: 100%;--igc-primary-l: 42%;--igc-primary-a: 1;--igc-secondary-h: 206deg;--igc-secondary-s: 100%;--igc-secondary-l: 42%;--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: 120deg;--igc-success-s: 77%;--igc-success-l: 27%;--igc-success-a: 1;--igc-warn-h: 30deg;--igc-warn-s: 3%;--igc-warn-l: 46%;--igc-warn-a: 1;--igc-error-h: 0deg;--igc-error-s: 100%;--igc-error-l: 33%;--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: white;--igc-primary-700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.52), calc(var(--igc-primary-l) * .81);--igc-primary-700-contrast: white;--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: white;--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: white;--igc-success-600: var(--igc-success-h), calc(var(--igc-success-s) * 1.26), calc(var(--igc-success-l) * .89);--igc-success-600-contrast: white;--igc-success-700: var(--igc-success-h), calc(var(--igc-success-s) * 1.52), calc(var(--igc-success-l) * .81);--igc-success-700-contrast: white;--igc-success-800: var(--igc-success-h), calc(var(--igc-success-s) * 1.5), calc(var(--igc-success-l) * .73);--igc-success-800-contrast: white;--igc-success-900: var(--igc-success-h), calc(var(--igc-success-s) * 1.34), calc(var(--igc-success-l) * .64);--igc-success-900-contrast: white;--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: white;--igc-success-A700: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * .65);--igc-success-A700-contrast: white;--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: white;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: white;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: white;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: white;--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: white;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: white;--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: white;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: white;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: white;--igc-error-600: var(--igc-error-h), calc(var(--igc-error-s) * 1.26), calc(var(--igc-error-l) * .89);--igc-error-600-contrast: white;--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: white;--igc-error-A400: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * .91);--igc-error-A400-contrast: white;--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: 'Open Sans', Helvetica, Arial, sans-serif;--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 700;--igc-h1-font-size: 4.25rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 4.75rem;--igc-h1-margin-top: 0;--igc-h1-margin-bottom: 0;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 700;--igc-h2-font-size: 2.625rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 3.25rem;--igc-h2-margin-top: 0;--igc-h2-margin-bottom: 0;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 600;--igc-h3-font-size: 2rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 2.5rem;--igc-h3-margin-top: 0;--igc-h3-margin-bottom: 0;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 400;--igc-h4-font-size: 1.75rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 2.25rem;--igc-h4-margin-top: 0;--igc-h4-margin-bottom: 0;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 400;--igc-h5-font-size: 1.25rem;--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: 0;--igc-h5-margin-bottom: 0;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 400;--igc-h6-font-size: 1.125rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.375rem;--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: 0.75rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1rem;--igc-subtitle-1-margin-top: 0;--igc-subtitle-1-margin-bottom: 0;--igc-subtitle-2-font-family: var(--igc-font-family);--igc-subtitle-2-font-weight: 400;--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: 1rem;--igc-subtitle-2-margin-top: 0;--igc-subtitle-2-margin-bottom: 0;--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.375rem;--igc-body-1-margin-top: 0;--igc-body-1-margin-bottom: 0;--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-body-2-margin-top: 0;--igc-body-2-margin-bottom: 0;--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;--igc-button-text-transform: capitalize;--igc-button-line-height: normal;--igc-button-margin-top: 0;--igc-button-margin-bottom: 0;--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}

package/vscode-html-custom-data.json

@@ -277,7 +277,7 @@
     },
     {
       "name": "igc-calendar",
-      "description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n  * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n  * ` ` {} - The default slot for the calendar.\n\n  * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n  * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n  * `hide-header` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n  * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n  * `visible-months` {`number`} - The number of months displayed in days view.\n\n  * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n  * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `styles` {`CSSResult`} - \n\n  * `tagName` {`\"igc-calendar\"`} - \n\n  * `formatterMonth` {`DateTimeFormat`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `formatterMonthDay` {`DateTimeFormat`} - \n\n  * `rangePreviewDate` {`Date | undefined`} - \n\n  * `activeDaysViewIndex` {`number`} - \n\n  * `daysViews` {`NodeList`} - \n\n  * `monthsView` {`IgcMonthsViewComponent`} - \n\n  * `yearsView` {`IgcYearsViewComponent`} - \n\n  * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n  * `hideHeader` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n  * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n  * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n  * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n  * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `yearPerPage` {`15 | 18`} - \n\n  * `previousButtonLabel` {`string`} - \n\n  * `nextButtonLabel` {`string`} - \n\n  * `handleKeyDown` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n  * `calendarModel` {`Calendar`} - \n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n  * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n  * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n  * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
+      "description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n  * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n  * ` ` {} - The default slot for the calendar.\n\n  * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n  * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n  * `hide-header` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n  * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n  * `visible-months` {`number`} - The number of months displayed in days view.\n\n  * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n  * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `styles` {`CSSResult`} - \n\n  * `tagName` {`\"igc-calendar\"`} - \n\n  * `formatterMonth` {`DateTimeFormat`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `formatterMonthDay` {`DateTimeFormat`} - \n\n  * `rangePreviewDate` {`Date | undefined`} - \n\n  * `activeDaysViewIndex` {`number`} - \n\n  * `daysViews` {`NodeList`} - \n\n  * `monthsView` {`IgcMonthsViewComponent`} - \n\n  * `yearsView` {`IgcYearsViewComponent`} - \n\n  * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n  * `hideHeader` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n  * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n  * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n  * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n  * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `yearPerPage` {`15 | 18`} - \n\n  * `previousButtonLabel` {`string`} - \n\n  * `nextButtonLabel` {`string`} - \n\n  * `handleKeyDown` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n  * `calendarModel` {`Calendar`} - \n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n  * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n  * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n  * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
       "attributes": [
         {
           "name": "hide-outside-days",
@@ -404,6 +404,10 @@
             }
           ]
         },
+        {
+          "name": "active-date",
+          "description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate\n\nDefault: new Date()"
+        },
         {
           "name": "locale",
           "description": "`locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperty: locale\n\nDefault: en"
@@ -416,7 +420,7 @@
     },
     {
       "name": "igc-days-view",
-      "description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n  * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n  * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n  * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n  * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `styles` {`CSSResult`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `dates` {`ICalendarDate[][]`} - \n\n  * `activeDay` {`HTMLElement`} - \n\n  * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n  * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `isSingleSelection` {`boolean`} - \n\n  * `calendarModel` {`Calendar`} - \n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n  * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n  * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n  * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
+      "description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n  * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n  * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n  * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n  * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `styles` {`CSSResult`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `dates` {`ICalendarDate[][]`} - \n\n  * `activeDay` {`HTMLElement`} - \n\n  * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n  * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `isSingleSelection` {`boolean`} - \n\n  * `calendarModel` {`Calendar`} - \n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n  * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n  * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n  * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
       "attributes": [
         {
           "name": "hide-leading-days",
@@ -505,6 +509,10 @@
             }
           ]
         },
+        {
+          "name": "active-date",
+          "description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate\n\nDefault: new Date()"
+        },
         {
           "name": "locale",
           "description": "`locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperty: locale\n\nDefault: en"
@@ -794,7 +802,7 @@
     },
     {
       "name": "igc-dropdown-group",
-      "description": "Slots:\n\n  * `label` {} - Contains the group's label.\n\n  * ` ` {} - Intended to contain the items belonging to this group.\n\nAttributes:\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperties:\n\n  * `tagName` {`\"igc-dropdown-group\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `items` {`IgcDropDownItemComponent[]`} - All child `igc-dropdown-item`s.\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - ",
+      "description": "Slots:\n\n  * `label` {} - Contains the group's label.\n\n  * ` ` {} - Intended to contain the items belonging to this group.\n\nAttributes:\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperties:\n\n  * `tagName` {`\"igc-dropdown-group\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `items` {`IgcDropdownItemComponent[]`} - All child `igc-dropdown-item`s.\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - ",
       "attributes": [
         {
           "name": "size",
@@ -845,7 +853,7 @@
     },
     {
       "name": "igc-dropdown",
-      "description": "Represents a DropDown component.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the selected item changes.\n\n  * `igcOpening` {} - Emitted just before the dropdown is open.\n\n  * `igcOpened` {} - Emitted after the dropdown is open.\n\n  * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n  * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n  * `target` {} - Renders the dropdown's target element.\n\n  * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n  * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `selectedItem` {`IgcDropDownItemComponent | null`} - \n\n  * `activeItem` {`IgcDropDownItemComponent`} - \n\n  * `target` {`HTMLElement`} - \n\n  * `allItems` {`IgcDropDownItemComponent[]`} - \n\n  * `targetNodes` {`HTMLElement[]`} - \n\n  * `content` {`HTMLElement`} - \n\n  * `scrollContainer` {`HTMLElement`} - \n\n  * `items` {`IgcDropDownItemComponent[]`} - \n\n  * `groups` {`IgcDropDownGroupComponent[]`} - \n\n  * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `handleKeyDown` - \n\n  * `handleTargetClick` - \n\n  * `toggleController` {`IgcToggleController`} - \n\n  * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "description": "Represents a DropDown component.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the selected item changes.\n\n  * `igcOpening` {} - Emitted just before the dropdown is open.\n\n  * `igcOpened` {} - Emitted after the dropdown is open.\n\n  * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n  * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n  * `target` {} - Renders the dropdown's target element.\n\n  * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n  * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `selectedItem` {`IgcDropdownItemComponent | null`} - \n\n  * `activeItem` {`IgcDropdownItemComponent`} - \n\n  * `target` {`HTMLElement`} - \n\n  * `allItems` {`IgcDropdownItemComponent[]`} - \n\n  * `targetNodes` {`HTMLElement[]`} - \n\n  * `content` {`HTMLElement`} - \n\n  * `scrollContainer` {`HTMLElement`} - \n\n  * `items` {`IgcDropdownItemComponent[]`} - \n\n  * `groups` {`IgcDropdownGroupComponent[]`} - \n\n  * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `handleKeyDown` - \n\n  * `handleTargetClick` - \n\n  * `toggleController` {`IgcToggleController`} - \n\n  * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "keep-open-on-select",
@@ -1026,7 +1034,7 @@
     },
     {
       "name": "igc-input",
-      "description": "Events:\n\n  * `igcInput` {} - Emitted when the control input receives user input.\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n  * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `minlength` {`number`} - The minlength attribute of the control.\n\n  * `maxlength` {`number`} - The maxlength attribute of the control.\n\n  * `min` {`string | number`} - The min attribute of the control.\n\n  * `max` {`string | number`} - The max attribute of the control.\n\n  * `step` {`number`} - The step attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `outlined` {`boolean`} - \n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `disabled` {`boolean`} - Makes the control a disabled field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-input\"`} - \n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n  * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `minlength` {`number`} - The minlength attribute of the control.\n\n  * `maxlength` {`number`} - The maxlength attribute of the control.\n\n  * `min` {`string | number`} - The min attribute of the control.\n\n  * `max` {`string | number`} - The max attribute of the control.\n\n  * `step` {`number`} - The step attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `outlined` {`boolean`} - \n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `disabled` {`boolean`} - Makes the control a disabled field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "description": "Events:\n\n  * `igcInput` {} - Emitted when the control input receives user input.\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n  * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `minlength` {`number`} - The minlength attribute of the control.\n\n  * `maxlength` {`number`} - The maxlength attribute of the control.\n\n  * `min` {`string | number`} - The min attribute of the control.\n\n  * `max` {`string | number`} - The max attribute of the control.\n\n  * `step` {`number`} - The step attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `outlined` {`boolean`} - \n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `disabled` {`boolean`} - Makes the control a disabled field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-input\"`} - \n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n  * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `minlength` {`number`} - The minlength attribute of the control.\n\n  * `maxlength` {`number`} - The maxlength attribute of the control.\n\n  * `min` {`string | number`} - The min attribute of the control.\n\n  * `max` {`string | number`} - The max attribute of the control.\n\n  * `step` {`number`} - The step attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `outlined` {`boolean`} - \n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `disabled` {`boolean`} - Makes the control a disabled field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "dir",
@@ -1252,11 +1260,11 @@
     },
     {
       "name": "igc-nav-drawer",
-      "description": "Represents a side navigation container that provides\nquick access between views.\n\nSlots:\n\n  * ` ` {} - The default slot for the drawer.\n\n  * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n  * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n  * `tagName` {`\"igc-nav-drawer\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.",
+      "description": "Represents a side navigation container that provides\nquick access between views.\n\nSlots:\n\n  * ` ` {} - The default slot for the drawer.\n\n  * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n  * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | \"relative\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n  * `tagName` {`\"igc-nav-drawer\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | \"relative\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.",
       "attributes": [
         {
           "name": "position",
-          "description": "`position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\nProperty: position\n\nDefault: start",
+          "description": "`position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | \"relative\"`} - The position of the drawer.\n\nProperty: position\n\nDefault: start",
           "values": [
             {
               "name": "top"
@@ -1269,6 +1277,9 @@
             },
             {
               "name": "end"
+            },
+            {
+              "name": "relative"
             }
           ]
         },