@utility light-avatar{--background: var(--igx-avatar-background, var(--ig-gray-300));--color: var(--igx-avatar-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color: var(--igx-avatar-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--border-radius: var(--igx-avatar-border-radius, 0.25rem);--size: var(--igx-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--igx-avatar-default-size, 1);--ig-theme: indigo}@utility dark-avatar{--background: var(--igx-avatar-background, var(--ig-gray-300));--color: var(--igx-avatar-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color: var(--igx-avatar-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--border-radius: var(--igx-avatar-border-radius, 0.25rem);--size: var(--igx-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--igx-avatar-default-size, 1);--ig-theme: indigo}@utility light-badge{--elevation: var(--igx-badge-elevation, var(--ig-elevation-0));--icon-color: var(--igx-badge-icon-color, hsla(from color(from var(--background-color) var(--y-contrast)) h 0 l/1));--text-color: var(--igx-badge-text-color, hsla(from color(from var(--background-color) var(--y-contrast)) h 0 l/1));--border-color: var(--igx-badge-border-color, var(--ig-gray-100));--background-color: var(--igx-badge-background-color, var(--ig-primary-500));--border-radius: var(--igx-badge-border-radius, 0);--size: var(--igx-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--igx-badge-default-size, 3);--dot-size: var(--igx-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo}@utility dark-badge{--elevation: var(--igx-badge-elevation, var(--ig-elevation-0));--icon-color: var(--igx-badge-icon-color, hsla(from color(from var(--background-color) var(--y-contrast)) h 0 l/1));--text-color: var(--igx-badge-text-color, hsla(from color(from var(--background-color) var(--y-contrast)) h 0 l/1));--border-color: var(--igx-badge-border-color, var(--ig-gray-900-contrast));--background-color: var(--igx-badge-background-color, var(--ig-primary-400));--border-radius: var(--igx-badge-border-radius, 0);--size: var(--igx-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--igx-badge-default-size, 3);--dot-size: var(--igx-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo}@utility light-bottom-nav{--elevation: var(--igx-bottom-nav-elevation, var(--ig-elevation-0));--background: var(--igx-bottom-nav-background, var(--ig-surface-500));--icon-color: var(--igx-bottom-nav-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-selected-color: var(--igx-bottom-nav-icon-selected-color, var(--ig-primary-500));--label-color: var(--igx-bottom-nav-label-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--label-selected-color: var(--igx-bottom-nav-label-selected-color, var(--ig-primary-500));--icon-disabled-color: var(--igx-bottom-nav-icon-disabled-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--label-disabled-color: var(--igx-bottom-nav-label-disabled-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--border-color: var(--igx-bottom-nav-border-color, var(--ig-gray-300));--ig-theme: indigo}@utility dark-bottom-nav{--elevation: var(--igx-bottom-nav-elevation, var(--ig-elevation-0));--background: var(--igx-bottom-nav-background, var(--ig-surface-500));--icon-color: var(--igx-bottom-nav-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-selected-color: var(--igx-bottom-nav-icon-selected-color, var(--ig-primary-200));--label-color: var(--igx-bottom-nav-label-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--label-selected-color: var(--igx-bottom-nav-label-selected-color, var(--ig-primary-200));--icon-disabled-color: var(--igx-bottom-nav-icon-disabled-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--label-disabled-color: var(--igx-bottom-nav-label-disabled-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--border-color: var(--igx-bottom-nav-border-color, var(--ig-gray-100));--ig-theme: indigo}@utility light-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, hsla(from var(--item-background) h s l/0.5));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--idle-shadow-color));--item-text-color: var(--igx-button-group-item-text-color, hsla(from color(from var(--item-background) var(--y-contrast)) h 0 l/1));--item-background: var(--igx-button-group-item-background, var(--ig-gray-50));--item-border-color: var(--igx-button-group-item-border-color, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--item-hover-background: var(--igx-button-group-item-hover-background, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, hsla(from color(from var(--item-hover-background) var(--y-contrast)) h 0 l/1));--item-focused-text-color: var(--igx-button-group-item-focused-text-color, hsla(from color(from var(--item-focused-background) var(--y-contrast)) h 0 l/1));--item-focused-border-color: var(--igx-button-group-item-focused-border-color, var(--item-border-color));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--item-background));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, hsla(from var(--item-selected-background) h s l/0.3));--border-radius: var(--igx-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--igx-button-group-default-size, 2);--item-icon-color: var(--igx-button-group-item-icon-color, var(--item-text-color));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--item-hover-text-color));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--item-border-color));--item-focused-background: var(--igx-button-group-item-focused-background, var(--item-hover-background));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, lch(from var(--item-focused-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-selected-background: var(--igx-button-group-item-selected-background, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, hsla(from color(from var(--item-selected-background) var(--y-contrast)) h 0 l/1));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--item-selected-text-color));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--item-border-color));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, lch(from var(--item-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--item-border-color));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, hsla(from color(from var(--item-selected-hover-background) var(--y-contrast)) h 0 l/1));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--item-selected-hover-text-color));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--item-selected-background));--item-selected-focus-hover-background: var(--igx-button-group-item-selected-focus-hover-background, var(--item-selected-hover-background));--disabled-text-color: var(--igx-button-group-disabled-text-color, hsla(from hsla(from color(from var(--disabled-background-color) var(--y-contrast)) h 0 l/1) h s l/0.4));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--item-border-color));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--disabled-text-color));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--item-border-color));--border: var(--igx-button-group-border, 1px solid var(--ig-primary-500));--ig-theme: indigo}@utility dark-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, hsla(from var(--item-background) h s l/0.5));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--idle-shadow-color));--item-text-color: var(--igx-button-group-item-text-color, hsla(from color(from var(--item-background) var(--y-contrast)) h 0 l/1));--item-background: var(--igx-button-group-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--item-border-color: var(--igx-button-group-item-border-color, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--item-hover-background: var(--igx-button-group-item-hover-background, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, hsla(from color(from var(--item-hover-background) var(--y-contrast)) h 0 l/1));--item-focused-text-color: var(--igx-button-group-item-focused-text-color, hsla(from color(from var(--item-focused-background) var(--y-contrast)) h 0 l/1));--item-focused-border-color: var(--igx-button-group-item-focused-border-color, var(--item-border-color));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--item-background));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, hsla(from var(--item-selected-background) h s l/0.3));--border-radius: var(--igx-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--igx-button-group-default-size, 2);--item-icon-color: var(--igx-button-group-item-icon-color, var(--item-text-color));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--item-hover-text-color));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--item-border-color));--item-focused-background: var(--igx-button-group-item-focused-background, var(--item-hover-background));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, lch(from var(--item-focused-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-selected-background: var(--igx-button-group-item-selected-background, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, hsla(from color(from var(--item-selected-background) var(--y-contrast)) h 0 l/1));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--item-selected-text-color));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--item-border-color));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, lch(from var(--item-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--item-border-color));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, hsla(from color(from var(--item-selected-hover-background) var(--y-contrast)) h 0 l/1));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--item-selected-hover-text-color));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--item-selected-background));--item-selected-focus-hover-background: var(--igx-button-group-item-selected-focus-hover-background, var(--item-selected-hover-background));--disabled-text-color: var(--igx-button-group-disabled-text-color, hsla(from hsla(from color(from var(--disabled-background-color) var(--y-contrast)) h 0 l/1) h s l/0.4));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--item-border-color));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--disabled-text-color));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--item-border-color));--border: var(--igx-button-group-border, 1px solid var(--ig-primary-500));--ig-theme: indigo}@utility light-flat-button{--shadow-color: var(--igx-flat-button-shadow-color, hsla(from var(--focus-visible-foreground) h s l/0.2));--border-color: var(--igx-flat-button-border-color, transparent);--hover-border-color: var(--igx-flat-button-hover-border-color, transparent);--focus-border-color: var(--igx-flat-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-flat-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-flat-button-active-border-color, transparent);--disabled-border-color: var(--igx-flat-button-disabled-border-color, transparent);--disabled-background: var(--igx-flat-button-disabled-background, transparent);--disabled-foreground: var(--igx-flat-button-disabled-foreground, hsla(from var(--foreground) h s l/0.5));--disabled-icon-color: var(--igx-flat-button-disabled-icon-color, var(--disabled-foreground));--size: var(--igx-flat-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-flat-button-default-size, 2);--resting-elevation: var(--igx-flat-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-flat-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-flat-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-flat-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-flat-button-background, transparent);--focus-foreground: var(--igx-flat-button-focus-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--border-radius: var(--igx-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--igx-flat-button-foreground, var(--ig-gray-700));--icon-color: var(--igx-flat-button-icon-color, var(--ig-gray-700));--icon-color-hover: var(--igx-flat-button-icon-color-hover, var(--hover-foreground));--hover-background: var(--igx-flat-button-hover-background, hsla(from var(--foreground) h s l/0.08));--hover-foreground: var(--igx-flat-button-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-background: var(--igx-flat-button-focus-background, hsla(from var(--foreground) h s l/0.08));--focus-hover-background: var(--igx-flat-button-focus-hover-background, hsla(from var(--foreground) h s l/0.08));--focus-hover-foreground: var(--igx-flat-button-focus-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--active-background: var(--igx-flat-button-active-background, hsla(from var(--foreground) h s l/0.08));--active-foreground: var(--igx-flat-button-active-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-visible-background: var(--igx-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--igx-flat-button-focus-visible-foreground, var(--foreground));--ig-theme: indigo}@utility dark-flat-button{--shadow-color: var(--igx-flat-button-shadow-color, hsla(from var(--focus-visible-foreground) h s l/0.2));--border-color: var(--igx-flat-button-border-color, transparent);--hover-border-color: var(--igx-flat-button-hover-border-color, transparent);--focus-border-color: var(--igx-flat-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-flat-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-flat-button-active-border-color, transparent);--disabled-border-color: var(--igx-flat-button-disabled-border-color, transparent);--disabled-background: var(--igx-flat-button-disabled-background, transparent);--disabled-foreground: var(--igx-flat-button-disabled-foreground, hsla(from var(--foreground) h s l/0.5));--disabled-icon-color: var(--igx-flat-button-disabled-icon-color, var(--disabled-foreground));--size: var(--igx-flat-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-flat-button-default-size, 2);--resting-elevation: var(--igx-flat-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-flat-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-flat-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-flat-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-flat-button-background, transparent);--focus-foreground: var(--igx-flat-button-focus-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--border-radius: var(--igx-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--igx-flat-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--igx-flat-button-icon-color, var(--ig-primary-500-contrast));--icon-color-hover: var(--igx-flat-button-icon-color-hover, var(--hover-foreground));--hover-background: var(--igx-flat-button-hover-background, hsla(from var(--foreground) h s l/0.08));--hover-foreground: var(--igx-flat-button-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-background: var(--igx-flat-button-focus-background, hsla(from var(--foreground) h s l/0.08));--focus-hover-background: var(--igx-flat-button-focus-hover-background, hsla(from var(--foreground) h s l/0.08));--focus-hover-foreground: var(--igx-flat-button-focus-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--active-background: var(--igx-flat-button-active-background, hsla(from var(--foreground) h s l/0.08));--active-foreground: var(--igx-flat-button-active-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-visible-background: var(--igx-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--igx-flat-button-focus-visible-foreground, var(--foreground));--ig-theme: indigo}@utility light-contained-button{--shadow-color: var(--igx-contained-button-shadow-color, hsla(from var(--focus-visible-background) h s l/0.5));--border-color: var(--igx-contained-button-border-color, transparent);--hover-border-color: var(--igx-contained-button-hover-border-color, transparent);--focus-border-color: var(--igx-contained-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-contained-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-contained-button-active-border-color, transparent);--disabled-border-color: var(--igx-contained-button-disabled-border-color, transparent);--disabled-background: var(--igx-contained-button-disabled-background, hsla(from var(--background) h s l/0.5));--disabled-foreground: var(--igx-contained-button-disabled-foreground, hsla(from hsla(from color(from var(--disabled-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--disabled-icon-color: var(--igx-contained-button-disabled-icon-color, hsla(from hsla(from color(from var(--disabled-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--size: var(--igx-contained-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-contained-button-default-size, 2);--resting-elevation: var(--igx-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-contained-button-background, var(--ig-primary-500));--active-background: var(--igx-contained-button-active-background, var(--hover-background));--border-radius: var(--igx-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--igx-contained-button-foreground, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color: var(--igx-contained-button-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color-hover: var(--igx-contained-button-icon-color-hover, hsla(from color(from var(--hover-background) var(--y-contrast)) h 0 l/1));--hover-background: var(--igx-contained-button-hover-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--hover-foreground: var(--igx-contained-button-hover-foreground, hsla(from color(from var(--hover-background) var(--y-contrast)) h 0 l/1));--focus-background: var(--igx-contained-button-focus-background, var(--focus-hover-background));--focus-foreground: var(--igx-contained-button-focus-foreground, hsla(from color(from var(--focus-background) var(--y-contrast)) h 0 l/1));--focus-hover-background: var(--igx-contained-button-focus-hover-background, var(--hover-background));--focus-hover-foreground: var(--igx-contained-button-focus-hover-foreground, hsla(from color(from var(--focus-hover-background) var(--y-contrast)) h 0 l/1));--active-foreground: var(--igx-contained-button-active-foreground, hsla(from color(from var(--active-background) var(--y-contrast)) h 0 l/1));--focus-visible-background: var(--igx-contained-button-focus-visible-background, var(--background));--focus-visible-foreground: var(--igx-contained-button-focus-visible-foreground, hsla(from color(from var(--focus-visible-background) var(--y-contrast)) h 0 l/1));--ig-theme: indigo}@utility dark-contained-button{--shadow-color: var(--igx-contained-button-shadow-color, hsla(from var(--focus-visible-background) h s l/0.5));--border-color: var(--igx-contained-button-border-color, transparent);--hover-border-color: var(--igx-contained-button-hover-border-color, transparent);--focus-border-color: var(--igx-contained-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-contained-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-contained-button-active-border-color, transparent);--disabled-border-color: var(--igx-contained-button-disabled-border-color, transparent);--disabled-background: var(--igx-contained-button-disabled-background, hsla(from var(--background) h s l/0.5));--disabled-foreground: var(--igx-contained-button-disabled-foreground, hsla(from hsla(from color(from var(--disabled-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--disabled-icon-color: var(--igx-contained-button-disabled-icon-color, hsla(from hsla(from color(from var(--disabled-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--size: var(--igx-contained-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-contained-button-default-size, 2);--resting-elevation: var(--igx-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-contained-button-background, var(--ig-primary-500));--active-background: var(--igx-contained-button-active-background, var(--hover-background));--border-radius: var(--igx-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--igx-contained-button-foreground, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color: var(--igx-contained-button-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color-hover: var(--igx-contained-button-icon-color-hover, hsla(from color(from var(--hover-background) var(--y-contrast)) h 0 l/1));--hover-background: var(--igx-contained-button-hover-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--hover-foreground: var(--igx-contained-button-hover-foreground, hsla(from color(from var(--hover-background) var(--y-contrast)) h 0 l/1));--focus-background: var(--igx-contained-button-focus-background, var(--focus-hover-background));--focus-foreground: var(--igx-contained-button-focus-foreground, hsla(from color(from var(--focus-background) var(--y-contrast)) h 0 l/1));--focus-hover-background: var(--igx-contained-button-focus-hover-background, var(--hover-background));--focus-hover-foreground: var(--igx-contained-button-focus-hover-foreground, hsla(from color(from var(--focus-hover-background) var(--y-contrast)) h 0 l/1));--active-foreground: var(--igx-contained-button-active-foreground, hsla(from color(from var(--active-background) var(--y-contrast)) h 0 l/1));--focus-visible-background: var(--igx-contained-button-focus-visible-background, var(--background));--focus-visible-foreground: var(--igx-contained-button-focus-visible-foreground, hsla(from color(from var(--focus-visible-background) var(--y-contrast)) h 0 l/1));--ig-theme: indigo}@utility light-outlined-button{--shadow-color: var(--igx-outlined-button-shadow-color, hsla(from var(--focus-visible-foreground) h s l/0.2));--border-color: var(--igx-outlined-button-border-color, var(--foreground));--hover-border-color: var(--igx-outlined-button-hover-border-color, var(--hover-foreground));--focus-border-color: var(--igx-outlined-button-focus-border-color, var(--focus-foreground));--focus-visible-border-color: var(--igx-outlined-button-focus-visible-border-color, var(--focus-visible-foreground));--active-border-color: var(--igx-outlined-button-active-border-color, var(--active-foreground));--disabled-border-color: var(--igx-outlined-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--igx-outlined-button-disabled-background, transparent);--disabled-foreground: var(--igx-outlined-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--igx-outlined-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--igx-outlined-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-outlined-button-default-size, 2);--resting-elevation: var(--igx-outlined-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-outlined-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-outlined-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-outlined-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-outlined-button-background, transparent);--focus-foreground: var(--igx-outlined-button-focus-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--border-radius: var(--igx-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--igx-outlined-button-foreground, var(--ig-gray-700));--icon-color: var(--igx-outlined-button-icon-color, var(--ig-gray-700));--icon-color-hover: var(--igx-outlined-button-icon-color-hover, var(--hover-foreground));--hover-background: var(--igx-outlined-button-hover-background, hsla(from var(--foreground) h s l/0.08));--hover-foreground: var(--igx-outlined-button-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-background: var(--igx-outlined-button-focus-background, hsla(from var(--foreground) h s l/0.08));--focus-hover-background: var(--igx-outlined-button-focus-hover-background, hsla(from var(--foreground) h s l/0.08));--focus-hover-foreground: var(--igx-outlined-button-focus-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--active-background: var(--igx-outlined-button-active-background, hsla(from var(--foreground) h s l/0.08));--active-foreground: var(--igx-outlined-button-active-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-visible-background: var(--igx-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--igx-outlined-button-focus-visible-foreground, var(--foreground));--ig-theme: indigo}@utility dark-outlined-button{--shadow-color: var(--igx-outlined-button-shadow-color, hsla(from var(--focus-visible-foreground) h s l/0.2));--border-color: var(--igx-outlined-button-border-color, var(--foreground));--hover-border-color: var(--igx-outlined-button-hover-border-color, var(--hover-foreground));--focus-border-color: var(--igx-outlined-button-focus-border-color, var(--focus-foreground));--focus-visible-border-color: var(--igx-outlined-button-focus-visible-border-color, var(--focus-visible-foreground));--active-border-color: var(--igx-outlined-button-active-border-color, var(--active-foreground));--disabled-border-color: var(--igx-outlined-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--igx-outlined-button-disabled-background, transparent);--disabled-foreground: var(--igx-outlined-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--igx-outlined-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--igx-outlined-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-outlined-button-default-size, 2);--resting-elevation: var(--igx-outlined-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-outlined-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-outlined-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-outlined-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-outlined-button-background, transparent);--focus-foreground: var(--igx-outlined-button-focus-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--border-radius: var(--igx-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--igx-outlined-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--igx-outlined-button-icon-color, var(--ig-primary-500-contrast));--icon-color-hover: var(--igx-outlined-button-icon-color-hover, var(--hover-foreground));--hover-background: var(--igx-outlined-button-hover-background, hsla(from var(--foreground) h s l/0.08));--hover-foreground: var(--igx-outlined-button-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-background: var(--igx-outlined-button-focus-background, hsla(from var(--foreground) h s l/0.08));--focus-hover-background: var(--igx-outlined-button-focus-hover-background, hsla(from var(--foreground) h s l/0.08));--focus-hover-foreground: var(--igx-outlined-button-focus-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--active-background: var(--igx-outlined-button-active-background, hsla(from var(--foreground) h s l/0.08));--active-foreground: var(--igx-outlined-button-active-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-visible-background: var(--igx-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--igx-outlined-button-focus-visible-foreground, var(--foreground));--ig-theme: indigo}@utility light-fab-button{--shadow-color: var(--igx-fab-button-shadow-color, hsla(from var(--focus-visible-background) h s l/0.5));--border-color: var(--igx-fab-button-border-color, transparent);--hover-border-color: var(--igx-fab-button-hover-border-color, transparent);--focus-border-color: var(--igx-fab-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-fab-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-fab-button-active-border-color, transparent);--disabled-border-color: var(--igx-fab-button-disabled-border-color, transparent);--disabled-background: var(--igx-fab-button-disabled-background, hsla(from var(--background) h s l/0.5));--disabled-foreground: var(--igx-fab-button-disabled-foreground, hsla(from hsla(from color(from var(--disabled-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--disabled-icon-color: var(--igx-fab-button-disabled-icon-color, hsla(from hsla(from color(from var(--disabled-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--size: var(--igx-fab-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--igx-fab-button-default-size, 2);--resting-elevation: var(--igx-fab-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-fab-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-fab-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-fab-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-fab-button-background, var(--ig-primary-500));--active-background: var(--igx-fab-button-active-background, var(--hover-background));--border-radius: var(--igx-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--igx-fab-button-foreground, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color: var(--igx-fab-button-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color-hover: var(--igx-fab-button-icon-color-hover, var(--icon-color));--hover-background: var(--igx-fab-button-hover-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--hover-foreground: var(--igx-fab-button-hover-foreground, var(--foreground));--focus-background: var(--igx-fab-button-focus-background, var(--focus-hover-background));--focus-foreground: var(--igx-fab-button-focus-foreground, var(--foreground));--focus-hover-background: var(--igx-fab-button-focus-hover-background, var(--hover-background));--focus-hover-foreground: var(--igx-fab-button-focus-hover-foreground, var(--foreground));--active-foreground: var(--igx-fab-button-active-foreground, hsla(from color(from var(--active-background) var(--y-contrast)) h 0 l/1));--focus-visible-background: var(--igx-fab-button-focus-visible-background, var(--focus-background));--focus-visible-foreground: var(--igx-fab-button-focus-visible-foreground, hsla(from color(from var(--focus-visible-background) var(--y-contrast)) h 0 l/1));--ig-theme: indigo}@utility dark-fab-button{--shadow-color: var(--igx-fab-button-shadow-color, hsla(from var(--focus-visible-background) h s l/0.5));--border-color: var(--igx-fab-button-border-color, transparent);--hover-border-color: var(--igx-fab-button-hover-border-color, transparent);--focus-border-color: var(--igx-fab-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-fab-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-fab-button-active-border-color, transparent);--disabled-border-color: var(--igx-fab-button-disabled-border-color, transparent);--disabled-background: var(--igx-fab-button-disabled-background, hsla(from var(--background) h s l/0.5));--disabled-foreground: var(--igx-fab-button-disabled-foreground, hsla(from hsla(from color(from var(--disabled-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--disabled-icon-color: var(--igx-fab-button-disabled-icon-color, hsla(from hsla(from color(from var(--disabled-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--size: var(--igx-fab-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--igx-fab-button-default-size, 2);--resting-elevation: var(--igx-fab-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-fab-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-fab-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-fab-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-fab-button-background, var(--ig-primary-500));--active-background: var(--igx-fab-button-active-background, var(--hover-background));--border-radius: var(--igx-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--igx-fab-button-foreground, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color: var(--igx-fab-button-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color-hover: var(--igx-fab-button-icon-color-hover, var(--icon-color));--hover-background: var(--igx-fab-button-hover-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--hover-foreground: var(--igx-fab-button-hover-foreground, var(--foreground));--focus-background: var(--igx-fab-button-focus-background, var(--focus-hover-background));--focus-foreground: var(--igx-fab-button-focus-foreground, var(--foreground));--focus-hover-background: var(--igx-fab-button-focus-hover-background, var(--hover-background));--focus-hover-foreground: var(--igx-fab-button-focus-hover-foreground, var(--foreground));--active-foreground: var(--igx-fab-button-active-foreground, hsla(from color(from var(--active-background) var(--y-contrast)) h 0 l/1));--focus-visible-background: var(--igx-fab-button-focus-visible-background, var(--focus-background));--focus-visible-foreground: var(--igx-fab-button-focus-visible-foreground, hsla(from color(from var(--focus-visible-background) var(--y-contrast)) h 0 l/1));--ig-theme: indigo}@utility light-card{--resting-elevation: var(--igx-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--igx-card-hover-elevation, var(--ig-elevation-6));--background: var(--igx-card-background, var(--ig-gray-900-contrast));--header-text-color: var(--igx-card-header-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--subtitle-text-color: var(--igx-card-subtitle-text-color, lch(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--content-text-color: var(--igx-card-content-text-color, lch(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--actions-text-color: var(--igx-card-actions-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--outline-color: var(--igx-card-outline-color, var(--ig-gray-400));--border-radius: var(--igx-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--default-size: var(--igx-card-default-size, 2);--ig-theme: indigo}@utility dark-card{--resting-elevation: var(--igx-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--igx-card-hover-elevation, var(--ig-elevation-6));--background: var(--igx-card-background, var(--ig-gray-50));--header-text-color: var(--igx-card-header-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--subtitle-text-color: var(--igx-card-subtitle-text-color, lch(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--content-text-color: var(--igx-card-content-text-color, lch(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--actions-text-color: var(--igx-card-actions-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--outline-color: var(--igx-card-outline-color, var(--ig-gray-100));--border-radius: var(--igx-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--default-size: var(--igx-card-default-size, 2);--ig-theme: indigo}@utility light-chip{--ghost-elevation: var(--igx-chip-ghost-elevation, var(--ig-elevation-1));--remove-icon-color: var(--igx-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--igx-chip-focus-outline-color, hsla(from var(--focus-background) h s l/0.4));--focus-selected-outline-color: var(--igx-chip-focus-selected-outline-color, hsla(from var(--focus-selected-background) h s l/0.4));--remove-icon-color-focus: var(--igx-chip-remove-icon-color-focus, 'currentColor');--background: var(--igx-chip-background, var(--ig-gray-50));--border-color: var(--igx-chip-border-color, var(--background));--ghost-background: var(--igx-chip-ghost-background, var(--ig-gray-200));--hover-text-color: var(--igx-chip-hover-text-color, hsla(from color(from var(--hover-background) var(--y-contrast)) h 0 l/1));--hover-background: var(--igx-chip-hover-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--hover-border-color: var(--igx-chip-hover-border-color, var(--hover-background));--focus-text-color: var(--igx-chip-focus-text-color, hsla(from color(from var(--focus-background) var(--y-contrast)) h 0 l/1));--focus-border-color: var(--igx-chip-focus-border-color, var(--focus-background));--selected-text-color: var(--igx-chip-selected-text-color, hsla(from color(from var(--selected-background) var(--y-contrast)) h 0 l/1));--selected-background: var(--igx-chip-selected-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--selected-border-color: var(--igx-chip-selected-border-color, var(--selected-background));--hover-selected-text-color: var(--igx-chip-hover-selected-text-color, hsla(from color(from var(--hover-selected-background) var(--y-contrast)) h 0 l/1));--hover-selected-background: var(--igx-chip-hover-selected-background, lch(from var(--selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--hover-selected-border-color: var(--igx-chip-hover-selected-border-color, var(--hover-selected-background));--focus-selected-border-color: var(--igx-chip-focus-selected-border-color, var(--focus-selected-background));--border-radius: var(--igx-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--igx-chip-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-background: var(--igx-chip-disabled-background, var(--ig-gray-900-contrast));--disabled-border-color: var(--igx-chip-disabled-border-color, var(--ig-gray-300));--size: var(--igx-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--igx-chip-default-size, 2);--text-color: var(--igx-chip-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--focus-background: var(--igx-chip-focus-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--focus-selected-text-color: var(--igx-chip-focus-selected-text-color, hsla(from color(from var(--focus-selected-background) var(--y-contrast)) h 0 l/1));--focus-selected-background: var(--igx-chip-focus-selected-background, var(--selected-background));--ig-theme: indigo}@utility dark-chip{--ghost-elevation: var(--igx-chip-ghost-elevation, var(--ig-elevation-1));--remove-icon-color: var(--igx-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--igx-chip-focus-outline-color, hsla(from var(--focus-background) h s l/0.4));--focus-selected-outline-color: var(--igx-chip-focus-selected-outline-color, hsla(from var(--focus-selected-background) h s l/0.4));--remove-icon-color-focus: var(--igx-chip-remove-icon-color-focus, 'currentColor');--background: var(--igx-chip-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--border-color: var(--igx-chip-border-color, var(--background));--ghost-background: var(--igx-chip-ghost-background, var(--ig-gray-100));--hover-text-color: var(--igx-chip-hover-text-color, hsla(from color(from var(--hover-background) var(--y-contrast)) h 0 l/1));--hover-background: var(--igx-chip-hover-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--hover-border-color: var(--igx-chip-hover-border-color, var(--hover-background));--focus-text-color: var(--igx-chip-focus-text-color, hsla(from color(from var(--focus-background) var(--y-contrast)) h 0 l/1));--focus-border-color: var(--igx-chip-focus-border-color, var(--focus-background));--selected-text-color: var(--igx-chip-selected-text-color, hsla(from color(from var(--selected-background) var(--y-contrast)) h 0 l/1));--selected-background: var(--igx-chip-selected-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--selected-border-color: var(--igx-chip-selected-border-color, var(--selected-background));--hover-selected-text-color: var(--igx-chip-hover-selected-text-color, hsla(from color(from var(--hover-selected-background) var(--y-contrast)) h 0 l/1));--hover-selected-background: var(--igx-chip-hover-selected-background, lch(from var(--selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--hover-selected-border-color: var(--igx-chip-hover-selected-border-color, var(--hover-selected-background));--focus-selected-border-color: var(--igx-chip-focus-selected-border-color, var(--focus-selected-background));--border-radius: var(--igx-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--igx-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--igx-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-border-color: var(--igx-chip-disabled-border-color, var(--ig-gray-50));--size: var(--igx-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--igx-chip-default-size, 2);--text-color: var(--igx-chip-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--focus-background: var(--igx-chip-focus-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--focus-selected-text-color: var(--igx-chip-focus-selected-text-color, hsla(from color(from var(--focus-selected-background) var(--y-contrast)) h 0 l/1));--focus-selected-background: var(--igx-chip-focus-selected-background, var(--selected-background));--ig-theme: indigo}@utility light-carousel{--button-elevation: var(--igx-carousel-button-elevation, var(--ig-elevation-0));--slide-background: var(--igx-carousel-slide-background, var(--ig-gray-900-contrast));--button-background: var(--igx-carousel-button-background, var(--ig-gray-50));--button-hover-background: var(--igx-carousel-button-hover-background, lch(from var(--button-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--button-arrow-color: var(--igx-carousel-button-arrow-color, hsla(from hsla(from color(from var(--button-background) var(--y-contrast)) h 0 l/1) h s l/0.85));--button-hover-arrow-color: var(--igx-carousel-button-hover-arrow-color, hsla(from color(from var(--button-hover-background) var(--y-contrast)) h 0 l/1));--button-disabled-background: var(--igx-carousel-button-disabled-background, var(--button-background));--button-disabled-arrow-color: var(--igx-carousel-button-disabled-arrow-color, hsla(from hsla(from color(from var(--button-disabled-background) var(--y-contrast)) h 0 l/1) h s l/0.4));--indicator-focus-color: var(--igx-carousel-indicator-focus-color, hsla(from var(--indicator-active-hover-dot-color) h s l/0.5));--button-focus-border-color: var(--igx-carousel-button-focus-border-color, var(--indicator-active-dot-color));--button-border-color: var(--igx-carousel-button-border-color, lch(from var(--button-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--button-hover-border-color: var(--igx-carousel-button-hover-border-color, lch(from var(--button-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--button-disabled-border-color: var(--igx-carousel-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--indicator-dot-color: var(--igx-carousel-indicator-dot-color, hsla(from hsla(from color(from var(--indicator-background) var(--y-contrast)) h 0 l/1) h s l/0.8));--indicator-hover-dot-color: var(--igx-carousel-indicator-hover-dot-color, hsla(from var(--indicator-dot-color) h s l/1));--indicator-background: var(--igx-carousel-indicator-background, var(--ig-gray-50));--label-indicator-background: var(--igx-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/0.8));--indicator-color: var(--igx-carousel-indicator-color, var(--ig-gray-700));--indicator-border-color: var(--igx-carousel-indicator-border-color, var(--indicator-dot-color));--indicator-active-dot-color: var(--igx-carousel-indicator-active-dot-color, hsla(from color(from var(--indicator-background) var(--y-contrast)) h 0 l/1));--indicator-active-border-color: var(--igx-carousel-indicator-active-border-color, var(--indicator-active-dot-color));--indicator-active-hover-dot-color: var(--igx-carousel-indicator-active-hover-dot-color, var(--indicator-active-dot-color));--border-radius: var(--igx-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.25rem), 2.25rem));--button-focus-arrow-color: var(--igx-carousel-button-focus-arrow-color, var(--button-hover-arrow-color));--ig-theme: indigo}@utility dark-carousel{--button-elevation: var(--igx-carousel-button-elevation, var(--ig-elevation-0));--slide-background: var(--igx-carousel-slide-background, var(--ig-gray-900-contrast));--button-background: var(--igx-carousel-button-background, var(--ig-gray-50));--button-hover-background: var(--igx-carousel-button-hover-background, lch(from var(--button-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--button-arrow-color: var(--igx-carousel-button-arrow-color, hsla(from hsla(from color(from var(--button-background) var(--y-contrast)) h 0 l/1) h s l/0.85));--button-hover-arrow-color: var(--igx-carousel-button-hover-arrow-color, hsla(from color(from var(--button-hover-background) var(--y-contrast)) h 0 l/1));--button-disabled-background: var(--igx-carousel-button-disabled-background, var(--button-background));--button-disabled-arrow-color: var(--igx-carousel-button-disabled-arrow-color, hsla(from hsla(from color(from var(--button-disabled-background) var(--y-contrast)) h 0 l/1) h s l/0.4));--indicator-focus-color: var(--igx-carousel-indicator-focus-color, hsla(from var(--indicator-active-hover-dot-color) h s l/0.5));--button-focus-border-color: var(--igx-carousel-button-focus-border-color, var(--indicator-active-dot-color));--button-border-color: var(--igx-carousel-button-border-color, lch(from var(--button-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--button-hover-border-color: var(--igx-carousel-button-hover-border-color, lch(from var(--button-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--button-disabled-border-color: var(--igx-carousel-button-disabled-border-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-dot-color: var(--igx-carousel-indicator-dot-color, hsla(from hsla(from color(from var(--indicator-background) var(--y-contrast)) h 0 l/1) h s l/0.8));--indicator-hover-dot-color: var(--igx-carousel-indicator-hover-dot-color, hsla(from var(--indicator-dot-color) h s l/1));--indicator-background: var(--igx-carousel-indicator-background, var(--ig-gray-50));--label-indicator-background: var(--igx-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/0.8));--indicator-color: var(--igx-carousel-indicator-color, var(--ig-gray-700));--indicator-border-color: var(--igx-carousel-indicator-border-color, var(--indicator-dot-color));--indicator-active-dot-color: var(--igx-carousel-indicator-active-dot-color, hsla(from color(from var(--indicator-background) var(--y-contrast)) h 0 l/1));--indicator-active-border-color: var(--igx-carousel-indicator-active-border-color, var(--indicator-active-dot-color));--indicator-active-hover-dot-color: var(--igx-carousel-indicator-active-hover-dot-color, var(--indicator-active-dot-color));--border-radius: var(--igx-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.25rem), 2.25rem));--button-focus-arrow-color: var(--igx-carousel-button-focus-arrow-color, var(--button-hover-arrow-color));--ig-theme: indigo}@utility light-calendar{--default-size: var(--igx-calendar-default-size, 2);--content-foreground: var(--igx-calendar-content-foreground, hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1));--content-background: var(--igx-calendar-content-background, var(--ig-gray-900-contrast));--border-color: var(--igx-calendar-border-color, var(--ig-gray-400));--border-radius: var(--igx-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--igx-calendar-picker-background, var(--content-background));--picker-hover-foreground: var(--igx-calendar-picker-hover-foreground, var(--header-background));--picker-focus-foreground: var(--igx-calendar-picker-focus-foreground, var(--picker-hover-foreground));--navigation-color: var(--igx-calendar-navigation-color, hsla(from color(from var(--picker-background) var(--y-contrast)) h 0 l/1));--navigation-hover-color: var(--igx-calendar-navigation-hover-color, var(--picker-hover-foreground));--navigation-focus-color: var(--igx-calendar-navigation-focus-color, var(--navigation-hover-color));--size: var(--igx-calendar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--igx-calendar-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--igx-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--igx-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-foreground: var(--igx-calendar-week-number-foreground, hsla(from hsla(from color(from var(--week-number-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--week-number-background: var(--igx-calendar-week-number-background, hsla(from var(--content-background) h s calc(l * 0.8)));--inactive-color: var(--igx-calendar-inactive-color, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--weekday-color: var(--igx-calendar-weekday-color, var(--inactive-color));--weekend-color: var(--igx-calendar-weekend-color, var(--content-foreground));--date-hover-foreground: var(--igx-calendar-date-hover-foreground, hsla(from color(from var(--date-hover-background) var(--y-contrast)) h 0 l/1));--date-focus-foreground: var(--igx-calendar-date-focus-foreground, var(--date-hover-foreground));--date-selected-range-hover-foreground: var(--igx-calendar-date-selected-range-hover-foreground, hsla(from color(from hsla(from var(--date-selected-range-hover-background) h s l/1) var(--y-contrast)) h 0 l/1));--date-selected-range-focus-foreground: var(--igx-calendar-date-selected-range-focus-foreground, hsla(from color(from hsla(from var(--date-selected-range-focus-background) h s l/1) var(--y-contrast)) h 0 l/1));--date-selected-current-range-foreground: var(--igx-calendar-date-selected-current-range-foreground, var(--date-current-foreground));--date-selected-current-range-hover-foreground: var(--igx-calendar-date-selected-current-range-hover-foreground, var(--date-current-hover-foreground));--date-selected-current-range-focus-foreground: var(--igx-calendar-date-selected-current-range-focus-foreground, var(--date-selected-current-range-hover-foreground));--date-current-background: var(--igx-calendar-date-current-background, hsla(from var(--header-background) h s l/0.4));--date-current-hover-foreground: var(--igx-calendar-date-current-hover-foreground, var(--date-current-foreground));--date-current-focus-foreground: var(--igx-calendar-date-current-focus-foreground, var(--date-current-foreground));--date-current-focus-background: var(--igx-calendar-date-current-focus-background, var(--date-current-hover-background));--date-special-background: var(--igx-calendar-date-special-background, transparent);--date-special-range-background: var(--igx-calendar-date-special-range-background, transparent);--date-border-color: var(--igx-calendar-date-border-color, transparent);--date-hover-border-color: var(--igx-calendar-date-hover-border-color, transparent);--date-focus-border-color: var(--igx-calendar-date-focus-border-color, transparent);--date-selected-border-color: var(--igx-calendar-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--igx-calendar-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--igx-calendar-date-selected-focus-border-color, transparent);--date-range-border-color: var(--igx-calendar-date-range-border-color, transparent);--date-range-preview-border-color: var(--igx-calendar-date-range-preview-border-color, hsla(from var(--date-selected-background) h s l/0.5));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.3));--date-disabled-range-foreground: var(--igx-calendar-date-disabled-range-foreground, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.3));--ym-current-outline-hover-color: var(--igx-calendar-ym-current-outline-hover-color, var(--ym-current-outline-color));--ym-current-outline-focus-color: var(--igx-calendar-ym-current-outline-focus-color, var(--ym-current-outline-hover-color));--ym-selected-outline-color: var(--igx-calendar-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--igx-calendar-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--igx-calendar-ym-selected-focus-outline-color, transparent);--ym-border-radius: var(--igx-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--picker-foreground: var(--igx-calendar-picker-foreground, hsla(from color(from var(--picker-background) var(--y-contrast)) h 0 l/1));--header-foreground: var(--igx-calendar-header-foreground, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1));--header-background: var(--igx-calendar-header-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-gray-400));--date-current-border-radius: var(--igx-calendar-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--igx-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--igx-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--igx-calendar-date-hover-background, lch(from var(--content-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--date-focus-background: var(--igx-calendar-date-focus-background, var(--date-hover-background));--date-current-foreground: var(--igx-calendar-date-current-foreground, hsla(from color(from var(--date-current-background) var(--y-contrast)) h 0 l/1));--date-current-hover-background: var(--igx-calendar-date-current-hover-background, lch(from var(--date-current-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--date-current-border-color: var(--igx-calendar-date-current-border-color, hsla(from var(--date-current-background) h s l/0.6));--date-current-hover-border-color: var(--igx-calendar-date-current-hover-border-color, lch(from var(--date-current-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--date-current-focus-border-color: var(--igx-calendar-date-current-focus-border-color, var(--date-current-hover-border-color));--date-special-foreground: var(--igx-calendar-date-special-foreground, var(--header-background));--date-special-range-foreground: var(--igx-calendar-date-special-range-foreground, var(--date-special-foreground));--date-special-range-hover-foreground: var(--igx-calendar-date-special-range-hover-foreground, var(--date-special-hover-foreground));--date-special-range-focus-foreground: var(--igx-calendar-date-special-range-focus-foreground, var(--date-special-range-hover-foreground));--date-special-hover-foreground: var(--igx-calendar-date-special-hover-foreground, lch(from var(--date-special-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--date-special-hover-background: var(--igx-calendar-date-special-hover-background, var(--date-hover-background));--date-special-focus-foreground: var(--igx-calendar-date-special-focus-foreground, var(--ig-primary-600));--date-special-focus-background: var(--igx-calendar-date-special-focus-background, var(--date-focus-background));--date-special-range-hover-background: var(--igx-calendar-date-special-range-hover-background, var(--date-selected-range-hover-background));--date-special-range-focus-background: var(--igx-calendar-date-special-range-focus-background, var(--date-special-focus-background));--date-special-border-color: var(--igx-calendar-date-special-border-color, var(--date-special-foreground));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--date-special-border-color));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--date-special-hover-border-color));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--date-special-border-color));--date-special-range-hover-border-color: var(--igx-calendar-date-special-range-hover-border-color, var(--date-special-range-border-color));--date-special-range-focus-border-color: var(--igx-calendar-date-special-range-focus-border-color, var(--date-special-range-hover-border-color));--date-selected-foreground: var(--igx-calendar-date-selected-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1));--date-selected-background: var(--igx-calendar-date-selected-background, var(--header-background));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, lch(from var(--date-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--date-selected-hover-background));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--date-selected-foreground));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--date-selected-background));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--date-selected-hover-foreground));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--date-selected-hover-background));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--date-selected-special-hover-foreground));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--date-selected-hover-background));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--date-selected-background));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1));--date-selected-current-hover-background: var(--igx-calendar-date-selected-current-hover-background, var(--date-selected-hover-background));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, hsla(from color(from var(--date-selected-current-focus-background) var(--y-contrast)) h 0 l/1));--date-selected-current-focus-background: var(--igx-calendar-date-selected-current-focus-background, var(--date-selected-background));--date-selected-current-border-color: var(--igx-calendar-date-selected-current-border-color, hsl(from var(--date-selected-current-background) h calc(s * 0.9) calc(l * 1.5)));--date-selected-current-hover-border-color: var(--igx-calendar-date-selected-current-hover-border-color, var(--date-selected-current-border-color));--date-selected-current-focus-border-color: var(--igx-calendar-date-selected-current-focus-border-color, var(--date-selected-current-hover-border-color));--date-selected-special-border-color: var(--igx-calendar-date-selected-special-border-color, var(--date-selected-foreground));--date-selected-special-hover-border-color: var(--igx-calendar-date-selected-special-hover-border-color, var(--date-selected-hover-foreground));--date-selected-special-focus-border-color: var(--igx-calendar-date-selected-special-focus-border-color, var(--date-selected-focus-foreground));--date-selected-range-foreground: var(--igx-calendar-date-selected-range-foreground, var(--content-foreground));--date-selected-range-background: var(--igx-calendar-date-selected-range-background, hsla(from var(--date-selected-background) h s l/0.24));--date-selected-range-hover-background: var(--igx-calendar-date-selected-range-hover-background, var(--date-hover-background));--date-selected-range-focus-background: var(--igx-calendar-date-selected-range-focus-background, var(--date-selected-range-hover-background));--date-selected-current-range-background: var(--igx-calendar-date-selected-current-range-background, var(--date-current-background));--date-selected-current-range-hover-background: var(--igx-calendar-date-selected-current-range-hover-background, var(--date-selected-current-range-background));--date-selected-current-range-focus-background: var(--igx-calendar-date-selected-current-range-focus-background, var(--date-selected-current-range-hover-background));--ym-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, hsla(from color(from var(--ym-selected-current-hover-background) var(--y-contrast)) h 0 l/1));--ym-selected-current-hover-background: var(--igx-calendar-ym-selected-current-hover-background, var(--ym-selected-hover-background));--ym-hover-foreground: var(--igx-calendar-ym-hover-foreground, hsla(from color(from var(--ym-hover-background) var(--y-contrast)) h 0 l/1));--ym-hover-background: var(--igx-calendar-ym-hover-background, var(--date-hover-background));--ym-current-foreground: var(--igx-calendar-ym-current-foreground, hsla(from color(from var(--ym-current-background) var(--y-contrast)) h 0 l/1));--ym-current-background: var(--igx-calendar-ym-current-background, var(--date-current-background));--ym-current-hover-foreground: var(--igx-calendar-ym-current-hover-foreground, hsla(from color(from var(--ym-current-hover-background) var(--y-contrast)) h 0 l/1));--ym-current-hover-background: var(--igx-calendar-ym-current-hover-background, var(--date-current-hover-background));--ym-selected-foreground: var(--igx-calendar-ym-selected-foreground, hsla(from color(from var(--ym-selected-background) var(--y-contrast)) h 0 l/1));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--header-background));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, hsla(from color(from var(--ym-selected-hover-background) var(--y-contrast)) h 0 l/1));--ym-selected-hover-background: var(--igx-calendar-ym-selected-hover-background, lch(from var(--ym-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--ym-selected-current-foreground: var(--igx-calendar-ym-selected-current-foreground, hsla(from color(from var(--ym-selected-current-background) var(--y-contrast)) h 0 l/1));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ym-selected-background));--ym-current-outline-color: var(--igx-calendar-ym-current-outline-color, var(--date-current-border-color));--ym-selected-current-outline-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ym-current-outline-color));--ym-selected-current-outline-hover-color: var(--igx-calendar-ym-selected-current-outline-hover-color, var(--ym-current-outline-hover-color));--ym-selected-current-outline-focus-color: var(--igx-calendar-ym-selected-current-outline-focus-color, var(--ym-current-outline-focus-color));--ig-theme: indigo}@utility dark-calendar{--default-size: var(--igx-calendar-default-size, 2);--content-foreground: var(--igx-calendar-content-foreground, hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1));--content-background: var(--igx-calendar-content-background, var(--ig-gray-50));--border-color: var(--igx-calendar-border-color, var(--ig-gray-100));--border-radius: var(--igx-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--igx-calendar-picker-background, var(--content-background));--picker-hover-foreground: var(--igx-calendar-picker-hover-foreground, var(--header-background));--picker-focus-foreground: var(--igx-calendar-picker-focus-foreground, var(--picker-hover-foreground));--navigation-color: var(--igx-calendar-navigation-color, hsla(from color(from var(--picker-background) var(--y-contrast)) h 0 l/1));--navigation-hover-color: var(--igx-calendar-navigation-hover-color, var(--picker-hover-foreground));--navigation-focus-color: var(--igx-calendar-navigation-focus-color, var(--navigation-hover-color));--size: var(--igx-calendar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--igx-calendar-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--igx-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--igx-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-foreground: var(--igx-calendar-week-number-foreground, hsla(from hsla(from color(from var(--week-number-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--week-number-background: var(--igx-calendar-week-number-background, hsla(from var(--content-background) h s calc(l * 0.8)));--inactive-color: var(--igx-calendar-inactive-color, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--weekday-color: var(--igx-calendar-weekday-color, var(--inactive-color));--weekend-color: var(--igx-calendar-weekend-color, var(--content-foreground));--date-hover-foreground: var(--igx-calendar-date-hover-foreground, hsla(from color(from var(--date-hover-background) var(--y-contrast)) h 0 l/1));--date-focus-foreground: var(--igx-calendar-date-focus-foreground, var(--date-hover-foreground));--date-selected-range-hover-foreground: var(--igx-calendar-date-selected-range-hover-foreground, hsla(from color(from hsla(from var(--date-selected-range-hover-background) h s l/1) var(--y-contrast)) h 0 l/1));--date-selected-range-focus-foreground: var(--igx-calendar-date-selected-range-focus-foreground, hsla(from color(from hsla(from var(--date-selected-range-focus-background) h s l/1) var(--y-contrast)) h 0 l/1));--date-selected-current-range-foreground: var(--igx-calendar-date-selected-current-range-foreground, var(--date-current-foreground));--date-selected-current-range-hover-foreground: var(--igx-calendar-date-selected-current-range-hover-foreground, var(--date-current-hover-foreground));--date-selected-current-range-focus-foreground: var(--igx-calendar-date-selected-current-range-focus-foreground, var(--date-selected-current-range-hover-foreground));--date-current-background: var(--igx-calendar-date-current-background, hsla(from var(--header-background) h s l/0.4));--date-current-hover-foreground: var(--igx-calendar-date-current-hover-foreground, var(--date-current-foreground));--date-current-focus-foreground: var(--igx-calendar-date-current-focus-foreground, var(--date-current-foreground));--date-current-focus-background: var(--igx-calendar-date-current-focus-background, var(--date-current-hover-background));--date-special-background: var(--igx-calendar-date-special-background, transparent);--date-special-range-background: var(--igx-calendar-date-special-range-background, transparent);--date-border-color: var(--igx-calendar-date-border-color, transparent);--date-hover-border-color: var(--igx-calendar-date-hover-border-color, transparent);--date-focus-border-color: var(--igx-calendar-date-focus-border-color, transparent);--date-selected-border-color: var(--igx-calendar-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--igx-calendar-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--igx-calendar-date-selected-focus-border-color, transparent);--date-range-border-color: var(--igx-calendar-date-range-border-color, transparent);--date-range-preview-border-color: var(--igx-calendar-date-range-preview-border-color, hsla(from var(--date-selected-background) h s l/0.5));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.3));--date-disabled-range-foreground: var(--igx-calendar-date-disabled-range-foreground, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.3));--ym-current-outline-hover-color: var(--igx-calendar-ym-current-outline-hover-color, var(--ym-current-outline-color));--ym-current-outline-focus-color: var(--igx-calendar-ym-current-outline-focus-color, var(--ym-current-outline-hover-color));--ym-selected-outline-color: var(--igx-calendar-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--igx-calendar-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--igx-calendar-ym-selected-focus-outline-color, transparent);--ym-border-radius: var(--igx-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--picker-foreground: var(--igx-calendar-picker-foreground, hsla(from color(from var(--picker-background) var(--y-contrast)) h 0 l/1));--header-foreground: var(--igx-calendar-header-foreground, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1));--header-background: var(--igx-calendar-header-background, var(--ig-gray-50));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-gray-100));--date-current-border-radius: var(--igx-calendar-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--igx-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--igx-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--igx-calendar-date-hover-background, lch(from var(--content-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--date-focus-background: var(--igx-calendar-date-focus-background, var(--date-hover-background));--date-current-foreground: var(--igx-calendar-date-current-foreground, hsla(from color(from var(--date-current-background) var(--y-contrast)) h 0 l/1));--date-current-hover-background: var(--igx-calendar-date-current-hover-background, lch(from var(--date-current-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--date-current-border-color: var(--igx-calendar-date-current-border-color, hsla(from var(--date-current-background) h s l/0.6));--date-current-hover-border-color: var(--igx-calendar-date-current-hover-border-color, lch(from var(--date-current-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--date-current-focus-border-color: var(--igx-calendar-date-current-focus-border-color, var(--date-current-hover-border-color));--date-special-foreground: var(--igx-calendar-date-special-foreground, var(--header-background));--date-special-range-foreground: var(--igx-calendar-date-special-range-foreground, var(--date-special-foreground));--date-special-range-hover-foreground: var(--igx-calendar-date-special-range-hover-foreground, var(--date-special-hover-foreground));--date-special-range-focus-foreground: var(--igx-calendar-date-special-range-focus-foreground, var(--date-special-range-hover-foreground));--date-special-hover-foreground: var(--igx-calendar-date-special-hover-foreground, lch(from var(--date-special-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--date-special-hover-background: var(--igx-calendar-date-special-hover-background, var(--date-hover-background));--date-special-focus-foreground: var(--igx-calendar-date-special-focus-foreground, var(--ig-primary-50));--date-special-focus-background: var(--igx-calendar-date-special-focus-background, var(--date-focus-background));--date-special-range-hover-background: var(--igx-calendar-date-special-range-hover-background, var(--date-selected-range-hover-background));--date-special-range-focus-background: var(--igx-calendar-date-special-range-focus-background, var(--date-special-focus-background));--date-special-border-color: var(--igx-calendar-date-special-border-color, var(--date-special-foreground));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--date-special-border-color));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--date-special-hover-border-color));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--date-special-border-color));--date-special-range-hover-border-color: var(--igx-calendar-date-special-range-hover-border-color, var(--date-special-range-border-color));--date-special-range-focus-border-color: var(--igx-calendar-date-special-range-focus-border-color, var(--date-special-range-hover-border-color));--date-selected-foreground: var(--igx-calendar-date-selected-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1));--date-selected-background: var(--igx-calendar-date-selected-background, var(--header-background));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, lch(from var(--date-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--date-selected-hover-background));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--date-selected-foreground));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--date-selected-background));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--date-selected-hover-foreground));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--date-selected-hover-background));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--date-selected-special-hover-foreground));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--date-selected-hover-background));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--date-selected-background));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1));--date-selected-current-hover-background: var(--igx-calendar-date-selected-current-hover-background, var(--date-selected-hover-background));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, hsla(from color(from var(--date-selected-current-focus-background) var(--y-contrast)) h 0 l/1));--date-selected-current-focus-background: var(--igx-calendar-date-selected-current-focus-background, var(--date-selected-background));--date-selected-current-border-color: var(--igx-calendar-date-selected-current-border-color, hsl(from var(--date-selected-current-background) h calc(s * 0.9) calc(l * 1.5)));--date-selected-current-hover-border-color: var(--igx-calendar-date-selected-current-hover-border-color, var(--date-selected-current-border-color));--date-selected-current-focus-border-color: var(--igx-calendar-date-selected-current-focus-border-color, var(--date-selected-current-hover-border-color));--date-selected-special-border-color: var(--igx-calendar-date-selected-special-border-color, var(--date-selected-foreground));--date-selected-special-hover-border-color: var(--igx-calendar-date-selected-special-hover-border-color, var(--date-selected-hover-foreground));--date-selected-special-focus-border-color: var(--igx-calendar-date-selected-special-focus-border-color, var(--date-selected-focus-foreground));--date-selected-range-foreground: var(--igx-calendar-date-selected-range-foreground, var(--content-foreground));--date-selected-range-background: var(--igx-calendar-date-selected-range-background, hsla(from var(--date-selected-background) h s l/0.24));--date-selected-range-hover-background: var(--igx-calendar-date-selected-range-hover-background, var(--date-hover-background));--date-selected-range-focus-background: var(--igx-calendar-date-selected-range-focus-background, var(--date-selected-range-hover-background));--date-selected-current-range-background: var(--igx-calendar-date-selected-current-range-background, var(--date-current-background));--date-selected-current-range-hover-background: var(--igx-calendar-date-selected-current-range-hover-background, var(--date-selected-current-range-background));--date-selected-current-range-focus-background: var(--igx-calendar-date-selected-current-range-focus-background, var(--date-selected-current-range-hover-background));--ym-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, hsla(from color(from var(--ym-selected-current-hover-background) var(--y-contrast)) h 0 l/1));--ym-selected-current-hover-background: var(--igx-calendar-ym-selected-current-hover-background, var(--ym-selected-hover-background));--ym-hover-foreground: var(--igx-calendar-ym-hover-foreground, hsla(from color(from var(--ym-hover-background) var(--y-contrast)) h 0 l/1));--ym-hover-background: var(--igx-calendar-ym-hover-background, var(--date-hover-background));--ym-current-foreground: var(--igx-calendar-ym-current-foreground, hsla(from color(from var(--ym-current-background) var(--y-contrast)) h 0 l/1));--ym-current-background: var(--igx-calendar-ym-current-background, var(--date-current-background));--ym-current-hover-foreground: var(--igx-calendar-ym-current-hover-foreground, hsla(from color(from var(--ym-current-hover-background) var(--y-contrast)) h 0 l/1));--ym-current-hover-background: var(--igx-calendar-ym-current-hover-background, var(--date-current-hover-background));--ym-selected-foreground: var(--igx-calendar-ym-selected-foreground, hsla(from color(from var(--ym-selected-background) var(--y-contrast)) h 0 l/1));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--header-background));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, hsla(from color(from var(--ym-selected-hover-background) var(--y-contrast)) h 0 l/1));--ym-selected-hover-background: var(--igx-calendar-ym-selected-hover-background, lch(from var(--ym-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--ym-selected-current-foreground: var(--igx-calendar-ym-selected-current-foreground, hsla(from color(from var(--ym-selected-current-background) var(--y-contrast)) h 0 l/1));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ym-selected-background));--ym-current-outline-color: var(--igx-calendar-ym-current-outline-color, var(--date-current-border-color));--ym-selected-current-outline-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ym-current-outline-color));--ym-selected-current-outline-hover-color: var(--igx-calendar-ym-selected-current-outline-hover-color, var(--ym-current-outline-hover-color));--ym-selected-current-outline-focus-color: var(--igx-calendar-ym-selected-current-outline-focus-color, var(--ym-current-outline-focus-color));--ig-theme: indigo}@utility light-checkbox{--tick-color: var(--igx-checkbox-tick-color, hsla(from color(from var(--fill-color) var(--y-contrast)) h 0 l/1));--tick-width: var(--igx-checkbox-tick-width, 3);--label-color: var(--igx-checkbox-label-color, var(--ig-gray-800));--label-color-hover: var(--igx-checkbox-label-color-hover, var(--ig-gray-900));--empty-fill-color: var(--igx-checkbox-empty-fill-color, transparent);--fill-color: var(--igx-checkbox-fill-color, var(--ig-primary-500));--focus-outline-color-focused: var(--igx-checkbox-focus-outline-color-focused, hsla(from var(--fill-color) h s l/0.5));--focus-outline-color-error: var(--igx-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--igx-checkbox-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-tick-color: var(--igx-checkbox-disabled-tick-color, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-indeterminate-color: var(--igx-checkbox-disabled-indeterminate-color, hsla(from var(--fill-color) h s l/0.5));--disabled-color-label: var(--igx-checkbox-disabled-color-label, hsl(from var(--ig-gray-900) h s l/0.2));--error-color: var(--igx-checkbox-error-color, var(--ig-error-500));--border-radius: var(--igx-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--igx-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--igx-checkbox-focus-outline-color, hsla(from var(--empty-color) h s l/0.5));--focus-border-color: var(--igx-checkbox-focus-border-color, var(--fill-color));--tick-color-hover: var(--igx-checkbox-tick-color-hover, var(--ig-primary-500-contrast));--fill-color-hover: var(--igx-checkbox-fill-color-hover, lch(from var(--fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--empty-color: var(--igx-checkbox-empty-color, var(--ig-gray-500));--empty-color-hover: var(--igx-checkbox-empty-color-hover, lch(from var(--empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--error-color-hover: var(--igx-checkbox-error-color-hover, var(--ig-error-400));--ig-theme: indigo}@utility dark-checkbox{--tick-color: var(--igx-checkbox-tick-color, hsla(from color(from var(--fill-color) var(--y-contrast)) h 0 l/1));--tick-width: var(--igx-checkbox-tick-width, 3);--label-color: var(--igx-checkbox-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--label-color-hover: var(--igx-checkbox-label-color-hover, var(--ig-gray-50-contrast));--empty-fill-color: var(--igx-checkbox-empty-fill-color, transparent);--fill-color: var(--igx-checkbox-fill-color, var(--ig-primary-500));--focus-outline-color-focused: var(--igx-checkbox-focus-outline-color-focused, hsla(from var(--fill-color) h s l/0.5));--focus-outline-color-error: var(--igx-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--igx-checkbox-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-tick-color: var(--igx-checkbox-disabled-tick-color, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-indeterminate-color: var(--igx-checkbox-disabled-indeterminate-color, hsla(from var(--fill-color) h s l/0.5));--disabled-color-label: var(--igx-checkbox-disabled-color-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--error-color: var(--igx-checkbox-error-color, var(--ig-error-400));--border-radius: var(--igx-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--igx-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--igx-checkbox-focus-outline-color, hsla(from var(--empty-color) h s l/0.5));--focus-border-color: var(--igx-checkbox-focus-border-color, var(--fill-color));--tick-color-hover: var(--igx-checkbox-tick-color-hover, var(--ig-primary-500-contrast));--fill-color-hover: var(--igx-checkbox-fill-color-hover, lch(from var(--fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--empty-color: var(--igx-checkbox-empty-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--empty-color-hover: var(--igx-checkbox-empty-color-hover, lch(from var(--empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--error-color-hover: var(--igx-checkbox-error-color-hover, var(--ig-error-300));--ig-theme: indigo}@utility light-combo{--toggle-button-background-focus--border: var(--igx-combo-toggle-button-background-focus--border, var(--toggle-button-background));--case-icon-color: var(--igx-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--igx-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--igx-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--igx-combo-search-separator-border-color, transparent);--empty-list-placeholder-color: var(--igx-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--igx-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--igx-combo-toggle-button-background-focus, var(--toggle-button-background));--toggle-button-foreground: var(--igx-combo-toggle-button-foreground, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1));--toggle-button-foreground-focus: var(--igx-combo-toggle-button-foreground-focus, hsla(from color(from var(--toggle-button-background-focus) var(--y-contrast)) h 0 l/1));--toggle-button-foreground-filled: var(--igx-combo-toggle-button-foreground-filled, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1));--clear-button-background: var(--igx-combo-clear-button-background, transparent);--clear-button-foreground: var(--igx-combo-clear-button-foreground, var(--ig-gray-600));--clear-button-foreground-focus: var(--igx-combo-clear-button-foreground-focus, var(--ig-gray-600));--toggle-button-background-disabled: var(--igx-combo-toggle-button-background-disabled, hsla(from var(--toggle-button-background) h s l/0.3));--toggle-button-foreground-disabled: var(--igx-combo-toggle-button-foreground-disabled, hsla(from hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1) h s l/0.7));--default-size: var(--igx-combo-default-size, 2);--clear-button-background-focus: var(--igx-combo-clear-button-background-focus, transparent);--ig-theme: indigo}@utility dark-combo{--toggle-button-background-focus--border: var(--igx-combo-toggle-button-background-focus--border, var(--toggle-button-background));--case-icon-color: var(--igx-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--igx-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--igx-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--igx-combo-search-separator-border-color, transparent);--empty-list-placeholder-color: var(--igx-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--igx-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--igx-combo-toggle-button-background-focus, var(--toggle-button-background));--toggle-button-foreground: var(--igx-combo-toggle-button-foreground, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1));--toggle-button-foreground-focus: var(--igx-combo-toggle-button-foreground-focus, hsla(from color(from var(--toggle-button-background-focus) var(--y-contrast)) h 0 l/1));--toggle-button-foreground-filled: var(--igx-combo-toggle-button-foreground-filled, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1));--clear-button-background: var(--igx-combo-clear-button-background, transparent);--clear-button-foreground: var(--igx-combo-clear-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--clear-button-foreground-focus: var(--igx-combo-clear-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-background-disabled: var(--igx-combo-toggle-button-background-disabled, hsla(from var(--toggle-button-background) h s l/0.3));--toggle-button-foreground-disabled: var(--igx-combo-toggle-button-foreground-disabled, hsla(from hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1) h s l/0.7));--default-size: var(--igx-combo-default-size, 2);--clear-button-background-focus: var(--igx-combo-clear-button-background-focus, transparent);--ig-theme: indigo}@utility light-expansion-panel{--header-background: var(--igx-expansion-panel-header-background, transparent);--body-background: var(--igx-expansion-panel-body-background, transparent);--header-focus-background: var(--igx-expansion-panel-header-focus-background, lch(from var(--header-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--header-title-color: var(--igx-expansion-panel-header-title-color, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1));--header-description-color: var(--igx-expansion-panel-header-description-color, hsla(from hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1) h s l/0.8));--header-icon-color: var(--igx-expansion-panel-header-icon-color, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1));--body-color: var(--igx-expansion-panel-body-color, hsla(from color(from var(--body-background) var(--y-contrast)) h 0 l/1));--disabled-text-color: var(--igx-expansion-panel-disabled-text-color, hsla(from hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--disabled-description-color: var(--igx-expansion-panel-disabled-description-color, hsla(from hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--expanded-margin: var(--igx-expansion-panel-expanded-margin, 0.5rem);--border-radius: var(--igx-expansion-panel-border-radius, 0rem, 0rem, 1rem);--ig-theme: indigo}@utility dark-expansion-panel{--header-background: var(--igx-expansion-panel-header-background, transparent);--body-background: var(--igx-expansion-panel-body-background, transparent);--header-focus-background: var(--igx-expansion-panel-header-focus-background, lch(from var(--header-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--header-title-color: var(--igx-expansion-panel-header-title-color, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1));--header-description-color: var(--igx-expansion-panel-header-description-color, hsla(from hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1) h s l/0.8));--header-icon-color: var(--igx-expansion-panel-header-icon-color, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1));--body-color: var(--igx-expansion-panel-body-color, hsla(from color(from var(--body-background) var(--y-contrast)) h 0 l/1));--disabled-text-color: var(--igx-expansion-panel-disabled-text-color, hsla(from hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--disabled-description-color: var(--igx-expansion-panel-disabled-description-color, hsla(from hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--expanded-margin: var(--igx-expansion-panel-expanded-margin, 0.5rem);--border-radius: var(--igx-expansion-panel-border-radius, 0rem, 0rem, 1rem);--ig-theme: indigo}@utility light-grid{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-elevation-0));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-elevation-5));--grouparea-color: var(--igx-grid-grouparea-color, var(--ig-gray-500));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-surface-500));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-gray-600));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-gray-600));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-gray-200));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-gray-200));--header-background: var(--igx-grid-header-background, var(--ig-surface-500));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-primary-400));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-primary-500));--header-border-width: var(--igx-grid-header-border-width, 1px);--header-border-style: var(--igx-grid-header-border-style, solid);--header-border-color: var(--igx-grid-header-border-color, var(--ig-gray-400));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-gray-50));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-gray-700));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-gray-600));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-gray-700));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-gray-700));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-gray-800));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-900));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--grid-border-color: var(--igx-grid-grid-border-color, transparent);--content-background: var(--igx-grid-content-background, var(--ig-surface-500));--content-text-color: var(--igx-grid-content-text-color, hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1));--row-odd-background: var(--igx-grid-row-odd-background, hsl(from var(--content-background) h calc(s - 10) l));--row-even-background: var(--igx-grid-row-even-background, hsl(from var(--content-background) h calc(s + 10) l));--row-odd-text-color: var(--igx-grid-row-odd-text-color, hsla(from color(from var(--row-odd-background) var(--y-contrast)) h 0 l/1));--row-even-text-color: var(--igx-grid-row-even-text-color, hsla(from color(from var(--row-even-background) var(--y-contrast)) h 0 l/1));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400));--row-selected-text-color: var(--igx-grid-row-selected-text-color, hsla(from color(from var(--row-selected-background) var(--y-contrast)) h 0 l/1));--row-hover-background: var(--igx-grid-row-hover-background, lch(from var(--content-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--row-hover-text-color: var(--igx-grid-row-hover-text-color, hsla(from color(from var(--row-hover-background) var(--y-contrast)) h 0 l/1));--row-border-color: var(--igx-grid-row-border-color, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.08));--row-drag-color: var(--igx-grid-row-drag-color, hsl(from var(--ig-gray-800) h s l/0.75));--pinned-border-width: var(--igx-grid-pinned-border-width, 2px);--pinned-border-style: var(--igx-grid-pinned-border-style, solid);--pinned-border-color: var(--igx-grid-pinned-border-color, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.08));--cell-active-border-color: var(--igx-grid-cell-active-border-color, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--cell-selected-background: var(--igx-grid-cell-selected-background, lch(from var(--content-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-primary-500));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, hsla(from color(from var(--cell-selected-background) var(--y-contrast)) h 0 l/1));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--content-background));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, hsla(from color(from var(--cell-editing-background) var(--y-contrast)) h 0 l/1));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, hsla(from color(from var(--cell-editing-background) var(--y-contrast)) h 0 l/1));--edit-mode-color: var(--igx-grid-edit-mode-color, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-primary-400));--cell-new-color: var(--igx-grid-cell-new-color, inherit);--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-gray-900));--cell-disabled-color: var(--igx-grid-cell-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-primary-400));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-primary-400));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-gray-700));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-gray-600));--group-label-text: var(--igx-grid-group-label-text, var(--ig-gray-900));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-gray-600));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-gray-800));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-gray-600));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-gray-700));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-gray-600));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-primary-500));--group-count-background: var(--igx-grid-group-count-background, var(--ig-primary-400));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-primary-900-contrast));--group-row-background: var(--igx-grid-group-row-background, var(--ig-surface-500));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-gray-100));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-gray-200));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-gray-900));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-surface-500));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-gray-800));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-gray-500));--row-highlight: var(--igx-grid-row-highlight, var(--ig-primary-400));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-gray-200));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--header-size: var(--igx-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--drop-area-size: var(--igx-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--group-area-size: var(--igx-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-surface-500));--header-text-color: var(--igx-grid-header-text-color, var(--ig-gray-800));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-primary-50));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-gray-900));--row-selected-background: var(--igx-grid-row-selected-background, lch(from var(--content-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, lch(from var(--row-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, hsla(from color(from var(--cell-selected-within-background) var(--y-contrast)) h 0 l/1));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, lch(from var(--row-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, hsla(from color(from var(--row-selected-hover-background) var(--y-contrast)) h 0 l/1));--ig-theme: indigo}@utility dark-grid{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-elevation-0));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-elevation-5));--grouparea-color: var(--igx-grid-grouparea-color, var(--ig-gray-500));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-surface-500));--drop-area-text-color: var(--igx-grid-drop-area-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-gray-100));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-gray-100));--header-background: var(--igx-grid-header-background, var(--ig-surface-500));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-primary-400));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-primary-500));--header-border-width: var(--igx-grid-header-border-width, 1px);--header-border-style: var(--igx-grid-header-border-style, solid);--header-border-color: var(--igx-grid-header-border-color, var(--ig-gray-200));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-gray-50));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-gray-700));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-gray-600));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-gray-700));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-gray-700));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-50-contrast));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--grid-border-color: var(--igx-grid-grid-border-color, transparent);--content-background: var(--igx-grid-content-background, var(--ig-surface-500));--content-text-color: var(--igx-grid-content-text-color, hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1));--row-odd-background: var(--igx-grid-row-odd-background, hsl(from var(--content-background) h calc(s - 10) l));--row-even-background: var(--igx-grid-row-even-background, hsl(from var(--content-background) h calc(s + 10) l));--row-odd-text-color: var(--igx-grid-row-odd-text-color, hsla(from color(from var(--row-odd-background) var(--y-contrast)) h 0 l/1));--row-even-text-color: var(--igx-grid-row-even-text-color, hsla(from color(from var(--row-even-background) var(--y-contrast)) h 0 l/1));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400));--row-selected-text-color: var(--igx-grid-row-selected-text-color, hsla(from color(from var(--row-selected-background) var(--y-contrast)) h 0 l/1));--row-hover-background: var(--igx-grid-row-hover-background, lch(from var(--content-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--row-hover-text-color: var(--igx-grid-row-hover-text-color, hsla(from color(from var(--row-hover-background) var(--y-contrast)) h 0 l/1));--row-border-color: var(--igx-grid-row-border-color, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.08));--row-drag-color: var(--igx-grid-row-drag-color, hsl(from var(--ig-gray-800) h s l/0.75));--pinned-border-width: var(--igx-grid-pinned-border-width, 2px);--pinned-border-style: var(--igx-grid-pinned-border-style, solid);--pinned-border-color: var(--igx-grid-pinned-border-color, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.08));--cell-active-border-color: var(--igx-grid-cell-active-border-color, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--cell-selected-background: var(--igx-grid-cell-selected-background, lch(from var(--content-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-primary-500));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, hsla(from color(from var(--cell-selected-background) var(--y-contrast)) h 0 l/1));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--content-background));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, hsla(from color(from var(--cell-editing-background) var(--y-contrast)) h 0 l/1));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, hsla(from color(from var(--cell-editing-background) var(--y-contrast)) h 0 l/1));--edit-mode-color: var(--igx-grid-edit-mode-color, hsla(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-primary-400));--cell-new-color: var(--igx-grid-cell-new-color, inherit);--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-gray-50-contrast));--cell-disabled-color: var(--igx-grid-cell-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-primary-400));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-primary-400));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-gray 50-0.8-contrast));--group-label-icon: var(--igx-grid-group-label-icon, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--group-label-text: var(--igx-grid-group-label-text, var(--ig-gray-50-contrast));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-gray-600));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-gray-800));--expand-icon-color: var(--igx-grid-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-gray-50-contrast));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-primary-500));--group-count-background: var(--igx-grid-group-count-background, var(--ig-primary-400));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-primary-900-contrast));--group-row-background: var(--igx-grid-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-gray-100));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-gray-100));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-gray-50-contrast));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-surface-500));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-gray-800));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-gray-500));--row-highlight: var(--igx-grid-row-highlight, var(--ig-primary-400));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-gray-100));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--header-size: var(--igx-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--drop-area-size: var(--igx-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--group-area-size: var(--igx-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-surface-500));--header-text-color: var(--igx-grid-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-primary-900));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-gray-50-contrast));--row-selected-background: var(--igx-grid-row-selected-background, lch(from var(--content-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, lch(from var(--row-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, hsla(from color(from var(--cell-selected-within-background) var(--y-contrast)) h 0 l/1));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, lch(from var(--row-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, hsla(from color(from var(--row-selected-hover-background) var(--y-contrast)) h 0 l/1));--ig-theme: indigo}@utility light-icon{--color: var(--igx-icon-color, 'currentColor');--disabled-color: var(--igx-icon-disabled-color, var(--ig-gray-400));--size: var(--igx-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--igx-icon-default-size, 3);--ig-theme: indigo}@utility dark-icon{--color: var(--igx-icon-color, 'currentColor');--disabled-color: var(--igx-icon-disabled-color, var(--ig-gray-400));--size: var(--igx-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--igx-icon-default-size, 3);--ig-theme: indigo}@utility light-flat-icon-button{--shadow-color: var(--igx-flat-icon-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--background: var(--igx-flat-icon-button-background, transparent);--foreground: var(--igx-flat-icon-button-foreground, var(--ig-gray-600));--hover-background: var(--igx-flat-icon-button-hover-background, hsla(from var(--foreground) h s l/0.15));--hover-foreground: var(--igx-flat-icon-button-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-background: var(--igx-flat-icon-button-focus-background, hsla(from var(--foreground) h s l/0.15));--focus-foreground: var(--igx-flat-icon-button-focus-foreground, var(--foreground));--focus-hover-background: var(--igx-flat-icon-button-focus-hover-background, hsla(from var(--foreground) h s l/0.15));--focus-hover-foreground: var(--igx-flat-icon-button-focus-hover-foreground, var(--hover-foreground));--active-background: var(--igx-flat-icon-button-active-background, hsla(from var(--foreground) h s l/0.15));--active-foreground: var(--igx-flat-icon-button-active-foreground, var(--hover-foreground));--border-color: var(--igx-flat-icon-button-border-color, transparent);--focus-border-color: var(--igx-flat-icon-button-focus-border-color, hsla(from var(--foreground) h s l/0.3));--disabled-background: var(--igx-flat-icon-button-disabled-background, transparent);--disabled-foreground: var(--igx-flat-icon-button-disabled-foreground, hsla(from var(--foreground) h s l/0.5));--disabled-border-color: var(--igx-flat-icon-button-disabled-border-color, transparent);--border-radius: var(--igx-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--igx-flat-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-flat-icon-button-default-size, 2);--ig-theme: indigo}@utility dark-flat-icon-button{--shadow-color: var(--igx-flat-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--igx-flat-icon-button-background, transparent);--foreground: var(--igx-flat-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--igx-flat-icon-button-hover-background, hsla(from var(--foreground) h s l/0.15));--hover-foreground: var(--igx-flat-icon-button-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-background: var(--igx-flat-icon-button-focus-background, hsla(from var(--foreground) h s l/0.15));--focus-foreground: var(--igx-flat-icon-button-focus-foreground, var(--foreground));--focus-hover-background: var(--igx-flat-icon-button-focus-hover-background, hsla(from var(--foreground) h s l/0.15));--focus-hover-foreground: var(--igx-flat-icon-button-focus-hover-foreground, var(--hover-foreground));--active-background: var(--igx-flat-icon-button-active-background, hsla(from var(--foreground) h s l/0.15));--active-foreground: var(--igx-flat-icon-button-active-foreground, var(--hover-foreground));--border-color: var(--igx-flat-icon-button-border-color, transparent);--focus-border-color: var(--igx-flat-icon-button-focus-border-color, hsla(from var(--foreground) h s l/0.3));--disabled-background: var(--igx-flat-icon-button-disabled-background, transparent);--disabled-foreground: var(--igx-flat-icon-button-disabled-foreground, hsla(from var(--foreground) h s l/0.5));--disabled-border-color: var(--igx-flat-icon-button-disabled-border-color, transparent);--border-radius: var(--igx-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--igx-flat-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-flat-icon-button-default-size, 2);--ig-theme: indigo}@utility light-contained-icon-button{--shadow-color: var(--igx-contained-icon-button-shadow-color, hsla(from var(--focus-background) h s l/0.5));--background: var(--igx-contained-icon-button-background, var(--ig-primary-500));--foreground: var(--igx-contained-icon-button-foreground, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.8));--hover-background: var(--igx-contained-icon-button-hover-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--hover-foreground: var(--igx-contained-icon-button-hover-foreground, hsla(from color(from var(--hover-background) var(--y-contrast)) h 0 l/1));--focus-background: var(--igx-contained-icon-button-focus-background, var(--background));--focus-foreground: var(--igx-contained-icon-button-focus-foreground, var(--foreground));--focus-hover-background: var(--igx-contained-icon-button-focus-hover-background, lch(from var(--focus-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-hover-foreground: var(--igx-contained-icon-button-focus-hover-foreground, hsla(from color(from var(--focus-hover-background) var(--y-contrast)) h 0 l/1));--active-background: var(--igx-contained-icon-button-active-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--active-foreground: var(--igx-contained-icon-button-active-foreground, hsla(from color(from var(--active-background) var(--y-contrast)) h 0 l/1));--border-color: var(--igx-contained-icon-button-border-color, transparent);--focus-border-color: var(--igx-contained-icon-button-focus-border-color, hsla(from var(--focus-background) h s l/0.3));--disabled-background: var(--igx-contained-icon-button-disabled-background, hsla(from var(--background) h s l/0.4));--disabled-foreground: var(--igx-contained-icon-button-disabled-foreground, hsla(from var(--foreground) h s l/0.5));--disabled-border-color: var(--igx-contained-icon-button-disabled-border-color, transparent);--border-radius: var(--igx-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--igx-contained-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-contained-icon-button-default-size, 2);--ig-theme: indigo}@utility dark-contained-icon-button{--shadow-color: var(--igx-contained-icon-button-shadow-color, hsla(from var(--focus-background) h s l/0.5));--background: var(--igx-contained-icon-button-background, var(--ig-primary-500));--foreground: var(--igx-contained-icon-button-foreground, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.8));--hover-background: var(--igx-contained-icon-button-hover-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--hover-foreground: var(--igx-contained-icon-button-hover-foreground, hsla(from color(from var(--hover-background) var(--y-contrast)) h 0 l/1));--focus-background: var(--igx-contained-icon-button-focus-background, var(--background));--focus-foreground: var(--igx-contained-icon-button-focus-foreground, var(--foreground));--focus-hover-background: var(--igx-contained-icon-button-focus-hover-background, lch(from var(--focus-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-hover-foreground: var(--igx-contained-icon-button-focus-hover-foreground, hsla(from color(from var(--focus-hover-background) var(--y-contrast)) h 0 l/1));--active-background: var(--igx-contained-icon-button-active-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--active-foreground: var(--igx-contained-icon-button-active-foreground, hsla(from color(from var(--active-background) var(--y-contrast)) h 0 l/1));--border-color: var(--igx-contained-icon-button-border-color, transparent);--focus-border-color: var(--igx-contained-icon-button-focus-border-color, hsla(from var(--focus-background) h s l/0.3));--disabled-background: var(--igx-contained-icon-button-disabled-background, hsla(from var(--background) h s l/0.4));--disabled-foreground: var(--igx-contained-icon-button-disabled-foreground, hsla(from var(--foreground) h s l/0.5));--disabled-border-color: var(--igx-contained-icon-button-disabled-border-color, transparent);--border-radius: var(--igx-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--igx-contained-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-contained-icon-button-default-size, 2);--ig-theme: indigo}@utility light-outlined-icon-button{--shadow-color: var(--igx-outlined-icon-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--background: var(--igx-outlined-icon-button-background, transparent);--foreground: var(--igx-outlined-icon-button-foreground, var(--ig-gray-600));--hover-background: var(--igx-outlined-icon-button-hover-background, hsla(from var(--foreground) h s l/0.1));--hover-foreground: var(--igx-outlined-icon-button-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-background: var(--igx-outlined-icon-button-focus-background, transparent);--focus-foreground: var(--igx-outlined-icon-button-focus-foreground, var(--foreground));--focus-hover-background: var(--igx-outlined-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--igx-outlined-icon-button-focus-hover-foreground, var(--hover-foreground));--active-background: var(--igx-outlined-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--igx-outlined-icon-button-active-foreground, var(--hover-foreground));--border-color: var(--igx-outlined-icon-button-border-color, hsla(from var(--foreground) h s l/0.8));--focus-border-color: var(--igx-outlined-icon-button-focus-border-color, hsla(from var(--foreground) h s l/0.2));--disabled-background: var(--igx-outlined-icon-button-disabled-background, transparent);--disabled-foreground: var(--igx-outlined-icon-button-disabled-foreground, hsla(from var(--foreground) h s l/0.5));--disabled-border-color: var(--igx-outlined-icon-button-disabled-border-color, hsla(from var(--border-color) h s l/0.2));--border-radius: var(--igx-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--igx-outlined-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-outlined-icon-button-default-size, 2);--ig-theme: indigo}@utility dark-outlined-icon-button{--shadow-color: var(--igx-outlined-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--igx-outlined-icon-button-background, transparent);--foreground: var(--igx-outlined-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--igx-outlined-icon-button-hover-background, hsla(from var(--foreground) h s l/0.1));--hover-foreground: var(--igx-outlined-icon-button-hover-foreground, lch(from var(--foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-background: var(--igx-outlined-icon-button-focus-background, transparent);--focus-foreground: var(--igx-outlined-icon-button-focus-foreground, var(--foreground));--focus-hover-background: var(--igx-outlined-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--igx-outlined-icon-button-focus-hover-foreground, var(--hover-foreground));--active-background: var(--igx-outlined-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--igx-outlined-icon-button-active-foreground, var(--hover-foreground));--border-color: var(--igx-outlined-icon-button-border-color, hsla(from var(--foreground) h s l/0.8));--focus-border-color: var(--igx-outlined-icon-button-focus-border-color, hsla(from var(--foreground) h s l/0.2));--disabled-background: var(--igx-outlined-icon-button-disabled-background, transparent);--disabled-foreground: var(--igx-outlined-icon-button-disabled-foreground, hsla(from var(--foreground) h s l/0.5));--disabled-border-color: var(--igx-outlined-icon-button-disabled-border-color, hsla(from var(--border-color) h s l/0.2));--border-radius: var(--igx-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--igx-outlined-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-outlined-icon-button-default-size, 2);--ig-theme: indigo}@utility light-input-group{--helper-text-color: var(--igx-input-group-helper-text-color, var(--ig-gray-700));--text-error-color: var(--igx-input-group-text-error-color, var(--ig-gray-700));--icon-error-color: var(--igx-input-group-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--igx-input-group-input-prefix-background, transparent);--input-prefix-color: var(--igx-input-group-input-prefix-color, hsla(from hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1) h s l/0.9));--input-prefix-background--filled: var(--igx-input-group-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--igx-input-group-input-prefix-color--filled, var(--input-prefix-color));--input-prefix-background--focused: var(--igx-input-group-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--igx-input-group-input-prefix-color--focused, var(--input-prefix-color--filled));--input-suffix-background: var(--igx-input-group-input-suffix-background, transparent);--input-suffix-color: var(--igx-input-group-input-suffix-color, hsla(from hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1) h s l/0.9));--input-suffix-background--filled: var(--igx-input-group-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--igx-input-group-input-suffix-color--filled, var(--input-suffix-color));--input-suffix-background--focused: var(--igx-input-group-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--igx-input-group-input-suffix-color--focused, var(--input-suffix-color--filled));--idle-text-color: var(--igx-input-group-idle-text-color, hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1));--filled-text-color: var(--igx-input-group-filled-text-color, hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1));--filled-text-hover-color: var(--igx-input-group-filled-text-hover-color, hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1));--focused-text-color: var(--igx-input-group-focused-text-color, hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1));--disabled-text-color: var(--igx-input-group-disabled-text-color, hsla(from var(--idle-text-color) h s l/0.7));--idle-secondary-color: var(--igx-input-group-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--igx-input-group-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--igx-input-group-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--igx-input-group-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--igx-input-group-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--igx-input-group-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--igx-input-group-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--igx-input-group-disabled-border-color, var(--ig-gray-300));--border-color: var(--igx-input-group-border-color, var(--ig-gray-400));--hover-border-color: var(--igx-input-group-hover-border-color, lch(from var(--border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--focused-border-color: var(--igx-input-group-focused-border-color, var(--hover-border-color));--border-background: var(--igx-input-group-border-background, transparent);--border-disabled-background: var(--igx-input-group-border-disabled-background, transparent);--search-background: var(--igx-input-group-search-background, transparent);--search-disabled-background: var(--igx-input-group-search-disabled-background, var(--search-background));--success-secondary-color: var(--igx-input-group-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--igx-input-group-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--igx-input-group-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--igx-input-group-placeholder-color, hsla(from hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1) h s l/0.9));--hover-placeholder-color: var(--igx-input-group-hover-placeholder-color, var(--placeholder-color));--disabled-placeholder-color: var(--igx-input-group-disabled-placeholder-color, hsla(from var(--placeholder-color) h s l/0.7));--box-background: var(--igx-input-group-box-background, transparent);--box-background-hover: var(--igx-input-group-box-background-hover, var(--search-background));--box-background-focus: var(--igx-input-group-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--igx-input-group-box-disabled-background, transparent);--box-border-radius: var(--igx-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--igx-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--igx-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--igx-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--igx-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--igx-input-group-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-input-group-default-size, 2);--search-resting-elevation: var(--igx-input-group-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--igx-input-group-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--igx-input-group-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}@utility dark-input-group{--helper-text-color: var(--igx-input-group-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--text-error-color: var(--igx-input-group-text-error-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--icon-error-color: var(--igx-input-group-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--igx-input-group-input-prefix-background, transparent);--input-prefix-color: var(--igx-input-group-input-prefix-color, hsla(from hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1) h s l/0.9));--input-prefix-background--filled: var(--igx-input-group-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--igx-input-group-input-prefix-color--filled, var(--input-prefix-color));--input-prefix-background--focused: var(--igx-input-group-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--igx-input-group-input-prefix-color--focused, var(--input-prefix-color--filled));--input-suffix-background: var(--igx-input-group-input-suffix-background, transparent);--input-suffix-color: var(--igx-input-group-input-suffix-color, hsla(from hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1) h s l/0.9));--input-suffix-background--filled: var(--igx-input-group-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--igx-input-group-input-suffix-color--filled, var(--input-suffix-color));--input-suffix-background--focused: var(--igx-input-group-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--igx-input-group-input-suffix-color--focused, var(--input-suffix-color--filled));--idle-text-color: var(--igx-input-group-idle-text-color, hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1));--filled-text-color: var(--igx-input-group-filled-text-color, hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1));--filled-text-hover-color: var(--igx-input-group-filled-text-hover-color, hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1));--focused-text-color: var(--igx-input-group-focused-text-color, hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1));--disabled-text-color: var(--igx-input-group-disabled-text-color, hsla(from var(--idle-text-color) h s l/0.7));--idle-secondary-color: var(--igx-input-group-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--igx-input-group-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--igx-input-group-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--igx-input-group-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--igx-input-group-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--igx-input-group-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--igx-input-group-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--igx-input-group-disabled-border-color, var(--ig-gray-300));--border-color: var(--igx-input-group-border-color, var(--ig-gray-400));--hover-border-color: var(--igx-input-group-hover-border-color, lch(from var(--border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--focused-border-color: var(--igx-input-group-focused-border-color, var(--hover-border-color));--border-background: var(--igx-input-group-border-background, transparent);--border-disabled-background: var(--igx-input-group-border-disabled-background, transparent);--search-background: var(--igx-input-group-search-background, transparent);--search-disabled-background: var(--igx-input-group-search-disabled-background, var(--search-background));--success-secondary-color: var(--igx-input-group-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--igx-input-group-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--igx-input-group-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--igx-input-group-placeholder-color, hsla(from hsla(from color(from var(--search-background) var(--y-contrast)) h 0 l/1) h s l/0.9));--hover-placeholder-color: var(--igx-input-group-hover-placeholder-color, var(--placeholder-color));--disabled-placeholder-color: var(--igx-input-group-disabled-placeholder-color, hsla(from var(--placeholder-color) h s l/0.7));--box-background: var(--igx-input-group-box-background, transparent);--box-background-hover: var(--igx-input-group-box-background-hover, var(--search-background));--box-background-focus: var(--igx-input-group-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--igx-input-group-box-disabled-background, transparent);--box-border-radius: var(--igx-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--igx-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--igx-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--igx-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--igx-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--igx-input-group-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-input-group-default-size, 2);--search-resting-elevation: var(--igx-input-group-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--igx-input-group-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--igx-input-group-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}@utility light-list{--background: var(--igx-list-background, transparent);--header-background: var(--igx-list-header-background, var(--background));--header-text-color: var(--igx-list-header-text-color, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1));--item-background: var(--igx-list-item-background, transparent);--item-background-hover: var(--igx-list-item-background-hover, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-background-active: var(--igx-list-item-background-active, var(--item-background-hover));--item-background-selected: var(--igx-list-item-background-selected, var(--item-background-active));--item-text-color: var(--igx-list-item-text-color, hsla(from color(from var(--item-background) var(--y-contrast)) h 0 l/1));--item-text-color-hover: var(--igx-list-item-text-color-hover, hsla(from color(from var(--item-background-hover) var(--y-contrast)) h 0 l/1));--item-text-color-active: var(--igx-list-item-text-color-active, hsla(from color(from var(--item-background-active) var(--y-contrast)) h 0 l/1));--item-text-color-selected: var(--igx-list-item-text-color-selected, hsla(from color(from var(--item-background-selected) var(--y-contrast)) h 0 l/1));--item-title-color: var(--igx-list-item-title-color, var(--item-text-color));--item-title-color-hover: var(--igx-list-item-title-color-hover, var(--item-text-color-hover));--item-title-color-active: var(--igx-list-item-title-color-active, var(--item-text-color-active));--item-title-color-selected: var(--igx-list-item-title-color-selected, var(--item-text-color-selected));--item-action-color: var(--igx-list-item-action-color, var(--item-text-color));--item-action-color-hover: var(--igx-list-item-action-color-hover, var(--item-text-color-hover));--item-action-color-active: var(--igx-list-item-action-color-active, var(--item-text-color-active));--item-action-color-selected: var(--igx-list-item-action-color-selected, var(--item-text-color-selected));--item-subtitle-color: var(--igx-list-item-subtitle-color, hsla(from var(--item-text-color) h s l/0.74));--item-subtitle-color-hover: var(--igx-list-item-subtitle-color-hover, hsla(from var(--item-text-color-hover) h s l/0.74));--item-subtitle-color-active: var(--igx-list-item-subtitle-color-active, hsla(from var(--item-text-color-active) h s l/0.74));--item-subtitle-color-selected: var(--igx-list-item-subtitle-color-selected, hsla(from var(--item-text-color-selected) h s l/0.74));--item-thumbnail-color: var(--igx-list-item-thumbnail-color, var(--item-text-color));--item-thumbnail-color-hover: var(--igx-list-item-thumbnail-color-hover, var(--item-text-color-hover));--item-thumbnail-color-active: var(--igx-list-item-thumbnail-color-active, var(--item-text-color-active));--item-thumbnail-color-selected: var(--igx-list-item-thumbnail-color-selected, var(--item-text-color-selected));--border-color: var(--igx-list-border-color, transparent);--border-width: var(--igx-list-border-width, 0);--border-radius: var(--igx-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--igx-list-item-border-radius, 0.25rem);--default-size: var(--igx-list-default-size, 2);--ig-theme: indigo}@utility dark-list{--background: var(--igx-list-background, transparent);--header-background: var(--igx-list-header-background, var(--background));--header-text-color: var(--igx-list-header-text-color, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1));--item-background: var(--igx-list-item-background, transparent);--item-background-hover: var(--igx-list-item-background-hover, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-background-active: var(--igx-list-item-background-active, var(--item-background-hover));--item-background-selected: var(--igx-list-item-background-selected, var(--item-background-active));--item-text-color: var(--igx-list-item-text-color, hsla(from color(from var(--item-background) var(--y-contrast)) h 0 l/1));--item-text-color-hover: var(--igx-list-item-text-color-hover, hsla(from color(from var(--item-background-hover) var(--y-contrast)) h 0 l/1));--item-text-color-active: var(--igx-list-item-text-color-active, hsla(from color(from var(--item-background-active) var(--y-contrast)) h 0 l/1));--item-text-color-selected: var(--igx-list-item-text-color-selected, hsla(from color(from var(--item-background-selected) var(--y-contrast)) h 0 l/1));--item-title-color: var(--igx-list-item-title-color, var(--item-text-color));--item-title-color-hover: var(--igx-list-item-title-color-hover, var(--item-text-color-hover));--item-title-color-active: var(--igx-list-item-title-color-active, var(--item-text-color-active));--item-title-color-selected: var(--igx-list-item-title-color-selected, var(--item-text-color-selected));--item-action-color: var(--igx-list-item-action-color, var(--item-text-color));--item-action-color-hover: var(--igx-list-item-action-color-hover, var(--item-text-color-hover));--item-action-color-active: var(--igx-list-item-action-color-active, var(--item-text-color-active));--item-action-color-selected: var(--igx-list-item-action-color-selected, var(--item-text-color-selected));--item-subtitle-color: var(--igx-list-item-subtitle-color, hsla(from var(--item-text-color) h s l/0.74));--item-subtitle-color-hover: var(--igx-list-item-subtitle-color-hover, hsla(from var(--item-text-color-hover) h s l/0.74));--item-subtitle-color-active: var(--igx-list-item-subtitle-color-active, hsla(from var(--item-text-color-active) h s l/0.74));--item-subtitle-color-selected: var(--igx-list-item-subtitle-color-selected, hsla(from var(--item-text-color-selected) h s l/0.74));--item-thumbnail-color: var(--igx-list-item-thumbnail-color, var(--item-text-color));--item-thumbnail-color-hover: var(--igx-list-item-thumbnail-color-hover, var(--item-text-color-hover));--item-thumbnail-color-active: var(--igx-list-item-thumbnail-color-active, var(--item-text-color-active));--item-thumbnail-color-selected: var(--igx-list-item-thumbnail-color-selected, var(--item-text-color-selected));--border-color: var(--igx-list-border-color, transparent);--border-width: var(--igx-list-border-width, 0);--border-radius: var(--igx-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--igx-list-item-border-radius, 0.25rem);--default-size: var(--igx-list-default-size, 2);--ig-theme: indigo}@utility light-navbar{--elevation: var(--igx-navbar-elevation, var(--ig-elevation-0));--background: var(--igx-navbar-background, var(--ig-surface-500));--text-color: var(--igx-navbar-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--idle-icon-color: var(--igx-navbar-idle-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--hover-icon-color: var(--igx-navbar-hover-icon-color, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.7));--border-color: var(--igx-navbar-border-color, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.3));--ig-theme: indigo}@utility dark-navbar{--elevation: var(--igx-navbar-elevation, var(--ig-elevation-0));--background: var(--igx-navbar-background, var(--ig-surface-500));--text-color: var(--igx-navbar-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--idle-icon-color: var(--igx-navbar-idle-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--hover-icon-color: var(--igx-navbar-hover-icon-color, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.7));--border-color: var(--igx-navbar-border-color, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.3));--ig-theme: indigo}@utility light-navdrawer{--elevation: var(--igx-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--igx-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--igx-nav-drawer-item-disabled-text-color, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.38));--item-disabled-icon-color: var(--igx-nav-drawer-item-disabled-icon-color, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.38));--border-radius: var(--igx-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--border-color: var(--igx-nav-drawer-border-color, var(--ig-gray-300));--item-header-text-color: var(--igx-nav-drawer-item-header-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--item-text-color: var(--igx-nav-drawer-item-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--item-icon-color: var(--igx-nav-drawer-item-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--item-active-background: var(--igx-nav-drawer-item-active-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--item-active-text-color: var(--igx-nav-drawer-item-active-text-color, hsla(from color(from var(--item-active-background) var(--y-contrast)) h 0 l/1));--item-active-icon-color: var(--igx-nav-drawer-item-active-icon-color, hsla(from color(from var(--item-active-background) var(--y-contrast)) h 0 l/1));--item-hover-background: var(--igx-nav-drawer-item-hover-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-hover-text-color: var(--igx-nav-drawer-item-hover-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--item-hover-icon-color: var(--igx-nav-drawer-item-hover-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--item-border-radius: var(--igx-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo}@utility dark-navdrawer{--elevation: var(--igx-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--igx-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--igx-nav-drawer-item-disabled-text-color, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.38));--item-disabled-icon-color: var(--igx-nav-drawer-item-disabled-icon-color, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.38));--border-radius: var(--igx-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--border-color: var(--igx-nav-drawer-border-color, var(--ig-gray-100));--item-header-text-color: var(--igx-nav-drawer-item-header-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--item-text-color: var(--igx-nav-drawer-item-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--item-icon-color: var(--igx-nav-drawer-item-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--item-active-background: var(--igx-nav-drawer-item-active-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--item-active-text-color: var(--igx-nav-drawer-item-active-text-color, hsla(from color(from var(--item-active-background) var(--y-contrast)) h 0 l/1));--item-active-icon-color: var(--igx-nav-drawer-item-active-icon-color, hsla(from color(from var(--item-active-background) var(--y-contrast)) h 0 l/1));--item-hover-background: var(--igx-nav-drawer-item-hover-background, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-hover-text-color: var(--igx-nav-drawer-item-hover-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--item-hover-icon-color: var(--igx-nav-drawer-item-hover-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--item-border-radius: var(--igx-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo}@utility light-query-builder{--elevation: var(--igx-query-builder-elevation, var(--ig-elevation-0));--background: var(--igx-query-builder-background, var(--ig-gray-900-contrast));--header-background: var(--igx-query-builder-header-background, var(--background));--header-foreground: var(--igx-query-builder-header-foreground, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1));--header-border: var(--igx-query-builder-header-border, transparent);--color-expression-group-and: var(--igx-query-builder-color-expression-group-and, #9c27b0);--color-expression-group-or: var(--igx-query-builder-color-expression-group-or, #007254);--border-radius: var(--igx-query-builder-border-radius, 0.625rem);--subquery-header-background: var(--igx-query-builder-subquery-header-background, lch(from var(--header-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--subquery-border-color: var(--igx-query-builder-subquery-border-color, lch(from var(--subquery-header-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--subquery-border-radius: var(--igx-query-builder-subquery-border-radius, 0.75rem);--separator-color: var(--igx-query-builder-separator-color, lch(from var(--subquery-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--label-foreground: var(--igx-query-builder-label-foreground, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.6));--ig-theme: indigo}@utility dark-query-builder{--elevation: var(--igx-query-builder-elevation, var(--ig-elevation-0));--background: var(--igx-query-builder-background, var(--ig-gray-50));--header-background: var(--igx-query-builder-header-background, var(--background));--header-foreground: var(--igx-query-builder-header-foreground, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1));--header-border: var(--igx-query-builder-header-border, transparent);--color-expression-group-and: var(--igx-query-builder-color-expression-group-and, #da64ff);--color-expression-group-or: var(--igx-query-builder-color-expression-group-or, #19ad87);--border-radius: var(--igx-query-builder-border-radius, 0.625rem);--subquery-header-background: var(--igx-query-builder-subquery-header-background, lch(from var(--header-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--subquery-border-color: var(--igx-query-builder-subquery-border-color, lch(from var(--subquery-header-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--subquery-border-radius: var(--igx-query-builder-subquery-border-radius, 0.75rem);--separator-color: var(--igx-query-builder-separator-color, lch(from var(--subquery-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--label-foreground: var(--igx-query-builder-label-foreground, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.6));--ig-theme: indigo}@utility light-radio{--empty-fill-color: var(--igx-radio-empty-fill-color, transparent);--hover-color: var(--igx-radio-hover-color, lch(from var(--empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--label-color: var(--igx-radio-label-color, var(--ig-gray-800));--label-color-hover: var(--igx-radio-label-color-hover, var(--ig-gray-900));--fill-color: var(--igx-radio-fill-color, var(--ig-primary-500));--disabled-color: var(--igx-radio-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-fill-color: var(--igx-radio-disabled-fill-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-label-color: var(--igx-radio-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-color: var(--igx-radio-error-color, var(--ig-error-500));--focus-border-color: var(--igx-radio-focus-border-color, transparent);--focus-outline-color-filled: var(--igx-radio-focus-outline-color-filled, hsla(from var(--fill-color) h s l/0.5));--focus-outline-color-error: var(--igx-radio-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--empty-color: var(--igx-radio-empty-color, var(--ig-gray-500));--focus-outline-color: var(--igx-radio-focus-outline-color, hsla(from var(--empty-color) h s l/0.5));--fill-hover-border-color: var(--igx-radio-fill-hover-border-color, var(--fill-color-hover));--fill-color-hover: var(--igx-radio-fill-color-hover, lch(from var(--fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--error-color-hover: var(--igx-radio-error-color-hover, var(--ig-error-400));--ig-theme: indigo}@utility dark-radio{--empty-fill-color: var(--igx-radio-empty-fill-color, transparent);--hover-color: var(--igx-radio-hover-color, lch(from var(--empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--label-color: var(--igx-radio-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--label-color-hover: var(--igx-radio-label-color-hover, var(--ig-primary-500-contrast));--fill-color: var(--igx-radio-fill-color, var(--ig-primary-500));--disabled-color: var(--igx-radio-disabled-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-fill-color: var(--igx-radio-disabled-fill-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-label-color: var(--igx-radio-disabled-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--error-color: var(--igx-radio-error-color, var(--ig-error-400));--focus-border-color: var(--igx-radio-focus-border-color, transparent);--focus-outline-color-filled: var(--igx-radio-focus-outline-color-filled, hsla(from var(--fill-color) h s l/0.5));--focus-outline-color-error: var(--igx-radio-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--empty-color: var(--igx-radio-empty-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-outline-color: var(--igx-radio-focus-outline-color, hsla(from var(--empty-color) h s l/0.5));--fill-hover-border-color: var(--igx-radio-fill-hover-border-color, var(--fill-color-hover));--fill-color-hover: var(--igx-radio-fill-color-hover, lch(from var(--fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--error-color-hover: var(--igx-radio-error-color-hover, var(--ig-error-300));--ig-theme: indigo}@utility light-select{--toggle-button-background-focus--border: var(--igx-select-toggle-button-background-focus--border, var(--toggle-button-background));--toggle-button-background: var(--igx-select-toggle-button-background, transparent);--toggle-button-background-focus: var(--igx-select-toggle-button-background-focus, var(--toggle-button-background));--toggle-button-foreground: var(--igx-select-toggle-button-foreground, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1));--toggle-button-foreground-focus: var(--igx-select-toggle-button-foreground-focus, hsla(from color(from var(--toggle-button-background-focus--border) var(--y-contrast)) h 0 l/1));--toggle-button-foreground-filled: var(--igx-select-toggle-button-foreground-filled, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1));--toggle-button-background-disabled: var(--igx-select-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--igx-select-toggle-button-foreground-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--default-size: var(--igx-select-default-size, 2);--ig-theme: indigo}@utility dark-select{--toggle-button-background-focus--border: var(--igx-select-toggle-button-background-focus--border, var(--toggle-button-background));--toggle-button-background: var(--igx-select-toggle-button-background, transparent);--toggle-button-background-focus: var(--igx-select-toggle-button-background-focus, var(--toggle-button-background));--toggle-button-foreground: var(--igx-select-toggle-button-foreground, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1));--toggle-button-foreground-focus: var(--igx-select-toggle-button-foreground-focus, hsla(from color(from var(--toggle-button-background-focus--border) var(--y-contrast)) h 0 l/1));--toggle-button-foreground-filled: var(--igx-select-toggle-button-foreground-filled, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1));--toggle-button-background-disabled: var(--igx-select-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--igx-select-toggle-button-foreground-disabled, hsl(from var(--ig-gray-100-contrast) h s l/0.2));--default-size: var(--igx-select-default-size, 2);--ig-theme: indigo}@utility light-splitter{--bar-color: var(--igx-splitter-bar-color, var(--ig-gray-400));--focus-color: var(--igx-splitter-focus-color, var(--bar-color));--handle-color: var(--igx-splitter-handle-color, hsla(from color(from var(--bar-color) var(--y-contrast)) h 0 l/1));--expander-color: var(--igx-splitter-expander-color, hsla(from color(from var(--bar-color) var(--y-contrast)) h 0 l/1));--size: var(--igx-splitter-size, 4px);--border-radius: var(--igx-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme: indigo}@utility dark-splitter{--bar-color: var(--igx-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--igx-splitter-focus-color, var(--bar-color));--handle-color: var(--igx-splitter-handle-color, hsla(from color(from var(--bar-color) var(--y-contrast)) h 0 l/1));--expander-color: var(--igx-splitter-expander-color, hsla(from color(from var(--bar-color) var(--y-contrast)) h 0 l/1));--size: var(--igx-splitter-size, 4px);--border-radius: var(--igx-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme: indigo}@utility light-stepper{--content-foreground: var(--igx-stepper-content-foreground, var(--ig-gray-700));--step-background: var(--igx-stepper-step-background, transparent);--indicator-background: var(--igx-stepper-indicator-background, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/0.6));--indicator-outline: var(--igx-stepper-indicator-outline, var(--indicator-background));--title-color: var(--igx-stepper-title-color, hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1));--title-hover-color: var(--igx-stepper-title-hover-color, hsla(from color(from var(--step-hover-background) var(--y-contrast)) h 0 l/1));--title-focus-color: var(--igx-stepper-title-focus-color, hsla(from color(from var(--step-focus-background) var(--y-contrast)) h 0 l/1));--subtitle-color: var(--igx-stepper-subtitle-color, hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1));--subtitle-hover-color: var(--igx-stepper-subtitle-hover-color, hsla(from color(from var(--step-hover-background) var(--y-contrast)) h 0 l/1));--subtitle-focus-color: var(--igx-stepper-subtitle-focus-color, hsla(from color(from var(--step-focus-background) var(--y-contrast)) h 0 l/1));--complete-step-background: var(--igx-stepper-complete-step-background, var(--step-background));--complete-title-color: var(--igx-stepper-complete-title-color, hsla(from color(from var(--complete-step-background) var(--y-contrast)) h 0 l/1));--complete-title-hover-color: var(--igx-stepper-complete-title-hover-color, hsla(from color(from var(--complete-step-hover-background) var(--y-contrast)) h 0 l/1));--complete-title-focus-color: var(--igx-stepper-complete-title-focus-color, hsla(from color(from var(--complete-step-focus-background) var(--y-contrast)) h 0 l/1));--complete-subtitle-color: var(--igx-stepper-complete-subtitle-color, hsla(from color(from var(--complete-step-background) var(--y-contrast)) h 0 l/1));--complete-subtitle-hover-color: var(--igx-stepper-complete-subtitle-hover-color, hsla(from color(from var(--complete-step-hover-background) var(--y-contrast)) h 0 l/1));--complete-subtitle-focus-color: var(--igx-stepper-complete-subtitle-focus-color, hsla(from color(from var(--complete-step-focus-background) var(--y-contrast)) h 0 l/1));--current-step-background: var(--igx-stepper-current-step-background, var(--step-background));--current-indicator-background: var(--igx-stepper-current-indicator-background, lch(from var(--current-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 20) c h));--current-indicator-outline: var(--igx-stepper-current-indicator-outline, var(--current-indicator-background));--current-indicator-color: var(--igx-stepper-current-indicator-color, hsla(from color(from var(--current-indicator-background) var(--y-contrast)) h 0 l/1));--current-title-color: var(--igx-stepper-current-title-color, hsla(from color(from var(--current-step-background) var(--y-contrast)) h 0 l/1));--current-title-hover-color: var(--igx-stepper-current-title-hover-color, hsla(from color(from var(--current-step-hover-background) var(--y-contrast)) h 0 l/1));--current-title-focus-color: var(--igx-stepper-current-title-focus-color, hsla(from color(from var(--current-step-focus-background) var(--y-contrast)) h 0 l/1));--current-subtitle-color: var(--igx-stepper-current-subtitle-color, hsla(from color(from var(--current-step-background) var(--y-contrast)) h 0 l/1));--current-subtitle-hover-color: var(--igx-stepper-current-subtitle-hover-color, hsla(from color(from var(--current-step-hover-background) var(--y-contrast)) h 0 l/1));--current-subtitle-focus-color: var(--igx-stepper-current-subtitle-focus-color, hsla(from color(from var(--current-step-focus-background) var(--y-contrast)) h 0 l/1));--invalid-step-background: var(--igx-stepper-invalid-step-background, var(--step-background));--invalid-indicator-background: var(--igx-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--igx-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--igx-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--igx-stepper-invalid-title-color, var(--ig-gray-900));--invalid-title-hover-color: var(--igx-stepper-invalid-title-hover-color, var(--ig-gray-900));--invalid-title-focus-color: var(--igx-stepper-invalid-title-focus-color, var(--ig-gray-900));--invalid-subtitle-color: var(--igx-stepper-invalid-subtitle-color, var(--ig-gray-700));--invalid-subtitle-hover-color: var(--igx-stepper-invalid-subtitle-hover-color, var(--ig-gray-700));--invalid-subtitle-focus-color: var(--igx-stepper-invalid-subtitle-focus-color, var(--ig-gray-700));--disabled-indicator-color: var(--igx-stepper-disabled-indicator-color, hsla(from hsla(from color(from var(--disabled-indicator-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--disabled-indicator-background: var(--igx-stepper-disabled-indicator-background, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--disabled-indicator-outline: var(--igx-stepper-disabled-indicator-outline, var(--disabled-indicator-background));--disabled-title-color: var(--igx-stepper-disabled-title-color, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/0.3));--disabled-subtitle-color: var(--igx-stepper-disabled-subtitle-color, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/0.3));--step-separator-color: var(--igx-stepper-step-separator-color, var(--step-background));--complete-step-separator-color: var(--igx-stepper-complete-step-separator-color, hsl(from var(--ig-gray-900) h s l/0.3));--step-separator-style: var(--igx-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--igx-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--igx-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--igx-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--igx-stepper-complete-indicator-background, hsla(from color(from var(--complete-step-background) var(--y-contrast)) h 0 l/1));--complete-indicator-outline: var(--igx-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--igx-stepper-complete-indicator-color, hsla(from color(from var(--complete-indicator-background) var(--y-contrast)) h 0 l/1));--indicator-color: var(--igx-stepper-indicator-color, hsla(from color(from var(--indicator-background) var(--y-contrast)) h 0 l/1));--step-hover-background: var(--igx-stepper-step-hover-background, lch(from var(--step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--step-focus-background: var(--igx-stepper-step-focus-background, lch(from var(--step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--current-step-hover-background: var(--igx-stepper-current-step-hover-background, lch(from var(--current-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--current-step-focus-background: var(--igx-stepper-current-step-focus-background, lch(from var(--current-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--complete-step-hover-background: var(--igx-stepper-complete-step-hover-background, lch(from var(--complete-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 8) c h));--complete-step-focus-background: var(--igx-stepper-complete-step-focus-background, lch(from var(--complete-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--invalid-step-hover-background: var(--igx-stepper-invalid-step-hover-background, lch(from var(--invalid-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 8) c h));--invalid-step-focus-background: var(--igx-stepper-invalid-step-focus-background, lch(from var(--invalid-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--ig-theme: indigo}@utility dark-stepper{--content-foreground: var(--igx-stepper-content-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-background: var(--igx-stepper-step-background, transparent);--indicator-background: var(--igx-stepper-indicator-background, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/0.6));--indicator-outline: var(--igx-stepper-indicator-outline, var(--indicator-background));--title-color: var(--igx-stepper-title-color, hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1));--title-hover-color: var(--igx-stepper-title-hover-color, hsla(from color(from var(--step-hover-background) var(--y-contrast)) h 0 l/1));--title-focus-color: var(--igx-stepper-title-focus-color, hsla(from color(from var(--step-focus-background) var(--y-contrast)) h 0 l/1));--subtitle-color: var(--igx-stepper-subtitle-color, hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1));--subtitle-hover-color: var(--igx-stepper-subtitle-hover-color, hsla(from color(from var(--step-hover-background) var(--y-contrast)) h 0 l/1));--subtitle-focus-color: var(--igx-stepper-subtitle-focus-color, hsla(from color(from var(--step-focus-background) var(--y-contrast)) h 0 l/1));--complete-step-background: var(--igx-stepper-complete-step-background, var(--step-background));--complete-title-color: var(--igx-stepper-complete-title-color, hsla(from color(from var(--complete-step-background) var(--y-contrast)) h 0 l/1));--complete-title-hover-color: var(--igx-stepper-complete-title-hover-color, hsla(from color(from var(--complete-step-hover-background) var(--y-contrast)) h 0 l/1));--complete-title-focus-color: var(--igx-stepper-complete-title-focus-color, hsla(from color(from var(--complete-step-focus-background) var(--y-contrast)) h 0 l/1));--complete-subtitle-color: var(--igx-stepper-complete-subtitle-color, hsla(from color(from var(--complete-step-background) var(--y-contrast)) h 0 l/1));--complete-subtitle-hover-color: var(--igx-stepper-complete-subtitle-hover-color, hsla(from color(from var(--complete-step-hover-background) var(--y-contrast)) h 0 l/1));--complete-subtitle-focus-color: var(--igx-stepper-complete-subtitle-focus-color, hsla(from color(from var(--complete-step-focus-background) var(--y-contrast)) h 0 l/1));--current-step-background: var(--igx-stepper-current-step-background, var(--step-background));--current-indicator-background: var(--igx-stepper-current-indicator-background, lch(from var(--current-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 20) c h));--current-indicator-outline: var(--igx-stepper-current-indicator-outline, var(--current-indicator-background));--current-indicator-color: var(--igx-stepper-current-indicator-color, hsla(from color(from var(--current-indicator-background) var(--y-contrast)) h 0 l/1));--current-title-color: var(--igx-stepper-current-title-color, hsla(from color(from var(--current-step-background) var(--y-contrast)) h 0 l/1));--current-title-hover-color: var(--igx-stepper-current-title-hover-color, hsla(from color(from var(--current-step-hover-background) var(--y-contrast)) h 0 l/1));--current-title-focus-color: var(--igx-stepper-current-title-focus-color, hsla(from color(from var(--current-step-focus-background) var(--y-contrast)) h 0 l/1));--current-subtitle-color: var(--igx-stepper-current-subtitle-color, hsla(from color(from var(--current-step-background) var(--y-contrast)) h 0 l/1));--current-subtitle-hover-color: var(--igx-stepper-current-subtitle-hover-color, hsla(from color(from var(--current-step-hover-background) var(--y-contrast)) h 0 l/1));--current-subtitle-focus-color: var(--igx-stepper-current-subtitle-focus-color, hsla(from color(from var(--current-step-focus-background) var(--y-contrast)) h 0 l/1));--invalid-step-background: var(--igx-stepper-invalid-step-background, var(--step-background));--invalid-indicator-background: var(--igx-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--igx-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--igx-stepper-invalid-indicator-color, var(--ig-gray-50-contrast));--invalid-title-color: var(--igx-stepper-invalid-title-color, var(--ig-gray-50-contrast));--invalid-title-hover-color: var(--igx-stepper-invalid-title-hover-color, var(--ig-gray-50-contrast));--invalid-title-focus-color: var(--igx-stepper-invalid-title-focus-color, var(--ig-gray-50-contrast));--invalid-subtitle-color: var(--igx-stepper-invalid-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-hover-color: var(--igx-stepper-invalid-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-focus-color: var(--igx-stepper-invalid-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-indicator-color: var(--igx-stepper-disabled-indicator-color, hsla(from hsla(from color(from var(--disabled-indicator-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--disabled-indicator-background: var(--igx-stepper-disabled-indicator-background, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/0.5));--disabled-indicator-outline: var(--igx-stepper-disabled-indicator-outline, var(--disabled-indicator-background));--disabled-title-color: var(--igx-stepper-disabled-title-color, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/0.3));--disabled-subtitle-color: var(--igx-stepper-disabled-subtitle-color, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/0.3));--step-separator-color: var(--igx-stepper-step-separator-color, var(--step-background));--complete-step-separator-color: var(--igx-stepper-complete-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--step-separator-style: var(--igx-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--igx-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--igx-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--igx-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--igx-stepper-complete-indicator-background, hsla(from color(from var(--complete-step-background) var(--y-contrast)) h 0 l/1));--complete-indicator-outline: var(--igx-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--igx-stepper-complete-indicator-color, hsla(from color(from var(--complete-indicator-background) var(--y-contrast)) h 0 l/1));--indicator-color: var(--igx-stepper-indicator-color, hsla(from color(from var(--indicator-background) var(--y-contrast)) h 0 l/1));--step-hover-background: var(--igx-stepper-step-hover-background, lch(from var(--step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--step-focus-background: var(--igx-stepper-step-focus-background, lch(from var(--step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--current-step-hover-background: var(--igx-stepper-current-step-hover-background, lch(from var(--current-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--current-step-focus-background: var(--igx-stepper-current-step-focus-background, lch(from var(--current-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--complete-step-hover-background: var(--igx-stepper-complete-step-hover-background, lch(from var(--complete-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 8) c h));--complete-step-focus-background: var(--igx-stepper-complete-step-focus-background, lch(from var(--complete-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--invalid-step-hover-background: var(--igx-stepper-invalid-step-hover-background, lch(from var(--invalid-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 8) c h));--invalid-step-focus-background: var(--igx-stepper-invalid-step-focus-background, lch(from var(--invalid-step-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--ig-theme: indigo}@utility light-tabs{--item-text-color: var(--igx-tabs-item-text-color, hsla(from hsla(from color(from var(--item-background) var(--y-contrast)) h 0 l/1) h s l/0.8));--item-background: var(--igx-tabs-item-background, transparent);--item-hover-background: var(--igx-tabs-item-hover-background, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-hover-color: var(--igx-tabs-item-hover-color, hsla(from var(--item-text-color) h s l/1));--item-active-color: var(--igx-tabs-item-active-color, hsla(from color(from var(--item-active-background) var(--y-contrast)) h 0 l/1));--item-active-hover-color: var(--igx-tabs-item-active-hover-color, hsla(from color(from var(--item-active-hover-background) var(--y-contrast)) h 0 l/1));--item-icon-color: var(--igx-tabs-item-icon-color, hsla(from hsla(from color(from var(--item-background) h s l/0.8 var(--y-contrast)) h 0 l/1)));--item-active-icon-color: var(--igx-tabs-item-active-icon-color, hsla(from color(from var(--item-active-background) var(--y-contrast)) h 0 l/1));--item-active-hover-icon-color: var(--igx-tabs-item-active-hover-icon-color, hsla(from color(from var(--item-active-hover-background) var(--y-contrast)) h 0 l/1));--item-hover-icon-color: var(--igx-tabs-item-hover-icon-color, hsla(from var(--item-icon-color) h s l/1));--item-disabled-icon-color: var(--igx-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--igx-tabs-item-active-background, var(--item-background));--item-active-hover-background: var(--igx-tabs-item-active-hover-background, lch(from var(--item-active-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-disabled-color: var(--igx-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--igx-tabs-indicator-color, var(--item-active-color));--button-color: var(--igx-tabs-button-color, hsla(from color(from var(--button-background) var(--y-contrast)) h 0 l/1));--button-background: var(--igx-tabs-button-background, var(--item-background));--button-hover-background: var(--igx-tabs-button-hover-background, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--button-hover-color: var(--igx-tabs-button-hover-color, hsla(from color(from var(--button-hover-background) var(--y-contrast)) h 0 l/1));--button-disabled-color: var(--igx-tabs-button-disabled-color, hsla(from var(--button-color) h s l/0.4));--tab-ripple-color: var(--igx-tabs-tab-ripple-color, var(--item-background));--button-ripple-color: var(--igx-tabs-button-ripple-color, var(--button-color));--border-color: var(--igx-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color--hover: var(--igx-tabs-border-color--hover, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius: var(--igx-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--ig-theme: indigo}@utility dark-tabs{--item-text-color: var(--igx-tabs-item-text-color, hsla(from hsla(from color(from var(--item-background) var(--y-contrast)) h 0 l/1) h s l/0.8));--item-background: var(--igx-tabs-item-background, transparent);--item-hover-background: var(--igx-tabs-item-hover-background, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-hover-color: var(--igx-tabs-item-hover-color, hsla(from var(--item-text-color) h s l/1));--item-active-color: var(--igx-tabs-item-active-color, hsla(from color(from var(--item-active-background) var(--y-contrast)) h 0 l/1));--item-active-hover-color: var(--igx-tabs-item-active-hover-color, hsla(from color(from var(--item-active-hover-background) var(--y-contrast)) h 0 l/1));--item-icon-color: var(--igx-tabs-item-icon-color, hsla(from hsla(from color(from var(--item-background) h s l/0.8 var(--y-contrast)) h 0 l/1)));--item-active-icon-color: var(--igx-tabs-item-active-icon-color, hsla(from color(from var(--item-active-background) var(--y-contrast)) h 0 l/1));--item-active-hover-icon-color: var(--igx-tabs-item-active-hover-icon-color, hsla(from color(from var(--item-active-hover-background) var(--y-contrast)) h 0 l/1));--item-hover-icon-color: var(--igx-tabs-item-hover-icon-color, hsla(from var(--item-icon-color) h s l/1));--item-disabled-icon-color: var(--igx-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-active-background: var(--igx-tabs-item-active-background, var(--item-background));--item-active-hover-background: var(--igx-tabs-item-active-hover-background, lch(from var(--item-active-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--item-disabled-color: var(--igx-tabs-item-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--indicator-color: var(--igx-tabs-indicator-color, var(--item-active-color));--button-color: var(--igx-tabs-button-color, hsla(from color(from var(--button-background) var(--y-contrast)) h 0 l/1));--button-background: var(--igx-tabs-button-background, var(--item-background));--button-hover-background: var(--igx-tabs-button-hover-background, lch(from var(--item-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--button-hover-color: var(--igx-tabs-button-hover-color, hsla(from color(from var(--button-hover-background) var(--y-contrast)) h 0 l/1));--button-disabled-color: var(--igx-tabs-button-disabled-color, hsla(from var(--button-color) h s l/0.4));--tab-ripple-color: var(--igx-tabs-tab-ripple-color, var(--item-background));--button-ripple-color: var(--igx-tabs-button-ripple-color, var(--button-color));--border-color: var(--igx-tabs-border-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--border-color--hover: var(--igx-tabs-border-color--hover, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--border-radius: var(--igx-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--ig-theme: indigo}@utility light-toast{--elevation: var(--igx-toast-elevation, var(--ig-elevation-10));--background: var(--igx-toast-background, var(--ig-gray-200));--border-color: var(--igx-toast-border-color, hsla(from var(--text-color) h s l/0.3));--text-color: var(--igx-toast-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--border-radius: var(--igx-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2307692308) * 1.625rem), 1.625rem));--ig-theme: indigo}@utility dark-toast{--elevation: var(--igx-toast-elevation, var(--ig-elevation-11));--background: var(--igx-toast-background, var(--ig-gray-300));--border-color: var(--igx-toast-border-color, hsla(from var(--text-color) h s l/0.3));--text-color: var(--igx-toast-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--border-radius: var(--igx-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2307692308) * 1.625rem), 1.625rem));--ig-theme: indigo}@utility light-tooltip{--elevation: var(--igx-tooltip-elevation, var(--ig-elevation-8));--background: var(--igx-tooltip-background, hsl(from var(--ig-gray-600) h s l/0.9));--text-color: var(--igx-tooltip-text-color, hsla(from color(from hsl(from var(--ig-gray-600) h s l/0.9) var(--y-contrast)) h 0 l/1));--border-radius: var(--igx-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--ig-theme: indigo}@utility dark-tooltip{--elevation: var(--igx-tooltip-elevation, var(--ig-elevation-9));--background: var(--igx-tooltip-background, hsl(from var(--ig-gray-300) h s l/0.9));--text-color: var(--igx-tooltip-text-color, hsla(from color(from hsl(from var(--ig-gray-300) h s l/0.9) var(--y-contrast)) h 0 l/1));--border-radius: var(--igx-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--ig-theme: indigo}@utility light-tree{--background: var(--igx-tree-background, transparent);--foreground: var(--igx-tree-foreground, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color: var(--igx-tree-icon-color, var(--ig-gray-600));--background-selected: var(--igx-tree-background-selected, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--background-active: var(--igx-tree-background-active, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--foreground-active: var(--igx-tree-foreground-active, hsla(from color(from var(--background-active) var(--y-contrast)) h 0 l/1));--background-disabled: var(--igx-tree-background-disabled, color-mix(in hsl, var(--background), transparent 50%));--foreground-disabled: var(--igx-tree-foreground-disabled, hsla(from color(from var(--background-disabled) var(--y-contrast)) h 0 l/1));--drop-area-color: var(--igx-tree-drop-area-color, var(--ig-secondary-500));--hover-color: var(--igx-tree-hover-color, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.1));--hover-selected-color: var(--igx-tree-hover-selected-color, lch(from var(--background-selected) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--size: var(--igx-tree-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-tree-default-size, 2);--foreground-selected: var(--igx-tree-foreground-selected, hsla(from color(from var(--background-selected) var(--y-contrast)) h 0 l/1));--background-active-selected: var(--igx-tree-background-active-selected, lch(from var(--background-active) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--foreground-active-selected: var(--igx-tree-foreground-active-selected, hsla(from color(from var(--background-active-selected) var(--y-contrast)) h 0 l/1));--border-color: var(--igx-tree-border-color, var(--ig-primary-400));--ig-theme: indigo}@utility dark-tree{--background: var(--igx-tree-background, transparent);--foreground: var(--igx-tree-foreground, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1));--icon-color: var(--igx-tree-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--background-selected: var(--igx-tree-background-selected, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--background-active: var(--igx-tree-background-active, lch(from var(--background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--foreground-active: var(--igx-tree-foreground-active, hsla(from color(from var(--background-active) var(--y-contrast)) h 0 l/1));--background-disabled: var(--igx-tree-background-disabled, color-mix(in hsl, var(--background), transparent 50%));--foreground-disabled: var(--igx-tree-foreground-disabled, hsla(from color(from var(--background-disabled) var(--y-contrast)) h 0 l/1));--drop-area-color: var(--igx-tree-drop-area-color, var(--ig-secondary-500));--hover-color: var(--igx-tree-hover-color, hsla(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/0.1));--hover-selected-color: var(--igx-tree-hover-selected-color, lch(from var(--background-selected) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--size: var(--igx-tree-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-tree-default-size, 2);--foreground-selected: var(--igx-tree-foreground-selected, hsla(from color(from var(--background-selected) var(--y-contrast)) h 0 l/1));--background-active-selected: var(--igx-tree-background-active-selected, lch(from var(--background-active) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--foreground-active-selected: var(--igx-tree-foreground-active-selected, hsla(from color(from var(--background-active-selected) var(--y-contrast)) h 0 l/1));--border-color: var(--igx-tree-border-color, var(--ig-primary-400));--ig-theme: indigo}@utility light-slider{--track-color: var(--igx-slider-track-color, var(--ig-primary-500));--track-step-color: var(--igx-slider-track-step-color, hsla(from color(from var(--base-track-color) var(--y-contrast)) h 0 l/1));--track-step-size: var(--igx-slider-track-step-size, 0.125rem);--thumb-disabled-border-color: var(--igx-slider-thumb-disabled-border-color, hsla(from var(--thumb-border-color) h s l/0.5));--label-background-color: var(--igx-slider-label-background-color, var(--track-color));--label-text-color: var(--igx-slider-label-text-color, hsla(from color(from var(--track-color) var(--y-contrast)) h 0 l/1));--tick-color: var(--igx-slider-tick-color, var(--ig-gray-300));--tick-label-color: var(--igx-slider-tick-label-color, var(--ig-gray-600));--base-track-color: var(--igx-slider-base-track-color, var(--ig-gray-400));--base-track-hover-color: var(--igx-slider-base-track-hover-color, lch(from var(--base-track-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--track-hover-color: var(--igx-slider-track-hover-color, lch(from var(--track-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--thumb-color: var(--igx-slider-thumb-color, var(--ig-gray-50));--thumb-border-color: var(--igx-slider-thumb-border-color, var(--track-color));--thumb-border-hover-color: var(--igx-slider-thumb-border-hover-color, lch(from var(--thumb-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--thumb-border-focus-color: var(--igx-slider-thumb-border-focus-color, var(--ig-primary-500));--thumb-focus-color: var(--igx-slider-thumb-focus-color, hsla(from var(--thumb-border-color) h s l/0.3));--disabled-thumb-color: var(--igx-slider-disabled-thumb-color, var(--ig-gray-50));--disabled-base-track-color: var(--igx-slider-disabled-base-track-color, hsla(from var(--base-track-color) h s l/0.5));--disabled-fill-track-color: var(--igx-slider-disabled-fill-track-color, hsla(from var(--track-color) h s l/0.5));--ig-theme: indigo}@utility dark-slider{--track-color: var(--igx-slider-track-color, var(--ig-primary-400));--track-step-color: var(--igx-slider-track-step-color, hsla(from color(from var(--base-track-color) var(--y-contrast)) h 0 l/1));--track-step-size: var(--igx-slider-track-step-size, 0.125rem);--thumb-disabled-border-color: var(--igx-slider-thumb-disabled-border-color, hsla(from var(--thumb-border-color) h s l/0.5));--label-background-color: var(--igx-slider-label-background-color, var(--track-color));--label-text-color: var(--igx-slider-label-text-color, hsla(from color(from var(--track-color) var(--y-contrast)) h 0 l/1));--tick-color: var(--igx-slider-tick-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--tick-label-color: var(--igx-slider-tick-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--base-track-color: var(--igx-slider-base-track-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--base-track-hover-color: var(--igx-slider-base-track-hover-color, lch(from var(--base-track-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h));--track-hover-color: var(--igx-slider-track-hover-color, lch(from var(--track-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--thumb-color: var(--igx-slider-thumb-color, var(--ig-surface-500));--thumb-border-color: var(--igx-slider-thumb-border-color, var(--track-color));--thumb-border-hover-color: var(--igx-slider-thumb-border-hover-color, lch(from var(--thumb-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--thumb-border-focus-color: var(--igx-slider-thumb-border-focus-color, var(--ig-primary-500));--thumb-focus-color: var(--igx-slider-thumb-focus-color, hsla(from var(--thumb-border-color) h s l/0.3));--disabled-thumb-color: var(--igx-slider-disabled-thumb-color, var(--ig-surface-500));--disabled-base-track-color: var(--igx-slider-disabled-base-track-color, hsla(from var(--base-track-color) h s l/0.5));--disabled-fill-track-color: var(--igx-slider-disabled-fill-track-color, hsla(from var(--track-color) h s l/0.5));--ig-theme: indigo}@utility light-switch{--border-on-color: var(--igx-switch-border-on-color, var(--track-on-color));--track-on-color: var(--igx-switch-track-on-color, var(--ig-primary-500));--track-disabled-color: var(--igx-switch-track-disabled-color, transparent);--track-off-color: var(--igx-switch-track-off-color, transparent);--thumb-on-color: var(--igx-switch-thumb-on-color, hsla(from color(from var(--track-on-color) var(--y-contrast)) h 0 l/1));--thumb-on-disabled-color: var(--igx-switch-thumb-on-disabled-color, hsla(from var(--thumb-on-color) h s l/0.3));--label-color: var(--igx-switch-label-color, var(--ig-gray-800));--label-hover-color: var(--igx-switch-label-hover-color, var(--ig-gray-900));--label-disabled-color: var(--igx-switch-label-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--track-on-disabled-color: var(--igx-switch-track-on-disabled-color, hsla(from var(--track-on-color) h s l/0.5));--border-radius-thumb: var(--igx-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--border-radius-ripple: var(--igx-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--track-on-hover-color: var(--igx-switch-track-on-hover-color, lch(from var(--track-on-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-outline-color: var(--igx-switch-focus-outline-color, hsla(from var(--border-color) h s l/0.5));--focus-outline-color-focused: var(--igx-switch-focus-outline-color-focused, hsla(from var(--border-on-color) h s l/0.5));--border-color: var(--igx-switch-border-color, var(--thumb-off-color));--border-hover-color: var(--igx-switch-border-hover-color, lch(from var(--border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-fill-color: var(--igx-switch-focus-fill-color, var(--ig-gray-500));--focus-fill-hover-color: var(--igx-switch-focus-fill-hover-color, var(--ig-gray-500));--border-disabled-color: var(--igx-switch-border-disabled-color, hsla(from var(--border-color) h s l/0.3));--border-on-hover-color: var(--igx-switch-border-on-hover-color, lch(from var(--border-on-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--thumb-off-color: var(--igx-switch-thumb-off-color, var(--ig-gray-500));--thumb-off-hover-color: var(--igx-switch-thumb-off-hover-color, lch(from var(--thumb-off-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--thumb-disabled-color: var(--igx-switch-thumb-disabled-color, hsla(from var(--thumb-off-color) h s l/0.3));--border-radius-track: var(--igx-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem));--resting-elevation: var(--igx-switch-resting-elevation, var(--ig-elevation-));--hover-elevation: var(--igx-switch-hover-elevation, var(--ig-elevation-));--disabled-elevation: var(--igx-switch-disabled-elevation, var(--ig-elevation-));--ig-theme: indigo}@utility dark-switch{--border-on-color: var(--igx-switch-border-on-color, var(--track-on-color));--track-on-color: var(--igx-switch-track-on-color, var(--ig-primary-500));--track-disabled-color: var(--igx-switch-track-disabled-color, transparent);--track-off-color: var(--igx-switch-track-off-color, transparent);--thumb-on-color: var(--igx-switch-thumb-on-color, hsla(from color(from var(--track-on-color) var(--y-contrast)) h 0 l/1));--thumb-on-disabled-color: var(--igx-switch-thumb-on-disabled-color, hsla(from var(--thumb-on-color) h s l/0.3));--label-color: var(--igx-switch-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--label-hover-color: var(--igx-switch-label-hover-color, var(--ig-gray-50-contrast));--label-disabled-color: var(--igx-switch-label-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--track-on-disabled-color: var(--igx-switch-track-on-disabled-color, hsla(from var(--track-on-color) h s l/0.5));--border-radius-thumb: var(--igx-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--border-radius-ripple: var(--igx-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--track-on-hover-color: var(--igx-switch-track-on-hover-color, lch(from var(--track-on-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-outline-color: var(--igx-switch-focus-outline-color, hsla(from var(--border-color) h s l/0.5));--focus-outline-color-focused: var(--igx-switch-focus-outline-color-focused, hsla(from var(--border-on-color) h s l/0.5));--border-color: var(--igx-switch-border-color, var(--thumb-off-color));--border-hover-color: var(--igx-switch-border-hover-color, lch(from var(--border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--focus-fill-color: var(--igx-switch-focus-fill-color, var(--ig-gray-500));--focus-fill-hover-color: var(--igx-switch-focus-fill-hover-color, var(--ig-gray-500));--border-disabled-color: var(--igx-switch-border-disabled-color, hsla(from var(--border-color) h s l/0.3));--border-on-hover-color: var(--igx-switch-border-on-hover-color, lch(from var(--border-on-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--thumb-off-color: var(--igx-switch-thumb-off-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--thumb-off-hover-color: var(--igx-switch-thumb-off-hover-color, lch(from var(--thumb-off-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h));--thumb-disabled-color: var(--igx-switch-thumb-disabled-color, hsla(from var(--thumb-off-color) h s l/0.3));--border-radius-track: var(--igx-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem));--resting-elevation: var(--igx-switch-resting-elevation, var(--ig-elevation-));--hover-elevation: var(--igx-switch-hover-elevation, var(--ig-elevation-));--disabled-elevation: var(--igx-switch-disabled-elevation, var(--ig-elevation-));--ig-theme: indigo}