@charset "UTF-8";@layer properties;:root,:host{--color-secondary-500: var(--ig-secondary-500);--color-secondary-500-contrast: var(--ig-secondary-500-contrast);--color-secondary-600: var(--ig-secondary-600);--color-gray-50: var(--ig-gray-50);--color-gray-400: var(--ig-gray-400);--color-gray-600: var(--ig-gray-600);--color-gray-700: var(--ig-gray-700);--color-gray-800: var(--ig-gray-800);--color-gray-900: var(--ig-gray-900);--color-surface-500: var(--ig-surface-500);--font-ig: var(--ig-font-family);--text-base: var(--ig-base-font-size);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-violet-50: oklch(96.9% .016 293.756);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-600: oklch(44.6% .043 257.281);--color-white: #fff;--spacing: .25rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base--line-height: 1.5 ;--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--font-weight-light: 300;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--radius-md: .375rem;--radius-lg: .5rem;--radius-2xl: 1rem;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}.sample-wrapper{width:inherit;position:relative;height:100%;margin:0 auto;background:transparent}.sample-content{display:flex;flex-grow:1;flex-flow:row wrap;justify-content:flex-start;padding:0;-webkit-animation:fade-in .3s cubic-bezier(.39,.575,.565,1) both;-moz-animation:fade-in .3s cubic-bezier(.39,.575,.565,1) both;animation:fade-in .3s cubic-bezier(.39,.575,.565,1) both}.sample-column{display:flex;flex-flow:column nowrap;flex:1 0 25%;align-content:flex-start;margin:16px;min-width:280px}.sample-title{color:#0375be;margin-bottom:12px;margin-top:12px}.sample-title .light{font-weight:400}.sample-description{font-size:14px;font-weight:400;color:#717171}@-webkit-keyframes color-change-2x{0%{background:#fdf8f0}to{background:#f6e7ec}}@keyframes color-change-2x{0%{background:#fdf8f0}to{background:#f6e7ec}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.headerAlignSyle{text-align:right!important}@layer theme,base,components,utilities;@layer theme;@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.\!m-0{margin:0!important}.m-0{margin:0}.m-90{margin:calc(var(--spacing) * 90)}.mx-auto{margin-inline:auto}.type-style-body-1{font-family:var(--ig-body-1-font-family);font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.type-style-button{font-family:var(--ig-button-font-family);font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.type-style-h3{font-family:var(--ig-h3-font-family);font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.\!mt-2{margin-top:calc(var(--spacing) * 2)!important}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.box-border{box-sizing:border-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.h-12{height:calc(var(--spacing) * 12)}.h-28\.75{height:calc(var(--spacing) * 28.75)}.h-30{height:calc(var(--spacing) * 30)}.h-52{height:calc(var(--spacing) * 52)}.h-\[189px\]{height:189px}.h-\[430px\]{height:430px}.h-full{height:100%}.min-h-28{min-height:calc(var(--spacing) * 28)}.w-5{width:calc(var(--spacing) * 5)}.w-\[218px\]{width:218px}.w-\[420px\]{width:420px}.w-\[min\(720px\,100\%\)\]{width:min(720px,100%)}.w-full{width:100%}.max-w-\[384px\]{max-width:384px}.min-w-0{min-width:0px}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse: 0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[\#e5ebf3\]>:not(:last-child)){border-color:#e5ebf3}:where(.divide-\[var\(--ig-gray-300\)\]>:not(:last-child)){border-color:var(--ig-gray-300)}.overflow-hidden{overflow:hidden}.\!\[border-radius\:3\.125rem\]{border-radius:3.125rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\!border-\[\#374151\]{border-color:#374151!important}.border-\[\#0176ff\]{border-color:#0176ff}.border-\[var\(--ig-gray-300\)\]{border-color:var(--ig-gray-300)}.border-gray-700{border-color:var(--color-gray-700)}.\!bg-\[\#111827\]{background-color:#111827!important}.bg-\[\#1A314A\]{background-color:#1a314a}.bg-\[var\(--ig-gray-50\)\]{background-color:var(--ig-gray-50)}.bg-\[var\(--ig-gray-100\)\]{background-color:var(--ig-gray-100)}.bg-\[var\(--ig-surface-500\)\]{background-color:var(--ig-surface-500)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-secondary-500{background-color:var(--color-secondary-500)}.bg-surface-500{background-color:var(--color-surface-500)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.bg-\[linear-gradient\(40deg\,\#D2F586\,\#A0C9FF\)\]{background-image:linear-gradient(40deg,#d2f586,#a0c9ff)}.object-cover{object-fit:cover}.\!\[padding\:0\.5rem_1\.125rem\]{padding:.5rem 1.125rem!important}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-24{padding:calc(var(--spacing) * 24)}.p-\[5px\]{padding:5px}.p-\[7px\]{padding:7px}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.pr-24{padding-right:calc(var(--spacing) * 24)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.\!font-sans{font-family:var(--font-sans)!important}.font-ig{font-family:var(--font-ig)}.font-sans{font-family:var(--font-sans)}.\!text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading, var(--text-2xl--line-height))!important}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.\!text-\[14px\]{font-size:14px!important}.\!text-\[16px\]{font-size:16px!important}.text-\[14px\]{font-size:14px}.\!leading-5{--tw-leading: calc(var(--spacing) * 5) !important;line-height:calc(var(--spacing) * 5)!important}.\!leading-6{--tw-leading: calc(var(--spacing) * 6) !important;line-height:calc(var(--spacing) * 6)!important}.\!leading-tight{--tw-leading: var(--leading-tight) !important;line-height:var(--leading-tight)!important}.leading-5{--tw-leading: calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading: calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-none{--tw-leading: 1;line-height:1}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1px\]{--tw-tracking: .1px;letter-spacing:.1px}.tracking-\[0\.25px\]{--tw-tracking: .25px;letter-spacing:.25px}.\!text-\[var\(--ig-warn-300\)\]{color:var(--ig-warn-300)!important}.text-\[\#004699\]{color:#004699}.text-\[\#E6F2FF\]{color:#e6f2ff}.text-\[var\(--ig-gray-700\)\]{color:var(--ig-gray-700)}.text-\[var\(--ig-gray-900\)\]{color:var(--ig-gray-900)}.text-\[var\(--ig-primary-600\)\]{color:var(--ig-primary-600)}.text-gray-50{color:var(--color-gray-50)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-secondary-500-contrast{color:var(--color-secondary-500-contrast)}.text-secondary-600{color:var(--color-secondary-600)}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--ig-elevation-2\)\],.shadow-elevation-2{--tw-shadow: var(--ig-elevation-2);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-elevation-24{--tw-shadow: var(--ig-elevation-24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-150{--tw-duration: .15s;transition-duration:.15s}.ease-in{--tw-ease: var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.\!light-calendar{--default-size: var(--ig-calendar-default-size, 2) !important;--content-foreground: var(--ig-calendar-content-foreground, hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1)) !important;--content-background: var(--ig-calendar-content-background, var(--ig-surface-500)) !important;--border-color: var(--ig-calendar-border-color, transparent) !important;--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)) !important;--picker-background: var(--ig-calendar-picker-background, var(--content-background)) !important;--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsl(from hsla(from color(from var(--picker-background) var(--y-contrast)) h 0 l/1) h s l/.8)) !important;--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--picker-hover-foreground)) !important;--navigation-color: var(--ig-calendar-navigation-color, hsla(from color(from var(--picker-background) var(--y-contrast)) h 0 l/1)) !important;--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--picker-hover-foreground)) !important;--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--navigation-hover-color)) !important;--size: var(--ig-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))) !important;--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))) !important;--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)) !important;--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)) !important;--week-number-foreground: var(--ig-calendar-week-number-foreground, hsl(from hsla(from color(from var(--week-number-background) var(--y-contrast)) h 0 l/1) h s l/.5)) !important;--week-number-background: var(--ig-calendar-week-number-background, hsl(from var(--content-background) h s calc(l*.8) )) !important;--inactive-color: var(--ig-calendar-inactive-color, hsl(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/.5)) !important;--weekday-color: var(--ig-calendar-weekday-color, var(--inactive-color)) !important;--weekend-color: var(--ig-calendar-weekend-color, var(--content-foreground)) !important;--date-hover-foreground: var(--ig-calendar-date-hover-foreground, hsla(from color(from var(--date-hover-background) var(--y-contrast)) h 0 l/1)) !important;--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--date-hover-foreground)) !important;--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, hsla(from color(from hsl(from var(--date-selected-range-hover-background) h s l/1) var(--y-contrast)) h 0 l/1)) !important;--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, hsla(from color(from hsl(from var(--date-selected-range-focus-background) h s l/1) var(--y-contrast)) h 0 l/1)) !important;--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, hsla(from color(from var(--date-current-background) var(--y-contrast)) h 0 l/1)) !important;--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--content-foreground)) !important;--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900)) !important;--date-current-background: var(--ig-calendar-date-current-background, var(--content-background)) !important;--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(from color(from var(--date-current-hover-background) var(--y-contrast)) h 0 l/1)) !important;--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(from color(from var(--date-current-hover-background) var(--y-contrast)) h 0 l/1)) !important;--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--date-focus-background)) !important;--date-special-background: var(--ig-calendar-date-special-background, transparent) !important;--date-special-range-background: var(--ig-calendar-date-special-range-background, transparent) !important;--date-border-color: var(--ig-calendar-date-border-color, transparent) !important;--date-hover-border-color: var(--ig-calendar-date-hover-border-color, transparent) !important;--date-focus-border-color: var(--ig-calendar-date-focus-border-color, transparent) !important;--date-selected-border-color: var(--ig-calendar-date-selected-border-color, transparent) !important;--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, transparent) !important;--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, transparent) !important;--date-range-border-color: var(--ig-calendar-date-range-border-color, transparent) !important;--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, hsl(from var(--date-selected-background) h s l/.5)) !important;--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/.3)) !important;--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1) h s l/.3)) !important;--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ym-current-outline-color)) !important;--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ym-current-outline-hover-color)) !important;--ym-selected-outline-color: var(--ig-calendar-ym-selected-outline-color, transparent) !important;--ym-selected-hover-outline-color: var(--ig-calendar-ym-selected-hover-outline-color, transparent) !important;--ym-selected-focus-outline-color: var(--ig-calendar-ym-selected-focus-outline-color, transparent) !important;--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)) !important;--picker-foreground: var(--ig-calendar-picker-foreground, hsla(from color(from var(--picker-background) var(--y-contrast)) h 0 l/1)) !important;--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-200)) !important;--header-foreground: var(--ig-calendar-header-foreground, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1)) !important;--header-background: var(--ig-calendar-header-background, var(--ig-secondary-500)) !important;--date-current-border-radius: var(--ig-calendar-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)) !important;--date-special-border-radius: var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)) !important;--date-hover-background: var(--ig-calendar-date-hover-background, lch(from var(--content-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--date-focus-background: var(--ig-calendar-date-focus-background, var(--date-hover-background)) !important;--date-current-foreground: var(--ig-calendar-date-current-foreground, hsla(from color(from var(--date-current-background) var(--y-contrast)) h 0 l/1)) !important;--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--date-hover-background)) !important;--date-selected-foreground: var(--ig-calendar-date-selected-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1)) !important;--date-selected-background: var(--ig-calendar-date-selected-background, var(--header-background)) !important;--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1)) !important;--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, lch(from var(--date-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1)) !important;--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--date-selected-hover-background)) !important;--date-selected-special-foreground: var(--ig-calendar-date-selected-special-foreground, var(--date-selected-foreground)) !important;--date-selected-special-background: var(--ig-calendar-date-selected-special-background, var(--date-selected-background)) !important;--date-selected-special-hover-foreground: var(--ig-calendar-date-selected-special-hover-foreground, var(--date-selected-hover-foreground)) !important;--date-selected-special-hover-background: var(--ig-calendar-date-selected-special-hover-background, var(--date-selected-hover-background)) !important;--date-selected-special-focus-foreground: var(--ig-calendar-date-selected-special-focus-foreground, var(--date-selected-special-hover-foreground)) !important;--date-selected-special-focus-background: var(--ig-calendar-date-selected-special-focus-background, var(--date-selected-hover-background)) !important;--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1)) !important;--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--date-selected-background)) !important;--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, hsla(from color(from var(--date-selected-background) var(--y-contrast)) h 0 l/1)) !important;--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--date-selected-hover-background)) !important;--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, hsla(from color(from var(--date-selected-current-focus-background) var(--y-contrast)) h 0 l/1)) !important;--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--date-selected-background)) !important;--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--content-foreground)) !important;--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsl(from var(--date-selected-background) h s l/.24)) !important;--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--date-hover-background)) !important;--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--date-selected-range-hover-background)) !important;--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, var(--date-current-background)) !important;--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--date-selected-current-range-background)) !important;--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--date-selected-current-range-hover-background)) !important;--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--date-selected-foreground)) !important;--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--date-selected-hover-foreground)) !important;--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--date-selected-focus-foreground)) !important;--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(from color(from var(--content-background) var(--y-contrast)) h 0 l/1)) !important;--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, lch(from var(--date-special-foreground) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h)) !important;--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--date-special-hover-border-color)) !important;--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--date-hover-background)) !important;--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--date-focus-background)) !important;--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--date-selected-range-hover-background)) !important;--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--date-special-focus-background)) !important;--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--date-special-border-color)) !important;--date-special-range-hover-border-color: var(--ig-calendar-date-special-range-hover-border-color, var(--date-special-range-border-color)) !important;--date-special-range-focus-border-color: var(--ig-calendar-date-special-range-focus-border-color, var(--date-special-range-hover-border-color)) !important;--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--date-special-foreground)) !important;--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, lch(from var(--date-special-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h)) !important;--date-special-focus-border-color: var(--ig-calendar-date-special-focus-border-color, var(--date-special-hover-border-color)) !important;--date-current-border-color: var(--ig-calendar-date-current-border-color, var(--date-current-foreground)) !important;--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, var(--date-current-hover-foreground)) !important;--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, var(--date-current-focus-foreground)) !important;--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--content-foreground)) !important;--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--date-selected-current-border-color)) !important;--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--date-selected-current-hover-border-color)) !important;--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--date-special-foreground)) !important;--date-special-range-hover-foreground: var(--ig-calendar-date-special-range-hover-foreground, var(--date-special-hover-foreground)) !important;--date-special-range-focus-foreground: var(--ig-calendar-date-special-range-focus-foreground, var(--date-special-range-hover-foreground)) !important;--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .5) * .5rem), .5rem)) !important;--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, hsla(from color(from var(--ym-selected-current-hover-background) var(--y-contrast)) h 0 l/1)) !important;--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ym-selected-hover-background)) !important;--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, hsla(from color(from var(--ym-hover-background) var(--y-contrast)) h 0 l/1)) !important;--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--date-hover-background)) !important;--ym-current-foreground: var(--ig-calendar-ym-current-foreground, hsla(from color(from var(--ym-current-background) var(--y-contrast)) h 0 l/1)) !important;--ym-current-background: var(--ig-calendar-ym-current-background, var(--date-current-background)) !important;--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, hsla(from color(from var(--ym-current-hover-background) var(--y-contrast)) h 0 l/1)) !important;--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--date-current-hover-background)) !important;--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, hsla(from color(from var(--ym-selected-background) var(--y-contrast)) h 0 l/1)) !important;--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--header-background)) !important;--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, hsla(from color(from var(--ym-selected-hover-background) var(--y-contrast)) h 0 l/1)) !important;--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, lch(from var(--ym-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, hsla(from color(from var(--ym-selected-current-background) var(--y-contrast)) h 0 l/1)) !important;--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ym-selected-background)) !important;--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ym-current-outline-color)) !important;--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, var(--date-current-border-color)) !important;--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ym-current-outline-hover-color)) !important;--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ym-current-outline-focus-color)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-stepper{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900)) !important;--step-background: var(--ig-stepper-step-background, transparent) !important;--indicator-background: var(--ig-stepper-indicator-background, hsl(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/.6)) !important;--indicator-outline: var(--ig-stepper-indicator-outline, var(--indicator-background)) !important;--title-color: var(--ig-stepper-title-color, hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1)) !important;--title-hover-color: var(--ig-stepper-title-hover-color, hsla(from color(from var(--step-hover-background) var(--y-contrast)) h 0 l/1)) !important;--title-focus-color: var(--ig-stepper-title-focus-color, hsla(from color(from var(--step-focus-background) var(--y-contrast)) h 0 l/1)) !important;--subtitle-color: var(--ig-stepper-subtitle-color, hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1)) !important;--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(from color(from var(--step-hover-background) var(--y-contrast)) h 0 l/1)) !important;--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(from color(from var(--step-focus-background) var(--y-contrast)) h 0 l/1)) !important;--complete-step-background: var(--ig-stepper-complete-step-background, var(--step-background)) !important;--complete-title-color: var(--ig-stepper-complete-title-color, hsla(from color(from var(--complete-step-background) var(--y-contrast)) h 0 l/1)) !important;--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(from color(from var(--complete-step-hover-background) var(--y-contrast)) h 0 l/1)) !important;--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(from color(from var(--complete-step-focus-background) var(--y-contrast)) h 0 l/1)) !important;--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(from color(from var(--complete-step-background) var(--y-contrast)) h 0 l/1)) !important;--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(from color(from var(--complete-step-hover-background) var(--y-contrast)) h 0 l/1)) !important;--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(from color(from var(--complete-step-focus-background) var(--y-contrast)) h 0 l/1)) !important;--current-step-background: var(--ig-stepper-current-step-background, var(--step-background)) !important;--current-indicator-background: var(--ig-stepper-current-indicator-background, lch(from var(--current-step-background) calc(l + (50 - l)*.1 + sign(50 - l)*20) c h)) !important;--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--current-indicator-background)) !important;--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(from color(from var(--current-indicator-background) var(--y-contrast)) h 0 l/1)) !important;--current-title-color: var(--ig-stepper-current-title-color, hsla(from color(from var(--current-step-background) var(--y-contrast)) h 0 l/1)) !important;--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(from color(from var(--current-step-hover-background) var(--y-contrast)) h 0 l/1)) !important;--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(from color(from var(--current-step-focus-background) var(--y-contrast)) h 0 l/1)) !important;--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(from color(from var(--current-step-background) var(--y-contrast)) h 0 l/1)) !important;--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(from color(from var(--current-step-hover-background) var(--y-contrast)) h 0 l/1)) !important;--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(from color(from var(--current-step-focus-background) var(--y-contrast)) h 0 l/1)) !important;--invalid-step-background: var(--ig-stepper-invalid-step-background, var(--step-background)) !important;--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-700)) !important;--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-700)) !important;--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast)) !important;--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-700)) !important;--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-700)) !important;--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-800)) !important;--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-700)) !important;--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-700)) !important;--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-800)) !important;--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(from hsla(from color(from var(--disabled-indicator-background) var(--y-contrast)) h 0 l/1) h s l/.5)) !important;--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/.5)) !important;--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--disabled-indicator-background)) !important;--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/.3)) !important;--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(from hsla(from color(from var(--step-background) var(--y-contrast)) h 0 l/1) h s l/.3)) !important;--step-separator-color: var(--ig-stepper-step-separator-color, var(--step-background)) !important;--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900)) !important;--step-separator-style: var(--ig-stepper-step-separator-style, dashed) !important;--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid) !important;--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem)) !important;--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem)) !important;--indicator-color: var(--ig-stepper-indicator-color, hsla(from color(from var(--indicator-background) var(--y-contrast)) h 0 l/1)) !important;--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(from color(from var(--complete-step-background) var(--y-contrast)) h 0 l/1)) !important;--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900)) !important;--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(from color(from var(--complete-indicator-background) var(--y-contrast)) h 0 l/1)) !important;--step-hover-background: var(--ig-stepper-step-hover-background, lch(from var(--step-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h)) !important;--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, lch(from var(--complete-step-background) calc(l + (50 - l)*.1 + sign(50 - l)*8) c h)) !important;--current-step-hover-background: var(--ig-stepper-current-step-hover-background, lch(from var(--current-step-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h)) !important;--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, lch(from var(--invalid-step-background) calc(l + (50 - l)*.1 + sign(50 - l)*8) c h)) !important;--step-focus-background: var(--ig-stepper-step-focus-background, lch(from var(--step-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, lch(from var(--complete-step-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--current-step-focus-background: var(--ig-stepper-current-step-focus-background, lch(from var(--current-step-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, lch(from var(--invalid-step-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-input-group{--helper-text-color: var(--ig-input-group-helper-text-color, var(--ig-gray-700)) !important;--text-error-color: var(--ig-input-group-text-error-color, var(--ig-error-500)) !important;--icon-error-color: var(--ig-input-group-icon-error-color, var(--ig-error-500)) !important;--input-prefix-background: var(--ig-input-group-input-prefix-background, transparent) !important;--input-prefix-color: var(--ig-input-group-input-prefix-color, hsl(from hsla(from color(from var(--box-background) var(--y-contrast)) h 0 l/1) h s l/.9)) !important;--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, inherit) !important;--input-prefix-color--filled: var(--ig-input-group-input-prefix-color--filled, hsla(from color(from var(--box-background) var(--y-contrast)) h 0 l/1)) !important;--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, inherit) !important;--input-prefix-color--focused: var(--ig-input-group-input-prefix-color--focused, hsla(from color(from var(--box-background-focus) var(--y-contrast)) h 0 l/1)) !important;--input-suffix-background: var(--ig-input-group-input-suffix-background, transparent) !important;--input-suffix-color: var(--ig-input-group-input-suffix-color, hsl(from hsla(from color(from var(--box-background) var(--y-contrast)) h 0 l/1) h s l/.9)) !important;--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, inherit) !important;--input-suffix-color--filled: var(--ig-input-group-input-suffix-color--filled, hsla(from color(from var(--box-background) var(--y-contrast)) h 0 l/1)) !important;--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, inherit) !important;--input-suffix-color--focused: var(--ig-input-group-input-suffix-color--focused, hsla(from color(from var(--box-background-focus) var(--y-contrast)) h 0 l/1)) !important;--idle-text-color: var(--ig-input-group-idle-text-color, hsla(from color(from var(--box-background) var(--y-contrast)) h 0 l/1)) !important;--filled-text-color: var(--ig-input-group-filled-text-color, hsla(from color(from var(--box-background) var(--y-contrast)) h 0 l/1)) !important;--filled-text-hover-color: var(--ig-input-group-filled-text-hover-color, hsla(from color(from var(--box-background) var(--y-contrast)) h 0 l/1)) !important;--focused-text-color: var(--ig-input-group-focused-text-color, hsla(from color(from var(--box-background-focus) var(--y-contrast)) h 0 l/1)) !important;--disabled-text-color: var(--ig-input-group-disabled-text-color, hsla(from color(from var(--box-disabled-background) var(--y-contrast)) h 0 l/1)) !important;--idle-secondary-color: var(--ig-input-group-idle-secondary-color, hsl(from hsla(from color(from var(--box-background) var(--y-contrast)) h 0 l/1) h s l/.9)) !important;--filled-secondary-color: var(--ig-input-group-filled-secondary-color, var(--ig-gray-600)) !important;--focused-secondary-color: var(--ig-input-group-focused-secondary-color, var(--focused-border-color)) !important;--idle-bottom-line-color: var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500)) !important;--hover-bottom-line-color: var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800)) !important;--focused-bottom-line-color: var(--ig-input-group-focused-bottom-line-color, var(--focused-border-color)) !important;--disabled-bottom-line-color: var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500)) !important;--disabled-border-color: var(--ig-input-group-disabled-border-color, var(--ig-gray-500)) !important;--border-color: var(--ig-input-group-border-color, var(--ig-gray-500)) !important;--hover-border-color: var(--ig-input-group-hover-border-color, lch(from var(--border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h)) !important;--focused-border-color: var(--ig-input-group-focused-border-color, var(--hover-border-color)) !important;--border-background: var(--ig-input-group-border-background, transparent) !important;--border-disabled-background: var(--ig-input-group-border-disabled-background, transparent) !important;--search-background: var(--ig-input-group-search-background, var(--ig-surface-500)) !important;--search-disabled-background: var(--ig-input-group-search-disabled-background, hsl(from var(--search-background) h s l/.4)) !important;--success-secondary-color: var(--ig-input-group-success-secondary-color, var(--ig-success-500)) !important;--warning-secondary-color: var(--ig-input-group-warning-secondary-color, var(--ig-warn-500)) !important;--error-secondary-color: var(--ig-input-group-error-secondary-color, var(--ig-error-500)) !important;--placeholder-color: var(--ig-input-group-placeholder-color, hsl(from hsla(from color(from var(--box-background) var(--y-contrast)) h 0 l/1) h s l/.9)) !important;--hover-placeholder-color: var(--ig-input-group-hover-placeholder-color, hsl(from hsla(from color(from var(--box-background-hover) var(--y-contrast)) h 0 l/1) h s l/.9)) !important;--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, hsla(from color(from var(--box-disabled-background) var(--y-contrast)) h 0 l/1)) !important;--box-background: var(--ig-input-group-box-background, var(--ig-gray-200)) !important;--box-background-hover: var(--ig-input-group-box-background-hover, var(--box-background)) !important;--box-background-focus: var(--ig-input-group-box-background-focus, lch(from var(--box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--box-disabled-background: var(--ig-input-group-box-disabled-background, hsl(from var(--box-background) h s l/.4)) !important;--box-border-radius: var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)) !important;--border-border-radius: var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)) !important;--search-border-radius: var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)) !important;--success-shadow-color: var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/.38)) !important;--error-shadow-color: var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/.38)) !important;--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))) !important;--default-size: var(--ig-input-group-default-size, 2) !important;--search-resting-elevation: var(--ig-input-group-search-resting-elevation, var(--ig-elevation-1)) !important;--search-hover-elevation: var(--ig-input-group-search-hover-elevation, var(--ig-elevation-2)) !important;--search-disabled-elevation: var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-1)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-chip{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-8)) !important;--remove-icon-color: var(--ig-chip-remove-icon-color, "currentColor") !important;--focus-shadow-color: var(--ig-chip-focus-shadow-color, transparent) !important;--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, transparent) !important;--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, "currentColor") !important;--background: var(--ig-chip-background, var(--ig-gray-300)) !important;--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-400)) !important;--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-gray-400-contrast)) !important;--hover-text-color: var(--ig-chip-hover-text-color, hsla(from color(from var(--hover-background) var(--y-contrast)) h 0 l/1)) !important;--hover-background: var(--ig-chip-hover-background, lch(from var(--background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--focus-text-color: var(--ig-chip-focus-text-color, hsla(from color(from var(--focus-background) var(--y-contrast)) h 0 l/1)) !important;--selected-text-color: var(--ig-chip-selected-text-color, hsla(from color(from var(--selected-background) var(--y-contrast)) h 0 l/1)) !important;--selected-background: var(--ig-chip-selected-background, var(--background)) !important;--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, hsla(from color(from var(--hover-selected-background) var(--y-contrast)) h 0 l/1)) !important;--hover-selected-background: var(--ig-chip-hover-selected-background, lch(from var(--selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)) !important;--disabled-text-color: var(--ig-chip-disabled-text-color, var(--ig-gray-500)) !important;--disabled-background: var(--ig-chip-disabled-background, var(--ig-gray-200)) !important;--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, var(--ig-gray-500)) !important;--disabled-selected-background: var(--ig-chip-disabled-selected-background, var(--ig-gray-200)) !important;--size: var(--ig-chip-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.25rem, -1 * 1.25rem))) !important;--default-size: var(--ig-chip-default-size, 2) !important;--outlined-background: var(--ig-chip-outlined-background, transparent) !important;--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-100-contrast)) !important;--border-color: var(--ig-chip-border-color, var(--ig-gray-100-contrast)) !important;--selected-outlined-background: var(--ig-chip-selected-outlined-background, transparent) !important;--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-100-contrast)) !important;--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-gray-100-contrast)) !important;--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-100-contrast)) !important;--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-100-contrast)) !important;--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-gray-100-contrast)) !important;--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-100-contrast)) !important;--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100-contrast)) !important;--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, var(--ig-gray-100-contrast)) !important;--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-gray-100-contrast)) !important;--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-100-contrast)) !important;--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)) !important;--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, var(--ig-gray-500)) !important;--disabled-border-color: var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-500) h s l/.3)) !important;--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)) !important;--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-500)) !important;--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, hsl(from var(--ig-gray-500) h s l/.3)) !important;--text-color: var(--ig-chip-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--focus-background: var(--ig-chip-focus-background, lch(from var(--background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h)) !important;--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, hsla(from color(from var(--focus-selected-background) var(--y-contrast)) h 0 l/1)) !important;--focus-selected-background: var(--ig-chip-focus-selected-background, lch(from var(--selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h)) !important;--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/.16)) !important;--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/.16)) !important;--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/.3)) !important;--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/.3)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-color-picker{--label-color: var(--ig-color-picker-label-color, var(--ig-gray-900)) !important;--label-color-invalid: var(--ig-color-picker-label-color-invalid, var(--ig-error-800)) !important;--label-color-disabled: var(--ig-color-picker-label-color-disabled, var(--ig-gray-500)) !important;--anchor-background: var(--ig-color-picker-anchor-background, transparent) !important;--anchor-background-focus-visible-hover: var(--ig-color-picker-anchor-background-focus-visible-hover, hsl(from var(--anchor-background) h s l/.24)) !important;--anchor-background-disabled: var(--ig-color-picker-anchor-background-disabled, transparent) !important;--anchor-outline-color: var(--ig-color-picker-anchor-outline-color, transparent) !important;--anchor-border-color: var(--ig-color-picker-anchor-border-color, lch(from var(--anchor-background) calc(l + (50 - l)*.1 + sign(50 - l)*20) c h)) !important;--anchor-border-color-disabled: var(--ig-color-picker-anchor-border-color-disabled, var(--ig-gray-300)) !important;--anchor-border-radius: var(--ig-color-picker-anchor-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * .25rem), .25rem)) !important;--swatch-preview-border-color: var(--ig-color-picker-swatch-preview-border-color, var(--ig-gray-300)) !important;--swatch-preview-border-radius: var(--ig-color-picker-swatch-preview-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * .125rem), .125rem)) !important;--picker-background: var(--ig-color-picker-picker-background, var(--ig-surface-500)) !important;--picker-border-color: var(--ig-color-picker-picker-border-color, lch(from var(--picker-background) calc(l + (50 - l)*.1 + sign(50 - l)*20) c h)) !important;--picker-border-radius: var(--ig-color-picker-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * .25rem), .25rem)) !important;--picker-canvas-border-color: var(--ig-color-picker-picker-canvas-border-color, var(--picker-border-color)) !important;--slider-track-border-radius: var(--ig-color-picker-slider-track-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * .625rem), .625rem)) !important;--slider-thumb-border-color: var(--ig-color-picker-slider-thumb-border-color, var(--ig-gray-900-contrast)) !important;--slider-track-border-color: var(--ig-color-picker-slider-track-border-color, var(--picker-border-color)) !important;--swatch-separator-color: var(--ig-color-picker-swatch-separator-color, var(--swatch-border-color)) !important;--swatch-border-color: var(--ig-color-picker-swatch-border-color, var(--picker-border-color)) !important;--swatch-border-radius: var(--ig-color-picker-swatch-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * .25rem), .25rem)) !important;--swatch-size: var(--ig-color-picker-swatch-size, 1.75rem) !important;--transparency-grid-odd: var(--ig-color-picker-transparency-grid-odd, var(--ig-gray-400)) !important;--transparency-grid-even: var(--ig-color-picker-transparency-grid-even, #fff) !important;--invalid-color: var(--ig-color-picker-invalid-color, var(--ig-error-800)) !important;--marker-size: var(--ig-color-picker-marker-size, 1rem) !important;--marker-elevation: var(--ig-color-picker-marker-elevation, var(--ig-elevation-1)) !important;--marker-color: var(--ig-color-picker-marker-color, var(--ig-gray-900-contrast)) !important;--default-size: var(--ig-color-picker-default-size, 2) !important;--picker-elevation: var(--ig-color-picker-picker-elevation, var(--ig-elevation-24)) !important;--anchor-background-hover: var(--ig-color-picker-anchor-background-hover, hsl(from var(--anchor-background) h s l/.8)) !important;--anchor-background-active: var(--ig-color-picker-anchor-background-active, hsl(from lch(from var(--anchor-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h) h s l/.16)) !important;--anchor-background-focus-visible: var(--ig-color-picker-anchor-background-focus-visible, hsl(from var(--anchor-background) h s l/.16)) !important;--anchor-background-active-focus-visible: var(--ig-color-picker-anchor-background-active-focus-visible, hsl(from lch(from var(--anchor-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h) h s l/.32)) !important;--trigger-size: var(--ig-color-picker-trigger-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-list{--background: var(--ig-list-background, var(--ig-surface-500)) !important;--header-background: var(--ig-list-header-background, var(--background)) !important;--header-text-color: var(--ig-list-header-text-color, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1)) !important;--item-background: var(--ig-list-item-background, var(--ig-surface-500)) !important;--item-background-hover: var(--ig-list-item-background-hover, lch(from var(--item-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--item-background-active: var(--ig-list-item-background-active, var(--item-background-hover)) !important;--item-background-selected: var(--ig-list-item-background-selected, var(--item-background-active)) !important;--item-text-color: var(--ig-list-item-text-color, hsla(from color(from var(--item-background) var(--y-contrast)) h 0 l/1)) !important;--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(from color(from var(--item-background-hover) var(--y-contrast)) h 0 l/1)) !important;--item-text-color-active: var(--ig-list-item-text-color-active, hsla(from color(from var(--item-background-active) var(--y-contrast)) h 0 l/1)) !important;--item-text-color-selected: var(--ig-list-item-text-color-selected, hsla(from color(from var(--item-background-selected) var(--y-contrast)) h 0 l/1)) !important;--item-title-color: var(--ig-list-item-title-color, var(--item-text-color)) !important;--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--item-text-color-hover)) !important;--item-title-color-active: var(--ig-list-item-title-color-active, var(--item-text-color-active)) !important;--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--item-text-color-selected)) !important;--item-action-color: var(--ig-list-item-action-color, var(--item-text-color)) !important;--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--item-text-color-hover)) !important;--item-action-color-active: var(--ig-list-item-action-color-active, var(--item-text-color-active)) !important;--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--item-text-color-selected)) !important;--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--item-text-color) h s l/.74)) !important;--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--item-text-color-hover) h s l/.74)) !important;--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--item-text-color-active) h s l/.74)) !important;--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--item-text-color-selected) h s l/.74)) !important;--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--item-text-color)) !important;--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--item-text-color-hover)) !important;--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--item-text-color-active)) !important;--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--item-text-color-selected)) !important;--border-color: var(--ig-list-border-color, transparent) !important;--border-width: var(--ig-list-border-width, 0) !important;--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)) !important;--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)) !important;--default-size: var(--ig-list-default-size, 2) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-tabs{--item-text-color: var(--ig-tabs-item-text-color, hsl(from hsla(from color(from var(--item-background) var(--y-contrast)) h 0 l/1) h s l/.8)) !important;--item-background: var(--ig-tabs-item-background, var(--ig-surface-500)) !important;--item-hover-background: var(--ig-tabs-item-hover-background, lch(from var(--item-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--item-text-color) h s l/1)) !important;--item-active-color: var(--ig-tabs-item-active-color, hsla(from color(from var(--item-active-background) var(--y-contrast)) h 0 l/1)) !important;--item-active-hover-color: var(--ig-tabs-item-active-hover-color, hsla(from color(from var(--item-active-hover-background) var(--y-contrast)) h 0 l/1)) !important;--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from hsla(from color(from var(--item-background) h s l/.8 var(--y-contrast)) h 0 l/1))) !important;--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(from color(from var(--item-active-background) var(--y-contrast)) h 0 l/1)) !important;--item-active-hover-icon-color: var(--ig-tabs-item-active-hover-icon-color, hsla(from color(from var(--item-active-hover-background) var(--y-contrast)) h 0 l/1)) !important;--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--item-icon-color) h s l/1)) !important;--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, var(--ig-gray-500)) !important;--item-active-background: var(--ig-tabs-item-active-background, var(--item-background)) !important;--item-active-hover-background: var(--ig-tabs-item-active-hover-background, lch(from var(--item-active-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--item-disabled-color: var(--ig-tabs-item-disabled-color, var(--ig-gray-500)) !important;--indicator-color: var(--ig-tabs-indicator-color, var(--item-active-color)) !important;--button-color: var(--ig-tabs-button-color, hsla(from color(from var(--button-background) var(--y-contrast)) h 0 l/1)) !important;--button-background: var(--ig-tabs-button-background, var(--item-background)) !important;--button-hover-background: var(--ig-tabs-button-hover-background, lch(from var(--item-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--button-hover-color: var(--ig-tabs-button-hover-color, hsla(from color(from var(--button-hover-background) var(--y-contrast)) h 0 l/1)) !important;--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--button-color) h s l/.4)) !important;--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--item-background)) !important;--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--button-color)) !important;--border-color: var(--ig-tabs-border-color, transparent) !important;--border-color--hover: var(--ig-tabs-border-color--hover, transparent) !important;--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .375rem), .375rem)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-carousel{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-1)) !important;--slide-background: var(--ig-carousel-slide-background, var(--ig-gray-900-contrast)) !important;--button-background: var(--ig-carousel-button-background, var(--ig-gray-50)) !important;--button-hover-background: var(--ig-carousel-button-hover-background, var(--button-background)) !important;--button-arrow-color: var(--ig-carousel-button-arrow-color, hsla(from hsla(from color(from var(--button-background) var(--y-contrast)) h 0 l/1) h s l/.85)) !important;--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, hsla(from color(from var(--button-hover-background) var(--y-contrast)) h 0 l/1)) !important;--button-disabled-background: var(--ig-carousel-button-disabled-background, var(--button-background)) !important;--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from hsla(from color(from var(--button-disabled-background) var(--y-contrast)) h 0 l/1) h s l/.4)) !important;--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsla(from color(from var(--indicator-background) var(--y-contrast)) h 0 l/1)) !important;--button-focus-border-color: var(--ig-carousel-button-focus-border-color, var(--button-focus-arrow-color)) !important;--button-border-color: var(--ig-carousel-button-border-color, transparent) !important;--button-hover-border-color: var(--ig-carousel-button-hover-border-color, transparent) !important;--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, transparent) !important;--indicator-dot-color: var(--ig-carousel-indicator-dot-color, transparent) !important;--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, transparent) !important;--indicator-background: var(--ig-carousel-indicator-background, var(--ig-gray-50)) !important;--label-indicator-background: var(--ig-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/.8)) !important;--indicator-color: var(--ig-carousel-indicator-color, var(--ig-gray-700)) !important;--indicator-border-color: var(--ig-carousel-indicator-border-color, hsl(from hsla(from color(from var(--indicator-background) var(--y-contrast)) h 0 l/1) h s l/.8)) !important;--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, hsla(from color(from var(--indicator-background) var(--y-contrast)) h 0 l/1)) !important;--indicator-active-border-color: var(--ig-carousel-indicator-active-border-color, var(--indicator-active-dot-color)) !important;--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, var(--indicator-active-dot-color)) !important;--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.25rem), 2.25rem)) !important;--button-focus-arrow-color: var(--ig-carousel-button-focus-arrow-color, var(--button-hover-arrow-color)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-breadcrumb{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-500)) !important;--icon-color: var(--ig-breadcrumb-icon-color, var(--text-color)) !important;--current-text-color: var(--ig-breadcrumb-current-text-color, var(--ig-gray-700)) !important;--current-icon-color: var(--ig-breadcrumb-current-icon-color, var(--ig-gray-700)) !important;--hover-text-color: var(--ig-breadcrumb-hover-text-color, lch(from var(--text-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--hover-text-color)) !important;--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-gray-500)) !important;--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-500)) !important;--separator-color: var(--ig-breadcrumb-separator-color, var(--ig-gray-700)) !important;--focus-text-color: var(--ig-breadcrumb-focus-text-color, lch(from var(--text-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--focus-text-color)) !important;--focus-underline-color: var(--ig-breadcrumb-focus-underline-color, var(--focus-text-color)) !important;--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, lch(from var(--hover-text-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--focus-hover-text-color)) !important;--focus-hover-underline-color: var(--ig-breadcrumb-focus-hover-underline-color, var(--focus-hover-text-color)) !important;--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, lch(from var(--text-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--pressed-text-color)) !important;--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, lch(from var(--pressed-text-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--focus-pressed-text-color)) !important;--focus-pressed-underline-color: var(--ig-breadcrumb-focus-pressed-underline-color, var(--focus-pressed-text-color)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-contained-icon-button{--shadow-color: var(--ig-contained-icon-button-shadow-color, hsl(from var(--focus-background) h s l/.5)) !important;--background: var(--ig-contained-icon-button-background, hsl(from var(--ig-gray-900) h s l/.08)) !important;--foreground: var(--ig-contained-icon-button-foreground, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--hover-background: var(--ig-contained-icon-button-hover-background, lch(from var(--background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--hover-foreground: var(--ig-contained-icon-button-hover-foreground, hsla(from color(from var(--hover-background) var(--y-contrast)) h 0 l/1)) !important;--focus-background: var(--ig-contained-icon-button-focus-background, lch(from var(--background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h)) !important;--focus-foreground: var(--ig-contained-icon-button-focus-foreground, hsla(from color(from var(--focus-background) var(--y-contrast)) h 0 l/1)) !important;--focus-hover-background: var(--ig-contained-icon-button-focus-hover-background, lch(from var(--focus-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--focus-hover-foreground: var(--ig-contained-icon-button-focus-hover-foreground, hsla(from color(from var(--focus-hover-background) var(--y-contrast)) h 0 l/1)) !important;--active-background: var(--ig-contained-icon-button-active-background, lch(from var(--background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h)) !important;--active-foreground: var(--ig-contained-icon-button-active-foreground, hsla(from color(from var(--active-background) var(--y-contrast)) h 0 l/1)) !important;--border-color: var(--ig-contained-icon-button-border-color, transparent) !important;--focus-border-color: var(--ig-contained-icon-button-focus-border-color, transparent) !important;--disabled-background: var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/.04)) !important;--disabled-foreground: var(--ig-contained-icon-button-disabled-foreground, var(--ig-gray-500)) !important;--disabled-border-color: var(--ig-contained-icon-button-disabled-border-color, transparent) !important;--border-radius: var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)) !important;--size: var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))) !important;--default-size: var(--ig-contained-icon-button-default-size, 3) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-flat-icon-button{--shadow-color: var(--ig-flat-icon-button-shadow-color, transparent) !important;--background: var(--ig-flat-icon-button-background, transparent) !important;--foreground: var(--ig-flat-icon-button-foreground, var(--ig-gray-900)) !important;--hover-background: var(--ig-flat-icon-button-hover-background, hsl(from var(--foreground) h s l/.08)) !important;--hover-foreground: var(--ig-flat-icon-button-hover-foreground, var(--foreground)) !important;--focus-background: var(--ig-flat-icon-button-focus-background, hsl(from var(--foreground) h s l/.16)) !important;--focus-foreground: var(--ig-flat-icon-button-focus-foreground, var(--foreground)) !important;--focus-hover-background: var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--foreground) h s l/.24)) !important;--focus-hover-foreground: var(--ig-flat-icon-button-focus-hover-foreground, var(--foreground)) !important;--active-background: var(--ig-flat-icon-button-active-background, hsl(from var(--foreground) h s l/.24)) !important;--active-foreground: var(--ig-flat-icon-button-active-foreground, var(--foreground)) !important;--border-color: var(--ig-flat-icon-button-border-color, transparent) !important;--focus-border-color: var(--ig-flat-icon-button-focus-border-color, transparent) !important;--disabled-background: var(--ig-flat-icon-button-disabled-background, transparent) !important;--disabled-foreground: var(--ig-flat-icon-button-disabled-foreground, var(--ig-gray-500)) !important;--disabled-border-color: var(--ig-flat-icon-button-disabled-border-color, transparent) !important;--border-radius: var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)) !important;--size: var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))) !important;--default-size: var(--ig-flat-icon-button-default-size, 3) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-outlined-icon-button{--shadow-color: var(--ig-outlined-icon-button-shadow-color, transparent) !important;--background: var(--ig-outlined-icon-button-background, transparent) !important;--foreground: var(--ig-outlined-icon-button-foreground, var(--ig-gray-900)) !important;--hover-background: var(--ig-outlined-icon-button-hover-background, hsl(from var(--foreground) h s l/.08)) !important;--hover-foreground: var(--ig-outlined-icon-button-hover-foreground, var(--foreground)) !important;--focus-background: var(--ig-outlined-icon-button-focus-background, hsl(from var(--foreground) h s l/.16)) !important;--focus-foreground: var(--ig-outlined-icon-button-focus-foreground, var(--foreground)) !important;--focus-hover-background: var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--foreground) h s l/.24)) !important;--focus-hover-foreground: var(--ig-outlined-icon-button-focus-hover-foreground, var(--foreground)) !important;--active-background: var(--ig-outlined-icon-button-active-background, hsl(from var(--foreground) h s l/.24)) !important;--active-foreground: var(--ig-outlined-icon-button-active-foreground, var(--foreground)) !important;--border-color: var(--ig-outlined-icon-button-border-color, hsl(from var(--foreground) h s l/.4)) !important;--focus-border-color: var(--ig-outlined-icon-button-focus-border-color, var(--ig-gray-300)) !important;--disabled-background: var(--ig-outlined-icon-button-disabled-background, transparent) !important;--disabled-foreground: var(--ig-outlined-icon-button-disabled-foreground, var(--ig-gray-500)) !important;--disabled-border-color: var(--ig-outlined-icon-button-disabled-border-color, var(--ig-gray-300)) !important;--border-radius: var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)) !important;--size: var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))) !important;--default-size: var(--ig-outlined-icon-button-default-size, 3) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-slider{--track-color: var(--ig-slider-track-color, var(--thumb-color)) !important;--track-step-color: var(--ig-slider-track-step-color, hsla(from color(from var(--base-track-color) var(--y-contrast)) h 0 l/1)) !important;--track-step-size: var(--ig-slider-track-step-size, .1875rem) !important;--thumb-disabled-border-color: var(--ig-slider-thumb-disabled-border-color, var(--ig-gray-400)) !important;--label-background-color: var(--ig-slider-label-background-color, var(--track-color)) !important;--label-text-color: var(--ig-slider-label-text-color, hsla(from color(from var(--track-color) var(--y-contrast)) h 0 l/1)) !important;--tick-color: var(--ig-slider-tick-color, var(--ig-gray-500)) !important;--tick-label-color: var(--ig-slider-tick-label-color, var(--ig-gray-500)) !important;--thumb-color: var(--ig-slider-thumb-color, var(--ig-secondary-500)) !important;--thumb-border-color: var(--ig-slider-thumb-border-color, var(--ig-secondary-500)) !important;--thumb-border-hover-color: var(--ig-slider-thumb-border-hover-color, var(--ig-secondary-500)) !important;--thumb-border-focus-color: var(--ig-slider-thumb-border-focus-color, var(--ig-secondary-500)) !important;--track-hover-color: var(--ig-slider-track-hover-color, lch(from var(--track-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--thumb-focus-color: var(--ig-slider-thumb-focus-color, transparent) !important;--disabled-thumb-color: var(--ig-slider-disabled-thumb-color, hsl(from lch(from var(--thumb-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h) h calc(s/2) l)) !important;--base-track-color: var(--ig-slider-base-track-color, hsl(from var(--track-color) h s l/.4)) !important;--base-track-hover-color: var(--ig-slider-base-track-hover-color, var(--base-track-color)) !important;--disabled-base-track-color: var(--ig-slider-disabled-base-track-color, hsl(from var(--base-track-color) h s l/.5)) !important;--disabled-fill-track-color: var(--ig-slider-disabled-fill-track-color, hsl(from var(--track-color) h s l/.5)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-combo{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--toggle-button-background)) !important;--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400)) !important;--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500)) !important;--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500)) !important;--search-separator-border-color: var(--ig-combo-search-separator-border-color, transparent) !important;--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700)) !important;--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300)) !important;--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, lch(from var(--toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1)) !important;--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(from color(from var(--toggle-button-background-focus) var(--y-contrast)) h 0 l/1)) !important;--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1)) !important;--clear-button-background: var(--ig-combo-clear-button-background, transparent) !important;--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900)) !important;--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900)) !important;--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, hsl(from var(--toggle-button-background) h s l/.3)) !important;--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1) h s l/.7)) !important;--default-size: var(--ig-combo-default-size, 2) !important;--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-radio{--empty-fill-color: var(--ig-radio-empty-fill-color, transparent) !important;--hover-color: var(--ig-radio-hover-color, lch(from var(--empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--label-color: var(--ig-radio-label-color, var(--ig-gray-900)) !important;--label-color-hover: var(--ig-radio-label-color-hover, var(--ig-gray-900)) !important;--fill-color: var(--ig-radio-fill-color, var(--ig-secondary-500)) !important;--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-400)) !important;--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-gray-400)) !important;--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-500)) !important;--error-color: var(--ig-radio-error-color, var(--ig-error-800)) !important;--focus-border-color: var(--ig-radio-focus-border-color, transparent) !important;--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, transparent) !important;--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, transparent) !important;--focus-outline-color: var(--ig-radio-focus-outline-color, transparent) !important;--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--fill-color-hover)) !important;--empty-color: var(--ig-radio-empty-color, var(--ig-gray-600)) !important;--fill-color-hover: var(--ig-radio-fill-color-hover, lch(from var(--fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-800)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-tree{--background: var(--ig-tree-background, var(--ig-surface-500)) !important;--foreground: var(--ig-tree-foreground, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--icon-color: var(--ig-tree-icon-color, var(--ig-surface-500-contrast)) !important;--background-selected: var(--ig-tree-background-selected, lch(from var(--background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--background-active: var(--ig-tree-background-active, lch(from var(--background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--foreground-active: var(--ig-tree-foreground-active, hsla(from color(from var(--background-active) var(--y-contrast)) h 0 l/1)) !important;--background-disabled: var(--ig-tree-background-disabled, var(--background)) !important;--foreground-disabled: var(--ig-tree-foreground-disabled, hsla(from color(from var(--background-disabled) var(--y-contrast)) h 0 l/1)) !important;--drop-area-color: var(--ig-tree-drop-area-color, var(--ig-secondary-500)) !important;--hover-color: var(--ig-tree-hover-color, hsl(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/.1)) !important;--hover-selected-color: var(--ig-tree-hover-selected-color, lch(from var(--background-selected) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--size: var(--ig-tree-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))) !important;--default-size: var(--ig-tree-default-size, 2) !important;--foreground-selected: var(--ig-tree-foreground-selected, hsla(from color(from var(--background-selected) var(--y-contrast)) h 0 l/1)) !important;--background-active-selected: var(--ig-tree-background-active-selected, lch(from var(--background-active) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--foreground-active-selected: var(--ig-tree-foreground-active-selected, hsla(from color(from var(--background-active-selected) var(--y-contrast)) h 0 l/1)) !important;--border-color: var(--ig-tree-border-color, var(--ig-secondary-500)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}@supports (color: color-mix(in lab,red,red)){.\!light-tree{--background-disabled: var(--ig-tree-background-disabled, color-mix(in hsl, var(--background), transparent 50%)) !important}}.\!light-query-builder{--elevation: var(--ig-query-builder-elevation, var(--ig-elevation-0)) !important;--background: var(--ig-query-builder-background, var(--ig-surface-500)) !important;--header-background: var(--ig-query-builder-header-background, var(--background)) !important;--header-foreground: var(--ig-query-builder-header-foreground, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1)) !important;--header-border: var(--ig-query-builder-header-border, transparent) !important;--color-expression-group-and: var(--ig-query-builder-color-expression-group-and, #9c27b0) !important;--color-expression-group-or: var(--ig-query-builder-color-expression-group-or, #007254) !important;--border-radius: var(--ig-query-builder-border-radius, .25rem) !important;--subquery-header-background: var(--ig-query-builder-subquery-header-background, lch(from var(--header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--subquery-border-color: var(--ig-query-builder-subquery-border-color, lch(from var(--subquery-header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--subquery-border-radius: var(--ig-query-builder-subquery-border-radius, .75rem) !important;--separator-color: var(--ig-query-builder-separator-color, lch(from var(--subquery-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--label-foreground: var(--ig-query-builder-label-foreground, hsl(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) h s l/.6)) !important;--foreground: var(--ig-query-builder-foreground, hsla(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l/1)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-expansion-panel{--header-background: var(--ig-expansion-panel-header-background, var(--ig-surface-500)) !important;--body-background: var(--ig-expansion-panel-body-background, var(--ig-surface-500)) !important;--header-focus-background: var(--ig-expansion-panel-header-focus-background, lch(from var(--header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--header-title-color: var(--ig-expansion-panel-header-title-color, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1)) !important;--header-description-color: var(--ig-expansion-panel-header-description-color, hsl(from hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1) h s l/.8)) !important;--header-icon-color: var(--ig-expansion-panel-header-icon-color, hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1)) !important;--body-color: var(--ig-expansion-panel-body-color, hsla(from color(from var(--body-background) var(--y-contrast)) h 0 l/1)) !important;--disabled-text-color: var(--ig-expansion-panel-disabled-text-color, hsl(from hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1) h s l/.5)) !important;--disabled-description-color: var(--ig-expansion-panel-disabled-description-color, hsl(from hsla(from color(from var(--header-background) var(--y-contrast)) h 0 l/1) h s l/.5)) !important;--expanded-margin: var(--ig-expansion-panel-expanded-margin, .5rem) !important;--border-radius: var(--ig-expansion-panel-border-radius, 0rem, 0rem, 1rem) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-card{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4)) !important;--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6)) !important;--background: var(--ig-card-background, var(--ig-surface-500)) !important;--header-text-color: var(--ig-card-header-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--subtitle-text-color: var(--ig-card-subtitle-text-color, lch(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h)) !important;--content-text-color: var(--ig-card-content-text-color, lch(from hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h)) !important;--actions-text-color: var(--ig-card-actions-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-400) h s l/.54)) !important;--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)) !important;--default-size: var(--ig-card-default-size, 2) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-bottom-nav{--elevation: var(--ig-bottom-nav-elevation, var(--ig-elevation-8)) !important;--background: var(--ig-bottom-nav-background, var(--ig-gray-50)) !important;--icon-color: var(--ig-bottom-nav-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--icon-selected-color: var(--ig-bottom-nav-icon-selected-color, var(--ig-primary-800)) !important;--label-color: var(--ig-bottom-nav-label-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--label-selected-color: var(--ig-bottom-nav-label-selected-color, var(--ig-primary-800)) !important;--icon-disabled-color: var(--ig-bottom-nav-icon-disabled-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--label-disabled-color: var(--ig-bottom-nav-label-disabled-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--border-color: var(--ig-bottom-nav-border-color, transparent) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-select{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, var(--ig-gray-300)) !important;--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-300)) !important;--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, lch(from var(--toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)) !important;--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1)) !important;--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsla(from color(from var(--toggle-button-background-focus) var(--y-contrast)) h 0 l/1)) !important;--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsla(from color(from var(--toggle-button-background) var(--y-contrast)) h 0 l/1)) !important;--toggle-button-background-disabled: var(--ig-select-toggle-button-background-disabled, hsl(from var(--toggle-button-background) h s l/.5)) !important;--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsl(from var(--toggle-button-foreground) h s l/.5)) !important;--default-size: var(--ig-select-default-size, 2) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-splitter{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200)) !important;--focus-color: var(--ig-splitter-focus-color, var(--ig-secondary-500)) !important;--handle-color: var(--ig-splitter-handle-color, hsla(from color(from var(--bar-color) var(--y-contrast)) h 0 l/1)) !important;--expander-color: var(--ig-splitter-expander-color, hsla(from color(from var(--bar-color) var(--y-contrast)) h 0 l/1)) !important;--bar-color-active: var(--ig-splitter-bar-color-active, lch(from var(--bar-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h)) !important;--handle-color-active: var(--ig-splitter-handle-color-active, lch(from var(--handle-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h)) !important;--expander-color-active: var(--ig-splitter-expander-color-active, lch(from var(--expander-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h)) !important;--size: var(--ig-splitter-size, .25rem) !important;--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * .125rem), .125rem)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-navbar{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-4)) !important;--background: var(--ig-navbar-background, var(--ig-primary-400)) !important;--text-color: var(--ig-navbar-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--border-color: var(--ig-navbar-border-color, transparent) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-toast{--elevation: var(--ig-toast-elevation, var(--ig-elevation-0)) !important;--background: var(--ig-toast-background, var(--ig-gray-700)) !important;--border-color: var(--ig-toast-border-color, hsl(from var(--text-color) h s l/.3)) !important;--text-color: var(--ig-toast-text-color, hsla(from color(from var(--background) var(--y-contrast)) h 0 l/1)) !important;--border-radius: var(--ig-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.625rem), 1.625rem)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-icon{--color: var(--ig-icon-color, "currentColor") !important;--disabled-color: var(--ig-icon-disabled-color, "currentColor") !important;--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))) !important;--default-size: var(--ig-icon-default-size, 3) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-qr-code{--background: var(--ig-qr-code-background, white) !important;--dark-color: var(--ig-qr-code-dark-color, black) !important;--corner-square-color: var(--ig-qr-code-corner-square-color, var(--dark-color)) !important;--corner-dot-color: var(--ig-qr-code-corner-dot-color, var(--dark-color)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.\!light-tooltip{--elevation: var(--ig-tooltip-elevation, var(--ig-elevation-0)) !important;--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-700) h s l/.9)) !important;--text-color: var(--ig-tooltip-text-color, hsla(from color(from hsl(from var(--ig-gray-700) h s l/.9) var(--y-contrast)) h 0 l/1)) !important;--border-radius: var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .25) * 1rem), 1rem)) !important;--ig-theme: material !important;--ig-theme-variant: light !important}.select-all{-webkit-user-select:all;user-select:all}.\!\[--background\:\#7B9E89\]{--background: #7B9E89 !important}.\!\[--background\:\#81B698\]{--background: #81B698 !important}.\!\[--background\:\#90B69F\]{--background: #90B69F !important}.\!\[--background\:\#99BAA6\]{--background: #99BAA6 !important}.\!\[--background\:\#011627\]{--background: #011627 !important}.\!\[--background\:\#193625\]{--background: #193625 !important}.\!\[--bar-color\:\#7B9E89\]{--bar-color: #7B9E89 !important}.\!\[--body-background\:\#A3C7B2\]{--body-background: #A3C7B2 !important}.\!\[--body-background\:var\(--ig-gray-50\)\]{--body-background: var(--ig-gray-50) !important}.\!\[--body-color\:var\(--ig-gray-700\)\]{--body-color: var(--ig-gray-700) !important}.\!\[--border-color\:\#7B9E89\]{--border-color: #7B9E89 !important}.\!\[--border-radius-step-header\:6px\]{--border-radius-step-header: 6px !important}.\!\[--box-background\:\#A3C7B2\]{--box-background: #A3C7B2 !important}.\!\[--button-arrow-color\:\#3E4853\]{--button-arrow-color: #3E4853 !important}.\!\[--button-background\:\#a7b6de\]{--button-background: #a7b6de !important}.\!\[--button-color\:\#DD0D4B\]{--button-color: #DD0D4B !important}.\!\[--button-hover-background\:\#8d9abc\]{--button-hover-background: #8d9abc !important}.\!\[--clear-button-foreground\:\#99BAA6\]{--clear-button-foreground: #99BAA6 !important}.\!\[--color\:\#7B9E89\]{--color: #7B9E89 !important}.\!\[--content-background\:\#A3C7B2\]{--content-background: #A3C7B2 !important}.\!\[--content-background\:\#cefad0\]{--content-background: #cefad0 !important}.\!\[--elevation\:0\]{--elevation: 0 !important}.\!\[--empty-color\:\#576E60\]{--empty-color: #576E60 !important}.\!\[--fill-color\:\#7B9E89\]{--fill-color: #7B9E89 !important}.\!\[--focused-secondary-color\:\#3A5444\]{--focused-secondary-color: #3A5444 !important}.\!\[--foreground\:\#7B9E89\]{--foreground: #7B9E89 !important}.\!\[--foreground\:\#121E17\]{--foreground: #121E17 !important}.\!\[--header-background\:\#001d00\]{--header-background: #001d00 !important}.\!\[--header-background\:\#4F6A5A\]{--header-background: #4F6A5A !important}.\!\[--header-background\:var\(--ig-gray-100\)\]{--header-background: var(--ig-gray-100) !important}.\!\[--header-description-color\:var\(--ig-gray-900\)\]{--header-description-color: var(--ig-gray-900) !important}.\!\[--header-icon-color\:var\(--ig-primary-500\)\]{--header-icon-color: var(--ig-primary-500) !important}.\!\[--header-title-color\:var\(--ig-gray-900\)\]{--header-title-color: var(--ig-gray-900) !important}.\!\[--icon-selected-color\:\#FF8040\]{--icon-selected-color: #FF8040 !important}.\!\[--ig-breadcrumb-current-text-color\:var\(--ig-primary-200\)\]{--ig-breadcrumb-current-text-color: var(--ig-primary-200) !important}.\!\[--ig-breadcrumb-focus-pressed-text-color\:var\(--ig-primary-50\)\]{--ig-breadcrumb-focus-pressed-text-color: var(--ig-primary-50) !important}.\!\[--ig-breadcrumb-focus-text-color\:var\(--ig-primary-50\)\]{--ig-breadcrumb-focus-text-color: var(--ig-primary-50) !important}.\!\[--ig-breadcrumb-hover-text-color\:var\(--ig-primary-50\)\]{--ig-breadcrumb-hover-text-color: var(--ig-primary-50) !important}.\!\[--ig-breadcrumb-separator-color\:var\(--ig-primary-200\)\]{--ig-breadcrumb-separator-color: var(--ig-primary-200) !important}.\!\[--ig-breadcrumb-text-color\:var\(--ig-primary-50\)\]{--ig-breadcrumb-text-color: var(--ig-primary-50) !important}.\!\[--indicator-background\:\#a7b6de\]{--indicator-background: #a7b6de !important}.\!\[--indicator-border-color\:\#3E4853\]{--indicator-border-color: #3E4853 !important}.\!\[--item-active-color\:\#FF8040\]{--item-active-color: #FF8040 !important}.\!\[--item-active-icon-color\:\#FF8040\]{--item-active-icon-color: #FF8040 !important}.\!\[--item-background\:\#011627\]{--item-background: #011627 !important}.\!\[--item-background\:\#A3C7B2\]{--item-background: #A3C7B2 !important}.\!\[--item-background\:\#ffffff\]{--item-background: #ffffff !important}.\!\[--item-border-color\:\#c4b5fd\]{--item-border-color: #c4b5fd !important}.\!\[--item-hover-background\:\#fae8ff\]{--item-hover-background: #fae8ff !important}.\!\[--item-hover-border-color\:\#c4b5fd\]{--item-hover-border-color: #c4b5fd !important}.\!\[--item-hover-text-color\:\#6d28d9\]{--item-hover-text-color: #6d28d9 !important}.\!\[--item-selected-background\:\#7c3aed\]{--item-selected-background: #7c3aed !important}.\!\[--item-selected-border-color\:\#c4b5fd\]{--item-selected-border-color: #c4b5fd !important}.\!\[--item-selected-hover-background\:\#7c3aed\]{--item-selected-hover-background: #7c3aed !important}.\!\[--item-selected-hover-text-color\:\#ffffff\]{--item-selected-hover-text-color: #ffffff !important}.\!\[--item-selected-text-color\:\#ffffff\]{--item-selected-text-color: #ffffff !important}.\!\[--item-text-color\:\#6d28d9\]{--item-text-color: #6d28d9 !important}.\!\[--label-selected-color\:\#FF8040\]{--label-selected-color: #FF8040 !important}.\!\[--remove-icon-color\:\#C92828\]{--remove-icon-color: #C92828 !important}.\!\[--search-background\:\#A3C7B2\]{--search-background: #A3C7B2 !important}.\!\[--size\:20px\]{--size: 20px !important}.\!\[--size\:48px\]{--size: 48px !important}.\!\[--step-background\:\#7B9E89\]{--step-background: #7B9E89 !important}.\!\[--subtitle-text-color\:\#ECAA53\]{--subtitle-text-color: #ECAA53 !important}.\!\[--text-color\:\#121E17\]{--text-color: #121E17 !important}.\!\[--thumb-color\:\#7B9E89\]{--thumb-color: #7B9E89 !important}.\!\[--thumb-off-color\:var\(--color-slate-300\)\]{--thumb-off-color: var(--color-slate-300) !important}.\!\[--thumb-on-color\:var\(--color-white\)\]{--thumb-on-color: var(--color-white) !important}.\!\[--toggle-button-background\:\#99BAA6\]{--toggle-button-background: #99BAA6 !important}.\!\[--track-off-color\:var\(--color-slate-600\)\]{--track-off-color: var(--color-slate-600) !important}.\!\[--track-on-color\:var\(--color-blue-500\)\]{--track-on-color: var(--color-blue-500) !important}.\!\[--track-on-hover-color\:var\(--color-blue-600\)\]{--track-on-hover-color: var(--color-blue-600) !important}.\!\[background\:\#002146\]{background:#002146!important}.\[--ig-badge-background-color\:\#8b5bb1\]{--ig-badge-background-color: #8b5bb1}.\[--ig-badge-background-color\:var\(--ig-error-500\)\]{--ig-badge-background-color: var(--ig-error-500)}.\[--ig-badge-background-color\:var\(--ig-gray-900\)\]{--ig-badge-background-color: var(--ig-gray-900)}.\[--ig-badge-background-color\:var\(--ig-success-600\)\]{--ig-badge-background-color: var(--ig-success-600)}.\[--ig-card-border-radius\:30px\]{--ig-card-border-radius: 30px}.\[--ig-card-outline-color\:transparent\]{--ig-card-outline-color: transparent}.\[--ig-checkbox-border-radius\:0\.125rem\]{--ig-checkbox-border-radius: .125rem}.\[--ig-checkbox-empty-color-hover\:\#0176ff\]{--ig-checkbox-empty-color-hover: #0176ff}.\[--ig-checkbox-empty-color\:\#a9b8cc\]{--ig-checkbox-empty-color: #a9b8cc}.\[--ig-checkbox-fill-color-hover\:\#0176ff\]{--ig-checkbox-fill-color-hover: #0176ff}.\[--ig-checkbox-fill-color\:\#0176ff\]{--ig-checkbox-fill-color: #0176ff}.\[--ig-checkbox-label-color-hover\:\#1a314a\]{--ig-checkbox-label-color-hover: #1a314a}.\[--ig-checkbox-label-color\:\#1a314a\]{--ig-checkbox-label-color: #1a314a}.\[--ig-checkbox-tick-color-hover\:\#fff\]{--ig-checkbox-tick-color-hover: #fff}.\[--ig-checkbox-tick-color\:\#fff\]{--ig-checkbox-tick-color: #fff}.\[--ig-color-picker-anchor-background-hover\:\#e9e9e914\]{--ig-color-picker-anchor-background-hover: #e9e9e914}.\[--ig-color-picker-picker-background\:\#fff0eb\]{--ig-color-picker-picker-background: #fff0eb}.\[--ig-color-picker-picker-border-color\:\#f95924\]{--ig-color-picker-picker-border-color: #f95924}.\[--ig-color-picker-picker-border-radius\:0\.5rem\]{--ig-color-picker-picker-border-radius: .5rem}.\[--ig-contained-button-active-background\:var\(--ig-gray-400\)\]{--ig-contained-button-active-background: var(--ig-gray-400)}.\[--ig-contained-button-background\:var\(--ig-gray-200\)\]{--ig-contained-button-background: var(--ig-gray-200)}.\[--ig-contained-button-border-radius\:16px\]{--ig-contained-button-border-radius: 16px}.\[--ig-contained-button-focus-background\:var\(--ig-gray-300\)\]{--ig-contained-button-focus-background: var(--ig-gray-300)}.\[--ig-contained-button-hover-background\:var\(--ig-gray-300\)\]{--ig-contained-button-hover-background: var(--ig-gray-300)}.\[--ig-expansion-panel-body-background\:transparent\]{--ig-expansion-panel-body-background: transparent}.\[--ig-expansion-panel-expanded-margin\:0\]{--ig-expansion-panel-expanded-margin: 0}.\[--ig-expansion-panel-header-background\:transparent\]{--ig-expansion-panel-header-background: transparent}.\[--ig-expansion-panel-header-focus-background\:transparent\]{--ig-expansion-panel-header-focus-background: transparent}.\[--ig-expansion-panel-header-icon-color\:\#1a314a\]{--ig-expansion-panel-header-icon-color: #1a314a}.\[--ig-font-family\:aktiv-grotesk\,sans-serif\]{--ig-font-family: aktiv-grotesk,sans-serif}.\[--ig-qr-code-background\:\#1572b6\]{--ig-qr-code-background: #1572b6}.\[--ig-qr-code-background\:\#e44d26\]{--ig-qr-code-background: #e44d26}.\[--ig-qr-code-background\:\#f7df1e\]{--ig-qr-code-background: #f7df1e}.\[--ig-qr-code-background\:\#ffffff\]{--ig-qr-code-background: #ffffff}.\[--ig-qr-code-corner-dot-color\:\#0f172a\]{--ig-qr-code-corner-dot-color: #0f172a}.\[--ig-qr-code-corner-dot-color\:\#1a1a1a\]{--ig-qr-code-corner-dot-color: #1a1a1a}.\[--ig-qr-code-corner-dot-color\:\#ffffff\]{--ig-qr-code-corner-dot-color: #ffffff}.\[--ig-qr-code-corner-square-color\:\#0f172a\]{--ig-qr-code-corner-square-color: #0f172a}.\[--ig-qr-code-corner-square-color\:\#1a1a1a\]{--ig-qr-code-corner-square-color: #1a1a1a}.\[--ig-qr-code-corner-square-color\:\#ffffff\]{--ig-qr-code-corner-square-color: #ffffff}.\[--ig-qr-code-dark-color\:\#0f172a\]{--ig-qr-code-dark-color: #0f172a}.\[--ig-qr-code-dark-color\:\#1a1a1a\]{--ig-qr-code-dark-color: #1a1a1a}.\[--ig-qr-code-dark-color\:\#ffffff\]{--ig-qr-code-dark-color: #ffffff}.\[--ig-size\:var\(--ig-size-small\)\]{--ig-size: var(--ig-size-small)}.first\:\!pl-0:first-child{padding-left:0!important}.last\:\!pr-0:last-child{padding-right:0!important}@media(hover:hover){.hover\:bg-secondary-600:hover{background-color:var(--color-secondary-600)}.hover\:text-secondary-600:hover{color:var(--color-secondary-600)}}@media(width<235px){.max-\[235px\]\:\!\[border-radius\:0\]{border-radius:0!important}}@media(width>=48rem){.md\:h-full{height:100%}.md\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}}@media(prefers-color-scheme:dark){.dark\:bg-\[\#1A314A\]{background-color:#1a314a}}}:root{--ig-size: var(--ig-size-large)}html,body{height:100%;overflow:hidden;margin:0}body.custom-body:has(app-badge-overview,app-badge-styling,app-badge-dot,app-badge-type,app-badge-icon,app-badge-size,app-badge-shape,app-badge-variants,app-badge-outlined,app-badge-tailwind-styling){background:transparent}.light-theme{--ig-wcag-a: .31;--ig-wcag-aa: .185;--ig-wcag-aaa: .178;--ig-contrast-level: var(--ig-wcag-aa);--y: clamp(0, (y / var(--ig-contrast-level) - 1) * -infinity, 1);--y-contrast: xyz-d65 var(--y) var(--y) var(--y);--ig-primary-50: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*1.78) );--ig-primary-50-contrast: hsla(from color(from var(--ig-primary-50) var(--y-contrast)) h 0 l/1);--ig-primary-100: hsl(from var(--ig-primary-500) h calc(s*.8) calc(l*1.66) );--ig-primary-100-contrast: hsla(from color(from var(--ig-primary-100) var(--y-contrast)) h 0 l/1);--ig-primary-200: hsl(from var(--ig-primary-500) h calc(s*.64) calc(l*1.43) );--ig-primary-200-contrast: hsla(from color(from var(--ig-primary-200) var(--y-contrast)) h 0 l/1);--ig-primary-300: hsl(from var(--ig-primary-500) h calc(s*.73) calc(l*1.19) );--ig-primary-300-contrast: hsla(from color(from var(--ig-primary-300) var(--y-contrast)) h 0 l/1);--ig-primary-400: hsl(from var(--ig-primary-500) h calc(s*.875) calc(l*1.08) );--ig-primary-400-contrast: hsla(from color(from var(--ig-primary-400) var(--y-contrast)) h 0 l/1);--ig-primary-500: #0099ff;--ig-primary-500-contrast: hsla(from color(from var(--ig-primary-500) var(--y-contrast)) h 0 l/1);--ig-primary-600: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.89) );--ig-primary-600-contrast: hsla(from color(from var(--ig-primary-600) var(--y-contrast)) h 0 l/1);--ig-primary-700: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.81) );--ig-primary-700-contrast: hsla(from color(from var(--ig-primary-700) var(--y-contrast)) h 0 l/1);--ig-primary-800: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.73) );--ig-primary-800-contrast: hsla(from color(from var(--ig-primary-800) var(--y-contrast)) h 0 l/1);--ig-primary-900: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.64) );--ig-primary-900-contrast: hsla(from color(from var(--ig-primary-900) var(--y-contrast)) h 0 l/1);--ig-primary-seed: #0099ff;--ig-primary-seed-contrast: hsla(from color(from var(--ig-primary-seed) var(--y-contrast)) h 0 l/1);--ig-primary-A100: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*1.34) );--ig-primary-A100-contrast: hsla(from color(from var(--ig-primary-A100) var(--y-contrast)) h 0 l/1);--ig-primary-A200: hsl(from var(--ig-primary-500) h calc(s*1.22) calc(l*1.16) );--ig-primary-A200-contrast: hsla(from color(from var(--ig-primary-A200) var(--y-contrast)) h 0 l/1);--ig-primary-A400: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*.91) );--ig-primary-A400-contrast: hsla(from color(from var(--ig-primary-A400) var(--y-contrast)) h 0 l/1);--ig-primary-A700: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*.65) );--ig-primary-A700-contrast: hsla(from color(from var(--ig-primary-A700) var(--y-contrast)) h 0 l/1);--ig-secondary-50: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*1.78) );--ig-secondary-50-contrast: hsla(from color(from var(--ig-secondary-50) var(--y-contrast)) h 0 l/1);--ig-secondary-100: hsl(from var(--ig-secondary-500) h calc(s*.8) calc(l*1.66) );--ig-secondary-100-contrast: hsla(from color(from var(--ig-secondary-100) var(--y-contrast)) h 0 l/1);--ig-secondary-200: hsl(from var(--ig-secondary-500) h calc(s*.64) calc(l*1.43) );--ig-secondary-200-contrast: hsla(from color(from var(--ig-secondary-200) var(--y-contrast)) h 0 l/1);--ig-secondary-300: hsl(from var(--ig-secondary-500) h calc(s*.73) calc(l*1.19) );--ig-secondary-300-contrast: hsla(from color(from var(--ig-secondary-300) var(--y-contrast)) h 0 l/1);--ig-secondary-400: hsl(from var(--ig-secondary-500) h calc(s*.875) calc(l*1.08) );--ig-secondary-400-contrast: hsla(from color(from var(--ig-secondary-400) var(--y-contrast)) h 0 l/1);--ig-secondary-500: #df1b74;--ig-secondary-500-contrast: hsla(from color(from var(--ig-secondary-500) var(--y-contrast)) h 0 l/1);--ig-secondary-600: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.89) );--ig-secondary-600-contrast: hsla(from color(from var(--ig-secondary-600) var(--y-contrast)) h 0 l/1);--ig-secondary-700: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.81) );--ig-secondary-700-contrast: hsla(from color(from var(--ig-secondary-700) var(--y-contrast)) h 0 l/1);--ig-secondary-800: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.73) );--ig-secondary-800-contrast: hsla(from color(from var(--ig-secondary-800) var(--y-contrast)) h 0 l/1);--ig-secondary-900: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.64) );--ig-secondary-900-contrast: hsla(from color(from var(--ig-secondary-900) var(--y-contrast)) h 0 l/1);--ig-secondary-seed: #df1b74;--ig-secondary-seed-contrast: hsla(from color(from var(--ig-secondary-seed) var(--y-contrast)) h 0 l/1);--ig-secondary-A100: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*1.34) );--ig-secondary-A100-contrast: hsla(from color(from var(--ig-secondary-A100) var(--y-contrast)) h 0 l/1);--ig-secondary-A200: hsl(from var(--ig-secondary-500) h calc(s*1.22) calc(l*1.16) );--ig-secondary-A200-contrast: hsla(from color(from var(--ig-secondary-A200) var(--y-contrast)) h 0 l/1);--ig-secondary-A400: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*.91) );--ig-secondary-A400-contrast: hsla(from color(from var(--ig-secondary-A400) var(--y-contrast)) h 0 l/1);--ig-secondary-A700: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*.65) );--ig-secondary-A700-contrast: hsla(from color(from var(--ig-secondary-A700) var(--y-contrast)) h 0 l/1);--ig-gray-50: hsl(from var(--ig-gray-500) h s 98%);--ig-gray-50-contrast: hsla(from color(from var(--ig-gray-50) var(--y-contrast)) h 0 l/1);--ig-gray-100: hsl(from var(--ig-gray-500) h s 96%);--ig-gray-100-contrast: hsla(from color(from var(--ig-gray-100) var(--y-contrast)) h 0 l/1);--ig-gray-200: hsl(from var(--ig-gray-500) h s 93%);--ig-gray-200-contrast: hsla(from color(from var(--ig-gray-200) var(--y-contrast)) h 0 l/1);--ig-gray-300: hsl(from var(--ig-gray-500) h s 88%);--ig-gray-300-contrast: hsla(from color(from var(--ig-gray-300) var(--y-contrast)) h 0 l/1);--ig-gray-400: hsl(from var(--ig-gray-500) h s 74%);--ig-gray-400-contrast: hsla(from color(from var(--ig-gray-400) var(--y-contrast)) h 0 l/1);--ig-gray-500: hsl(0, 0%, 62%);--ig-gray-500-contrast: hsla(from color(from var(--ig-gray-500) var(--y-contrast)) h 0 l/1);--ig-gray-600: hsl(from var(--ig-gray-500) h s 54%);--ig-gray-600-contrast: hsla(from color(from var(--ig-gray-600) var(--y-contrast)) h 0 l/1);--ig-gray-700: hsl(from var(--ig-gray-500) h s 38%);--ig-gray-700-contrast: hsla(from color(from var(--ig-gray-700) var(--y-contrast)) h 0 l/1);--ig-gray-800: hsl(from var(--ig-gray-500) h s 26%);--ig-gray-800-contrast: hsla(from color(from var(--ig-gray-800) var(--y-contrast)) h 0 l/1);--ig-gray-900: hsl(from var(--ig-gray-500) h s 13%);--ig-gray-900-contrast: hsla(from color(from var(--ig-gray-900) var(--y-contrast)) h 0 l/1);--ig-gray-seed: rgb(62%, 62%, 62%);--ig-gray-seed-contrast: hsla(from color(from var(--ig-gray-seed) var(--y-contrast)) h 0 l/1);--ig-surface-50: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*1.78) );--ig-surface-50-contrast: hsla(from color(from var(--ig-surface-50) var(--y-contrast)) h 0 l/1);--ig-surface-100: hsl(from var(--ig-surface-500) h calc(s*.8) calc(l*1.66) );--ig-surface-100-contrast: hsla(from color(from var(--ig-surface-100) var(--y-contrast)) h 0 l/1);--ig-surface-200: hsl(from var(--ig-surface-500) h calc(s*.64) calc(l*1.43) );--ig-surface-200-contrast: hsla(from color(from var(--ig-surface-200) var(--y-contrast)) h 0 l/1);--ig-surface-300: hsl(from var(--ig-surface-500) h calc(s*.73) calc(l*1.19) );--ig-surface-300-contrast: hsla(from color(from var(--ig-surface-300) var(--y-contrast)) h 0 l/1);--ig-surface-400: hsl(from var(--ig-surface-500) h calc(s*.875) calc(l*1.08) );--ig-surface-400-contrast: hsla(from color(from var(--ig-surface-400) var(--y-contrast)) h 0 l/1);--ig-surface-500: #fff;--ig-surface-500-contrast: hsla(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l/1);--ig-surface-600: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.89) );--ig-surface-600-contrast: hsla(from color(from var(--ig-surface-600) var(--y-contrast)) h 0 l/1);--ig-surface-700: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.81) );--ig-surface-700-contrast: hsla(from color(from var(--ig-surface-700) var(--y-contrast)) h 0 l/1);--ig-surface-800: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.73) );--ig-surface-800-contrast: hsla(from color(from var(--ig-surface-800) var(--y-contrast)) h 0 l/1);--ig-surface-900: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.64) );--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #fff;--ig-surface-seed-contrast: hsla(from color(from var(--ig-surface-seed) var(--y-contrast)) h 0 l/1);--ig-surface-A100: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*1.34) );--ig-surface-A100-contrast: hsla(from color(from var(--ig-surface-A100) var(--y-contrast)) h 0 l/1);--ig-surface-A200: hsl(from var(--ig-surface-500) h calc(s*1.22) calc(l*1.16) );--ig-surface-A200-contrast: hsla(from color(from var(--ig-surface-A200) var(--y-contrast)) h 0 l/1);--ig-surface-A400: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*.91) );--ig-surface-A400-contrast: hsla(from color(from var(--ig-surface-A400) var(--y-contrast)) h 0 l/1);--ig-surface-A700: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*.65) );--ig-surface-A700-contrast: hsla(from color(from var(--ig-surface-A700) var(--y-contrast)) h 0 l/1);--ig-info-50: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*1.78) );--ig-info-50-contrast: hsla(from color(from var(--ig-info-50) var(--y-contrast)) h 0 l/1);--ig-info-100: hsl(from var(--ig-info-500) h calc(s*.8) calc(l*1.66) );--ig-info-100-contrast: hsla(from color(from var(--ig-info-100) var(--y-contrast)) h 0 l/1);--ig-info-200: hsl(from var(--ig-info-500) h calc(s*.64) calc(l*1.43) );--ig-info-200-contrast: hsla(from color(from var(--ig-info-200) var(--y-contrast)) h 0 l/1);--ig-info-300: hsl(from var(--ig-info-500) h calc(s*.73) calc(l*1.19) );--ig-info-300-contrast: hsla(from color(from var(--ig-info-300) var(--y-contrast)) h 0 l/1);--ig-info-400: hsl(from var(--ig-info-500) h calc(s*.875) calc(l*1.08) );--ig-info-400-contrast: hsla(from color(from var(--ig-info-400) var(--y-contrast)) h 0 l/1);--ig-info-500: #1377d5;--ig-info-500-contrast: hsla(from color(from var(--ig-info-500) var(--y-contrast)) h 0 l/1);--ig-info-600: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.89) );--ig-info-600-contrast: hsla(from color(from var(--ig-info-600) var(--y-contrast)) h 0 l/1);--ig-info-700: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.81) );--ig-info-700-contrast: hsla(from color(from var(--ig-info-700) var(--y-contrast)) h 0 l/1);--ig-info-800: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.73) );--ig-info-800-contrast: hsla(from color(from var(--ig-info-800) var(--y-contrast)) h 0 l/1);--ig-info-900: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.64) );--ig-info-900-contrast: hsla(from color(from var(--ig-info-900) var(--y-contrast)) h 0 l/1);--ig-info-seed: #1377d5;--ig-info-seed-contrast: hsla(from color(from var(--ig-info-seed) var(--y-contrast)) h 0 l/1);--ig-info-A100: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*1.34) );--ig-info-A100-contrast: hsla(from color(from var(--ig-info-A100) var(--y-contrast)) h 0 l/1);--ig-info-A200: hsl(from var(--ig-info-500) h calc(s*1.22) calc(l*1.16) );--ig-info-A200-contrast: hsla(from color(from var(--ig-info-A200) var(--y-contrast)) h 0 l/1);--ig-info-A400: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*.91) );--ig-info-A400-contrast: hsla(from color(from var(--ig-info-A400) var(--y-contrast)) h 0 l/1);--ig-info-A700: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*.65) );--ig-info-A700-contrast: hsla(from color(from var(--ig-info-A700) var(--y-contrast)) h 0 l/1);--ig-success-50: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*1.78) );--ig-success-50-contrast: hsla(from color(from var(--ig-success-50) var(--y-contrast)) h 0 l/1);--ig-success-100: hsl(from var(--ig-success-500) h calc(s*.8) calc(l*1.66) );--ig-success-100-contrast: hsla(from color(from var(--ig-success-100) var(--y-contrast)) h 0 l/1);--ig-success-200: hsl(from var(--ig-success-500) h calc(s*.64) calc(l*1.43) );--ig-success-200-contrast: hsla(from color(from var(--ig-success-200) var(--y-contrast)) h 0 l/1);--ig-success-300: hsl(from var(--ig-success-500) h calc(s*.73) calc(l*1.19) );--ig-success-300-contrast: hsla(from color(from var(--ig-success-300) var(--y-contrast)) h 0 l/1);--ig-success-400: hsl(from var(--ig-success-500) h calc(s*.875) calc(l*1.08) );--ig-success-400-contrast: hsla(from color(from var(--ig-success-400) var(--y-contrast)) h 0 l/1);--ig-success-500: #4eb862;--ig-success-500-contrast: hsla(from color(from var(--ig-success-500) var(--y-contrast)) h 0 l/1);--ig-success-600: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.89) );--ig-success-600-contrast: hsla(from color(from var(--ig-success-600) var(--y-contrast)) h 0 l/1);--ig-success-700: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.81) );--ig-success-700-contrast: hsla(from color(from var(--ig-success-700) var(--y-contrast)) h 0 l/1);--ig-success-800: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.73) );--ig-success-800-contrast: hsla(from color(from var(--ig-success-800) var(--y-contrast)) h 0 l/1);--ig-success-900: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.64) );--ig-success-900-contrast: hsla(from color(from var(--ig-success-900) var(--y-contrast)) h 0 l/1);--ig-success-seed: #4eb862;--ig-success-seed-contrast: hsla(from color(from var(--ig-success-seed) var(--y-contrast)) h 0 l/1);--ig-success-A100: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*1.34) );--ig-success-A100-contrast: hsla(from color(from var(--ig-success-A100) var(--y-contrast)) h 0 l/1);--ig-success-A200: hsl(from var(--ig-success-500) h calc(s*1.22) calc(l*1.16) );--ig-success-A200-contrast: hsla(from color(from var(--ig-success-A200) var(--y-contrast)) h 0 l/1);--ig-success-A400: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*.91) );--ig-success-A400-contrast: hsla(from color(from var(--ig-success-A400) var(--y-contrast)) h 0 l/1);--ig-success-A700: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*.65) );--ig-success-A700-contrast: hsla(from color(from var(--ig-success-A700) var(--y-contrast)) h 0 l/1);--ig-warn-50: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*1.78) );--ig-warn-50-contrast: hsla(from color(from var(--ig-warn-50) var(--y-contrast)) h 0 l/1);--ig-warn-100: hsl(from var(--ig-warn-500) h calc(s*.8) calc(l*1.66) );--ig-warn-100-contrast: hsla(from color(from var(--ig-warn-100) var(--y-contrast)) h 0 l/1);--ig-warn-200: hsl(from var(--ig-warn-500) h calc(s*.64) calc(l*1.43) );--ig-warn-200-contrast: hsla(from color(from var(--ig-warn-200) var(--y-contrast)) h 0 l/1);--ig-warn-300: hsl(from var(--ig-warn-500) h calc(s*.73) calc(l*1.19) );--ig-warn-300-contrast: hsla(from color(from var(--ig-warn-300) var(--y-contrast)) h 0 l/1);--ig-warn-400: hsl(from var(--ig-warn-500) h calc(s*.875) calc(l*1.08) );--ig-warn-400-contrast: hsla(from color(from var(--ig-warn-400) var(--y-contrast)) h 0 l/1);--ig-warn-500: #faa419;--ig-warn-500-contrast: hsla(from color(from var(--ig-warn-500) var(--y-contrast)) h 0 l/1);--ig-warn-600: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.89) );--ig-warn-600-contrast: hsla(from color(from var(--ig-warn-600) var(--y-contrast)) h 0 l/1);--ig-warn-700: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.81) );--ig-warn-700-contrast: hsla(from color(from var(--ig-warn-700) var(--y-contrast)) h 0 l/1);--ig-warn-800: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.73) );--ig-warn-800-contrast: hsla(from color(from var(--ig-warn-800) var(--y-contrast)) h 0 l/1);--ig-warn-900: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.64) );--ig-warn-900-contrast: hsla(from color(from var(--ig-warn-900) var(--y-contrast)) h 0 l/1);--ig-warn-seed: #faa419;--ig-warn-seed-contrast: hsla(from color(from var(--ig-warn-seed) var(--y-contrast)) h 0 l/1);--ig-warn-A100: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*1.34) );--ig-warn-A100-contrast: hsla(from color(from var(--ig-warn-A100) var(--y-contrast)) h 0 l/1);--ig-warn-A200: hsl(from var(--ig-warn-500) h calc(s*1.22) calc(l*1.16) );--ig-warn-A200-contrast: hsla(from color(from var(--ig-warn-A200) var(--y-contrast)) h 0 l/1);--ig-warn-A400: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*.91) );--ig-warn-A400-contrast: hsla(from color(from var(--ig-warn-A400) var(--y-contrast)) h 0 l/1);--ig-warn-A700: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*.65) );--ig-warn-A700-contrast: hsla(from color(from var(--ig-warn-A700) var(--y-contrast)) h 0 l/1);--ig-error-50: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*1.78) );--ig-error-50-contrast: hsla(from color(from var(--ig-error-50) var(--y-contrast)) h 0 l/1);--ig-error-100: hsl(from var(--ig-error-500) h calc(s*.8) calc(l*1.66) );--ig-error-100-contrast: hsla(from color(from var(--ig-error-100) var(--y-contrast)) h 0 l/1);--ig-error-200: hsl(from var(--ig-error-500) h calc(s*.64) calc(l*1.43) );--ig-error-200-contrast: hsla(from color(from var(--ig-error-200) var(--y-contrast)) h 0 l/1);--ig-error-300: hsl(from var(--ig-error-500) h calc(s*.73) calc(l*1.19) );--ig-error-300-contrast: hsla(from color(from var(--ig-error-300) var(--y-contrast)) h 0 l/1);--ig-error-400: hsl(from var(--ig-error-500) h calc(s*.875) calc(l*1.08) );--ig-error-400-contrast: hsla(from color(from var(--ig-error-400) var(--y-contrast)) h 0 l/1);--ig-error-500: #ff134a;--ig-error-500-contrast: hsla(from color(from var(--ig-error-500) var(--y-contrast)) h 0 l/1);--ig-error-600: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.89) );--ig-error-600-contrast: hsla(from color(from var(--ig-error-600) var(--y-contrast)) h 0 l/1);--ig-error-700: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.81) );--ig-error-700-contrast: hsla(from color(from var(--ig-error-700) var(--y-contrast)) h 0 l/1);--ig-error-800: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.73) );--ig-error-800-contrast: hsla(from color(from var(--ig-error-800) var(--y-contrast)) h 0 l/1);--ig-error-900: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.64) );--ig-error-900-contrast: hsla(from color(from var(--ig-error-900) var(--y-contrast)) h 0 l/1);--ig-error-seed: #ff134a;--ig-error-seed-contrast: hsla(from color(from var(--ig-error-seed) var(--y-contrast)) h 0 l/1);--ig-error-A100: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*1.34) );--ig-error-A100-contrast: hsla(from color(from var(--ig-error-A100) var(--y-contrast)) h 0 l/1);--ig-error-A200: hsl(from var(--ig-error-500) h calc(s*1.22) calc(l*1.16) );--ig-error-A200-contrast: hsla(from color(from var(--ig-error-A200) var(--y-contrast)) h 0 l/1);--ig-error-A400: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*.91) );--ig-error-A400-contrast: hsla(from color(from var(--ig-error-A400) var(--y-contrast)) h 0 l/1);--ig-error-A700: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*.65) );--ig-error-A700-contrast: hsla(from color(from var(--ig-error-A700) var(--y-contrast)) h 0 l/1);--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, .08);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, .08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, .08);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, .08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, .08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, .08);--ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, .08);--ig-theme: material;--ig-theme-variant: light}@layer ig.reset,ig.base,ig.material,ig.derived;@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: light){.igx-action-strip{--actions-background: var(--igx-action-strip-actions-background, var(--ig-action-strip-actions-background, var(--ig-gray-200)));--background: var(--igx-action-strip-background, var(--ig-action-strip-background, hsl(from var(--ig-gray-100) h s l/.38)));--icon-color: var(--igx-action-strip-icon-color, var(--ig-action-strip-icon-color, "currentColor"));--delete-action: var(--igx-action-strip-delete-action, var(--ig-action-strip-delete-action, var(--ig-error-500)));--actions-border-radius: var(--igx-action-strip-actions-border-radius, var(--ig-action-strip-actions-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--ig-theme: material;--ig-theme-variant: light}.igx-avatar{--background: var(--igx-avatar-background, var(--ig-avatar-background, var(--ig-gray-400)));--color: var(--igx-avatar-color, var(--ig-avatar-color, var(--ig-gray-800)));--icon-color: var(--igx-avatar-icon-color, var(--ig-avatar-icon-color, var(--ig-gray-800)));--border-radius: var(--igx-avatar-border-radius, var(--ig-avatar-border-radius, .5rem));--size: var(--igx-avatar-size, var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--default-size: var(--igx-avatar-default-size, var(--ig-avatar-default-size, 1));--ig-theme: material;--ig-theme-variant: light}.igx-badge{--elevation: var(--igx-badge-elevation, var(--ig-badge-elevation, var(--ig-elevation-1)));--icon-color: var(--igx-badge-icon-color, var(--ig-badge-icon-color, var(--ig-primary-900-contrast)));--text-color: var(--igx-badge-text-color, var(--ig-badge-text-color, var(--ig-primary-900-contrast)));--border-color: var(--igx-badge-border-color, var(--ig-badge-border-color, var(--ig-gray-900-contrast)));--background-color: var(--igx-badge-background-color, var(--ig-badge-background-color, var(--ig-primary-800)));--border-radius: var(--igx-badge-border-radius, var(--ig-badge-border-radius, 0));--size: var(--igx-badge-size, var(--ig-badge-size, max(var(--is-large, 1) * max(1.625rem, -1 * 1.625rem), var(--is-medium, 1) * max(1.375rem, -1 * 1.375rem), var(--is-small, 1) * max(1rem, -1 * 1rem))));--default-size: var(--igx-badge-default-size, var(--ig-badge-default-size, 2));--dot-size: var(--igx-badge-dot-size, var(--ig-badge-dot-size, max(var(--is-large, 1) * max(.75rem, -1 * .75rem), var(--is-medium, 1) * max(.625rem, -1 * .625rem), var(--is-small, 1) * max(.5rem, -1 * .5rem))));--ig-theme: material;--ig-theme-variant: light}.igx-banner{--banner-background: var(--igx-banner-banner-background, var(--ig-banner-banner-background, var(--ig-surface-500)));--border-radius: var(--igx-banner-border-radius, var(--ig-banner-border-radius, 0));--banner-border-color: var(--igx-banner-banner-border-color, var(--ig-banner-banner-border-color, var(--ig-gray-300)));--banner-message-color: var(--igx-banner-banner-message-color, var(--ig-banner-banner-message-color, var(--ig-gray-900)));--banner-illustration-color: var(--igx-banner-banner-illustration-color, var(--ig-banner-banner-illustration-color, var(--ig-gray-900)));--ig-theme: material;--ig-theme-variant: light}.igx-bottom-nav{--elevation: var(--igx-bottom-nav-elevation, var(--ig-bottom-nav-elevation, var(--ig-elevation-8)));--background: var(--igx-bottom-nav-background, var(--ig-bottom-nav-background, var(--ig-gray-50)));--icon-color: var(--igx-bottom-nav-icon-color, var(--ig-bottom-nav-icon-color, var(--ig-gray-700)));--icon-selected-color: var(--igx-bottom-nav-icon-selected-color, var(--ig-bottom-nav-icon-selected-color, var(--ig-primary-800)));--label-color: var(--igx-bottom-nav-label-color, var(--ig-bottom-nav-label-color, var(--ig-gray-700)));--label-selected-color: var(--igx-bottom-nav-label-selected-color, var(--ig-bottom-nav-label-selected-color, var(--ig-primary-800)));--icon-disabled-color: var(--igx-bottom-nav-icon-disabled-color, var(--ig-bottom-nav-icon-disabled-color, var(--ig-gray-700)));--label-disabled-color: var(--igx-bottom-nav-label-disabled-color, var(--ig-bottom-nav-label-disabled-color, var(--ig-gray-700)));--border-color: var(--igx-bottom-nav-border-color, var(--ig-bottom-nav-border-color, transparent));--ig-theme: material;--ig-theme-variant: light}.igx-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-button-group-elevation, var(--ig-elevation-2)));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, var(--ig-button-group-idle-shadow-color, transparent));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, transparent));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--ig-gray-700)));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, var(--ig-gray-50)));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, var(--ig-gray-400)));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--ig-gray-200)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-button-group-item-hover-text-color, var(--ig-gray-800)));--item-focused-text-color: var(--igx-button-group-item-focused-text-color, var(--ig-button-group-item-focused-text-color, var(--ig-gray-800)));--item-focused-border-color: var(--igx-button-group-item-focused-border-color, var(--ig-button-group-item-focused-border-color, var(--ig-gray-400)));--item-focused-hover-text-color: var(--igx-button-group-item-focused-hover-text-color, var(--ig-button-group-item-focused-hover-text-color, var(--ig-gray-800)));--item-focused-hover-border-color: var(--igx-button-group-item-focused-hover-border-color, var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-400)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, var(--ig-gray-300)));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900)));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900)));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-button-group-item-selected-focus-background, var(--ig-gray-300)));--item-selected-focus-hover-background: var(--igx-button-group-item-selected-focus-hover-background, var(--ig-button-group-item-selected-focus-hover-background, var(--ig-gray-400)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, var(--ig-gray-500)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, var(--ig-gray-500)));--item-selected-active-border-color: var(--igx-button-group-item-selected-active-border-color, var(--ig-button-group-item-selected-active-border-color, var(--ig-gray-600)));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--ig-gray-50)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, var(--ig-button-group-default-size, 3));--item-icon-color: var(--igx-button-group-item-icon-color, var(--ig-button-group-item-icon-color, var(--ig-gray-700)));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--ig-gray-400)));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--ig-gray-200)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--ig-gray-800)));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800)));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-gray-200)));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--ig-gray-500)));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-500)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, var(--ig-gray-300)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, var(--ig-gray-400)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, var(--ig-gray-400)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--ig-gray-400)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, var(--ig-gray-100)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-400)));--ig-theme: material;--ig-theme-variant: light}.igx-calendar,.igx-calendar-view--standalone,.igx-days-view--standalone,.igx-month-picker{--default-size: var(--igx-calendar-default-size, var(--ig-calendar-default-size, 2));--content-foreground: var(--igx-calendar-content-foreground, var(--ig-calendar-content-foreground, var(--ig-gray-900)));--content-background: var(--igx-calendar-content-background, var(--ig-calendar-content-background, var(--ig-surface-500)));--border-color: var(--igx-calendar-border-color, var(--ig-calendar-border-color, transparent));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-surface-500)));--picker-hover-foreground: var(--igx-calendar-picker-hover-foreground, var(--ig-calendar-picker-hover-foreground, var(--ig-secondary-500)));--picker-focus-foreground: var(--igx-calendar-picker-focus-foreground, var(--ig-calendar-picker-focus-foreground, var(--ig-secondary-500)));--navigation-color: var(--igx-calendar-navigation-color, var(--ig-calendar-navigation-color, var(--ig-gray-800)));--navigation-hover-color: var(--igx-calendar-navigation-hover-color, var(--ig-calendar-navigation-hover-color, var(--ig-secondary-500)));--navigation-focus-color: var(--igx-calendar-navigation-focus-color, var(--ig-calendar-navigation-focus-color, var(--ig-secondary-500)));--size: var(--igx-calendar-size, var(--ig-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, var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--date-border-radius: var(--igx-calendar-date-border-radius, var(--ig-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, var(--ig-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, var(--ig-calendar-week-number-foreground, var(--ig-gray-700)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, var(--ig-gray-200)));--inactive-color: var(--igx-calendar-inactive-color, var(--ig-calendar-inactive-color, var(--ig-gray-500)));--weekday-color: var(--igx-calendar-weekday-color, var(--ig-calendar-weekday-color, var(--ig-gray-700)));--weekend-color: var(--igx-calendar-weekend-color, var(--ig-calendar-weekend-color, var(--ig-gray-900)));--date-hover-foreground: var(--igx-calendar-date-hover-foreground, var(--ig-calendar-date-hover-foreground, var(--ig-gray-900)));--date-focus-foreground: var(--igx-calendar-date-focus-foreground, var(--ig-calendar-date-focus-foreground, var(--ig-gray-900)));--date-selected-range-hover-foreground: var(--igx-calendar-date-selected-range-hover-foreground, var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-900)));--date-selected-range-focus-foreground: var(--igx-calendar-date-selected-range-focus-foreground, var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-900)));--date-selected-current-range-foreground: var(--igx-calendar-date-selected-current-range-foreground, var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900)));--date-selected-current-range-hover-foreground: var(--igx-calendar-date-selected-current-range-hover-foreground, var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900)));--date-selected-current-range-focus-foreground: var(--igx-calendar-date-selected-current-range-focus-foreground, var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900)));--date-current-background: var(--igx-calendar-date-current-background, var(--ig-calendar-date-current-background, transparent));--date-current-hover-foreground: var(--igx-calendar-date-current-hover-foreground, var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900)));--date-current-focus-foreground: var(--igx-calendar-date-current-focus-foreground, var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900)));--date-current-focus-background: var(--igx-calendar-date-current-focus-background, var(--ig-calendar-date-current-focus-background, var(--ig-gray-100)));--date-special-background: var(--igx-calendar-date-special-background, var(--ig-calendar-date-special-background, transparent));--date-special-range-background: var(--igx-calendar-date-special-range-background, var(--ig-calendar-date-special-range-background, transparent));--date-border-color: var(--igx-calendar-date-border-color, var(--ig-calendar-date-border-color, transparent));--date-hover-border-color: var(--igx-calendar-date-hover-border-color, var(--ig-calendar-date-hover-border-color, transparent));--date-focus-border-color: var(--igx-calendar-date-focus-border-color, var(--ig-calendar-date-focus-border-color, transparent));--date-selected-border-color: var(--igx-calendar-date-selected-border-color, var(--ig-calendar-date-selected-border-color, transparent));--date-selected-hover-border-color: var(--igx-calendar-date-selected-hover-border-color, var(--ig-calendar-date-selected-hover-border-color, transparent));--date-selected-focus-border-color: var(--igx-calendar-date-selected-focus-border-color, var(--ig-calendar-date-selected-focus-border-color, transparent));--date-range-border-color: var(--igx-calendar-date-range-border-color, var(--ig-calendar-date-range-border-color, transparent));--date-range-preview-border-color: var(--igx-calendar-date-range-preview-border-color, var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-300)));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/.5)));--date-disabled-range-foreground: var(--igx-calendar-date-disabled-range-foreground, var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/.38)));--ym-current-outline-hover-color: var(--igx-calendar-ym-current-outline-hover-color, var(--ig-calendar-ym-current-outline-hover-color, var(--ig-gray-900)));--ym-current-outline-focus-color: var(--igx-calendar-ym-current-outline-focus-color, var(--ig-calendar-ym-current-outline-focus-color, var(--ig-gray-900)));--ym-selected-outline-color: var(--igx-calendar-ym-selected-outline-color, var(--ig-calendar-ym-selected-outline-color, transparent));--ym-selected-hover-outline-color: var(--igx-calendar-ym-selected-hover-outline-color, var(--ig-calendar-ym-selected-hover-outline-color, transparent));--ym-selected-focus-outline-color: var(--igx-calendar-ym-selected-focus-outline-color, var(--ig-calendar-ym-selected-focus-outline-color, transparent));--ym-border-radius: var(--igx-calendar-ym-border-radius, var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-200)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-secondary-900-contrast)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-secondary-500)));--date-current-border-radius: var(--igx-calendar-date-current-border-radius, var(--ig-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, var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--date-hover-background: var(--igx-calendar-date-hover-background, var(--ig-calendar-date-hover-background, var(--ig-gray-100)));--date-focus-background: var(--igx-calendar-date-focus-background, var(--ig-calendar-date-focus-background, var(--ig-gray-100)));--date-current-foreground: var(--igx-calendar-date-current-foreground, var(--ig-calendar-date-current-foreground, var(--ig-gray-900)));--date-current-hover-background: var(--igx-calendar-date-current-hover-background, var(--ig-calendar-date-current-hover-background, var(--ig-gray-100)));--date-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-secondary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-secondary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-secondary-700-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-secondary-700)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-secondary-700-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-secondary-700)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-secondary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-secondary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-secondary-700-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-secondary-700)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-secondary-700-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-secondary-700)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-secondary-900-contrast)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-secondary-500)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast)));--date-selected-current-hover-background: var(--igx-calendar-date-selected-current-hover-background, var(--ig-calendar-date-selected-current-hover-background, var(--ig-secondary-700)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast)));--date-selected-current-focus-background: var(--igx-calendar-date-selected-current-focus-background, var(--ig-calendar-date-selected-current-focus-background, var(--ig-secondary-700)));--date-selected-range-foreground: var(--igx-calendar-date-selected-range-foreground, var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900)));--date-selected-range-background: var(--igx-calendar-date-selected-range-background, var(--ig-calendar-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/.24)));--date-selected-range-hover-background: var(--igx-calendar-date-selected-range-hover-background, var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-100)));--date-selected-range-focus-background: var(--igx-calendar-date-selected-range-focus-background, var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-100)));--date-selected-current-range-background: var(--igx-calendar-date-selected-current-range-background, var(--ig-calendar-date-selected-current-range-background, transparent));--date-selected-current-range-hover-background: var(--igx-calendar-date-selected-current-range-hover-background, var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-100)));--date-selected-current-range-focus-background: var(--igx-calendar-date-selected-current-range-focus-background, var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-100)));--date-selected-special-border-color: var(--igx-calendar-date-selected-special-border-color, var(--ig-calendar-date-selected-special-border-color, var(--ig-secondary-900-contrast)));--date-selected-special-hover-border-color: var(--igx-calendar-date-selected-special-hover-border-color, var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast)));--date-selected-special-focus-border-color: var(--igx-calendar-date-selected-special-focus-border-color, var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast)));--date-special-foreground: var(--igx-calendar-date-special-foreground, var(--ig-calendar-date-special-foreground, var(--ig-secondary-500)));--date-special-hover-foreground: var(--igx-calendar-date-special-hover-foreground, var(--ig-calendar-date-special-hover-foreground, var(--ig-secondary-700)));--date-special-focus-foreground: var(--igx-calendar-date-special-focus-foreground, var(--ig-calendar-date-special-focus-foreground, var(--ig-secondary-700)));--date-special-hover-background: var(--igx-calendar-date-special-hover-background, var(--ig-calendar-date-special-hover-background, var(--ig-gray-100)));--date-special-focus-background: var(--igx-calendar-date-special-focus-background, var(--ig-calendar-date-special-focus-background, var(--ig-gray-100)));--date-special-range-hover-background: var(--igx-calendar-date-special-range-hover-background, var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-100)));--date-special-range-focus-background: var(--igx-calendar-date-special-range-focus-background, var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-100)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-secondary-900)));--date-special-range-hover-border-color: var(--igx-calendar-date-special-range-hover-border-color, var(--ig-calendar-date-special-range-hover-border-color, var(--ig-secondary-900)));--date-special-range-focus-border-color: var(--igx-calendar-date-special-range-focus-border-color, var(--ig-calendar-date-special-range-focus-border-color, var(--ig-secondary-900)));--date-special-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-secondary-500)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-secondary-700)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-secondary-700)));--date-current-border-color: var(--igx-calendar-date-current-border-color, var(--ig-calendar-date-current-border-color, var(--ig-gray-900)));--date-current-hover-border-color: var(--igx-calendar-date-current-hover-border-color, var(--ig-calendar-date-current-hover-border-color, var(--ig-gray-900)));--date-current-focus-border-color: var(--igx-calendar-date-current-focus-border-color, var(--ig-calendar-date-current-focus-border-color, var(--ig-gray-900)));--date-selected-current-border-color: var(--igx-calendar-date-selected-current-border-color, var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-900)));--date-selected-current-hover-border-color: var(--igx-calendar-date-selected-current-hover-border-color, var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-900)));--date-selected-current-focus-border-color: var(--igx-calendar-date-selected-current-focus-border-color, var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-900)));--date-special-range-foreground: var(--igx-calendar-date-special-range-foreground, var(--ig-calendar-date-special-range-foreground, var(--ig-secondary-900)));--date-special-range-hover-foreground: var(--igx-calendar-date-special-range-hover-foreground, var(--ig-calendar-date-special-range-hover-foreground, var(--ig-secondary-900)));--date-special-range-focus-foreground: var(--igx-calendar-date-special-range-focus-foreground, var(--ig-calendar-date-special-range-focus-foreground, var(--ig-secondary-900)));--week-number-border-radius: var(--igx-calendar-week-number-border-radius, var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .5) * .5rem), .5rem)));--ym-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast)));--ym-selected-current-hover-background: var(--igx-calendar-ym-selected-current-hover-background, var(--ig-calendar-ym-selected-current-hover-background, var(--ig-secondary-700)));--ym-hover-foreground: var(--igx-calendar-ym-hover-foreground, var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900)));--ym-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-100)));--ym-current-foreground: var(--igx-calendar-ym-current-foreground, var(--ig-calendar-ym-current-foreground, var(--ig-gray-900)));--ym-current-background: var(--igx-calendar-ym-current-background, var(--ig-calendar-ym-current-background, var(--ig-surface-500)));--ym-current-hover-foreground: var(--igx-calendar-ym-current-hover-foreground, var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900)));--ym-current-hover-background: var(--igx-calendar-ym-current-hover-background, var(--ig-calendar-ym-current-hover-background, var(--ig-gray-100)));--ym-selected-foreground: var(--igx-calendar-ym-selected-foreground, var(--ig-calendar-ym-selected-foreground, var(--ig-secondary-600-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-secondary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-secondary-700-contrast)));--ym-selected-hover-background: var(--igx-calendar-ym-selected-hover-background, var(--ig-calendar-ym-selected-hover-background, var(--ig-secondary-700)));--ym-selected-current-foreground: var(--igx-calendar-ym-selected-current-foreground, var(--ig-calendar-ym-selected-current-foreground, var(--ig-secondary-500-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-secondary-500)));--ym-selected-current-outline-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-900)));--ym-current-outline-color: var(--igx-calendar-ym-current-outline-color, var(--ig-calendar-ym-current-outline-color, var(--ig-gray-900)));--ym-selected-current-outline-hover-color: var(--igx-calendar-ym-selected-current-outline-hover-color, var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-900)));--ym-selected-current-outline-focus-color: var(--igx-calendar-ym-selected-current-outline-focus-color, var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-900)));--ig-theme: material;--ig-theme-variant: light}.igx-card{--resting-elevation: var(--igx-card-resting-elevation, var(--ig-card-resting-elevation, var(--ig-elevation-4)));--hover-elevation: var(--igx-card-hover-elevation, var(--ig-card-hover-elevation, var(--ig-elevation-6)));--background: var(--igx-card-background, var(--ig-card-background, var(--ig-surface-500)));--header-text-color: var(--igx-card-header-text-color, var(--ig-card-header-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-card-subtitle-text-color, var(--ig-card-subtitle-text-color, var(--ig-gray-900)));--content-text-color: var(--igx-card-content-text-color, var(--ig-card-content-text-color, var(--ig-gray-700)));--actions-text-color: var(--igx-card-actions-text-color, var(--ig-card-actions-text-color, var(--ig-gray-900)));--outline-color: var(--igx-card-outline-color, var(--ig-card-outline-color, hsl(from var(--ig-gray-400) h s l/.54)));--border-radius: var(--igx-card-border-radius, var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--default-size: var(--igx-card-default-size, var(--ig-card-default-size, 2));--ig-theme: material;--ig-theme-variant: light}.igx-carousel{--button-elevation: var(--igx-carousel-button-elevation, var(--ig-carousel-button-elevation, var(--ig-elevation-1)));--slide-background: var(--igx-carousel-slide-background, var(--ig-carousel-slide-background, var(--ig-gray-900-contrast)));--button-background: var(--igx-carousel-button-background, var(--ig-carousel-button-background, var(--ig-gray-50)));--button-hover-background: var(--igx-carousel-button-hover-background, var(--ig-carousel-button-hover-background, var(--ig-gray-50)));--button-arrow-color: var(--igx-carousel-button-arrow-color, var(--ig-carousel-button-arrow-color, var(--ig-gray-700)));--button-hover-arrow-color: var(--igx-carousel-button-hover-arrow-color, var(--ig-carousel-button-hover-arrow-color, var(--ig-gray-900)));--button-disabled-background: var(--igx-carousel-button-disabled-background, var(--ig-carousel-button-disabled-background, var(--ig-gray-100)));--button-disabled-arrow-color: var(--igx-carousel-button-disabled-arrow-color, var(--ig-carousel-button-disabled-arrow-color, var(--ig-gray-400)));--indicator-focus-color: var(--igx-carousel-indicator-focus-color, var(--ig-carousel-indicator-focus-color, var(--ig-secondary-600)));--button-focus-border-color: var(--igx-carousel-button-focus-border-color, var(--ig-carousel-button-focus-border-color, var(--ig-secondary-600)));--button-border-color: var(--igx-carousel-button-border-color, var(--ig-carousel-button-border-color, transparent));--button-hover-border-color: var(--igx-carousel-button-hover-border-color, var(--ig-carousel-button-hover-border-color, transparent));--button-disabled-border-color: var(--igx-carousel-button-disabled-border-color, var(--ig-carousel-button-disabled-border-color, transparent));--indicator-dot-color: var(--igx-carousel-indicator-dot-color, var(--ig-carousel-indicator-dot-color, transparent));--indicator-hover-dot-color: var(--igx-carousel-indicator-hover-dot-color, var(--ig-carousel-indicator-hover-dot-color, transparent));--indicator-background: var(--igx-carousel-indicator-background, var(--ig-carousel-indicator-background, var(--ig-gray-50)));--label-indicator-background: var(--igx-carousel-label-indicator-background, var(--ig-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/.8)));--indicator-color: var(--igx-carousel-indicator-color, var(--ig-carousel-indicator-color, var(--ig-gray-700)));--indicator-border-color: var(--igx-carousel-indicator-border-color, var(--ig-carousel-indicator-border-color, hsl(from var(--ig-gray-900) h s l/.7)));--indicator-active-dot-color: var(--igx-carousel-indicator-active-dot-color, var(--ig-carousel-indicator-active-dot-color, var(--ig-gray-900)));--indicator-active-border-color: var(--igx-carousel-indicator-active-border-color, var(--ig-carousel-indicator-active-border-color, var(--ig-gray-900)));--indicator-active-hover-dot-color: var(--igx-carousel-indicator-active-hover-dot-color, var(--ig-carousel-indicator-active-hover-dot-color, var(--ig-gray-900)));--border-radius: var(--igx-carousel-border-radius, var(--ig-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(--ig-carousel-button-focus-arrow-color, var(--ig-secondary-600)));--ig-theme: material;--ig-theme-variant: light}.igx-circular-bar{--track-color: var(--igx-circular-bar-track-color, var(--ig-circular-bar-track-color, var(--ig-gray-300)));--fill-color-default: var(--igx-circular-bar-fill-color-default, var(--ig-circular-bar-fill-color-default, var(--ig-primary-500)));--fill-color-danger: var(--igx-circular-bar-fill-color-danger, var(--ig-circular-bar-fill-color-danger, var(--ig-error-500)));--fill-color-warning: var(--igx-circular-bar-fill-color-warning, var(--ig-circular-bar-fill-color-warning, var(--ig-warn-500)));--fill-color-info: var(--igx-circular-bar-fill-color-info, var(--ig-circular-bar-fill-color-info, var(--ig-info-500)));--fill-color-success: var(--igx-circular-bar-fill-color-success, var(--ig-circular-bar-fill-color-success, var(--ig-success-500)));--text-color: var(--igx-circular-bar-text-color, var(--ig-circular-bar-text-color, var(--ig-gray-700)));--diameter: var(--igx-circular-bar-diameter, var(--ig-circular-bar-diameter, 2rem));--track-border-radius: var(--igx-circular-bar-track-border-radius, var(--ig-circular-bar-track-border-radius, 0rem));--ig-theme: material;--ig-theme-variant: light}.igx-checkbox{--tick-color: var(--igx-checkbox-tick-color, var(--ig-checkbox-tick-color, var(--ig-gray-50)));--tick-width: var(--igx-checkbox-tick-width, var(--ig-checkbox-tick-width, 3));--label-color: var(--igx-checkbox-label-color, var(--ig-checkbox-label-color, var(--ig-gray-900)));--label-color-hover: var(--igx-checkbox-label-color-hover, var(--ig-checkbox-label-color-hover, var(--ig-gray-900)));--empty-fill-color: var(--igx-checkbox-empty-fill-color, var(--ig-checkbox-empty-fill-color, transparent));--fill-color: var(--igx-checkbox-fill-color, var(--ig-checkbox-fill-color, var(--ig-secondary-500)));--focus-outline-color-focused: var(--igx-checkbox-focus-outline-color-focused, var(--ig-checkbox-focus-outline-color-focused, transparent));--focus-outline-color-error: var(--igx-checkbox-focus-outline-color-error, var(--ig-checkbox-focus-outline-color-error, transparent));--disabled-color: var(--igx-checkbox-disabled-color, var(--ig-checkbox-disabled-color, var(--ig-gray-400)));--disabled-fill-color: var(--igx-checkbox-disabled-fill-color, var(--ig-checkbox-disabled-fill-color, var(--ig-gray-400)));--disabled-tick-color: var(--igx-checkbox-disabled-tick-color, var(--ig-checkbox-disabled-tick-color, var(--ig-gray-50)));--disabled-color-label: var(--igx-checkbox-disabled-color-label, var(--ig-checkbox-disabled-color-label, var(--ig-gray-500)));--error-color: var(--igx-checkbox-error-color, var(--ig-checkbox-error-color, var(--ig-error-800)));--border-radius: var(--igx-checkbox-border-radius, var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem)));--border-radius-ripple: var(--igx-checkbox-border-radius-ripple, var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--empty-color: var(--igx-checkbox-empty-color, var(--ig-checkbox-empty-color, var(--ig-gray-600)));--empty-color-hover: var(--igx-checkbox-empty-color-hover, var(--ig-checkbox-empty-color-hover, var(--ig-gray-600)));--tick-color-hover: var(--igx-checkbox-tick-color-hover, var(--ig-checkbox-tick-color-hover, var(--ig-gray-50)));--fill-color-hover: var(--igx-checkbox-fill-color-hover, var(--ig-checkbox-fill-color-hover, var(--ig-secondary-500)));--focus-outline-color: var(--igx-checkbox-focus-outline-color, var(--ig-checkbox-focus-outline-color, transparent));--focus-border-color: var(--igx-checkbox-focus-border-color, var(--ig-checkbox-focus-border-color, var(--ig-gray-600)));--error-color-hover: var(--igx-checkbox-error-color-hover, var(--ig-checkbox-error-color-hover, var(--ig-error-800)));--disabled-indeterminate-color: var(--igx-checkbox-disabled-indeterminate-color, var(--ig-checkbox-disabled-indeterminate-color, var(--ig-secondary-100)));--ig-theme: material;--ig-theme-variant: light}.igx-chip{--ghost-elevation: var(--igx-chip-ghost-elevation, var(--ig-chip-ghost-elevation, var(--ig-elevation-8)));--remove-icon-color: var(--igx-chip-remove-icon-color, var(--ig-chip-remove-icon-color, "currentColor"));--focus-shadow-color: var(--igx-chip-focus-shadow-color, var(--ig-chip-focus-shadow-color, transparent));--focus-selected-shadow-color: var(--igx-chip-focus-selected-shadow-color, var(--ig-chip-focus-selected-shadow-color, transparent));--remove-icon-color-focus: var(--igx-chip-remove-icon-color-focus, var(--ig-chip-remove-icon-color-focus, "currentColor"));--background: var(--igx-chip-background, var(--ig-chip-background, var(--ig-gray-300)));--ghost-background: var(--igx-chip-ghost-background, var(--ig-chip-ghost-background, var(--ig-gray-400)));--ghost-text-color: var(--igx-chip-ghost-text-color, var(--ig-chip-ghost-text-color, var(--ig-gray-400-contrast)));--hover-text-color: var(--igx-chip-hover-text-color, var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast)));--hover-background: var(--igx-chip-hover-background, var(--ig-chip-hover-background, var(--ig-gray-400)));--focus-text-color: var(--igx-chip-focus-text-color, var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast)));--selected-text-color: var(--igx-chip-selected-text-color, var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast)));--selected-background: var(--igx-chip-selected-background, var(--ig-chip-selected-background, var(--ig-gray-300)));--hover-selected-text-color: var(--igx-chip-hover-selected-text-color, var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast)));--hover-selected-background: var(--igx-chip-hover-selected-background, var(--ig-chip-hover-selected-background, var(--ig-gray-400)));--border-radius: var(--igx-chip-border-radius, var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)));--disabled-text-color: var(--igx-chip-disabled-text-color, var(--ig-chip-disabled-text-color, var(--ig-gray-500)));--disabled-background: var(--igx-chip-disabled-background, var(--ig-chip-disabled-background, var(--ig-gray-200)));--disabled-selected-text-color: var(--igx-chip-disabled-selected-text-color, var(--ig-chip-disabled-selected-text-color, var(--ig-gray-500)));--disabled-selected-background: var(--igx-chip-disabled-selected-background, var(--ig-chip-disabled-selected-background, var(--ig-gray-200)));--size: var(--igx-chip-size, var(--ig-chip-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.25rem, -1 * 1.25rem))));--default-size: var(--igx-chip-default-size, var(--ig-chip-default-size, 2));--outlined-background: var(--igx-chip-outlined-background, var(--ig-chip-outlined-background, transparent));--outlined-text-color: var(--igx-chip-outlined-text-color, var(--ig-chip-outlined-text-color, var(--ig-gray-100-contrast)));--border-color: var(--igx-chip-border-color, var(--ig-chip-border-color, var(--ig-gray-100-contrast)));--selected-outlined-background: var(--igx-chip-selected-outlined-background, var(--ig-chip-selected-outlined-background, transparent));--selected-outlined-text-color: var(--igx-chip-selected-outlined-text-color, var(--ig-chip-selected-outlined-text-color, var(--ig-gray-100-contrast)));--selected-border-color: var(--igx-chip-selected-border-color, var(--ig-chip-selected-border-color, var(--ig-gray-100-contrast)));--hover-border-color: var(--igx-chip-hover-border-color, var(--ig-chip-hover-border-color, var(--ig-gray-100-contrast)));--hover-outlined-text-color: var(--igx-chip-hover-outlined-text-color, var(--ig-chip-hover-outlined-text-color, var(--ig-gray-100-contrast)));--hover-selected-border-color: var(--igx-chip-hover-selected-border-color, var(--ig-chip-hover-selected-border-color, var(--ig-gray-100-contrast)));--hover-selected-outlined-text-color: var(--igx-chip-hover-selected-outlined-text-color, var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-100-contrast)));--focus-border-color: var(--igx-chip-focus-border-color, var(--ig-chip-focus-border-color, var(--ig-gray-100-contrast)));--focus-outlined-text-color: var(--igx-chip-focus-outlined-text-color, var(--ig-chip-focus-outlined-text-color, var(--ig-gray-100-contrast)));--focus-selected-border-color: var(--igx-chip-focus-selected-border-color, var(--ig-chip-focus-selected-border-color, var(--ig-gray-100-contrast)));--focus-selected-outlined-text-color: var(--igx-chip-focus-selected-outlined-text-color, var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-100-contrast)));--disabled-outlined-background: var(--igx-chip-disabled-outlined-background, var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--disabled-outlined-text-color: var(--igx-chip-disabled-outlined-text-color, var(--ig-chip-disabled-outlined-text-color, var(--ig-gray-500)));--disabled-border-color: var(--igx-chip-disabled-border-color, var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-500) h s l/.3)));--disabled-selected-outlined-background: var(--igx-chip-disabled-selected-outlined-background, var(--ig-chip-disabled-selected-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--disabled-selected-outlined-text-color: var(--igx-chip-disabled-selected-outlined-text-color, var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-500)));--disabled-selected-border-color: var(--igx-chip-disabled-selected-border-color, var(--ig-chip-disabled-selected-border-color, hsl(from var(--ig-gray-500) h s l/.3)));--text-color: var(--igx-chip-text-color, var(--ig-chip-text-color, var(--ig-gray-300-contrast)));--focus-background: var(--igx-chip-focus-background, var(--ig-chip-focus-background, var(--ig-gray-500)));--focus-selected-text-color: var(--igx-chip-focus-selected-text-color, var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast)));--focus-selected-background: var(--igx-chip-focus-selected-background, var(--ig-chip-focus-selected-background, var(--ig-gray-500)));--hover-outlined-background: var(--igx-chip-hover-outlined-background, var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/.16)));--hover-selected-outlined-background: var(--igx-chip-hover-selected-outlined-background, var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/.16)));--focus-outlined-background: var(--igx-chip-focus-outlined-background, var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/.3)));--focus-selected-outlined-background: var(--igx-chip-focus-selected-outlined-background, var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/.3)));--ig-theme: material;--ig-theme-variant: light}.igx-column-actions{--background: var(--igx-column-actions-background, var(--ig-column-actions-background, var(--ig-surface-500)));--title-color: var(--igx-column-actions-title-color, var(--ig-column-actions-title-color, var(--ig-primary-500)));--ig-theme: material;--ig-theme-variant: light}.igx-combo{--toggle-button-background-focus--border: var(--igx-combo-toggle-button-background-focus--border, var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300)));--case-icon-color: var(--igx-combo-case-icon-color, var(--ig-combo-case-icon-color, var(--ig-gray-400)));--case-icon-color--active: var(--igx-combo-case-icon-color--active, var(--ig-combo-case-icon-color--active, var(--ig-primary-500)));--empty-list-background: var(--igx-combo-empty-list-background, var(--ig-combo-empty-list-background, var(--ig-surface-500)));--search-separator-border-color: var(--igx-combo-search-separator-border-color, var(--ig-combo-search-separator-border-color, transparent));--empty-list-placeholder-color: var(--igx-combo-empty-list-placeholder-color, var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700)));--toggle-button-background: var(--igx-combo-toggle-button-background, var(--ig-combo-toggle-button-background, var(--ig-gray-300)));--toggle-button-background-focus: var(--igx-combo-toggle-button-background-focus, var(--ig-combo-toggle-button-background-focus, var(--ig-gray-400)));--toggle-button-foreground: var(--igx-combo-toggle-button-foreground, var(--ig-combo-toggle-button-foreground, var(--ig-gray-700)));--toggle-button-foreground-focus: var(--igx-combo-toggle-button-foreground-focus, var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900)));--toggle-button-foreground-filled: var(--igx-combo-toggle-button-foreground-filled, var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900)));--clear-button-background: var(--igx-combo-clear-button-background, var(--ig-combo-clear-button-background, transparent));--clear-button-foreground: var(--igx-combo-clear-button-foreground, var(--ig-combo-clear-button-foreground, var(--ig-gray-900)));--clear-button-foreground-focus: var(--igx-combo-clear-button-foreground-focus, var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900)));--toggle-button-background-disabled: var(--igx-combo-toggle-button-background-disabled, var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100)));--toggle-button-foreground-disabled: var(--igx-combo-toggle-button-foreground-disabled, var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500)));--default-size: var(--igx-combo-default-size, var(--ig-combo-default-size, 2));--clear-button-background-focus: var(--igx-combo-clear-button-background-focus, var(--ig-combo-clear-button-background-focus, transparent));--ig-theme: material;--ig-theme-variant: light}.igx-date-picker{--default-size: var(--igx-calendar-default-size, var(--ig-calendar-default-size, 2));--content-foreground: var(--igx-calendar-content-foreground, var(--ig-calendar-content-foreground, var(--ig-gray-900)));--content-background: var(--igx-calendar-content-background, var(--ig-calendar-content-background, var(--ig-surface-500)));--border-color: var(--igx-calendar-border-color, var(--ig-calendar-border-color, transparent));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-200)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-secondary-900-contrast)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-secondary-500)));--ig-theme: material;--ig-theme-variant: light}.igx-date-range-picker{--label-color: var(--igx-date-range-picker-label-color, var(--ig-date-range-picker-label-color, var(--ig-gray-700)));--ranges-background: var(--igx-date-range-picker-ranges-background, var(--ig-date-range-picker-ranges-background, var(--ig-surface-500)));--ranges-border: var(--igx-date-range-picker-ranges-border, var(--ig-date-range-picker-ranges-border, var(--ig-gray-200)));--default-size: var(--igx-date-range-picker-default-size, var(--ig-date-range-picker-default-size, 2));--size: var(--igx-date-range-picker-size, var(--ig-date-range-picker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--ig-theme: material;--ig-theme-variant: light}.igx-dialog{--elevation: var(--igx-dialog-elevation, var(--ig-dialog-elevation, var(--ig-elevation-24)));--background: var(--igx-dialog-background, var(--ig-dialog-background, var(--ig-surface-500)));--title-color: var(--igx-dialog-title-color, var(--ig-dialog-title-color, var(--ig-gray-900)));--message-color: var(--igx-dialog-message-color, var(--ig-dialog-message-color, var(--ig-gray-600)));--border-color: var(--igx-dialog-border-color, var(--ig-dialog-border-color, transparent));--backdrop: var(--igx-dialog-backdrop, var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/.54)));--border-radius: var(--igx-dialog-border-radius, var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1111111111) * 2.25rem), 2.25rem)));--default-size: var(--igx-dialog-default-size, var(--ig-dialog-default-size, 2));--ig-theme: material;--ig-theme-variant: light}.igx-divider{--color: var(--igx-divider-color, var(--ig-divider-color, var(--ig-gray-300)));--inset: var(--igx-divider-inset, var(--ig-divider-inset, 0));--ig-theme: material;--ig-theme-variant: light}.igx-drop-down{--elevation: var(--igx-drop-down-elevation, var(--ig-drop-down-elevation, var(--ig-elevation-3)));--background-color: var(--igx-drop-down-background-color, var(--ig-drop-down-background-color, var(--ig-surface-500)));--header-text-color: var(--igx-drop-down-header-text-color, var(--ig-drop-down-header-text-color, var(--ig-secondary-500)));--item-text-color: var(--igx-drop-down-item-text-color, var(--ig-drop-down-item-text-color, var(--ig-gray-800)));--item-icon-color: var(--igx-drop-down-item-icon-color, var(--ig-drop-down-item-icon-color, var(--ig-gray-800)));--hover-item-background: var(--igx-drop-down-hover-item-background, var(--ig-drop-down-hover-item-background, var(--ig-gray-100)));--hover-item-text-color: var(--igx-drop-down-hover-item-text-color, var(--ig-drop-down-hover-item-text-color, var(--ig-gray-800)));--hover-item-icon-color: var(--igx-drop-down-hover-item-icon-color, var(--ig-drop-down-hover-item-icon-color, var(--ig-gray-800)));--focused-item-background: var(--igx-drop-down-focused-item-background, var(--ig-drop-down-focused-item-background, var(--ig-gray-100)));--focused-item-text-color: var(--igx-drop-down-focused-item-text-color, var(--ig-drop-down-focused-item-text-color, var(--ig-gray-800)));--focused-item-border-color: var(--igx-drop-down-focused-item-border-color, var(--ig-drop-down-focused-item-border-color, transparent));--selected-item-background: var(--igx-drop-down-selected-item-background, var(--ig-drop-down-selected-item-background, var(--ig-secondary-100)));--disabled-item-background: var(--igx-drop-down-disabled-item-background, var(--ig-drop-down-disabled-item-background, transparent));--disabled-item-text-color: var(--igx-drop-down-disabled-item-text-color, var(--ig-drop-down-disabled-item-text-color, var(--ig-gray-500)));--border-color: var(--igx-drop-down-border-color, var(--ig-drop-down-border-color, var(--ig-gray-300)));--border-width: var(--igx-drop-down-border-width, var(--ig-drop-down-border-width, 0));--border-radius: var(--igx-drop-down-border-radius, var(--ig-drop-down-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--item-border-radius: var(--igx-drop-down-item-border-radius, var(--ig-drop-down-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem)));--size: var(--igx-drop-down-size, var(--ig-drop-down-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem))));--default-size: var(--igx-drop-down-default-size, var(--ig-drop-down-default-size, 2));--selected-item-text-color: var(--igx-drop-down-selected-item-text-color, var(--ig-drop-down-selected-item-text-color, var(--ig-secondary-100-contrast)));--selected-item-icon-color: var(--igx-drop-down-selected-item-icon-color, var(--ig-drop-down-selected-item-icon-color, var(--ig-secondary-100-contrast)));--selected-hover-item-background: var(--igx-drop-down-selected-hover-item-background, var(--ig-drop-down-selected-hover-item-background, var(--ig-secondary-200)));--selected-hover-item-text-color: var(--igx-drop-down-selected-hover-item-text-color, var(--ig-drop-down-selected-hover-item-text-color, var(--ig-secondary-200-contrast)));--selected-hover-item-icon-color: var(--igx-drop-down-selected-hover-item-icon-color, var(--ig-drop-down-selected-hover-item-icon-color, var(--ig-secondary-200-contrast)));--selected-focus-item-background: var(--igx-drop-down-selected-focus-item-background, var(--ig-drop-down-selected-focus-item-background, var(--ig-secondary-200)));--selected-focus-item-text-color: var(--igx-drop-down-selected-focus-item-text-color, var(--ig-drop-down-selected-focus-item-text-color, var(--ig-secondary-200-contrast)));--ig-theme: material;--ig-theme-variant: light}.igx-excel-filter,.igx-excel-filter__secondary{--background: var(--igx-excel-filtering-background, var(--ig-excel-filtering-background, var(--ig-gray-50)));--secondary-background: var(--igx-excel-filtering-secondary-background, var(--ig-excel-filtering-secondary-background, var(--ig-gray-50)));--header-foreground: var(--igx-excel-filtering-header-foreground, var(--ig-excel-filtering-header-foreground, var(--ig-gray-700)));--subheader-foreground: var(--igx-excel-filtering-subheader-foreground, var(--ig-excel-filtering-subheader-foreground, var(--ig-gray-700)));--actions-foreground: var(--igx-excel-filtering-actions-foreground, var(--ig-excel-filtering-actions-foreground, var(--ig-gray-700)));--actions-icon-color: var(--igx-excel-filtering-actions-icon-color, var(--ig-excel-filtering-actions-icon-color, var(--ig-gray-700)));--actions-hover-foreground: var(--igx-excel-filtering-actions-hover-foreground, var(--ig-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--actions-hover-icon-color: var(--igx-excel-filtering-actions-hover-icon-color, var(--ig-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--actions-selected-icon-color: var(--igx-excel-filtering-actions-selected-icon-color, var(--ig-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--actions-hover-background: var(--igx-excel-filtering-actions-hover-background, var(--ig-excel-filtering-actions-hover-background, var(--ig-gray-100)));--actions-disabled-foreground: var(--igx-excel-filtering-actions-disabled-foreground, var(--ig-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--border-color: var(--igx-excel-filtering-border-color, var(--ig-excel-filtering-border-color, var(--ig-gray-300)));--ig-theme: material;--ig-theme-variant: light}.igx-expansion-panel{--header-background: var(--igx-expansion-panel-header-background, var(--ig-expansion-panel-header-background, var(--ig-surface-500)));--body-background: var(--igx-expansion-panel-body-background, var(--ig-expansion-panel-body-background, var(--ig-surface-500)));--header-focus-background: var(--igx-expansion-panel-header-focus-background, var(--ig-expansion-panel-header-focus-background, var(--ig-gray-100)));--header-title-color: var(--igx-expansion-panel-header-title-color, var(--ig-expansion-panel-header-title-color, var(--ig-gray-900)));--header-description-color: var(--igx-expansion-panel-header-description-color, var(--ig-expansion-panel-header-description-color, var(--ig-gray-700)));--header-icon-color: var(--igx-expansion-panel-header-icon-color, var(--ig-expansion-panel-header-icon-color, var(--ig-gray-800)));--body-color: var(--igx-expansion-panel-body-color, var(--ig-expansion-panel-body-color, var(--ig-gray-900)));--disabled-text-color: var(--igx-expansion-panel-disabled-text-color, var(--ig-expansion-panel-disabled-text-color, var(--ig-gray-500)));--disabled-description-color: var(--igx-expansion-panel-disabled-description-color, var(--ig-expansion-panel-disabled-description-color, var(--ig-gray-500)));--expanded-margin: var(--igx-expansion-panel-expanded-margin, var(--ig-expansion-panel-expanded-margin, .5rem));--border-radius: var(--igx-expansion-panel-border-radius, var(--ig-expansion-panel-border-radius, 0rem, 0rem, 1rem));--ig-theme: material;--ig-theme-variant: light}.igx-grid{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--grouparea-color: var(--igx-grid-grouparea-color, var(--ig-grid-grouparea-color, var(--ig-gray-600)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-gray-100)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, var(--ig-gray-200)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-100)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, .0625rem));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-400)));--action-border-color: var(--igx-grid-action-border-color, var(--ig-grid-action-border-color, var(--ig-gray-400)));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-300)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-gray-50)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-secondary-300)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-secondary-50-contrast)));--row-hover-background: var(--igx-grid-row-hover-background, var(--ig-grid-row-hover-background, var(--ig-gray-200)));--body-column-hover-border-color: var(--igx-grid-body-column-hover-border-color, var(--ig-grid-body-column-hover-border-color, var(--ig-gray-200)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-200-contrast)));--row-border-width: var(--igx-grid-row-border-width, var(--ig-grid-row-border-width, .0625rem));--row-border-style: var(--igx-grid-row-border-style, var(--ig-grid-row-border-style, solid));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, hsl(from var(--ig-gray-300) h s l/.38)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, .125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-width: var(--igx-grid-cell-active-border-width, var(--ig-grid-cell-active-border-width, .0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-secondary-500)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-gray-200)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-200-contrast)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-800)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-800)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-700)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-gray-100)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-gray-200)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-secondary-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-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, var(--ig-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, var(--ig-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-border-color: var(--igx-grid-summaries-border-color, var(--ig-grid-summaries-border-color, var(--ig-gray-400)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-300)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-800) h s l/.8)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-secondary-100)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-secondary-100-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-secondary-50)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-secondary-100)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-secondary-100-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-secondary-50)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-secondary-100)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-secondary-200)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-secondary-200-contrast)));--ig-theme: material;--ig-theme-variant: light}.igx-grid-summary{--background-color: var(--igx-grid-summary-background-color, var(--ig-grid-summary-background-color, var(--ig-gray-300)));--label-color: var(--igx-grid-summary-label-color, var(--ig-grid-summary-label-color, var(--ig-primary-900)));--label-hover-color: var(--igx-grid-summary-label-hover-color, var(--ig-grid-summary-label-hover-color, var(--ig-primary-900)));--result-color: var(--igx-grid-summary-result-color, var(--ig-grid-summary-result-color, var(--ig-gray-300-contrast)));--border-style: var(--igx-grid-summary-border-style, var(--ig-grid-summary-border-style, solid));--border-color: var(--igx-grid-summary-border-color, var(--ig-grid-summary-border-color, transparent));--pinned-border-style: var(--igx-grid-summary-pinned-border-style, var(--ig-grid-summary-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-summary-pinned-border-color, var(--ig-grid-summary-pinned-border-color, var(--ig-gray-400)));--ig-theme: material;--ig-theme-variant: light}.igx-grid-toolbar{--background: var(--igx-grid-toolbar-background, var(--ig-grid-toolbar-background, var(--ig-gray-50)));--title-text-color: var(--igx-grid-toolbar-title-text-color, var(--ig-grid-toolbar-title-text-color, var(--ig-gray-700)));--dropdown-background: var(--igx-grid-toolbar-dropdown-background, var(--ig-grid-toolbar-dropdown-background, var(--ig-surface-500)));--item-text-color: var(--igx-grid-toolbar-item-text-color, var(--ig-grid-toolbar-item-text-color, var(--ig-gray-600)));--item-hover-background: var(--igx-grid-toolbar-item-hover-background, var(--ig-grid-toolbar-item-hover-background, var(--ig-gray-100)));--item-hover-text-color: var(--igx-grid-toolbar-item-hover-text-color, var(--ig-grid-toolbar-item-hover-text-color, var(--ig-gray-600)));--item-focus-background: var(--igx-grid-toolbar-item-focus-background, var(--ig-grid-toolbar-item-focus-background, var(--ig-gray-100)));--item-focus-text-color: var(--igx-grid-toolbar-item-focus-text-color, var(--ig-grid-toolbar-item-focus-text-color, var(--ig-gray-600)));--size: var(--igx-grid-toolbar-size, var(--ig-grid-toolbar-size, max(var(--is-large, 1) * max(3.625rem, -1 * 3.625rem), var(--is-medium, 1) * max(3.25rem, -1 * 3.25rem), var(--is-small, 1) * max(2.75rem, -1 * 2.75rem))));--border-color: var(--igx-grid-toolbar-border-color, var(--ig-grid-toolbar-border-color, var(--ig-gray-300)));--ig-theme: material;--ig-theme-variant: light}}}@scope(.igx-icon){.light-theme :scope:is(igx-icon){--color: var(--igx-icon-color, var(--ig-icon-color, "currentColor"));--disabled-color: var(--igx-icon-disabled-color, var(--ig-icon-disabled-color, "currentColor"));--size: var(--igx-icon-size, var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))));--default-size: var(--igx-icon-default-size, var(--ig-icon-default-size, 3));--ig-theme: material;--ig-theme-variant: light}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: light){.igx-input-group{--helper-text-color: var(--igx-input-group-helper-text-color, var(--ig-input-group-helper-text-color, var(--ig-gray-700)));--text-error-color: var(--igx-input-group-text-error-color, var(--ig-input-group-text-error-color, var(--ig-error-500)));--icon-error-color: var(--igx-input-group-icon-error-color, var(--ig-input-group-icon-error-color, var(--ig-error-500)));--input-prefix-background: var(--igx-input-group-input-prefix-background, var(--ig-input-group-input-prefix-background, transparent));--input-prefix-color: var(--igx-input-group-input-prefix-color, var(--ig-input-group-input-prefix-color, var(--ig-gray-700)));--input-prefix-background--filled: var(--igx-input-group-input-prefix-background--filled, var(--ig-input-group-input-prefix-background--filled, inherit));--input-prefix-color--filled: var(--igx-input-group-input-prefix-color--filled, var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-900)));--input-prefix-background--focused: var(--igx-input-group-input-prefix-background--focused, var(--ig-input-group-input-prefix-background--focused, inherit));--input-prefix-color--focused: var(--igx-input-group-input-prefix-color--focused, var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-900)));--input-suffix-background: var(--igx-input-group-input-suffix-background, var(--ig-input-group-input-suffix-background, transparent));--input-suffix-color: var(--igx-input-group-input-suffix-color, var(--ig-input-group-input-suffix-color, var(--ig-gray-700)));--input-suffix-background--filled: var(--igx-input-group-input-suffix-background--filled, var(--ig-input-group-input-suffix-background--filled, inherit));--input-suffix-color--filled: var(--igx-input-group-input-suffix-color--filled, var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-900)));--input-suffix-background--focused: var(--igx-input-group-input-suffix-background--focused, var(--ig-input-group-input-suffix-background--focused, inherit));--input-suffix-color--focused: var(--igx-input-group-input-suffix-color--focused, var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900)));--idle-text-color: var(--igx-input-group-idle-text-color, var(--ig-input-group-idle-text-color, var(--ig-gray-700)));--filled-text-color: var(--igx-input-group-filled-text-color, var(--ig-input-group-filled-text-color, var(--ig-gray-900)));--filled-text-hover-color: var(--igx-input-group-filled-text-hover-color, var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900)));--focused-text-color: var(--igx-input-group-focused-text-color, var(--ig-input-group-focused-text-color, var(--ig-gray-900)));--disabled-text-color: var(--igx-input-group-disabled-text-color, var(--ig-input-group-disabled-text-color, var(--ig-gray-500)));--idle-secondary-color: var(--igx-input-group-idle-secondary-color, var(--ig-input-group-idle-secondary-color, var(--ig-gray-700)));--filled-secondary-color: var(--igx-input-group-filled-secondary-color, var(--ig-input-group-filled-secondary-color, var(--ig-gray-600)));--focused-secondary-color: var(--igx-input-group-focused-secondary-color, var(--ig-input-group-focused-secondary-color, var(--ig-primary-500)));--idle-bottom-line-color: var(--igx-input-group-idle-bottom-line-color, var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500)));--hover-bottom-line-color: var(--igx-input-group-hover-bottom-line-color, var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800)));--focused-bottom-line-color: var(--igx-input-group-focused-bottom-line-color, var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500)));--disabled-bottom-line-color: var(--igx-input-group-disabled-bottom-line-color, var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500)));--disabled-border-color: var(--igx-input-group-disabled-border-color, var(--ig-input-group-disabled-border-color, var(--ig-gray-500)));--border-color: var(--igx-input-group-border-color, var(--ig-input-group-border-color, var(--ig-gray-500)));--hover-border-color: var(--igx-input-group-hover-border-color, var(--ig-input-group-hover-border-color, var(--ig-gray-800)));--focused-border-color: var(--igx-input-group-focused-border-color, var(--ig-input-group-focused-border-color, var(--ig-primary-500)));--border-background: var(--igx-input-group-border-background, var(--ig-input-group-border-background, transparent));--border-disabled-background: var(--igx-input-group-border-disabled-background, var(--ig-input-group-border-disabled-background, transparent));--search-background: var(--igx-input-group-search-background, var(--ig-input-group-search-background, var(--ig-surface-500)));--search-disabled-background: var(--igx-input-group-search-disabled-background, var(--ig-input-group-search-disabled-background, var(--ig-surface-500)));--success-secondary-color: var(--igx-input-group-success-secondary-color, var(--ig-input-group-success-secondary-color, var(--ig-success-500)));--warning-secondary-color: var(--igx-input-group-warning-secondary-color, var(--ig-input-group-warning-secondary-color, var(--ig-warn-500)));--error-secondary-color: var(--igx-input-group-error-secondary-color, var(--ig-input-group-error-secondary-color, var(--ig-error-500)));--placeholder-color: var(--igx-input-group-placeholder-color, var(--ig-input-group-placeholder-color, var(--ig-gray-700)));--hover-placeholder-color: var(--igx-input-group-hover-placeholder-color, var(--ig-input-group-hover-placeholder-color, var(--ig-gray-700)));--disabled-placeholder-color: var(--igx-input-group-disabled-placeholder-color, var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-500)));--box-background: var(--igx-input-group-box-background, var(--ig-input-group-box-background, var(--ig-gray-200)));--box-background-hover: var(--igx-input-group-box-background-hover, var(--ig-input-group-box-background-hover, var(--ig-gray-200)));--box-background-focus: var(--igx-input-group-box-background-focus, var(--ig-input-group-box-background-focus, var(--ig-gray-300)));--box-disabled-background: var(--igx-input-group-box-disabled-background, var(--ig-input-group-box-disabled-background, var(--ig-gray-100)));--box-border-radius: var(--igx-input-group-box-border-radius, var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--border-border-radius: var(--igx-input-group-border-border-radius, var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--search-border-radius: var(--igx-input-group-search-border-radius, var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--success-shadow-color: var(--igx-input-group-success-shadow-color, var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/.38)));--error-shadow-color: var(--igx-input-group-error-shadow-color, var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/.38)));--size: var(--igx-input-group-size, var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--default-size: var(--igx-input-group-default-size, var(--ig-input-group-default-size, 2));--search-resting-elevation: var(--igx-input-group-search-resting-elevation, var(--ig-input-group-search-resting-elevation, var(--ig-elevation-1)));--search-hover-elevation: var(--igx-input-group-search-hover-elevation, var(--ig-input-group-search-hover-elevation, var(--ig-elevation-2)));--search-disabled-elevation: var(--igx-input-group-search-disabled-elevation, var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-1)));--ig-theme: material;--ig-theme-variant: light}.igx-file-input{--file-names-background: var(--igx-file-input-file-names-background, var(--ig-file-input-file-names-background, transparent));--file-names-background--focused: var(--igx-file-input-file-names-background--focused, var(--ig-file-input-file-names-background--focused, transparent));--file-names-background--filled: var(--igx-file-input-file-names-background--filled, var(--ig-file-input-file-names-background--filled, transparent));--file-names-background--disabled: var(--igx-file-input-file-names-background--disabled, var(--ig-file-input-file-names-background--disabled, transparent));--file-names-foreground: var(--igx-file-input-file-names-foreground, var(--ig-file-input-file-names-foreground, var(--ig-gray-700)));--file-names-foreground--focused: var(--igx-file-input-file-names-foreground--focused, var(--ig-file-input-file-names-foreground--focused, var(--ig-gray-900)));--file-names-foreground--filled: var(--igx-file-input-file-names-foreground--filled, var(--ig-file-input-file-names-foreground--filled, var(--ig-gray-900)));--file-names-foreground--disabled: var(--igx-file-input-file-names-foreground--disabled, var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-500)));--file-selector-button-background: var(--igx-file-input-file-selector-button-background, var(--ig-file-input-file-selector-button-background, transparent));--file-selector-button-background--focused: var(--igx-file-input-file-selector-button-background--focused, var(--ig-file-input-file-selector-button-background--focused, transparent));--file-selector-button-background--filled: var(--igx-file-input-file-selector-button-background--filled, var(--ig-file-input-file-selector-button-background--filled, transparent));--file-selector-button-background--disabled: var(--igx-file-input-file-selector-button-background--disabled, var(--ig-file-input-file-selector-button-background--disabled, transparent));--file-selector-button-foreground: var(--igx-file-input-file-selector-button-foreground, var(--ig-file-input-file-selector-button-foreground, var(--ig-secondary-500)));--file-selector-button-foreground--focused: var(--igx-file-input-file-selector-button-foreground--focused, var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-secondary-500)));--file-selector-button-foreground--filled: var(--igx-file-input-file-selector-button-foreground--filled, var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-secondary-500)));--file-selector-button-foreground--disabled: var(--igx-file-input-file-selector-button-foreground--disabled, var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-500)));--ig-theme: material;--ig-theme-variant: light}.igx-linear-bar{--track-color: var(--igx-linear-bar-track-color, var(--ig-linear-bar-track-color, var(--ig-gray-300)));--fill-color-default: var(--igx-linear-bar-fill-color-default, var(--ig-linear-bar-fill-color-default, var(--ig-primary-500)));--fill-color-danger: var(--igx-linear-bar-fill-color-danger, var(--ig-linear-bar-fill-color-danger, var(--ig-error-500)));--fill-color-warning: var(--igx-linear-bar-fill-color-warning, var(--ig-linear-bar-fill-color-warning, var(--ig-warn-500)));--fill-color-info: var(--igx-linear-bar-fill-color-info, var(--ig-linear-bar-fill-color-info, var(--ig-info-500)));--fill-color-success: var(--igx-linear-bar-fill-color-success, var(--ig-linear-bar-fill-color-success, var(--ig-success-500)));--stripes-color: var(--igx-linear-bar-stripes-color, var(--ig-linear-bar-stripes-color, hsl(from var(--ig-gray-50) h s l/.7)));--text-color: var(--igx-linear-bar-text-color, var(--ig-linear-bar-text-color, var(--ig-gray-700)));--track-border-radius: var(--igx-linear-bar-track-border-radius, var(--ig-linear-bar-track-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .5rem), .5rem)));--track-height: var(--igx-linear-bar-track-height, var(--ig-linear-bar-track-height, .25rem));--strip-size: var(--igx-linear-bar-strip-size, var(--ig-linear-bar-strip-size, 1rem));--ig-theme: material;--ig-theme-variant: light}.igx-list{--background: var(--igx-list-background, var(--ig-list-background, var(--ig-surface-500)));--header-background: var(--igx-list-header-background, var(--ig-list-header-background, var(--ig-surface-500)));--header-text-color: var(--igx-list-header-text-color, var(--ig-list-header-text-color, var(--ig-secondary-500)));--item-background: var(--igx-list-item-background, var(--ig-list-item-background, var(--ig-surface-500)));--item-background-hover: var(--igx-list-item-background-hover, var(--ig-list-item-background-hover, var(--ig-gray-200)));--item-background-active: var(--igx-list-item-background-active, var(--ig-list-item-background-active, var(--ig-gray-200)));--item-background-selected: var(--igx-list-item-background-selected, var(--ig-list-item-background-selected, var(--ig-gray-200)));--item-text-color: var(--igx-list-item-text-color, var(--ig-list-item-text-color, var(--ig-gray-700)));--item-text-color-hover: var(--igx-list-item-text-color-hover, var(--ig-list-item-text-color-hover, var(--ig-gray-700)));--item-text-color-active: var(--igx-list-item-text-color-active, var(--ig-list-item-text-color-active, var(--ig-gray-700)));--item-text-color-selected: var(--igx-list-item-text-color-selected, var(--ig-list-item-text-color-selected, var(--ig-gray-700)));--item-title-color: var(--igx-list-item-title-color, var(--ig-list-item-title-color, var(--ig-gray-900)));--item-title-color-hover: var(--igx-list-item-title-color-hover, var(--ig-list-item-title-color-hover, var(--ig-gray-900)));--item-title-color-active: var(--igx-list-item-title-color-active, var(--ig-list-item-title-color-active, var(--ig-gray-900)));--item-title-color-selected: var(--igx-list-item-title-color-selected, var(--ig-list-item-title-color-selected, var(--ig-gray-900)));--item-action-color: var(--igx-list-item-action-color, var(--ig-list-item-action-color, "currentColor"));--item-action-color-hover: var(--igx-list-item-action-color-hover, var(--ig-list-item-action-color-hover, "currentColor"));--item-action-color-active: var(--igx-list-item-action-color-active, var(--ig-list-item-action-color-active, "currentColor"));--item-action-color-selected: var(--igx-list-item-action-color-selected, var(--ig-list-item-action-color-selected, "currentColor"));--item-subtitle-color: var(--igx-list-item-subtitle-color, var(--ig-list-item-subtitle-color, var(--ig-gray-700)));--item-subtitle-color-hover: var(--igx-list-item-subtitle-color-hover, var(--ig-list-item-subtitle-color-hover, var(--ig-gray-700)));--item-subtitle-color-active: var(--igx-list-item-subtitle-color-active, var(--ig-list-item-subtitle-color-active, var(--ig-gray-700)));--item-subtitle-color-selected: var(--igx-list-item-subtitle-color-selected, var(--ig-list-item-subtitle-color-selected, var(--ig-gray-700)));--item-thumbnail-color: var(--igx-list-item-thumbnail-color, var(--ig-list-item-thumbnail-color, "currentColor"));--item-thumbnail-color-hover: var(--igx-list-item-thumbnail-color-hover, var(--ig-list-item-thumbnail-color-hover, "currentColor"));--item-thumbnail-color-active: var(--igx-list-item-thumbnail-color-active, var(--ig-list-item-thumbnail-color-active, "currentColor"));--item-thumbnail-color-selected: var(--igx-list-item-thumbnail-color-selected, var(--ig-list-item-thumbnail-color-selected, "currentColor"));--border-color: var(--igx-list-border-color, var(--ig-list-border-color, transparent));--border-width: var(--igx-list-border-width, var(--ig-list-border-width, 0));--border-radius: var(--igx-list-border-radius, var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--item-border-radius: var(--igx-list-item-border-radius, var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--default-size: var(--igx-list-default-size, var(--ig-list-default-size, 2));--ig-theme: material;--ig-theme-variant: light}.igx-nav-drawer{--elevation: var(--igx-nav-drawer-elevation, var(--ig-nav-drawer-elevation, var(--ig-elevation-0)));--size: var(--igx-nav-drawer-size, var(--ig-nav-drawer-size, 15rem));--size--mini: var(--igx-nav-drawer-size--mini, var(--ig-nav-drawer-size--mini, 3.5rem));--background: var(--igx-nav-drawer-background, var(--ig-nav-drawer-background, var(--ig-surface-500)));--item-disabled-text-color: var(--igx-nav-drawer-item-disabled-text-color, var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-500)));--item-disabled-icon-color: var(--igx-nav-drawer-item-disabled-icon-color, var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-400)));--border-radius: var(--igx-nav-drawer-border-radius, var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem)));--item-border-radius: var(--igx-nav-drawer-item-border-radius, var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--item-hover-icon-color: var(--igx-nav-drawer-item-hover-icon-color, var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900)));--item-hover-text-color: var(--igx-nav-drawer-item-hover-text-color, var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900)));--item-hover-background: var(--igx-nav-drawer-item-hover-background, var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200)));--item-text-color: var(--igx-nav-drawer-item-text-color, var(--ig-nav-drawer-item-text-color, var(--ig-gray-900)));--item-active-background: var(--igx-nav-drawer-item-active-background, var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/.12)));--item-active-icon-color: var(--igx-nav-drawer-item-active-icon-color, var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-800)));--item-active-text-color: var(--igx-nav-drawer-item-active-text-color, var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-800)));--border-color: var(--igx-nav-drawer-border-color, var(--ig-nav-drawer-border-color, var(--ig-gray-300)));--item-icon-color: var(--igx-nav-drawer-item-icon-color, var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700)));--item-header-text-color: var(--igx-nav-drawer-item-header-text-color, var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: light}.igx-navbar{--elevation: var(--igx-navbar-elevation, var(--ig-navbar-elevation, var(--ig-elevation-4)));--background: var(--igx-navbar-background, var(--ig-navbar-background, var(--ig-primary-400)));--text-color: var(--igx-navbar-text-color, var(--ig-navbar-text-color, var(--ig-primary-400-contrast)));--idle-icon-color: var(--igx-navbar-idle-icon-color, var(--ig-navbar-idle-icon-color, var(--ig-gray-900)));--hover-icon-color: var(--igx-navbar-hover-icon-color, var(--ig-navbar-hover-icon-color, var(--ig-gray-900)));--border-color: var(--igx-navbar-border-color, var(--ig-navbar-border-color, transparent));--ig-theme: material;--ig-theme-variant: light}.igx-paginator{--foreground: var(--igx-paginator-foreground, var(--ig-paginator-foreground, var(--ig-gray-800)));--background: var(--igx-paginator-background, var(--ig-paginator-background, var(--ig-gray-100)));--border-color: var(--igx-paginator-border-color, var(--ig-paginator-border-color, var(--ig-gray-200)));--size: var(--igx-paginator-size, var(--ig-paginator-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.75rem, -1 * 2.75rem))));--ig-theme: material;--ig-theme-variant: light}.igx-pivot-data-selector{--background: var(--igx-pivot-data-selector-background, var(--ig-pivot-data-selector-background, var(--ig-surface-500)));--header-color: var(--igx-pivot-data-selector-header-color, var(--ig-pivot-data-selector-header-color, var(--ig-gray-100)));--ig-theme: material;--ig-theme-variant: light}.igx-advanced-filtering-dialog,.igx-query-builder{--elevation: var(--igx-query-builder-elevation, var(--ig-query-builder-elevation, var(--ig-elevation-0)));--background: var(--igx-query-builder-background, var(--ig-query-builder-background, var(--ig-surface-500)));--header-background: var(--igx-query-builder-header-background, var(--ig-query-builder-header-background, var(--ig-surface-500)));--header-foreground: var(--igx-query-builder-header-foreground, var(--ig-query-builder-header-foreground, var(--ig-gray-900)));--header-border: var(--igx-query-builder-header-border, var(--ig-query-builder-header-border, transparent));--color-expression-group-and: var(--igx-query-builder-color-expression-group-and, var(--ig-query-builder-color-expression-group-and, #9c27b0));--color-expression-group-or: var(--igx-query-builder-color-expression-group-or, var(--ig-query-builder-color-expression-group-or, #007254));--border-radius: var(--igx-query-builder-border-radius, var(--ig-query-builder-border-radius, .25rem));--subquery-header-background: var(--igx-query-builder-subquery-header-background, var(--ig-query-builder-subquery-header-background, var(--ig-gray-100)));--subquery-border-color: var(--igx-query-builder-subquery-border-color, var(--ig-query-builder-subquery-border-color, var(--ig-gray-300)));--subquery-border-radius: var(--igx-query-builder-subquery-border-radius, var(--ig-query-builder-subquery-border-radius, .75rem));--separator-color: var(--igx-query-builder-separator-color, var(--ig-query-builder-separator-color, var(--ig-gray-500)));--label-foreground: var(--igx-query-builder-label-foreground, var(--ig-query-builder-label-foreground, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: light}.igx-radio{--empty-fill-color: var(--igx-radio-empty-fill-color, var(--ig-radio-empty-fill-color, transparent));--hover-color: var(--igx-radio-hover-color, var(--ig-radio-hover-color, transparent));--label-color: var(--igx-radio-label-color, var(--ig-radio-label-color, var(--ig-gray-900)));--label-color-hover: var(--igx-radio-label-color-hover, var(--ig-radio-label-color-hover, var(--ig-gray-900)));--fill-color: var(--igx-radio-fill-color, var(--ig-radio-fill-color, var(--ig-secondary-500)));--disabled-color: var(--igx-radio-disabled-color, var(--ig-radio-disabled-color, var(--ig-gray-400)));--disabled-fill-color: var(--igx-radio-disabled-fill-color, var(--ig-radio-disabled-fill-color, var(--ig-gray-400)));--disabled-label-color: var(--igx-radio-disabled-label-color, var(--ig-radio-disabled-label-color, var(--ig-gray-500)));--error-color: var(--igx-radio-error-color, var(--ig-radio-error-color, var(--ig-error-800)));--focus-border-color: var(--igx-radio-focus-border-color, var(--ig-radio-focus-border-color, transparent));--focus-outline-color-filled: var(--igx-radio-focus-outline-color-filled, var(--ig-radio-focus-outline-color-filled, transparent));--focus-outline-color-error: var(--igx-radio-focus-outline-color-error, var(--ig-radio-focus-outline-color-error, transparent));--focus-outline-color: var(--igx-radio-focus-outline-color, var(--ig-radio-focus-outline-color, transparent));--fill-hover-border-color: var(--igx-radio-fill-hover-border-color, var(--ig-radio-fill-hover-border-color, var(--ig-secondary-500)));--empty-color: var(--igx-radio-empty-color, var(--ig-radio-empty-color, var(--ig-gray-600)));--fill-color-hover: var(--igx-radio-fill-color-hover, var(--ig-radio-fill-color-hover, var(--ig-secondary-500)));--error-color-hover: var(--igx-radio-error-color-hover, var(--ig-radio-error-color-hover, var(--ig-error-800)));--ig-theme: material;--ig-theme-variant: light}.igx-select{--toggle-button-background-focus--border: var(--igx-select-toggle-button-background-focus--border, var(--ig-select-toggle-button-background-focus--border, var(--ig-gray-300)));--toggle-button-background: var(--igx-select-toggle-button-background, var(--ig-select-toggle-button-background, var(--ig-gray-300)));--toggle-button-background-focus: var(--igx-select-toggle-button-background-focus, var(--ig-select-toggle-button-background-focus, var(--ig-gray-400)));--toggle-button-foreground: var(--igx-select-toggle-button-foreground, var(--ig-select-toggle-button-foreground, var(--ig-gray-700)));--toggle-button-foreground-focus: var(--igx-select-toggle-button-foreground-focus, var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-900)));--toggle-button-foreground-filled: var(--igx-select-toggle-button-foreground-filled, var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-900)));--toggle-button-background-disabled: var(--igx-select-toggle-button-background-disabled, var(--ig-select-toggle-button-background-disabled, var(--ig-gray-100)));--toggle-button-foreground-disabled: var(--igx-select-toggle-button-foreground-disabled, var(--ig-select-toggle-button-foreground-disabled, var(--ig-gray-500)));--default-size: var(--igx-select-default-size, var(--ig-select-default-size, 2));--ig-theme: material;--ig-theme-variant: light}.igx-slider{--track-color: var(--igx-slider-track-color, var(--ig-slider-track-color, var(--ig-secondary-500)));--track-step-color: var(--igx-slider-track-step-color, var(--ig-slider-track-step-color, var(--ig-secondary-200)));--track-step-size: var(--igx-slider-track-step-size, var(--ig-slider-track-step-size, .1875rem));--thumb-disabled-border-color: var(--igx-slider-thumb-disabled-border-color, var(--ig-slider-thumb-disabled-border-color, var(--ig-gray-400)));--label-background-color: var(--igx-slider-label-background-color, var(--ig-slider-label-background-color, var(--ig-gray-700)));--label-text-color: var(--igx-slider-label-text-color, var(--ig-slider-label-text-color, var(--ig-gray-700-contrast)));--tick-color: var(--igx-slider-tick-color, var(--ig-slider-tick-color, var(--ig-gray-500)));--tick-label-color: var(--igx-slider-tick-label-color, var(--ig-slider-tick-label-color, var(--ig-gray-500)));--thumb-color: var(--igx-slider-thumb-color, var(--ig-slider-thumb-color, var(--ig-secondary-500)));--thumb-border-color: var(--igx-slider-thumb-border-color, var(--ig-slider-thumb-border-color, var(--ig-secondary-500)));--thumb-border-hover-color: var(--igx-slider-thumb-border-hover-color, var(--ig-slider-thumb-border-hover-color, var(--ig-secondary-500)));--thumb-border-focus-color: var(--igx-slider-thumb-border-focus-color, var(--ig-slider-thumb-border-focus-color, var(--ig-secondary-500)));--track-hover-color: var(--igx-slider-track-hover-color, var(--ig-slider-track-hover-color, var(--ig-secondary-400)));--thumb-focus-color: var(--igx-slider-thumb-focus-color, var(--ig-slider-thumb-focus-color, transparent));--disabled-thumb-color: var(--igx-slider-disabled-thumb-color, var(--ig-slider-disabled-thumb-color, var(--ig-gray-400)));--base-track-color: var(--igx-slider-base-track-color, var(--ig-slider-base-track-color, hsl(from var(--ig-secondary-500) h s l/.24)));--base-track-hover-color: var(--igx-slider-base-track-hover-color, var(--ig-slider-base-track-hover-color, hsl(from var(--ig-secondary-500) h s l/.24)));--disabled-base-track-color: var(--igx-slider-disabled-base-track-color, var(--ig-slider-disabled-base-track-color, var(--ig-gray-200)));--disabled-fill-track-color: var(--igx-slider-disabled-fill-track-color, var(--ig-slider-disabled-fill-track-color, var(--ig-gray-400)));--ig-theme: material;--ig-theme-variant: light}.igx-snackbar{--elevation: var(--igx-snackbar-elevation, var(--ig-snackbar-elevation, var(--ig-elevation-4)));--background: var(--igx-snackbar-background, var(--ig-snackbar-background, var(--ig-gray-900)));--text-color: var(--igx-snackbar-text-color, var(--ig-snackbar-text-color, var(--ig-gray-900-contrast)));--button-color: var(--igx-snackbar-button-color, var(--ig-snackbar-button-color, var(--ig-secondary-500)));--border-radius: var(--igx-snackbar-border-radius, var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--ig-theme: material;--ig-theme-variant: light}.igx-splitter{--bar-color: var(--igx-splitter-bar-color, var(--ig-splitter-bar-color, var(--ig-gray-200)));--focus-color: var(--igx-splitter-focus-color, var(--ig-splitter-focus-color, var(--ig-secondary-500)));--handle-color: var(--igx-splitter-handle-color, var(--ig-splitter-handle-color, var(--ig-gray-400)));--expander-color: var(--igx-splitter-expander-color, var(--ig-splitter-expander-color, var(--ig-gray-400)));--bar-color-active: var(--igx-splitter-bar-color-active, var(--ig-splitter-bar-color-active, var(--ig-gray-300)));--handle-color-active: var(--igx-splitter-handle-color-active, var(--ig-splitter-handle-color-active, var(--ig-gray-600)));--expander-color-active: var(--igx-splitter-expander-color-active, var(--ig-splitter-expander-color-active, var(--ig-gray-600)));--size: var(--igx-splitter-size, var(--ig-splitter-size, .25rem));--border-radius: var(--igx-splitter-border-radius, var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * .125rem), .125rem)));--ig-theme: material;--ig-theme-variant: light}.igx-stepper{--content-foreground: var(--igx-stepper-content-foreground, var(--ig-stepper-content-foreground, var(--ig-gray-900)));--step-background: var(--igx-stepper-step-background, var(--ig-stepper-step-background, transparent));--indicator-background: var(--igx-stepper-indicator-background, var(--ig-stepper-indicator-background, var(--ig-gray-300)));--indicator-outline: var(--igx-stepper-indicator-outline, var(--ig-stepper-indicator-outline, var(--ig-gray-300)));--title-color: var(--igx-stepper-title-color, var(--ig-stepper-title-color, var(--ig-gray-900)));--title-hover-color: var(--igx-stepper-title-hover-color, var(--ig-stepper-title-hover-color, var(--ig-gray-900)));--title-focus-color: var(--igx-stepper-title-focus-color, var(--ig-stepper-title-focus-color, var(--ig-gray-900)));--subtitle-color: var(--igx-stepper-subtitle-color, var(--ig-stepper-subtitle-color, var(--ig-gray-700)));--subtitle-hover-color: var(--igx-stepper-subtitle-hover-color, var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700)));--subtitle-focus-color: var(--igx-stepper-subtitle-focus-color, var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700)));--complete-step-background: var(--igx-stepper-complete-step-background, var(--ig-stepper-complete-step-background, transparent));--complete-title-color: var(--igx-stepper-complete-title-color, var(--ig-stepper-complete-title-color, var(--ig-gray-900)));--complete-title-hover-color: var(--igx-stepper-complete-title-hover-color, var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900)));--complete-title-focus-color: var(--igx-stepper-complete-title-focus-color, var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900)));--complete-subtitle-color: var(--igx-stepper-complete-subtitle-color, var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700)));--complete-subtitle-hover-color: var(--igx-stepper-complete-subtitle-hover-color, var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700)));--complete-subtitle-focus-color: var(--igx-stepper-complete-subtitle-focus-color, var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700)));--current-step-background: var(--igx-stepper-current-step-background, var(--ig-stepper-current-step-background, transparent));--current-indicator-background: var(--igx-stepper-current-indicator-background, var(--ig-stepper-current-indicator-background, var(--ig-primary-800)));--current-indicator-outline: var(--igx-stepper-current-indicator-outline, var(--ig-stepper-current-indicator-outline, var(--ig-primary-800)));--current-indicator-color: var(--igx-stepper-current-indicator-color, var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast)));--current-title-color: var(--igx-stepper-current-title-color, var(--ig-stepper-current-title-color, var(--ig-gray-900)));--current-title-hover-color: var(--igx-stepper-current-title-hover-color, var(--ig-stepper-current-title-hover-color, var(--ig-gray-900)));--current-title-focus-color: var(--igx-stepper-current-title-focus-color, var(--ig-stepper-current-title-focus-color, var(--ig-gray-900)));--current-subtitle-color: var(--igx-stepper-current-subtitle-color, var(--ig-stepper-current-subtitle-color, var(--ig-gray-700)));--current-subtitle-hover-color: var(--igx-stepper-current-subtitle-hover-color, var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700)));--current-subtitle-focus-color: var(--igx-stepper-current-subtitle-focus-color, var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700)));--invalid-step-background: var(--igx-stepper-invalid-step-background, var(--ig-stepper-invalid-step-background, transparent));--invalid-indicator-background: var(--igx-stepper-invalid-indicator-background, var(--ig-stepper-invalid-indicator-background, var(--ig-error-700)));--invalid-indicator-outline: var(--igx-stepper-invalid-indicator-outline, var(--ig-stepper-invalid-indicator-outline, var(--ig-error-700)));--invalid-indicator-color: var(--igx-stepper-invalid-indicator-color, var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast)));--invalid-title-color: var(--igx-stepper-invalid-title-color, var(--ig-stepper-invalid-title-color, var(--ig-error-700)));--invalid-title-hover-color: var(--igx-stepper-invalid-title-hover-color, var(--ig-stepper-invalid-title-hover-color, var(--ig-error-700)));--invalid-title-focus-color: var(--igx-stepper-invalid-title-focus-color, var(--ig-stepper-invalid-title-focus-color, var(--ig-error-800)));--invalid-subtitle-color: var(--igx-stepper-invalid-subtitle-color, var(--ig-stepper-invalid-subtitle-color, var(--ig-error-700)));--invalid-subtitle-hover-color: var(--igx-stepper-invalid-subtitle-hover-color, var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-700)));--invalid-subtitle-focus-color: var(--igx-stepper-invalid-subtitle-focus-color, var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-800)));--disabled-indicator-color: var(--igx-stepper-disabled-indicator-color, var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500)));--disabled-indicator-background: var(--igx-stepper-disabled-indicator-background, var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200)));--disabled-indicator-outline: var(--igx-stepper-disabled-indicator-outline, var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200)));--disabled-title-color: var(--igx-stepper-disabled-title-color, var(--ig-stepper-disabled-title-color, var(--ig-gray-500)));--disabled-subtitle-color: var(--igx-stepper-disabled-subtitle-color, var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500)));--step-separator-color: var(--igx-stepper-step-separator-color, var(--ig-stepper-step-separator-color, var(--ig-gray-300)));--complete-step-separator-color: var(--igx-stepper-complete-step-separator-color, var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900)));--step-separator-style: var(--igx-stepper-step-separator-style, var(--ig-stepper-step-separator-style, dashed));--complete-step-separator-style: var(--igx-stepper-complete-step-separator-style, var(--ig-stepper-complete-step-separator-style, solid));--border-radius-indicator: var(--igx-stepper-border-radius-indicator, var(--ig-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, var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem)));--indicator-color: var(--igx-stepper-indicator-color, var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast)));--complete-indicator-background: var(--igx-stepper-complete-indicator-background, var(--ig-stepper-complete-indicator-background, var(--ig-gray-900)));--complete-indicator-outline: var(--igx-stepper-complete-indicator-outline, var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900)));--complete-indicator-color: var(--igx-stepper-complete-indicator-color, var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast)));--step-hover-background: var(--igx-stepper-step-hover-background, var(--ig-stepper-step-hover-background, var(--ig-gray-100)));--complete-step-hover-background: var(--igx-stepper-complete-step-hover-background, var(--ig-stepper-complete-step-hover-background, var(--ig-gray-100)));--current-step-hover-background: var(--igx-stepper-current-step-hover-background, var(--ig-stepper-current-step-hover-background, var(--ig-gray-100)));--invalid-step-hover-background: var(--igx-stepper-invalid-step-hover-background, var(--ig-stepper-invalid-step-hover-background, var(--ig-gray-100)));--step-focus-background: var(--igx-stepper-step-focus-background, var(--ig-stepper-step-focus-background, var(--ig-gray-200)));--complete-step-focus-background: var(--igx-stepper-complete-step-focus-background, var(--ig-stepper-complete-step-focus-background, var(--ig-gray-200)));--current-step-focus-background: var(--igx-stepper-current-step-focus-background, var(--ig-stepper-current-step-focus-background, var(--ig-gray-200)));--invalid-step-focus-background: var(--igx-stepper-invalid-step-focus-background, var(--ig-stepper-invalid-step-focus-background, var(--ig-gray-200)));--ig-theme: material;--ig-theme-variant: light}.igx-switch{--border-on-color: var(--igx-switch-border-on-color, var(--ig-switch-border-on-color, transparent));--track-on-color: var(--igx-switch-track-on-color, var(--ig-switch-track-on-color, var(--ig-secondary-200)));--track-disabled-color: var(--igx-switch-track-disabled-color, var(--ig-switch-track-disabled-color, var(--ig-gray-300)));--track-off-color: var(--igx-switch-track-off-color, var(--ig-switch-track-off-color, var(--ig-gray-500)));--thumb-on-color: var(--igx-switch-thumb-on-color, var(--ig-switch-thumb-on-color, var(--ig-secondary-500)));--thumb-on-disabled-color: var(--igx-switch-thumb-on-disabled-color, var(--ig-switch-thumb-on-disabled-color, var(--ig-secondary-100)));--label-color: var(--igx-switch-label-color, var(--ig-switch-label-color, var(--ig-gray-900)));--label-hover-color: var(--igx-switch-label-hover-color, var(--ig-switch-label-hover-color, var(--ig-gray-900)));--label-disabled-color: var(--igx-switch-label-disabled-color, var(--ig-switch-label-disabled-color, var(--ig-gray-500)));--track-on-disabled-color: var(--igx-switch-track-on-disabled-color, var(--ig-switch-track-on-disabled-color, var(--ig-secondary-50)));--border-radius-thumb: var(--igx-switch-border-radius-thumb, var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * .625rem), .625rem)));--border-radius-ripple: var(--igx-switch-border-radius-ripple, var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--resting-elevation: var(--igx-switch-resting-elevation, var(--ig-switch-resting-elevation, var(--ig-elevation-1)));--hover-elevation: var(--igx-switch-hover-elevation, var(--ig-switch-hover-elevation, var(--ig-elevation-1)));--disabled-elevation: var(--igx-switch-disabled-elevation, var(--ig-switch-disabled-elevation, var(--ig-elevation-1)));--focus-outline-color: var(--igx-switch-focus-outline-color, var(--ig-switch-focus-outline-color, transparent));--border-color: var(--igx-switch-border-color, var(--ig-switch-border-color, transparent));--border-hover-color: var(--igx-switch-border-hover-color, var(--ig-switch-border-hover-color, transparent));--focus-fill-color: var(--igx-switch-focus-fill-color, var(--ig-switch-focus-fill-color, transparent));--focus-fill-hover-color: var(--igx-switch-focus-fill-hover-color, var(--ig-switch-focus-fill-hover-color, transparent));--border-on-hover-color: var(--igx-switch-border-on-hover-color, var(--ig-switch-border-on-hover-color, transparent));--border-disabled-color: var(--igx-switch-border-disabled-color, var(--ig-switch-border-disabled-color, transparent));--thumb-off-color: var(--igx-switch-thumb-off-color, var(--ig-switch-thumb-off-color, var(--ig-gray-50)));--thumb-off-hover-color: var(--igx-switch-thumb-off-hover-color, var(--ig-switch-thumb-off-hover-color, var(--ig-gray-50)));--thumb-disabled-color: var(--igx-switch-thumb-disabled-color, var(--ig-switch-thumb-disabled-color, var(--ig-gray-200)));--track-on-hover-color: var(--igx-switch-track-on-hover-color, var(--ig-switch-track-on-hover-color, var(--ig-secondary-200)));--border-radius-track: var(--igx-switch-border-radius-track, var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * .4375rem), .4375rem)));--ig-theme: material;--ig-theme-variant: light}.igx-tabs{--item-text-color: var(--igx-tabs-item-text-color, var(--ig-tabs-item-text-color, var(--ig-gray-700)));--item-background: var(--igx-tabs-item-background, var(--ig-tabs-item-background, var(--ig-surface-500)));--item-hover-background: var(--igx-tabs-item-hover-background, var(--ig-tabs-item-hover-background, var(--ig-gray-200)));--item-hover-color: var(--igx-tabs-item-hover-color, var(--ig-tabs-item-hover-color, var(--ig-gray-700)));--item-active-color: var(--igx-tabs-item-active-color, var(--ig-tabs-item-active-color, var(--ig-primary-900)));--item-active-hover-color: var(--igx-tabs-item-active-hover-color, var(--ig-tabs-item-active-hover-color, var(--ig-primary-900)));--item-icon-color: var(--igx-tabs-item-icon-color, var(--ig-tabs-item-icon-color, var(--ig-gray-700)));--item-active-icon-color: var(--igx-tabs-item-active-icon-color, var(--ig-tabs-item-active-icon-color, var(--ig-primary-900)));--item-active-hover-icon-color: var(--igx-tabs-item-active-hover-icon-color, var(--ig-tabs-item-active-hover-icon-color, var(--ig-primary-900)));--item-hover-icon-color: var(--igx-tabs-item-hover-icon-color, var(--ig-tabs-item-hover-icon-color, var(--ig-gray-700)));--item-disabled-icon-color: var(--igx-tabs-item-disabled-icon-color, var(--ig-tabs-item-disabled-icon-color, var(--ig-gray-500)));--item-active-background: var(--igx-tabs-item-active-background, var(--ig-tabs-item-active-background, var(--ig-surface-500)));--item-active-hover-background: var(--igx-tabs-item-active-hover-background, var(--ig-tabs-item-active-hover-background, var(--ig-gray-200)));--item-disabled-color: var(--igx-tabs-item-disabled-color, var(--ig-tabs-item-disabled-color, var(--ig-gray-500)));--indicator-color: var(--igx-tabs-indicator-color, var(--ig-tabs-indicator-color, var(--ig-primary-900)));--button-color: var(--igx-tabs-button-color, var(--ig-tabs-button-color, var(--ig-gray-700)));--button-background: var(--igx-tabs-button-background, var(--ig-tabs-button-background, var(--ig-surface-500)));--button-hover-background: var(--igx-tabs-button-hover-background, var(--ig-tabs-button-hover-background, var(--ig-gray-100)));--button-hover-color: var(--igx-tabs-button-hover-color, var(--ig-tabs-button-hover-color, var(--ig-gray-900)));--button-disabled-color: var(--igx-tabs-button-disabled-color, var(--ig-tabs-button-disabled-color, var(--ig-gray-500)));--tab-ripple-color: var(--igx-tabs-tab-ripple-color, var(--ig-tabs-tab-ripple-color, var(--ig-gray-100)));--button-ripple-color: var(--igx-tabs-button-ripple-color, var(--ig-tabs-button-ripple-color, var(--ig-gray-100)));--border-color: var(--igx-tabs-border-color, var(--ig-tabs-border-color, transparent));--border-color--hover: var(--igx-tabs-border-color--hover, var(--ig-tabs-border-color--hover, transparent));--border-radius: var(--igx-tabs-border-radius, var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .375rem), .375rem)));--ig-theme: material;--ig-theme-variant: light}.igx-time-picker{--modal-elevation: var(--igx-time-picker-modal-elevation, var(--ig-time-picker-modal-elevation, var(--ig-elevation-24)));--dropdown-elevation: var(--igx-time-picker-dropdown-elevation, var(--ig-time-picker-dropdown-elevation, var(--ig-elevation-3)));--text-color: var(--igx-time-picker-text-color, var(--ig-time-picker-text-color, var(--ig-gray-900)));--hover-text-color: var(--igx-time-picker-hover-text-color, var(--ig-time-picker-hover-text-color, var(--ig-secondary-500)));--selected-text-color: var(--igx-time-picker-selected-text-color, var(--ig-time-picker-selected-text-color, var(--ig-secondary-500)));--active-item-foreground: var(--igx-time-picker-active-item-foreground, var(--ig-time-picker-active-item-foreground, var(--ig-secondary-500-contrast)));--active-item-background: var(--igx-time-picker-active-item-background, var(--ig-time-picker-active-item-background, var(--ig-secondary-500)));--disabled-text-color: var(--igx-time-picker-disabled-text-color, var(--ig-time-picker-disabled-text-color, var(--ig-gray-400)));--disabled-item-background: var(--igx-time-picker-disabled-item-background, var(--ig-time-picker-disabled-item-background, transparent));--background-color: var(--igx-time-picker-background-color, var(--ig-time-picker-background-color, var(--ig-surface-500)));--border-color: var(--igx-time-picker-border-color, var(--ig-time-picker-border-color, transparent));--divider-color: var(--igx-time-picker-divider-color, var(--ig-time-picker-divider-color, var(--ig-gray-200)));--border-radius: var(--igx-time-picker-border-radius, var(--ig-time-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--time-item-size: var(--igx-time-picker-time-item-size, var(--ig-time-picker-time-item-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-time-picker-default-size, var(--ig-time-picker-default-size, 2));--header-background: var(--igx-time-picker-header-background, var(--ig-time-picker-header-background, var(--ig-secondary-500)));--header-hour-text-color: var(--igx-time-picker-header-hour-text-color, var(--ig-time-picker-header-hour-text-color, var(--ig-secondary-500-contrast)));--active-item-border-radius: var(--igx-time-picker-active-item-border-radius, var(--ig-time-picker-active-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .75) * 1.25rem), 1.25rem)));--ig-theme: material;--ig-theme-variant: light}.igx-toast{--elevation: var(--igx-toast-elevation, var(--ig-toast-elevation, var(--ig-elevation-0)));--background: var(--igx-toast-background, var(--ig-toast-background, var(--ig-gray-700)));--border-color: var(--igx-toast-border-color, var(--ig-toast-border-color, var(--ig-gray-700)));--text-color: var(--igx-toast-text-color, var(--ig-toast-text-color, var(--ig-gray-700-contrast)));--border-radius: var(--igx-toast-border-radius, var(--ig-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.625rem), 1.625rem)));--ig-theme: material;--ig-theme-variant: light}.igx-tree-node{--background: var(--igx-tree-background, var(--ig-tree-background, var(--ig-surface-500)));--foreground: var(--igx-tree-foreground, var(--ig-tree-foreground, var(--ig-surface-500-contrast)));--icon-color: var(--igx-tree-icon-color, var(--ig-tree-icon-color, var(--ig-surface-500-contrast)));--background-selected: var(--igx-tree-background-selected, var(--ig-tree-background-selected, var(--ig-secondary-200)));--background-active: var(--igx-tree-background-active, var(--ig-tree-background-active, var(--ig-gray-200)));--foreground-active: var(--igx-tree-foreground-active, var(--ig-tree-foreground-active, var(--ig-gray-200-contrast)));--background-disabled: var(--igx-tree-background-disabled, var(--ig-tree-background-disabled, var(--ig-surface-500)));--foreground-disabled: var(--igx-tree-foreground-disabled, var(--ig-tree-foreground-disabled, var(--ig-gray-500)));--drop-area-color: var(--igx-tree-drop-area-color, var(--ig-tree-drop-area-color, var(--ig-secondary-500)));--hover-color: var(--igx-tree-hover-color, var(--ig-tree-hover-color, hsl(from var(--ig-gray-900) h s l/.1)));--hover-selected-color: var(--igx-tree-hover-selected-color, var(--ig-tree-hover-selected-color, hsl(from var(--ig-gray-900) h s l/.1)));--size: var(--igx-tree-size, var(--ig-tree-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))));--default-size: var(--igx-tree-default-size, var(--ig-tree-default-size, 2));--foreground-selected: var(--igx-tree-foreground-selected, var(--ig-tree-foreground-selected, var(--ig-secondary-200-contrast)));--background-active-selected: var(--igx-tree-background-active-selected, var(--ig-tree-background-active-selected, var(--ig-secondary-300)));--foreground-active-selected: var(--igx-tree-foreground-active-selected, var(--ig-tree-foreground-active-selected, var(--ig-secondary-300-contrast)));--border-color: var(--igx-tree-border-color, var(--ig-tree-border-color, var(--ig-secondary-500)));--ig-theme: material;--ig-theme-variant: light}}}@layer ig.derived{.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_grid-background: var(--background, var(--ig-grid-background));--_grid-foreground: var(--foreground, var(--ig-grid-foreground));--_grid-accent-color: var(--accent-color, var(--ig-grid-accent-color));--ig-action-strip-actions-background: var(--_grid-accent-color);--ig-action-strip-background: var(--_grid-accent-color);--ig-action-strip-icon-color: var(--_grid-accent-color);--ig-action-strip-delete-action: var(--ig-error-500);--ig-action-strip-actions-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-badge-elevation: var(--ig-elevation-1);--ig-badge-icon-color: hsla(from color(from var(--ig-badge-background-color) var(--y-contrast)) h 0 l/1);--ig-badge-text-color: hsla(from color(from var(--ig-badge-background-color) var(--y-contrast)) h 0 l/1);--ig-badge-border-color: var(--ig-gray-900-contrast);--ig-badge-background-color: var(--_grid-accent-color);--ig-badge-border-radius: 0;--ig-badge-default-size: 2;--ig-banner-banner-background: var(--_grid-background);--ig-banner-border-radius: 0;--ig-banner-banner-border-color: var(--_grid-foreground);--ig-banner-banner-message-color: var(--_grid-foreground);--ig-banner-banner-illustration-color: var(--_grid-foreground);--ig-calendar-default-size: 2;--ig-calendar-content-foreground: var(--_grid-foreground);--ig-calendar-content-background: var(--_grid-background);--ig-calendar-border-color: transparent;--ig-calendar-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-calendar-picker-background: var(--ig-calendar-content-background);--ig-calendar-picker-hover-foreground: hsl(from hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1) h s l/.8);--ig-calendar-picker-focus-foreground: var(--ig-calendar-picker-hover-foreground);--ig-calendar-navigation-color: hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1);--ig-calendar-navigation-hover-color: var(--ig-calendar-picker-hover-foreground);--ig-calendar-navigation-focus-color: var(--ig-calendar-navigation-hover-color);--ig-calendar-date-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-range-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-week-number-foreground: hsl(from hsla(from color(from var(--ig-calendar-week-number-background) var(--y-contrast)) h 0 l/1) h s l/.5);--ig-calendar-week-number-background: hsl(from var(--ig-calendar-content-background) h s calc(l*.8) );--ig-calendar-inactive-color: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.5);--ig-calendar-weekday-color: var(--ig-calendar-inactive-color);--ig-calendar-weekend-color: var(--ig-calendar-content-foreground);--ig-calendar-date-hover-foreground: hsla(from color(from var(--ig-calendar-date-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-focus-foreground: var(--ig-calendar-date-hover-foreground);--ig-calendar-date-selected-range-hover-foreground: hsla(from color(from hsl(from var(--ig-calendar-date-selected-range-hover-background) h s l/1) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-range-focus-foreground: hsla(from color(from hsl(from var(--ig-calendar-date-selected-range-focus-background) h s l/1) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-range-foreground: hsla(from color(from var(--ig-calendar-date-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-range-hover-foreground: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-current-range-focus-foreground: var(--ig-gray-900);--ig-calendar-date-current-background: var(--ig-calendar-content-background);--ig-calendar-date-current-hover-foreground: hsla(from color(from var(--ig-calendar-date-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-focus-foreground: hsla(from color(from var(--ig-calendar-date-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-focus-background: var(--ig-calendar-date-focus-background);--ig-calendar-date-special-background: transparent;--ig-calendar-date-special-range-background: transparent;--ig-calendar-date-border-color: transparent;--ig-calendar-date-hover-border-color: transparent;--ig-calendar-date-focus-border-color: transparent;--ig-calendar-date-selected-border-color: transparent;--ig-calendar-date-selected-hover-border-color: transparent;--ig-calendar-date-selected-focus-border-color: transparent;--ig-calendar-date-range-border-color: transparent;--ig-calendar-date-range-preview-border-color: hsl(from var(--ig-calendar-date-selected-background) h s l/.5);--ig-calendar-date-disabled-foreground: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.3);--ig-calendar-date-disabled-range-foreground: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.3);--ig-calendar-ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-color);--ig-calendar-ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-hover-color);--ig-calendar-ym-selected-outline-color: transparent;--ig-calendar-ym-selected-hover-outline-color: transparent;--ig-calendar-ym-selected-focus-outline-color: transparent;--ig-calendar-ym-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-picker-foreground: hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1);--ig-calendar-actions-divider-color: var(--ig-gray-200);--ig-calendar-header-foreground: hsla(from color(from var(--ig-calendar-header-background) var(--y-contrast)) h 0 l/1);--ig-calendar-header-background: var(--_grid-accent-color);--ig-calendar-date-current-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-special-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-hover-background: lch(from var(--ig-calendar-content-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-date-focus-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-current-foreground: hsla(from color(from var(--ig-calendar-date-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-selected-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-background: var(--ig-calendar-header-background);--ig-calendar-date-selected-hover-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-hover-background: lch(from var(--ig-calendar-date-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-date-selected-focus-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-focus-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-special-foreground: var(--ig-calendar-date-selected-foreground);--ig-calendar-date-selected-special-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-special-hover-foreground: var(--ig-calendar-date-selected-hover-foreground);--ig-calendar-date-selected-special-hover-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-special-focus-foreground: var(--ig-calendar-date-selected-special-hover-foreground);--ig-calendar-date-selected-special-focus-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-current-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-current-hover-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-hover-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-current-focus-foreground: hsla(from color(from var(--ig-calendar-date-selected-current-focus-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-focus-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-range-foreground: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-range-background: hsl(from var(--ig-calendar-date-selected-background) h s l/.24);--ig-calendar-date-selected-range-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-selected-range-focus-background: var(--ig-calendar-date-selected-range-hover-background);--ig-calendar-date-selected-current-range-background: var(--ig-calendar-date-current-background);--ig-calendar-date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-background);--ig-calendar-date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-hover-background);--ig-calendar-date-selected-special-border-color: var(--ig-calendar-date-selected-foreground);--ig-calendar-date-selected-special-hover-border-color: var(--ig-calendar-date-selected-hover-foreground);--ig-calendar-date-selected-special-focus-border-color: var(--ig-calendar-date-selected-focus-foreground);--ig-calendar-date-special-foreground: hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-special-hover-foreground: lch(from var(--ig-calendar-date-special-foreground) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-calendar-date-special-focus-foreground: var(--ig-calendar-date-special-hover-border-color);--ig-calendar-date-special-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-special-focus-background: var(--ig-calendar-date-focus-background);--ig-calendar-date-special-range-hover-background: var(--ig-calendar-date-selected-range-hover-background);--ig-calendar-date-special-range-focus-background: var(--ig-calendar-date-special-focus-background);--ig-calendar-date-special-range-border-color: var(--ig-calendar-date-special-border-color);--ig-calendar-date-special-range-hover-border-color: var(--ig-calendar-date-special-range-border-color);--ig-calendar-date-special-range-focus-border-color: var(--ig-calendar-date-special-range-hover-border-color);--ig-calendar-date-special-border-color: var(--ig-calendar-date-special-foreground);--ig-calendar-date-special-hover-border-color: lch(from var(--ig-calendar-date-special-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-calendar-date-special-focus-border-color: var(--ig-calendar-date-special-hover-border-color);--ig-calendar-date-current-border-color: var(--ig-calendar-date-current-foreground);--ig-calendar-date-current-hover-border-color: var(--ig-calendar-date-current-hover-foreground);--ig-calendar-date-current-focus-border-color: var(--ig-calendar-date-current-focus-foreground);--ig-calendar-date-selected-current-border-color: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-border-color);--ig-calendar-date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-hover-border-color);--ig-calendar-date-special-range-foreground: var(--ig-calendar-date-special-foreground);--ig-calendar-date-special-range-hover-foreground: var(--ig-calendar-date-special-hover-foreground);--ig-calendar-date-special-range-focus-foreground: var(--ig-calendar-date-special-range-hover-foreground);--ig-calendar-week-number-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .5) * .5rem), .5rem);--ig-calendar-ym-selected-current-hover-foreground: hsla(from color(from var(--ig-calendar-ym-selected-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-current-hover-background: var(--ig-calendar-ym-selected-hover-background);--ig-calendar-ym-hover-foreground: hsla(from color(from var(--ig-calendar-ym-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-ym-current-foreground: hsla(from color(from var(--ig-calendar-ym-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-current-background: var(--ig-calendar-date-current-background);--ig-calendar-ym-current-hover-foreground: hsla(from color(from var(--ig-calendar-ym-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-current-hover-background: var(--ig-calendar-date-current-hover-background);--ig-calendar-ym-selected-foreground: hsla(from color(from var(--ig-calendar-ym-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-background: var(--ig-calendar-header-background);--ig-calendar-ym-selected-hover-foreground: hsla(from color(from var(--ig-calendar-ym-selected-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-hover-background: lch(from var(--ig-calendar-ym-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-ym-selected-current-foreground: hsla(from color(from var(--ig-calendar-ym-selected-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-current-background: var(--ig-calendar-ym-selected-background);--ig-calendar-ym-selected-current-outline-color: var(--ig-calendar-ym-current-outline-color);--ig-calendar-ym-current-outline-color: var(--ig-calendar-date-current-border-color);--ig-calendar-ym-selected-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color);--ig-calendar-ym-selected-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color);--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_grid-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_grid-background);--ig-checkbox-fill-color: var(--_grid-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_grid-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-800);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_grid-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_grid-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-800);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5)}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-action-strip-actions-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-action-strip-background: color-mix(in srgb, var(--_grid-accent-color) 12%, transparent)}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-banner-banner-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-empty-color: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_grid-foreground) 40%, var(--_grid-background))}}.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--ig-grid-header-text-color);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--ig-grid-header-background);--ig-checkbox-fill-color: var(--_grid-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--ig-grid-header-text-color);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-800);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--ig-grid-header-text-color);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--ig-grid-header-text-color);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-800);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5)}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-disabled-color: color-mix(in srgb, var(--ig-grid-header-text-color) 50%, var(--ig-grid-header-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--ig-grid-header-text-color) 40%, var(--ig-grid-header-background))}}.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-ghost-elevation: var(--ig-elevation-8);--ig-chip-remove-icon-color: "currentColor";--ig-chip-focus-shadow-color: transparent;--ig-chip-focus-selected-shadow-color: transparent;--ig-chip-remove-icon-color-focus: "currentColor";--ig-chip-background: var(--_grid-foreground);--ig-chip-ghost-background: var(--_grid-foreground);--ig-chip-ghost-text-color: var(--_grid-foreground);--ig-chip-hover-text-color: var(--ig-chip-text-color);--ig-chip-hover-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-hover-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-hover-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem);--ig-chip-disabled-text-color: var(--_grid-foreground);--ig-chip-disabled-background: var(--_grid-foreground);--ig-chip-disabled-selected-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-background: var(--ig-gray-200);--ig-chip-default-size: 2;--ig-chip-outlined-background: transparent;--ig-chip-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-border-color: var(--ig-gray-100-contrast);--ig-chip-selected-outlined-background: transparent;--ig-chip-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-disabled-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-border-color: var(--_grid-foreground);--ig-chip-disabled-selected-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-selected-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-border-color: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-text-color: var(--_grid-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-hover-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-hover-selected-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-focus-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-focus-selected-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: transparent;--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_grid-accent-color);--ig-contained-button-disabled-foreground: var(--_grid-foreground);--ig-contained-button-disabled-icon-color: var(--_grid-foreground);--ig-contained-button-default-size: 3;--ig-contained-button-resting-elevation: var(--ig-elevation-2);--ig-contained-button-hover-elevation: var(--ig-elevation-4);--ig-contained-button-focus-elevation: var(--ig-elevation-8);--ig-contained-button-active-elevation: var(--ig-elevation-4);--ig-contained-button-background: var(--_grid-accent-color);--ig-contained-button-active-background: var(--ig-contained-button-focus-background);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-focus-background);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_grid-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_grid-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_grid-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_grid-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_grid-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_grid-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_grid-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_grid-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-excel-filtering-background: var(--_grid-background);--ig-excel-filtering-secondary-background: var(--ig-excel-filtering-background);--ig-excel-filtering-header-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-subheader-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-icon-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-hover-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-hover-icon-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-selected-icon-color: var(--ig-excel-filtering-accent-color);--ig-excel-filtering-actions-hover-background: var(--ig-excel-filtering-accent-color);--ig-excel-filtering-actions-disabled-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-border-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-foreground: var(--_grid-foreground);--ig-excel-filtering-accent-color: var(--_grid-accent-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_grid-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_grid-accent-color);--ig-flat-button-disabled-icon-color: var(--_grid-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_grid-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_grid-accent-color);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.16);--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: transparent;--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_grid-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 3;--ig-grid-summary-background-color: var(--_grid-foreground);--ig-grid-summary-label-color: var(--_grid-accent-color);--ig-grid-summary-label-hover-color: var(--ig-grid-summary-label-color);--ig-grid-summary-result-color: var(--_grid-foreground);--ig-grid-summary-border-style: solid;--ig-grid-summary-border-color: var(--_grid-foreground);--ig-grid-summary-pinned-border-style: solid;--ig-grid-summary-pinned-border-color: var(--_grid-foreground);--ig-grid-toolbar-background: var(--_grid-background);--ig-grid-toolbar-title-text-color: var(--_grid-foreground);--ig-grid-toolbar-dropdown-background: var(--ig-grid-toolbar-background);--ig-grid-toolbar-item-text-color: var(--ig-grid-toolbar-foreground);--ig-grid-toolbar-item-hover-background: var(--ig-grid-toolbar-accent-color);--ig-grid-toolbar-item-hover-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-item-focus-background: var(--ig-grid-toolbar-accent-color);--ig-grid-toolbar-item-focus-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-border-color: var(--ig-grid-toolbar-foreground);--ig-grid-toolbar-foreground: var(--_grid-foreground);--ig-grid-toolbar-accent-color: var(--_grid-accent-color);--ig-highlight-resting-background: var(--_grid-foreground);--ig-highlight-resting-color: hsla(from color(from var(--ig-highlight-resting-background) var(--y-contrast)) h 0 l/1);--ig-highlight-active-background: var(--_grid-accent-color);--ig-highlight-active-color: hsla(from color(from var(--ig-highlight-active-background) var(--y-contrast)) h 0 l/1);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_grid-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--_grid-foreground);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--_grid-accent-color);--ig-input-group-idle-bottom-line-color: var(--_grid-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_grid-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--_grid-foreground);--ig-input-group-search-disabled-background: hsl(from var(--ig-input-group-search-background) h s l/.4);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_grid-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--_grid-background);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_grid-accent-color);--ig-outlined-button-icon-color: var(--_grid-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_grid-accent-color);--ig-outlined-button-disabled-icon-color: var(--_grid-accent-color);--ig-outlined-button-default-size: 3;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-focus-visible-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/1);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1);--ig-outlined-icon-button-shadow-color: transparent;--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_grid-accent-color);--ig-outlined-icon-button-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.08);--ig-outlined-icon-button-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.16);--ig-outlined-icon-button-focus-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-focus-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-active-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-active-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-border-color: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.4);--ig-outlined-icon-button-focus-border-color: var(--ig-gray-300);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: var(--_grid-accent-color);--ig-outlined-icon-button-disabled-border-color: var(--_grid-accent-color);--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 3;--ig-paginator-foreground: var(--_grid-foreground);--ig-paginator-background: var(--_grid-background);--ig-paginator-border-color: var(--_grid-foreground);--ig-paginator-accent-color: var(--_grid-accent-color);--ig-circular-bar-track-color: var(--_grid-foreground);--ig-circular-bar-fill-color-default: var(--_grid-accent-color);--ig-circular-bar-fill-color-danger: var(--ig-error-500);--ig-circular-bar-fill-color-warning: var(--ig-warn-500);--ig-circular-bar-fill-color-info: var(--ig-info-500);--ig-circular-bar-fill-color-success: var(--ig-success-500);--ig-circular-bar-text-color: var(--_grid-foreground);--ig-circular-bar-diameter: 2rem;--ig-circular-bar-track-border-radius: 0rem;--ig-circular-bar-fill-color-default-start: var(--ig-primary-500);--ig-circular-bar-fill-color-default-end: var(--ig-primary-500);--ig-linear-bar-track-color: var(--_grid-foreground);--ig-linear-bar-fill-color-default: var(--_grid-accent-color);--ig-linear-bar-fill-color-danger: var(--ig-error-500);--ig-linear-bar-fill-color-warning: var(--ig-warn-500);--ig-linear-bar-fill-color-info: var(--ig-info-500);--ig-linear-bar-fill-color-success: var(--ig-success-500);--ig-linear-bar-stripes-color: hsl(from var(--ig-gray-50) h s l/.7);--ig-linear-bar-text-color: var(--_grid-foreground);--ig-linear-bar-track-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * .5rem), .5rem);--ig-linear-bar-track-height: .25rem;--ig-linear-bar-strip-size: 1rem;--ig-query-builder-elevation: var(--ig-elevation-0);--ig-query-builder-background: var(--_grid-background);--ig-query-builder-header-background: var(--ig-query-builder-background);--ig-query-builder-header-foreground: var(--_grid-foreground);--ig-query-builder-header-border: transparent;--ig-query-builder-color-expression-group-and: #9c27b0;--ig-query-builder-color-expression-group-or: #007254;--ig-query-builder-border-radius: .25rem;--ig-query-builder-subquery-header-background: lch(from var(--ig-query-builder-header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-subquery-border-color: lch(from var(--ig-query-builder-subquery-header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-subquery-border-radius: .75rem;--ig-query-builder-separator-color: lch(from var(--ig-query-builder-subquery-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-label-foreground: hsl(from hsla(from color(from var(--ig-query-builder-background) var(--y-contrast)) h 0 l/1) h s l/.6);--ig-query-builder-foreground: var(--_grid-foreground);--ig-query-builder-accent-color: var(--_grid-accent-color);--_scrollbar-thumb-color: var(--_grid-foreground);--_scrollbar-track-border-color: var(--_grid-foreground)}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-ghost-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-text-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-border-color: color-mix(in srgb, var(--_grid-foreground) 24%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 8%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-border-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_grid-accent-color) 24%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-actions-hover-background: color-mix(in srgb, var(--ig-excel-filtering-accent-color) 8%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-actions-disabled-foreground: color-mix(in srgb, var(--ig-excel-filtering-foreground) 50%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-border-color: color-mix(in srgb, var(--ig-excel-filtering-foreground) 16%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-background-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-pinned-border-color: color-mix(in srgb, var(--_grid-foreground) 30%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-item-hover-background: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 8%, var(--ig-grid-toolbar-dropdown-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-item-focus-background: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 12%, var(--ig-grid-toolbar-dropdown-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-border-color: color-mix(in srgb, var(--ig-grid-toolbar-foreground) 20%, var(--ig-grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-highlight-resting-background: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-input-group-search-background: color-mix(in srgb, var(--_grid-foreground) 6%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-paginator-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-circular-bar-track-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-linear-bar-track-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_scrollbar-thumb-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_scrollbar-track-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background))}}.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite),.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_grid-background, var(--content-background), var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: light;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-select-toggle-button-background-focus--border: var(--ig-gray-300);--ig-select-toggle-button-background: var(--_grid-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-tooltip-elevation: var(--ig-elevation-0);--ig-tooltip-background: hsl(from var(--_grid-foreground) h s l/80%);--ig-tooltip-text-color: hsla(from color(from hsl(from var(--_grid-foreground) h s l/80%) var(--y-contrast)) h 0 l/1);--ig-tooltip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .25) * 1rem), 1rem);--ig-tree-background: var(--_grid-background);--ig-tree-foreground: hsla(from color(from var(--ig-tree-background) var(--y-contrast)) h 0 l/1);--ig-tree-icon-color: var(--ig-surface-500-contrast);--ig-tree-background-selected: lch(from var(--ig-tree-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-background-active: lch(from var(--ig-tree-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-foreground-active: hsla(from color(from var(--ig-tree-background-active) var(--y-contrast)) h 0 l/1);--ig-tree-background-disabled: var(--ig-tree-background);--ig-tree-foreground-disabled: hsla(from color(from var(--ig-tree-background-disabled) var(--y-contrast)) h 0 l/1);--ig-tree-drop-area-color: var(--ig-secondary-500);--ig-tree-hover-color: hsl(from hsla(from color(from var(--ig-tree-background) var(--y-contrast)) h 0 l/1) h s l/.1);--ig-tree-hover-selected-color: lch(from var(--ig-tree-background-selected) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-default-size: 2;--ig-tree-foreground-selected: hsla(from color(from var(--ig-tree-background-selected) var(--y-contrast)) h 0 l/1);--ig-tree-background-active-selected: lch(from var(--ig-tree-background-active) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-foreground-active-selected: hsla(from color(from var(--ig-tree-background-active-selected) var(--y-contrast)) h 0 l/1);--ig-tree-border-color: var(--ig-secondary-500);--ig-watermark-base-color: var(--_grid-accent-color);--ig-watermark-color: var(--_grid-foreground);--ig-watermark-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1rem), 1rem);--ig-watermark-border-color: var(--_grid-accent-color)}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-tree-background-disabled: color-mix(in hsl, var(--ig-tree-background), transparent 50%)}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-watermark-base-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-watermark-border-color: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background))}}.light-theme :where(.igx-column-actions){--_column-actions-background: var(--background, var(--ig-column-actions-background));--_column-actions-foreground: var(--foreground, var(--ig-column-actions-foreground));--_column-actions-accent-color: var(--accent-color, var(--ig-column-actions-accent-color));--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_column-actions-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_column-actions-background);--ig-checkbox-fill-color: var(--_column-actions-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_column-actions-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-800);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_column-actions-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_column-actions-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-800);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_column-actions-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_column-actions-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_column-actions-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_column-actions-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_column-actions-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_column-actions-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_column-actions-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_column-actions-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_column-actions-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_column-actions-accent-color);--ig-flat-button-disabled-icon-color: var(--_column-actions-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_column-actions-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_column-actions-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: hsl(from hsla(from color(from var(--ig-input-group-box-background) var(--y-contrast)) h 0 l/1) h s l/.9);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-bottom-line-color);--ig-input-group-idle-bottom-line-color: var(--_column-actions-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_column-actions-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--ig-surface-500);--ig-input-group-search-disabled-background: var(--ig-surface-500);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_column-actions-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--_column-actions-background);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--_scrollbar-thumb-color: var(--_column-actions-foreground);--_scrollbar-track-border-color: var(--_column-actions-foreground)}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-checkbox-empty-color: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_column-actions-foreground) 40%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 8%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-drop-down-border-color: color-mix(in srgb, var(--_column-actions-foreground) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 16%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 24%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--_scrollbar-thumb-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-column-actions){--_scrollbar-track-border-color: color-mix(in srgb, var(--_column-actions-foreground) 16%, var(--_column-actions-background))}}.light-theme :where(.igx-column-actions),.light-theme :where(.igx-column-actions) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_column-actions-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: light;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.light-theme :where(.igx-grid-toolbar){--_grid-toolbar-background: var(--background, var(--ig-grid-toolbar-background));--_grid-toolbar-foreground: var(--foreground, var(--ig-grid-toolbar-foreground));--_grid-toolbar-accent-color: var(--accent-color, var(--ig-grid-toolbar-accent-color));--ig-grid-toolbar-title-text-color: var(--_grid-toolbar-foreground);--ig-column-actions-background: var(--_grid-toolbar-background);--ig-column-actions-title-color: var(--_grid-toolbar-accent-color);--ig-column-actions-foreground: var(--_grid-toolbar-foreground);--ig-column-actions-accent-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-icon-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_grid-toolbar-accent-color);--ig-outlined-button-disabled-icon-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-default-size: 3;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-toolbar-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-focus-visible-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/1);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1)}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid-toolbar){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid-toolbar){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-grid-toolbar){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--_excel-filtering-background: var(--background, var(--ig-excel-filtering-background));--_excel-filtering-secondary-background: var(--secondary-background, var(--ig-excel-filtering-secondary-background));--_excel-filtering-foreground: var(--foreground, var(--ig-excel-filtering-foreground));--_excel-filtering-accent-color: var(--accent-color, var(--ig-excel-filtering-accent-color))}.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group{--ig-btn-group-selected-bg: var(--_excel-filtering-accent-color)}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group{--ig-btn-group-selected-bg: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-buttongroup,.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-button-group,.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group,.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group igx-buttongroup,.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group igx-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-button-group-elevation, none));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, var(--ig-button-group-idle-shadow-color, hsl(from var(--item-background) h s l/.5)));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, var(--idle-shadow-color)));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--_excel-filtering-foreground, var(--ig-gray-700))));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, transparent));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, transparent));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--item-selected-background)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-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, var(--ig-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(--ig-button-group-item-focused-border-color, var(--item-border-color)));--item-focused-hover-text-color: var(--igx-button-group-item-focused-hover-text-color, var(--ig-button-group-item-focused-hover-text-color, var(--item-focused-text-color)));--item-focused-hover-border-color: var(--igx-button-group-item-focused-hover-border-color, var(--ig-button-group-item-focused-hover-border-color, var(--item-focused-border-color)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, lch(from var(--item-focused-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, var(--ig-button-group-item-selected-hover-text-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--ig-button-group-item-selected-hover-icon-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-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(--ig-button-group-item-selected-focus-hover-background, var(--item-selected-hover-background)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, lch(from var(--item-selected-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, transparent));--item-selected-active-border-color: var(--igx-button-group-item-selected-active-border-color, var(--ig-button-group-item-selected-active-border-color, transparent));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--item-background)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, var(--ig-button-group-default-size, 3));--item-icon-color: var(--igx-button-group-item-icon-color, var(--ig-button-group-item-icon-color, var(--_excel-filtering-foreground, var(--ig-gray-700))));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--item-hover-text-color)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--item-border-color)));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--item-hover-background)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-btn-group-selected-bg, var(--ig-gray-100))));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--item-border-color)));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--ig-button-group-item-selected-hover-border-color, var(--item-border-color)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, lch(from var(--item-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*3) c h)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, lch(from var(--item-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, hsl(from var(--item-text-color) h s l/.6)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--item-border-color)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--disabled-text-color)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--disabled-selected-text-color)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, hsl(from var(--item-selected-background) h s l/.3)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--item-border-color)));--border: var(--igx-button-group-border, var(--ig-button-group-border, none));--ig-theme: material;--ig-theme-variant: light}.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: transparent;--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_excel-filtering-accent-color);--ig-contained-button-disabled-foreground: var(--_excel-filtering-foreground);--ig-contained-button-disabled-icon-color: var(--_excel-filtering-foreground);--ig-contained-button-default-size: 3;--ig-contained-button-resting-elevation: var(--ig-elevation-2);--ig-contained-button-hover-elevation: var(--ig-elevation-4);--ig-contained-button-focus-elevation: var(--ig-elevation-8);--ig-contained-button-active-elevation: var(--ig-elevation-4);--ig-contained-button-background: var(--_excel-filtering-accent-color);--ig-contained-button-active-background: var(--ig-contained-button-focus-background);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-focus-background);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_excel-filtering-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_excel-filtering-accent-color);--ig-flat-button-disabled-icon-color: var(--_excel-filtering-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_excel-filtering-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_excel-filtering-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: transparent;--ig-checkbox-fill-color: var(--_excel-filtering-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_excel-filtering-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-800);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_excel-filtering-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_excel-filtering-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-800);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_excel-filtering-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_excel-filtering-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_excel-filtering-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--_excel-filtering-secondary-background: lch(from var(--secondary-background, var(--ig-excel-filtering-secondary-background)) calc(l + (95 - l)*.1 + sign(95 - l)*3) c h);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_excel-filtering-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: hsl(from hsla(from color(from var(--ig-input-group-box-background) var(--y-contrast)) h 0 l/1) h s l/.9);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-bottom-line-color);--ig-input-group-idle-bottom-line-color: var(--_excel-filtering-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--ig-input-group-idle-bottom-line-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--ig-surface-500);--ig-input-group-search-disabled-background: var(--ig-surface-500);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_excel-filtering-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: lch(from var(--_excel-filtering-background) calc(l + (95 - l)*.1 + sign(95 - l)*3) c h);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-select-toggle-button-background-focus--border: var(--ig-gray-300);--ig-select-toggle-button-background: var(--_excel-filtering-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_excel-filtering-foreground);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.16);--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: transparent;--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_excel-filtering-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 3;--ig-list-background: var(--_excel-filtering-secondary-background);--ig-list-header-background: var(--ig-list-background);--ig-list-header-text-color: hsla(from color(from var(--ig-list-header-background) var(--y-contrast)) h 0 l/1);--ig-list-item-background: var(--ig-list-background);--ig-list-item-background-hover: var(--_excel-filtering-accent-color);--ig-list-item-background-active: var(--ig-list-item-background-hover);--ig-list-item-background-selected: var(--ig-list-item-background-active);--ig-list-item-text-color: hsla(from color(from var(--ig-list-item-background) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-hover: hsla(from color(from var(--ig-list-item-background-hover) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-active: hsla(from color(from var(--ig-list-item-background-active) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-selected: hsla(from color(from var(--ig-list-item-background-selected) var(--y-contrast)) h 0 l/1);--ig-list-item-title-color: var(--ig-list-item-text-color);--ig-list-item-title-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-title-color-active: var(--ig-list-item-text-color-active);--ig-list-item-title-color-selected: var(--ig-list-item-text-color-selected);--ig-list-item-action-color: var(--ig-list-item-text-color);--ig-list-item-action-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-action-color-active: var(--ig-list-item-text-color-active);--ig-list-item-action-color-selected: var(--ig-list-item-text-color-selected);--ig-list-item-subtitle-color: hsl(from var(--ig-list-item-text-color) h s l/.74);--ig-list-item-subtitle-color-hover: hsl(from var(--ig-list-item-text-color-hover) h s l/.74);--ig-list-item-subtitle-color-active: hsl(from var(--ig-list-item-text-color-active) h s l/.74);--ig-list-item-subtitle-color-selected: hsl(from var(--ig-list-item-text-color-selected) h s l/.74);--ig-list-item-thumbnail-color: var(--ig-list-item-text-color);--ig-list-item-thumbnail-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-thumbnail-color-active: var(--ig-list-item-text-color-active);--ig-list-item-thumbnail-color-selected: var(--ig-list-item-text-color-selected);--ig-list-border-color: transparent;--ig-list-border-width: 0;--ig-list-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-list-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-list-default-size: 2;--_scrollbar-thumb-color: var(--_excel-filtering-foreground);--_scrollbar-track-border-color: var(--_excel-filtering-foreground)}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-empty-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_excel-filtering-foreground) 40%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 16%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 24%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-list-item-background-hover: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--_scrollbar-thumb-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--_scrollbar-track-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 16%, var(--_excel-filtering-background))}}.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary),.light-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_excel-filtering-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: light;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.light-theme :where(.igx-paginator){--_paginator-background: var(--background, var(--ig-paginator-background));--_paginator-foreground: var(--foreground, var(--ig-paginator-foreground));--_paginator-accent-color: var( --igx-paginator-accent-color, var(--ig-paginator-accent-color, var(--accent-color)) );--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_paginator-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_paginator-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_paginator-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_paginator-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_paginator-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_paginator-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_paginator-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_paginator-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_paginator-accent-color);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.16);--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: transparent;--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_paginator-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 3;--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_paginator-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--ig-input-group-placeholder-color);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-bottom-line-color);--ig-input-group-idle-bottom-line-color: var(--_paginator-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_paginator-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--ig-surface-500);--ig-input-group-search-disabled-background: var(--ig-surface-500);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_paginator-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--ig-gray-200);--ig-input-group-box-background-hover: var(--ig-gray-200);--ig-input-group-box-background-focus: var(--ig-gray-300);--ig-input-group-box-disabled-background: var(--ig-gray-100);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-select-toggle-button-background-focus--border: var(--_paginator-accent-color);--ig-select-toggle-button-background: var(--_paginator-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-paginator){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 8%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-paginator){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-paginator){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-paginator){--ig-drop-down-border-color: color-mix(in srgb, var(--_paginator-foreground) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-paginator){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 16%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-paginator){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_paginator-accent-color) 24%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-paginator){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_paginator-accent-color) 50%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-paginator){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_paginator-foreground) 80%, var(--_paginator-background))}}.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--_query-builder-background: var(--background, var(--ig-query-builder-background));--_query-builder-foreground: var(--foreground, var(--ig-query-builder-foreground));--_query-builder-accent-color: var(--accent-color, var(--ig-query-builder-accent-color))}.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog),.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog) igx-query-builder{--elevation: var(--igx-query-builder-elevation, var(--ig-query-builder-elevation, var(--ig-elevation-0)));--background: var(--igx-query-builder-background, var(--ig-query-builder-background, var(--ig-surface-500)));--header-background: var(--igx-query-builder-header-background, var(--ig-query-builder-header-background, var(--ig-surface-500)));--header-foreground: var(--igx-query-builder-header-foreground, var(--ig-query-builder-header-foreground, var(--ig-gray-900)));--header-border: var(--igx-query-builder-header-border, var(--ig-query-builder-header-border, transparent));--color-expression-group-and: var(--igx-query-builder-color-expression-group-and, var(--ig-query-builder-color-expression-group-and, #9c27b0));--color-expression-group-or: var(--igx-query-builder-color-expression-group-or, var(--ig-query-builder-color-expression-group-or, #007254));--border-radius: var(--igx-query-builder-border-radius, var(--ig-query-builder-border-radius, .25rem));--subquery-header-background: var(--igx-query-builder-subquery-header-background, var(--ig-query-builder-subquery-header-background, var(--ig-gray-100)));--subquery-border-color: var(--igx-query-builder-subquery-border-color, var(--ig-query-builder-subquery-border-color, var(--ig-gray-300)));--subquery-border-radius: var(--igx-query-builder-subquery-border-radius, var(--ig-query-builder-subquery-border-radius, .75rem));--separator-color: var(--igx-query-builder-separator-color, var(--ig-query-builder-separator-color, var(--ig-gray-500)));--label-foreground: var(--igx-query-builder-label-foreground, var(--ig-query-builder-label-foreground, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: light}.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_query-builder-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_query-builder-background);--ig-checkbox-fill-color: var(--_query-builder-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_query-builder-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-800);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_query-builder-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_query-builder-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-800);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-chip-ghost-elevation: var(--ig-elevation-8);--ig-chip-remove-icon-color: "currentColor";--ig-chip-focus-shadow-color: transparent;--ig-chip-focus-selected-shadow-color: transparent;--ig-chip-remove-icon-color-focus: "currentColor";--ig-chip-background: var(--_query-builder-foreground);--ig-chip-ghost-background: var(--_query-builder-foreground);--ig-chip-ghost-text-color: var(--_query-builder-foreground);--ig-chip-hover-text-color: var(--ig-chip-text-color);--ig-chip-hover-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-hover-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-hover-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem);--ig-chip-disabled-text-color: var(--_query-builder-foreground);--ig-chip-disabled-background: var(--_query-builder-foreground);--ig-chip-disabled-selected-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-background: var(--ig-gray-200);--ig-chip-default-size: 2;--ig-chip-outlined-background: transparent;--ig-chip-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-border-color: var(--ig-gray-100-contrast);--ig-chip-selected-outlined-background: transparent;--ig-chip-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-disabled-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-border-color: var(--_query-builder-foreground);--ig-chip-disabled-selected-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-selected-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-border-color: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-text-color: var(--_query-builder-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-hover-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-hover-selected-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-focus-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-focus-selected-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-combo-toggle-button-background-focus--border: var(--ig-combo-toggle-button-background);--ig-combo-case-icon-color: var(--ig-gray-400);--ig-combo-case-icon-color--active: var(--ig-primary-500);--ig-combo-empty-list-background: var(--ig-surface-500);--ig-combo-search-separator-border-color: transparent;--ig-combo-empty-list-placeholder-color: var(--ig-gray-700);--ig-combo-toggle-button-background: var(--_query-builder-accent-color);--ig-combo-toggle-button-background-focus: lch(from var(--ig-combo-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-combo-toggle-button-foreground: hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-combo-toggle-button-foreground-focus: hsla(from color(from var(--ig-combo-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-combo-toggle-button-foreground-filled: hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-combo-clear-button-background: transparent;--ig-combo-clear-button-foreground: var(--_query-builder-foreground);--ig-combo-clear-button-foreground-focus: var(--ig-combo-clear-button-foreground);--ig-combo-toggle-button-background-disabled: hsl(from var(--ig-combo-toggle-button-background) h s l/.3);--ig-combo-toggle-button-foreground-disabled: hsl(from hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-combo-default-size: 2;--ig-combo-clear-button-background-focus: transparent;--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: transparent;--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_query-builder-accent-color);--ig-contained-button-disabled-foreground: var(--_query-builder-foreground);--ig-contained-button-disabled-icon-color: var(--_query-builder-foreground);--ig-contained-button-default-size: 3;--ig-contained-button-resting-elevation: var(--ig-elevation-2);--ig-contained-button-hover-elevation: var(--ig-elevation-4);--ig-contained-button-focus-elevation: var(--ig-elevation-8);--ig-contained-button-active-elevation: var(--ig-elevation-4);--ig-contained-button-background: var(--_query-builder-accent-color);--ig-contained-button-active-background: var(--ig-contained-button-focus-background);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-focus-background);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_query-builder-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_query-builder-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_query-builder-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_query-builder-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_query-builder-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_query-builder-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_query-builder-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_query-builder-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_query-builder-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_query-builder-accent-color);--ig-flat-button-disabled-icon-color: var(--_query-builder-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_query-builder-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_query-builder-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--_query-builder-foreground);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--_query-builder-accent-color);--ig-input-group-idle-bottom-line-color: var(--_query-builder-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_query-builder-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--_query-builder-foreground);--ig-input-group-search-disabled-background: hsl(from var(--ig-input-group-search-background) h s l/.4);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_query-builder-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--_query-builder-background);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_query-builder-accent-color);--ig-outlined-button-icon-color: var(--_query-builder-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_query-builder-accent-color);--ig-outlined-button-disabled-icon-color: var(--_query-builder-accent-color);--ig-outlined-button-default-size: 3;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_query-builder-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-focus-visible-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/1);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1);--ig-outlined-icon-button-shadow-color: transparent;--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_query-builder-accent-color);--ig-outlined-icon-button-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.08);--ig-outlined-icon-button-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.16);--ig-outlined-icon-button-focus-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-focus-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-active-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-active-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-border-color: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.4);--ig-outlined-icon-button-focus-border-color: var(--ig-gray-300);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: var(--_query-builder-accent-color);--ig-outlined-icon-button-disabled-border-color: var(--_query-builder-accent-color);--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 3;--_scrollbar-thumb-color: var(--_query-builder-foreground);--_scrollbar-track-border-color: var(--_query-builder-foreground)}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-empty-color: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_query-builder-foreground) 40%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-ghost-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-text-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-border-color: color-mix(in srgb, var(--_query-builder-foreground) 24%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 8%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-border-color: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 16%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 24%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-input-group-search-background: color-mix(in srgb, var(--_query-builder-foreground) 6%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--_scrollbar-thumb-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--_scrollbar-track-border-color: color-mix(in srgb, var(--_query-builder-foreground) 16%, var(--_query-builder-background))}}.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog),.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_query-builder-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: light;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.light-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-select-toggle-button-background-focus--border: var(--ig-gray-300);--ig-select-toggle-button-background: var(--_query-builder-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-tooltip-elevation: var(--ig-elevation-0);--ig-tooltip-background: hsl(from var(--_query-builder-foreground) h s l/80%);--ig-tooltip-text-color: hsla(from color(from hsl(from var(--_query-builder-foreground) h s l/80%) var(--y-contrast)) h 0 l/1);--ig-tooltip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .25) * 1rem), 1rem)}}.light-theme,.light-theme [igxRipple]{--color: var(--igx-ripple-color, var(--ig-ripple-color, hsl(from var(--ig-gray-800) h s l/.7)));--ig-theme: material;--ig-theme-variant: light}.light-theme [igxRipple]{--ig-theme: inherit;--ig-theme-variant: inherit}@layer ig.base;.light-theme .igx-button{--component-size: var(--ig-size, var(--ig-size-large));--ig-icon-size: 1.125rem}.light-theme .igx-button:is(a,span){display:revert-layer;min-width:revert-layer;min-height:revert-layer;padding-inline:revert-layer;padding-block:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;color:revert-layer;box-shadow:revert-layer;cursor:revert-layer;justify-content:center;text-decoration:none}.light-theme,.light-theme [igxButton=flat],.light-theme igx-button[variant=flat],.light-theme .igx-button--flat{--shadow-color: var(--igx-flat-button-shadow-color, var(--ig-flat-button-shadow-color, transparent));--border-color: var(--igx-flat-button-border-color, var(--ig-flat-button-border-color, transparent));--hover-border-color: var(--igx-flat-button-hover-border-color, var(--ig-flat-button-hover-border-color, transparent));--focus-border-color: var(--igx-flat-button-focus-border-color, var(--ig-flat-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-flat-button-focus-visible-border-color, var(--ig-flat-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-flat-button-active-border-color, var(--ig-flat-button-active-border-color, transparent));--disabled-border-color: var(--igx-flat-button-disabled-border-color, var(--ig-flat-button-disabled-border-color, transparent));--icon-color: var(--igx-flat-button-icon-color, var(--ig-flat-button-icon-color, currentColor));--icon-color-hover: var(--igx-flat-button-icon-color-hover, var(--ig-flat-button-icon-color-hover, currentColor));--disabled-background: var(--igx-flat-button-disabled-background, var(--ig-flat-button-disabled-background, transparent));--disabled-foreground: var(--igx-flat-button-disabled-foreground, var(--ig-flat-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-flat-button-disabled-icon-color, var(--ig-flat-button-disabled-icon-color, currentColor));--size: var(--igx-flat-button-size, var(--ig-flat-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-flat-button-default-size, var(--ig-flat-button-default-size, 3));--resting-elevation: var(--igx-flat-button-resting-elevation, var(--ig-flat-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-flat-button-hover-elevation, var(--ig-flat-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-flat-button-focus-elevation, var(--ig-flat-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-flat-button-active-elevation, var(--ig-flat-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-flat-button-background, var(--ig-flat-button-background, transparent));--focus-foreground: var(--igx-flat-button-focus-foreground, var(--ig-flat-button-focus-foreground, var(--ig-secondary-900)));--border-radius: var(--igx-flat-button-border-radius, var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-flat-button-foreground, var(--ig-flat-button-foreground, var(--ig-secondary-500)));--hover-background: var(--igx-flat-button-hover-background, var(--ig-flat-button-hover-background, hsl(from var(--ig-secondary-500) h s l/.08)));--hover-foreground: var(--igx-flat-button-hover-foreground, var(--ig-flat-button-hover-foreground, var(--ig-secondary-800)));--focus-background: var(--igx-flat-button-focus-background, var(--ig-flat-button-focus-background, hsl(from var(--ig-secondary-500) h s l/.32)));--focus-visible-background: var(--igx-flat-button-focus-visible-background, var(--ig-flat-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/.16)));--focus-hover-background: var(--igx-flat-button-focus-hover-background, var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/.24)));--focus-hover-foreground: var(--igx-flat-button-focus-hover-foreground, var(--ig-flat-button-focus-hover-foreground, var(--ig-secondary-800)));--focus-visible-foreground: var(--igx-flat-button-focus-visible-foreground, var(--ig-flat-button-focus-visible-foreground, var(--ig-secondary-800)));--active-background: var(--igx-flat-button-active-background, var(--ig-flat-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16)));--active-foreground: var(--igx-flat-button-active-foreground, var(--ig-flat-button-active-foreground, var(--ig-secondary-800)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme [igxButton=contained],.light-theme igx-button[variant=contained],.light-theme .igx-button--contained{--shadow-color: var(--igx-contained-button-shadow-color, var(--ig-contained-button-shadow-color, transparent));--border-color: var(--igx-contained-button-border-color, var(--ig-contained-button-border-color, transparent));--hover-border-color: var(--igx-contained-button-hover-border-color, var(--ig-contained-button-hover-border-color, transparent));--focus-border-color: var(--igx-contained-button-focus-border-color, var(--ig-contained-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-contained-button-focus-visible-border-color, var(--ig-contained-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-contained-button-active-border-color, var(--ig-contained-button-active-border-color, transparent));--disabled-border-color: var(--igx-contained-button-disabled-border-color, var(--ig-contained-button-disabled-border-color, transparent));--icon-color: var(--igx-contained-button-icon-color, var(--ig-contained-button-icon-color, currentColor));--icon-color-hover: var(--igx-contained-button-icon-color-hover, var(--ig-contained-button-icon-color-hover, currentColor));--disabled-background: var(--igx-contained-button-disabled-background, var(--ig-contained-button-disabled-background, var(--ig-gray-100)));--disabled-foreground: var(--igx-contained-button-disabled-foreground, var(--ig-contained-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-contained-button-disabled-icon-color, var(--ig-contained-button-disabled-icon-color, currentColor));--size: var(--igx-contained-button-size, var(--ig-contained-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-contained-button-default-size, var(--ig-contained-button-default-size, 3));--resting-elevation: var(--igx-contained-button-resting-elevation, var(--ig-contained-button-resting-elevation, var(--ig-elevation-2)));--hover-elevation: var(--igx-contained-button-hover-elevation, var(--ig-contained-button-hover-elevation, var(--ig-elevation-4)));--focus-elevation: var(--igx-contained-button-focus-elevation, var(--ig-contained-button-focus-elevation, var(--ig-elevation-8)));--active-elevation: var(--igx-contained-button-active-elevation, var(--ig-contained-button-active-elevation, var(--ig-elevation-4)));--background: var(--igx-contained-button-background, var(--ig-contained-button-background, var(--ig-secondary-500)));--active-background: var(--igx-contained-button-active-background, var(--ig-contained-button-active-background, var(--ig-secondary-300)));--border-radius: var(--igx-contained-button-border-radius, var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-contained-button-foreground, var(--ig-contained-button-foreground, var(--ig-secondary-400-contrast)));--hover-background: var(--igx-contained-button-hover-background, var(--ig-contained-button-hover-background, var(--ig-secondary-400)));--hover-foreground: var(--igx-contained-button-hover-foreground, var(--ig-contained-button-hover-foreground, var(--ig-secondary-400-contrast)));--focus-background: var(--igx-contained-button-focus-background, var(--ig-contained-button-focus-background, var(--ig-secondary-300)));--focus-foreground: var(--igx-contained-button-focus-foreground, var(--ig-contained-button-focus-foreground, var(--ig-secondary-300-contrast)));--focus-hover-background: var(--igx-contained-button-focus-hover-background, var(--ig-contained-button-focus-hover-background, var(--ig-secondary-400)));--focus-hover-foreground: var(--igx-contained-button-focus-hover-foreground, var(--ig-contained-button-focus-hover-foreground, var(--ig-secondary-400-contrast)));--focus-visible-background: var(--igx-contained-button-focus-visible-background, var(--ig-contained-button-focus-visible-background, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-contained-button-focus-visible-foreground, var(--ig-contained-button-focus-visible-foreground, var(--ig-secondary-300-contrast)));--active-foreground: var(--igx-contained-button-active-foreground, var(--ig-contained-button-active-foreground, var(--ig-secondary-300-contrast)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme [igxButton=outlined],.light-theme igx-button[variant=outlined],.light-theme .igx-button--outlined{--shadow-color: var(--igx-outlined-button-shadow-color, var(--ig-outlined-button-shadow-color, transparent));--border-color: var(--igx-outlined-button-border-color, var(--ig-outlined-button-border-color, var(--ig-secondary-500)));--hover-border-color: var(--igx-outlined-button-hover-border-color, var(--ig-outlined-button-hover-border-color, var(--ig-secondary-800)));--focus-border-color: var(--igx-outlined-button-focus-border-color, var(--ig-outlined-button-focus-border-color, var(--ig-secondary-900)));--focus-visible-border-color: var(--igx-outlined-button-focus-visible-border-color, var(--ig-outlined-button-focus-visible-border-color, var(--ig-secondary-800)));--active-border-color: var(--igx-outlined-button-active-border-color, var(--ig-outlined-button-active-border-color, var(--ig-secondary-800)));--disabled-border-color: var(--igx-outlined-button-disabled-border-color, var(--ig-outlined-button-disabled-border-color, var(--ig-gray-300)));--icon-color: var(--igx-outlined-button-icon-color, var(--ig-outlined-button-icon-color, currentColor));--icon-color-hover: var(--igx-outlined-button-icon-color-hover, var(--ig-outlined-button-icon-color-hover, currentColor));--disabled-background: var(--igx-outlined-button-disabled-background, var(--ig-outlined-button-disabled-background, transparent));--disabled-foreground: var(--igx-outlined-button-disabled-foreground, var(--ig-outlined-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-outlined-button-disabled-icon-color, var(--ig-outlined-button-disabled-icon-color, currentColor));--size: var(--igx-outlined-button-size, var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-outlined-button-default-size, var(--ig-outlined-button-default-size, 3));--resting-elevation: var(--igx-outlined-button-resting-elevation, var(--ig-outlined-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-outlined-button-hover-elevation, var(--ig-outlined-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-outlined-button-focus-elevation, var(--ig-outlined-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-outlined-button-active-elevation, var(--ig-outlined-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-outlined-button-background, var(--ig-outlined-button-background, transparent));--focus-foreground: var(--igx-outlined-button-focus-foreground, var(--ig-outlined-button-focus-foreground, var(--ig-secondary-900)));--border-radius: var(--igx-outlined-button-border-radius, var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-outlined-button-foreground, var(--ig-outlined-button-foreground, var(--ig-secondary-500)));--hover-background: var(--igx-outlined-button-hover-background, var(--ig-outlined-button-hover-background, hsl(from var(--ig-secondary-500) h s l/.08)));--hover-foreground: var(--igx-outlined-button-hover-foreground, var(--ig-outlined-button-hover-foreground, var(--ig-secondary-800)));--focus-background: var(--igx-outlined-button-focus-background, var(--ig-outlined-button-focus-background, hsl(from var(--ig-secondary-500) h s l/.32)));--focus-visible-background: var(--igx-outlined-button-focus-visible-background, var(--ig-outlined-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/.16)));--focus-hover-background: var(--igx-outlined-button-focus-hover-background, var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/.24)));--focus-hover-foreground: var(--igx-outlined-button-focus-hover-foreground, var(--ig-outlined-button-focus-hover-foreground, var(--ig-secondary-800)));--focus-visible-foreground: var(--igx-outlined-button-focus-visible-foreground, var(--ig-outlined-button-focus-visible-foreground, var(--ig-secondary-800)));--active-background: var(--igx-outlined-button-active-background, var(--ig-outlined-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16)));--active-foreground: var(--igx-outlined-button-active-foreground, var(--ig-outlined-button-active-foreground, var(--ig-secondary-800)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme [igxButton=fab],.light-theme igx-button[variant=fab],.light-theme .igx-button--fab{--shadow-color: var(--igx-fab-button-shadow-color, var(--ig-fab-button-shadow-color, transparent));--border-color: var(--igx-fab-button-border-color, var(--ig-fab-button-border-color, transparent));--hover-border-color: var(--igx-fab-button-hover-border-color, var(--ig-fab-button-hover-border-color, transparent));--focus-border-color: var(--igx-fab-button-focus-border-color, var(--ig-fab-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-fab-button-focus-visible-border-color, var(--ig-fab-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-fab-button-active-border-color, var(--ig-fab-button-active-border-color, transparent));--disabled-border-color: var(--igx-fab-button-disabled-border-color, var(--ig-fab-button-disabled-border-color, transparent));--icon-color: var(--igx-fab-button-icon-color, var(--ig-fab-button-icon-color, currentColor));--icon-color-hover: var(--igx-fab-button-icon-color-hover, var(--ig-fab-button-icon-color-hover, currentColor));--disabled-background: var(--igx-fab-button-disabled-background, var(--ig-fab-button-disabled-background, var(--ig-gray-100)));--disabled-foreground: var(--igx-fab-button-disabled-foreground, var(--ig-fab-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-fab-button-disabled-icon-color, var(--ig-fab-button-disabled-icon-color, currentColor));--size: var(--igx-fab-button-size, var(--ig-fab-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-fab-button-default-size, var(--ig-fab-button-default-size, 3));--resting-elevation: var(--igx-fab-button-resting-elevation, var(--ig-fab-button-resting-elevation, var(--ig-elevation-6)));--hover-elevation: var(--igx-fab-button-hover-elevation, var(--ig-fab-button-hover-elevation, var(--ig-elevation-12)));--focus-elevation: var(--igx-fab-button-focus-elevation, var(--ig-fab-button-focus-elevation, var(--ig-elevation-12)));--active-elevation: var(--igx-fab-button-active-elevation, var(--ig-fab-button-active-elevation, var(--ig-elevation-12)));--background: var(--igx-fab-button-background, var(--ig-fab-button-background, var(--ig-secondary-500)));--active-background: var(--igx-fab-button-active-background, var(--ig-fab-button-active-background, var(--ig-secondary-300)));--border-radius: var(--igx-fab-button-border-radius, var(--ig-fab-button-border-radius, clamp(.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem)));--foreground: var(--igx-fab-button-foreground, var(--ig-fab-button-foreground, var(--ig-secondary-400-contrast)));--hover-background: var(--igx-fab-button-hover-background, var(--ig-fab-button-hover-background, var(--ig-secondary-400)));--hover-foreground: var(--igx-fab-button-hover-foreground, var(--ig-fab-button-hover-foreground, var(--ig-secondary-400-contrast)));--focus-background: var(--igx-fab-button-focus-background, var(--ig-fab-button-focus-background, var(--ig-secondary-300)));--focus-foreground: var(--igx-fab-button-focus-foreground, var(--ig-fab-button-focus-foreground, var(--ig-secondary-300-contrast)));--focus-hover-background: var(--igx-fab-button-focus-hover-background, var(--ig-fab-button-focus-hover-background, var(--ig-secondary-400)));--focus-hover-foreground: var(--igx-fab-button-focus-hover-foreground, var(--ig-fab-button-focus-hover-foreground, var(--ig-secondary-400-contrast)));--focus-visible-background: var(--igx-fab-button-focus-visible-background, var(--ig-fab-button-focus-visible-background, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-fab-button-focus-visible-foreground, var(--ig-fab-button-focus-visible-foreground, var(--ig-secondary-300-contrast)));--active-foreground: var(--igx-fab-button-active-foreground, var(--ig-fab-button-active-foreground, var(--ig-secondary-300-contrast)));--ig-theme: material;--ig-theme-variant: light}@layer ig.base;.light-theme,.light-theme igx-data-chart{--title-text-color: var(--igx-data-chart-title-text-color, var(--ig-data-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-data-chart-subtitle-text-color, var(--ig-data-chart-subtitle-text-color, var(--ig-gray-600)));--brushes: var(--igx-data-chart-brushes, var(--ig-data-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-data-chart-marker-brushes, var(--ig-data-chart-marker-brushes, var(--chart-brushes)));--outlines: var(--igx-data-chart-outlines, var(--ig-data-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-data-chart-marker-outlines, var(--ig-data-chart-marker-outlines, var(--chart-brushes)));--plot-area-background: var(--igx-data-chart-plot-area-background, var(--ig-data-chart-plot-area-background, var(--ig-surface-500)));--axis-label-text-color: var(--igx-data-chart-axis-label-text-color, var(--ig-data-chart-axis-label-text-color, var(--ig-gray-700)));--axis-stroke: var(--igx-data-chart-axis-stroke, var(--ig-data-chart-axis-stroke, var(--ig-gray-500)));--axis-tick-stroke: var(--igx-data-chart-axis-tick-stroke, var(--ig-data-chart-axis-tick-stroke, var(--ig-gray-500)));--axis-title-text-color: var(--igx-data-chart-axis-title-text-color, var(--ig-data-chart-axis-title-text-color, var(--ig-gray-900)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-doughnut-chart{--brushes: var(--igx-doughnut-chart-brushes, var(--ig-doughnut-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-doughnut-chart-outlines, var(--ig-doughnut-chart-outlines, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-linear-gauge{--backing-brush: var(--igx-linear-gauge-backing-brush, var(--ig-linear-gauge-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-linear-gauge-backing-outline, var(--ig-linear-gauge-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-linear-gauge-font-brush, var(--ig-linear-gauge-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-linear-gauge-minor-tick-brush, var(--ig-linear-gauge-minor-tick-brush, var(--ig-surface-500-contrast)));--needle-brush: var(--igx-linear-gauge-needle-brush, var(--ig-linear-gauge-needle-brush, var(--ig-primary-500)));--needle-outline: var(--igx-linear-gauge-needle-outline, var(--ig-linear-gauge-needle-outline, var(--ig-surface-500)));--range-brushes: var(--igx-linear-gauge-range-brushes, var(--ig-linear-gauge-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-linear-gauge-range-outlines, var(--ig-linear-gauge-range-outlines, var(--chart-brushes)));--scale-brush: var(--igx-linear-gauge-scale-brush, var(--ig-linear-gauge-scale-brush, var(--ig-surface-500)));--tick-brush: var(--igx-linear-gauge-tick-brush, var(--ig-linear-gauge-tick-brush, var(--ig-surface-500-contrast)));--scale-outline: var(--igx-linear-gauge-scale-outline, var(--ig-linear-gauge-scale-outline, var(--ig-surface-500)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-radial-gauge{--backing-brush: var(--igx-radial-gauge-backing-brush, var(--ig-radial-gauge-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-radial-gauge-backing-outline, var(--ig-radial-gauge-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-radial-gauge-font-brush, var(--ig-radial-gauge-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-radial-gauge-minor-tick-brush, var(--ig-radial-gauge-minor-tick-brush, var(--ig-surface-500-contrast)));--needle-brush: var(--igx-radial-gauge-needle-brush, var(--ig-radial-gauge-needle-brush, var(--ig-primary-500)));--needle-outline: var(--igx-radial-gauge-needle-outline, var(--ig-radial-gauge-needle-outline, var(--ig-surface-500)));--range-brushes: var(--igx-radial-gauge-range-brushes, var(--ig-radial-gauge-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-radial-gauge-range-outlines, var(--ig-radial-gauge-range-outlines, var(--chart-brushes)));--scale-brush: var(--igx-radial-gauge-scale-brush, var(--ig-radial-gauge-scale-brush, var(--ig-surface-500)));--tick-brush: var(--igx-radial-gauge-tick-brush, var(--ig-radial-gauge-tick-brush, var(--ig-surface-500-contrast)));--needle-pivot-brush: var(--igx-radial-gauge-needle-pivot-brush, var(--ig-radial-gauge-needle-pivot-brush, var(--ig-primary-500)));--needle-pivot-outline: var(--igx-radial-gauge-needle-pivot-outline, var(--ig-radial-gauge-needle-pivot-outline, var(--ig-surface-500)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-financial-chart{--brushes: var(--igx-financial-chart-brushes, var(--ig-financial-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-financial-chart-outlines, var(--ig-financial-chart-outlines, var(--chart-brushes)));--marker-brushes: var(--igx-financial-chart-marker-brushes, var(--ig-financial-chart-marker-brushes, var(--chart-brushes)));--marker-outlines: var(--igx-financial-chart-marker-outlines, var(--ig-financial-chart-marker-outlines, var(--chart-brushes)));--indicator-brushes: var(--igx-financial-chart-indicator-brushes, var(--ig-financial-chart-indicator-brushes, var(--chart-brushes)));--indicator-negative-brushes: var(--igx-financial-chart-indicator-negative-brushes, var(--ig-financial-chart-indicator-negative-brushes, var(--chart-brushes)));--negative-brushes: var(--igx-financial-chart-negative-brushes, var(--ig-financial-chart-negative-brushes, var(--chart-brushes)));--negative-outlines: var(--igx-financial-chart-negative-outlines, var(--ig-financial-chart-negative-outlines, var(--chart-brushes)));--overlay-brushes: var(--igx-financial-chart-overlay-brushes, var(--ig-financial-chart-overlay-brushes, var(--chart-brushes)));--overlay-outlines: var(--igx-financial-chart-overlay-outlines, var(--ig-financial-chart-overlay-outlines, var(--chart-brushes)));--overlay-thickness: var(--igx-financial-chart-overlay-thickness, var(--ig-financial-chart-overlay-thickness, var(--chart-brushes)));--trend-line-brushes: var(--igx-financial-chart-trend-line-brushes, var(--ig-financial-chart-trend-line-brushes, var(--chart-brushes)));--volume-brushes: var(--igx-financial-chart-volume-brushes, var(--ig-financial-chart-volume-brushes, var(--chart-brushes)));--volume-outlines: var(--igx-financial-chart-volume-outlines, var(--ig-financial-chart-volume-outlines, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-bullet-graph{--backing-brush: var(--igx-bullet-graph-backing-brush, var(--ig-bullet-graph-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-bullet-graph-backing-outline, var(--ig-bullet-graph-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-bullet-graph-font-brush, var(--ig-bullet-graph-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-bullet-graph-minor-tick-brush, var(--ig-bullet-graph-minor-tick-brush, var(--ig-surface-500-contrast)));--range-brushes: var(--igx-bullet-graph-range-brushes, var(--ig-bullet-graph-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-bullet-graph-range-outlines, var(--ig-bullet-graph-range-outlines, var(--chart-brushes)));--scale-background-brush: var(--igx-bullet-graph-scale-background-brush, var(--ig-bullet-graph-scale-background-brush, var(--ig-primary-500)));--scale-background-outline: var(--igx-bullet-graph-scale-background-outline, var(--ig-bullet-graph-scale-background-outline, var(--ig-surface-500)));--target-value-brush: var(--igx-bullet-graph-target-value-brush, var(--ig-bullet-graph-target-value-brush, var(--ig-gray-800)));--tick-brush: var(--igx-bullet-graph-tick-brush, var(--ig-bullet-graph-tick-brush, var(--ig-surface-500-contrast)));--value-brush: var(--igx-bullet-graph-value-brush, var(--ig-bullet-graph-value-brush, var(--ig-gray-800)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-category-chart{--brushes: var(--igx-category-chart-brushes, var(--ig-category-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-category-chart-marker-brushes, var(--ig-category-chart-marker-brushes, var(--chart-brushes)));--negative-brushes: var(--igx-category-chart-negative-brushes, var(--ig-category-chart-negative-brushes, hsl(347, 82%, 64%)));--outlines: var(--igx-category-chart-outlines, var(--ig-category-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-category-chart-marker-outlines, var(--ig-category-chart-marker-outlines, var(--chart-brushes)));--negative-outlines: var(--igx-category-chart-negative-outlines, var(--ig-category-chart-negative-outlines, hsl(347, 82%, 64%)));--title-text-color: var(--igx-category-chart-title-text-color, var(--ig-category-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-category-chart-subtitle-text-color, var(--ig-category-chart-subtitle-text-color, var(--ig-gray-700)));--trend-line-brushes: var(--igx-category-chart-trend-line-brushes, var(--ig-category-chart-trend-line-brushes, var(--chart-brushes)));--x-axis-label-text-color: var(--igx-category-chart-x-axis-label-text-color, var(--ig-category-chart-x-axis-label-text-color, var(--ig-gray-700)));--x-axis-stroke: var(--igx-category-chart-x-axis-stroke, var(--ig-category-chart-x-axis-stroke, var(--ig-gray-500)));--x-axis-tick-stroke: var(--igx-category-chart-x-axis-tick-stroke, var(--ig-category-chart-x-axis-tick-stroke, var(--ig-gray-500)));--x-axis-title-text-color: var(--igx-category-chart-x-axis-title-text-color, var(--ig-category-chart-x-axis-title-text-color, var(--ig-gray-900)));--y-axis-label-text-color: var(--igx-category-chart-y-axis-label-text-color, var(--ig-category-chart-y-axis-label-text-color, var(--ig-gray-700)));--y-axis-major-stroke: var(--igx-category-chart-y-axis-major-stroke, var(--ig-category-chart-y-axis-major-stroke, var(--ig-gray-300)));--y-axis-title-text-color: var(--igx-category-chart-y-axis-title-text-color, var(--ig-category-chart-y-axis-title-text-color, var(--ig-gray-900)));--y-axis-tick-stroke: var(--igx-category-chart-y-axis-tick-stroke, var(--ig-category-chart-y-axis-tick-stroke, var(--ig-gray-500)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-geo-map{--plot-area-background: var(--igx-geo-map-plot-area-background, var(--ig-geo-map-plot-area-background, var(--ig-surface-500)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-pie-chart{--brushes: var(--igx-pie-chart-brushes, var(--ig-pie-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-pie-chart-outlines, var(--ig-pie-chart-outlines, var(--chart-brushes)));--label-extent: var(--igx-pie-chart-label-extent, var(--ig-pie-chart-label-extent, 30));--label-outer-color: var(--igx-pie-chart-label-outer-color, var(--ig-pie-chart-label-outer-color, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-sparkline{--brush: var(--igx-sparkline-brush, var(--ig-sparkline-brush, var(--ig-primary-500)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-funnel-chart{--brushes: var(--igx-funnel-chart-brushes, var(--ig-funnel-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-funnel-chart-outlines, var(--ig-funnel-chart-outlines, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igx-shape-chart{--title-text-color: var(--igx-shape-chart-title-text-color, var(--ig-shape-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-shape-chart-subtitle-text-color, var(--ig-shape-chart-subtitle-text-color, var(--ig-gray-600)));--brushes: var(--igx-shape-chart-brushes, var(--ig-shape-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-shape-chart-marker-brushes, var(--ig-shape-chart-marker-brushes, var(--chart-brushes)));--outlines: var(--igx-shape-chart-outlines, var(--ig-shape-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-shape-chart-marker-outlines, var(--ig-shape-chart-marker-outlines, var(--chart-brushes)));--trend-line-brushes: var(--igx-shape-chart-trend-line-brushes, var(--ig-shape-chart-trend-line-brushes, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igc-dockmanager{--igc-active-color: var(--igx-dockmanager-active-color, var(--ig-dockmanager-active-color, var(--ig-primary-500)));--igc-background-color: var(--igx-dockmanager-background-color, var(--ig-dockmanager-background-color, var(--ig-gray-200)));--igc-border-color: var(--igx-dockmanager-border-color, var(--ig-dockmanager-border-color, var(--ig-surface-500)));--igc-button-component-text: var(--igx-dockmanager-button-component-text, var(--ig-dockmanager-button-component-text, var(--ig-gray-800)));--igc-context-menu-background-active: var(--igx-dockmanager-context-menu-background-active, var(--ig-dockmanager-context-menu-background-active, var(--ig-primary-500)));--igc-dock-background: var(--igx-dockmanager-dock-background, var(--ig-dockmanager-dock-background, var(--ig-gray-50)));--igc-drop-shadow-background: var(--igx-dockmanager-drop-shadow-background, var(--ig-dockmanager-drop-shadow-background, hsl(from var(--ig-primary-900) h s l/.1)));--igc-floating-pane-border-color: var(--igx-dockmanager-floating-pane-border-color, var(--ig-dockmanager-floating-pane-border-color, var(--ig-surface-500)));--igc-flyout-shadow-color: var(--igx-dockmanager-flyout-shadow-color, var(--ig-dockmanager-flyout-shadow-color, hsl(from var(--ig-gray-900) h s l/.1)));--igc-joystick-background-active: var(--igx-dockmanager-joystick-background-active, var(--ig-dockmanager-joystick-background-active, var(--ig-primary-500)));--igc-joystick-border-color: var(--igx-dockmanager-joystick-border-color, var(--ig-dockmanager-joystick-border-color, var(--ig-gray-300)));--igc-joystick-icon-color: var(--igx-dockmanager-joystick-icon-color, var(--ig-dockmanager-joystick-icon-color, var(--ig-gray-600)));--igc-joystick-icon-color-active: var(--igx-dockmanager-joystick-icon-color-active, var(--ig-dockmanager-joystick-icon-color-active, var(--ig-surface-500-contrast)));--igc-pane-content-background: var(--igx-dockmanager-pane-content-background, var(--ig-dockmanager-pane-content-background, var(--ig-surface-500)));--igc-pane-header-background: var(--igx-dockmanager-pane-header-background, var(--ig-dockmanager-pane-header-background, var(--ig-gray-200)));--igc-pinned-header-background: var(--igx-dockmanager-pinned-header-background, var(--ig-dockmanager-pinned-header-background, var(--ig-gray-50)));--igc-splitter-background: var(--igx-dockmanager-splitter-background, var(--ig-dockmanager-splitter-background, var(--ig-gray-300)));--igc-splitter-handle: var(--igx-dockmanager-splitter-handle, var(--ig-dockmanager-splitter-handle, var(--ig-gray-400)));--igc-tab-background-active: var(--igx-dockmanager-tab-background-active, var(--ig-dockmanager-tab-background-active, var(--ig-surface-500)));--igc-tab-background: var(--igx-dockmanager-tab-background, var(--ig-dockmanager-tab-background, var(--ig-surface-500)));--igc-tab-text: var(--igx-dockmanager-tab-text, var(--ig-dockmanager-tab-text, var(--ig-gray-700)));--igc-text-color: var(--igx-dockmanager-text-color, var(--ig-dockmanager-text-color, var(--ig-gray-800)));--igc-context-menu-color-active: var(--igx-dockmanager-context-menu-color-active, var(--ig-dockmanager-context-menu-color-active, var(--ig-surface-500-contrast)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme igc-rating{--label-color: var(--igx-rating-label-color, var(--ig-rating-label-color, var(--ig-gray-900)));--value-label: var(--igx-rating-value-label, var(--ig-rating-value-label, var(--ig-gray-700)));--symbol-empty-color: var(--igx-rating-symbol-empty-color, var(--ig-rating-symbol-empty-color, var(--ig-gray-600)));--symbol-full-color: var(--igx-rating-symbol-full-color, var(--ig-rating-symbol-full-color, var(--ig-warn-500)));--symbol-empty-filter: var(--igx-rating-symbol-empty-filter, var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%)));--symbol-full-filter: var(--igx-rating-symbol-full-filter, var(--ig-rating-symbol-full-filter, grayscale(50%)));--disabled-label-color: var(--igx-rating-disabled-label-color, var(--ig-rating-disabled-label-color, var(--ig-gray-400)));--disabled-value-label: var(--igx-rating-disabled-value-label, var(--ig-rating-disabled-value-label, var(--ig-gray-400)));--disabled-empty-symbol-color: var(--igx-rating-disabled-empty-symbol-color, var(--ig-rating-disabled-empty-symbol-color, var(--ig-gray-400)));--disabled-full-symbol-color: var(--igx-rating-disabled-full-symbol-color, var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-200)));--symbol-size: var(--igx-rating-symbol-size, var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))));--default-size: var(--igx-rating-default-size, var(--ig-rating-default-size, 2));--ig-theme: material;--ig-theme-variant: light}@layer ig.base{.light-theme igc-rating::part(label){color:var(--label-color)}.light-theme igc-rating::part(value-label){color:var(--value-label)}.light-theme igc-rating[disabled]::part(label),.light-theme igc-rating[disabled]::part(value-label){color:var(--disabled-label-color)}.light-theme igc-rating[disabled]{--symbol-empty-color: var(--disabled-empty-symbol-color);--symbol-full-color: var(--disabled-full-symbol-color);--disabled-symbol-empty-filter: var(--symbol-empty-filter);--disabled-symbol-full-filter: var(--symbol-full-filter)}}.light-theme,.light-theme .igx-highlight{--resting-background: var(--igx-highlight-resting-background, var(--ig-highlight-resting-background, var(--ig-gray-300)));--resting-color: var(--igx-highlight-resting-color, var(--ig-highlight-resting-color, var(--ig-gray-300-contrast)));--active-background: var(--igx-highlight-active-background, var(--ig-highlight-active-background, var(--ig-secondary-A100)));--active-color: var(--igx-highlight-active-color, var(--ig-highlight-active-color, var(--ig-secondary-A100-contrast)));--ig-theme: material;--ig-theme-variant: light}@layer ig.base;.light-theme .igx-icon-button{--ig-icon-size: 1.125rem}.light-theme .igx-icon-button:is(a,span){position:revert-layer;display:revert-layer;align-items:revert-layer;justify-content:revert-layer;width:revert-layer;height:revert-layer;font-size:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;color:revert-layer;box-shadow:revert-layer;cursor:revert-layer;outline:revert-layer;text-decoration:none}.light-theme,.light-theme [igxIconButton=flat],.light-theme igx-icon-button[variant=flat],.light-theme .igx-icon-button--flat{--shadow-color: var(--igx-flat-icon-button-shadow-color, var(--ig-flat-icon-button-shadow-color, transparent));--background: var(--igx-flat-icon-button-background, var(--ig-flat-icon-button-background, transparent));--foreground: var(--igx-flat-icon-button-foreground, var(--ig-flat-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-flat-icon-button-hover-background, var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/.08)));--hover-foreground: var(--igx-flat-icon-button-hover-foreground, var(--ig-flat-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-flat-icon-button-focus-background, var(--ig-flat-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/.16)));--focus-foreground: var(--igx-flat-icon-button-focus-foreground, var(--ig-flat-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-flat-icon-button-focus-hover-background, var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/.24)));--focus-hover-foreground: var(--igx-flat-icon-button-focus-hover-foreground, var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-flat-icon-button-active-background, var(--ig-flat-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/.32)));--active-foreground: var(--igx-flat-icon-button-active-foreground, var(--ig-flat-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-flat-icon-button-border-color, var(--ig-flat-icon-button-border-color, transparent));--focus-border-color: var(--igx-flat-icon-button-focus-border-color, var(--ig-flat-icon-button-focus-border-color, transparent));--disabled-background: var(--igx-flat-icon-button-disabled-background, var(--ig-flat-icon-button-disabled-background, transparent));--disabled-foreground: var(--igx-flat-icon-button-disabled-foreground, var(--ig-flat-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-flat-icon-button-disabled-border-color, var(--ig-flat-icon-button-disabled-border-color, transparent));--border-radius: var(--igx-flat-icon-button-border-radius, var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-flat-icon-button-size, var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-flat-icon-button-default-size, var(--ig-flat-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme [igxIconButton=contained],.light-theme igx-icon-button[variant=contained],.light-theme .igx-icon-button--contained{--shadow-color: var(--igx-contained-icon-button-shadow-color, var(--ig-contained-icon-button-shadow-color, transparent));--background: var(--igx-contained-icon-button-background, var(--ig-contained-icon-button-background, hsl(from var(--ig-gray-900) h s l/.08)));--foreground: var(--igx-contained-icon-button-foreground, var(--ig-contained-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-contained-icon-button-hover-background, var(--ig-contained-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/.12)));--hover-foreground: var(--igx-contained-icon-button-hover-foreground, var(--ig-contained-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-contained-icon-button-focus-background, var(--ig-contained-icon-button-focus-background, hsl(from var(--ig-gray-900) h s l/.16)));--focus-foreground: var(--igx-contained-icon-button-focus-foreground, var(--ig-contained-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-contained-icon-button-focus-hover-background, var(--ig-contained-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/.2)));--focus-hover-foreground: var(--igx-contained-icon-button-focus-hover-foreground, var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-contained-icon-button-active-background, var(--ig-contained-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/.24)));--active-foreground: var(--igx-contained-icon-button-active-foreground, var(--ig-contained-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-contained-icon-button-border-color, var(--ig-contained-icon-button-border-color, transparent));--focus-border-color: var(--igx-contained-icon-button-focus-border-color, var(--ig-contained-icon-button-focus-border-color, transparent));--disabled-background: var(--igx-contained-icon-button-disabled-background, var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/.04)));--disabled-foreground: var(--igx-contained-icon-button-disabled-foreground, var(--ig-contained-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-contained-icon-button-disabled-border-color, var(--ig-contained-icon-button-disabled-border-color, transparent));--border-radius: var(--igx-contained-icon-button-border-radius, var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-contained-icon-button-size, var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-contained-icon-button-default-size, var(--ig-contained-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme [igxIconButton=outlined],.light-theme igx-icon-button[variant=outlined],.light-theme .igx-icon-button--outlined{--shadow-color: var(--igx-outlined-icon-button-shadow-color, var(--ig-outlined-icon-button-shadow-color, transparent));--background: var(--igx-outlined-icon-button-background, var(--ig-outlined-icon-button-background, transparent));--foreground: var(--igx-outlined-icon-button-foreground, var(--ig-outlined-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-outlined-icon-button-hover-background, var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/.08)));--hover-foreground: var(--igx-outlined-icon-button-hover-foreground, var(--ig-outlined-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-outlined-icon-button-focus-background, var(--ig-outlined-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/.16)));--focus-foreground: var(--igx-outlined-icon-button-focus-foreground, var(--ig-outlined-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-outlined-icon-button-focus-hover-background, var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/.24)));--focus-hover-foreground: var(--igx-outlined-icon-button-focus-hover-foreground, var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-outlined-icon-button-active-background, var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/.32)));--active-foreground: var(--igx-outlined-icon-button-active-foreground, var(--ig-outlined-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-outlined-icon-button-border-color, var(--ig-outlined-icon-button-border-color, var(--ig-gray-300)));--focus-border-color: var(--igx-outlined-icon-button-focus-border-color, var(--ig-outlined-icon-button-focus-border-color, var(--ig-gray-300)));--disabled-background: var(--igx-outlined-icon-button-disabled-background, var(--ig-outlined-icon-button-disabled-background, transparent));--disabled-foreground: var(--igx-outlined-icon-button-disabled-foreground, var(--ig-outlined-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-outlined-icon-button-disabled-border-color, var(--ig-outlined-icon-button-disabled-border-color, var(--ig-gray-300)));--border-radius: var(--igx-outlined-icon-button-border-radius, var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-outlined-icon-button-size, var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-outlined-icon-button-default-size, var(--ig-outlined-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: light}@layer ig.base;.light-theme,.light-theme [igxLabel]{--color: var(--igx-label-color, var(--ig-label-color, var(--ig-gray-700)));--disabled-color: var(--igx-label-disabled-color, var(--ig-label-disabled-color, var(--ig-gray-500)));--ig-theme: material;--ig-theme-variant: light}@layer ig.base;.light-theme,.light-theme .igx-overlay__wrapper--modal,.light-theme .igx-overlay__content--modal{--background-color: var(--igx-overlay-background-color, var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/.54)));--ig-theme: material;--ig-theme-variant: light}.light-theme,.light-theme .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--ig-gray-400)));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--ig-gray-400)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--ig-gray-100)));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--ig-gray-100)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, transparent));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: light;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.light-theme,.light-theme .igx-tooltip{--elevation: var(--igx-tooltip-elevation, var(--ig-tooltip-elevation, var(--ig-elevation-0)));--background: var(--igx-tooltip-background, var(--ig-tooltip-background, hsl(from var(--ig-gray-700) h s l/.9)));--text-color: var(--igx-tooltip-text-color, var(--ig-tooltip-text-color, var(--ig-gray-700-contrast)));--border-radius: var(--igx-tooltip-border-radius, var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .25) * 1rem), 1rem)));--ig-theme: material;--ig-theme-variant: light}@layer ig.base;.light-theme,.light-theme igc-trial-watermark{--base-color: var(--igx-watermark-base-color, var(--ig-watermark-base-color, var(--ig-primary-500)));--color: var(--igx-watermark-color, var(--ig-watermark-color, var(--ig-primary-800-contrast)));--border-radius: var(--igx-watermark-border-radius, var(--ig-watermark-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1rem), 1rem)));--ig-theme: material;--ig-theme-variant: light}.light-theme igc-trial-watermark::part(link){font-family:var(--ig-font-family)}.dark-theme{background:#333;color:#fff;--ig-wcag-a: .31;--ig-wcag-aa: .185;--ig-wcag-aaa: .178;--ig-contrast-level: var(--ig-wcag-aa);--y: clamp(0, (y / var(--ig-contrast-level) - 1) * -infinity, 1);--y-contrast: xyz-d65 var(--y) var(--y) var(--y);--ig-primary-50: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*1.78) );--ig-primary-50-contrast: hsla(from color(from var(--ig-primary-50) var(--y-contrast)) h 0 l/1);--ig-primary-100: hsl(from var(--ig-primary-500) h calc(s*.8) calc(l*1.66) );--ig-primary-100-contrast: hsla(from color(from var(--ig-primary-100) var(--y-contrast)) h 0 l/1);--ig-primary-200: hsl(from var(--ig-primary-500) h calc(s*.64) calc(l*1.43) );--ig-primary-200-contrast: hsla(from color(from var(--ig-primary-200) var(--y-contrast)) h 0 l/1);--ig-primary-300: hsl(from var(--ig-primary-500) h calc(s*.73) calc(l*1.19) );--ig-primary-300-contrast: hsla(from color(from var(--ig-primary-300) var(--y-contrast)) h 0 l/1);--ig-primary-400: hsl(from var(--ig-primary-500) h calc(s*.875) calc(l*1.08) );--ig-primary-400-contrast: hsla(from color(from var(--ig-primary-400) var(--y-contrast)) h 0 l/1);--ig-primary-500: #0099ff;--ig-primary-500-contrast: hsla(from color(from var(--ig-primary-500) var(--y-contrast)) h 0 l/1);--ig-primary-600: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.89) );--ig-primary-600-contrast: hsla(from color(from var(--ig-primary-600) var(--y-contrast)) h 0 l/1);--ig-primary-700: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.81) );--ig-primary-700-contrast: hsla(from color(from var(--ig-primary-700) var(--y-contrast)) h 0 l/1);--ig-primary-800: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.73) );--ig-primary-800-contrast: hsla(from color(from var(--ig-primary-800) var(--y-contrast)) h 0 l/1);--ig-primary-900: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.64) );--ig-primary-900-contrast: hsla(from color(from var(--ig-primary-900) var(--y-contrast)) h 0 l/1);--ig-primary-seed: #0099ff;--ig-primary-seed-contrast: hsla(from color(from var(--ig-primary-seed) var(--y-contrast)) h 0 l/1);--ig-primary-A100: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*1.34) );--ig-primary-A100-contrast: hsla(from color(from var(--ig-primary-A100) var(--y-contrast)) h 0 l/1);--ig-primary-A200: hsl(from var(--ig-primary-500) h calc(s*1.22) calc(l*1.16) );--ig-primary-A200-contrast: hsla(from color(from var(--ig-primary-A200) var(--y-contrast)) h 0 l/1);--ig-primary-A400: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*.91) );--ig-primary-A400-contrast: hsla(from color(from var(--ig-primary-A400) var(--y-contrast)) h 0 l/1);--ig-primary-A700: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*.65) );--ig-primary-A700-contrast: hsla(from color(from var(--ig-primary-A700) var(--y-contrast)) h 0 l/1);--ig-secondary-50: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*1.78) );--ig-secondary-50-contrast: hsla(from color(from var(--ig-secondary-50) var(--y-contrast)) h 0 l/1);--ig-secondary-100: hsl(from var(--ig-secondary-500) h calc(s*.8) calc(l*1.66) );--ig-secondary-100-contrast: hsla(from color(from var(--ig-secondary-100) var(--y-contrast)) h 0 l/1);--ig-secondary-200: hsl(from var(--ig-secondary-500) h calc(s*.64) calc(l*1.43) );--ig-secondary-200-contrast: hsla(from color(from var(--ig-secondary-200) var(--y-contrast)) h 0 l/1);--ig-secondary-300: hsl(from var(--ig-secondary-500) h calc(s*.73) calc(l*1.19) );--ig-secondary-300-contrast: hsla(from color(from var(--ig-secondary-300) var(--y-contrast)) h 0 l/1);--ig-secondary-400: hsl(from var(--ig-secondary-500) h calc(s*.875) calc(l*1.08) );--ig-secondary-400-contrast: hsla(from color(from var(--ig-secondary-400) var(--y-contrast)) h 0 l/1);--ig-secondary-500: #72da67;--ig-secondary-500-contrast: hsla(from color(from var(--ig-secondary-500) var(--y-contrast)) h 0 l/1);--ig-secondary-600: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.89) );--ig-secondary-600-contrast: hsla(from color(from var(--ig-secondary-600) var(--y-contrast)) h 0 l/1);--ig-secondary-700: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.81) );--ig-secondary-700-contrast: hsla(from color(from var(--ig-secondary-700) var(--y-contrast)) h 0 l/1);--ig-secondary-800: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.73) );--ig-secondary-800-contrast: hsla(from color(from var(--ig-secondary-800) var(--y-contrast)) h 0 l/1);--ig-secondary-900: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.64) );--ig-secondary-900-contrast: hsla(from color(from var(--ig-secondary-900) var(--y-contrast)) h 0 l/1);--ig-secondary-seed: #72da67;--ig-secondary-seed-contrast: hsla(from color(from var(--ig-secondary-seed) var(--y-contrast)) h 0 l/1);--ig-secondary-A100: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*1.34) );--ig-secondary-A100-contrast: hsla(from color(from var(--ig-secondary-A100) var(--y-contrast)) h 0 l/1);--ig-secondary-A200: hsl(from var(--ig-secondary-500) h calc(s*1.22) calc(l*1.16) );--ig-secondary-A200-contrast: hsla(from color(from var(--ig-secondary-A200) var(--y-contrast)) h 0 l/1);--ig-secondary-A400: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*.91) );--ig-secondary-A400-contrast: hsla(from color(from var(--ig-secondary-A400) var(--y-contrast)) h 0 l/1);--ig-secondary-A700: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*.65) );--ig-secondary-A700-contrast: hsla(from color(from var(--ig-secondary-A700) var(--y-contrast)) h 0 l/1);--ig-gray-50: hsl(from var(--ig-gray-500) h s 13%);--ig-gray-50-contrast: hsla(from color(from var(--ig-gray-50) var(--y-contrast)) h 0 l/1);--ig-gray-100: hsl(from var(--ig-gray-500) h s 26%);--ig-gray-100-contrast: hsla(from color(from var(--ig-gray-100) var(--y-contrast)) h 0 l/1);--ig-gray-200: hsl(from var(--ig-gray-500) h s 38%);--ig-gray-200-contrast: hsla(from color(from var(--ig-gray-200) var(--y-contrast)) h 0 l/1);--ig-gray-300: hsl(from var(--ig-gray-500) h s 54%);--ig-gray-300-contrast: hsla(from color(from var(--ig-gray-300) var(--y-contrast)) h 0 l/1);--ig-gray-400: hsl(from var(--ig-gray-500) h s 62%);--ig-gray-400-contrast: hsla(from color(from var(--ig-gray-400) var(--y-contrast)) h 0 l/1);--ig-gray-500: hsl(0, 0%, 74%);--ig-gray-500-contrast: hsla(from color(from var(--ig-gray-500) var(--y-contrast)) h 0 l/1);--ig-gray-600: hsl(from var(--ig-gray-500) h s 88%);--ig-gray-600-contrast: hsla(from color(from var(--ig-gray-600) var(--y-contrast)) h 0 l/1);--ig-gray-700: hsl(from var(--ig-gray-500) h s 93%);--ig-gray-700-contrast: hsla(from color(from var(--ig-gray-700) var(--y-contrast)) h 0 l/1);--ig-gray-800: hsl(from var(--ig-gray-500) h s 96%);--ig-gray-800-contrast: hsla(from color(from var(--ig-gray-800) var(--y-contrast)) h 0 l/1);--ig-gray-900: hsl(from var(--ig-gray-500) h s 98%);--ig-gray-900-contrast: hsla(from color(from var(--ig-gray-900) var(--y-contrast)) h 0 l/1);--ig-gray-seed: rgb(74%, 74%, 74%);--ig-gray-seed-contrast: hsla(from color(from var(--ig-gray-seed) var(--y-contrast)) h 0 l/1);--ig-surface-50: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*1.78) );--ig-surface-50-contrast: hsla(from color(from var(--ig-surface-50) var(--y-contrast)) h 0 l/1);--ig-surface-100: hsl(from var(--ig-surface-500) h calc(s*.8) calc(l*1.66) );--ig-surface-100-contrast: hsla(from color(from var(--ig-surface-100) var(--y-contrast)) h 0 l/1);--ig-surface-200: hsl(from var(--ig-surface-500) h calc(s*.64) calc(l*1.43) );--ig-surface-200-contrast: hsla(from color(from var(--ig-surface-200) var(--y-contrast)) h 0 l/1);--ig-surface-300: hsl(from var(--ig-surface-500) h calc(s*.73) calc(l*1.19) );--ig-surface-300-contrast: hsla(from color(from var(--ig-surface-300) var(--y-contrast)) h 0 l/1);--ig-surface-400: hsl(from var(--ig-surface-500) h calc(s*.875) calc(l*1.08) );--ig-surface-400-contrast: hsla(from color(from var(--ig-surface-400) var(--y-contrast)) h 0 l/1);--ig-surface-500: #333333;--ig-surface-500-contrast: hsla(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l/1);--ig-surface-600: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.89) );--ig-surface-600-contrast: hsla(from color(from var(--ig-surface-600) var(--y-contrast)) h 0 l/1);--ig-surface-700: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.81) );--ig-surface-700-contrast: hsla(from color(from var(--ig-surface-700) var(--y-contrast)) h 0 l/1);--ig-surface-800: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.73) );--ig-surface-800-contrast: hsla(from color(from var(--ig-surface-800) var(--y-contrast)) h 0 l/1);--ig-surface-900: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.64) );--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #333333;--ig-surface-seed-contrast: hsla(from color(from var(--ig-surface-seed) var(--y-contrast)) h 0 l/1);--ig-surface-A100: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*1.34) );--ig-surface-A100-contrast: hsla(from color(from var(--ig-surface-A100) var(--y-contrast)) h 0 l/1);--ig-surface-A200: hsl(from var(--ig-surface-500) h calc(s*1.22) calc(l*1.16) );--ig-surface-A200-contrast: hsla(from color(from var(--ig-surface-A200) var(--y-contrast)) h 0 l/1);--ig-surface-A400: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*.91) );--ig-surface-A400-contrast: hsla(from color(from var(--ig-surface-A400) var(--y-contrast)) h 0 l/1);--ig-surface-A700: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*.65) );--ig-surface-A700-contrast: hsla(from color(from var(--ig-surface-A700) var(--y-contrast)) h 0 l/1);--ig-info-50: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*1.78) );--ig-info-50-contrast: hsla(from color(from var(--ig-info-50) var(--y-contrast)) h 0 l/1);--ig-info-100: hsl(from var(--ig-info-500) h calc(s*.8) calc(l*1.66) );--ig-info-100-contrast: hsla(from color(from var(--ig-info-100) var(--y-contrast)) h 0 l/1);--ig-info-200: hsl(from var(--ig-info-500) h calc(s*.64) calc(l*1.43) );--ig-info-200-contrast: hsla(from color(from var(--ig-info-200) var(--y-contrast)) h 0 l/1);--ig-info-300: hsl(from var(--ig-info-500) h calc(s*.73) calc(l*1.19) );--ig-info-300-contrast: hsla(from color(from var(--ig-info-300) var(--y-contrast)) h 0 l/1);--ig-info-400: hsl(from var(--ig-info-500) h calc(s*.875) calc(l*1.08) );--ig-info-400-contrast: hsla(from color(from var(--ig-info-400) var(--y-contrast)) h 0 l/1);--ig-info-500: #1377d5;--ig-info-500-contrast: hsla(from color(from var(--ig-info-500) var(--y-contrast)) h 0 l/1);--ig-info-600: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.89) );--ig-info-600-contrast: hsla(from color(from var(--ig-info-600) var(--y-contrast)) h 0 l/1);--ig-info-700: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.81) );--ig-info-700-contrast: hsla(from color(from var(--ig-info-700) var(--y-contrast)) h 0 l/1);--ig-info-800: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.73) );--ig-info-800-contrast: hsla(from color(from var(--ig-info-800) var(--y-contrast)) h 0 l/1);--ig-info-900: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.64) );--ig-info-900-contrast: hsla(from color(from var(--ig-info-900) var(--y-contrast)) h 0 l/1);--ig-info-seed: #1377d5;--ig-info-seed-contrast: hsla(from color(from var(--ig-info-seed) var(--y-contrast)) h 0 l/1);--ig-info-A100: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*1.34) );--ig-info-A100-contrast: hsla(from color(from var(--ig-info-A100) var(--y-contrast)) h 0 l/1);--ig-info-A200: hsl(from var(--ig-info-500) h calc(s*1.22) calc(l*1.16) );--ig-info-A200-contrast: hsla(from color(from var(--ig-info-A200) var(--y-contrast)) h 0 l/1);--ig-info-A400: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*.91) );--ig-info-A400-contrast: hsla(from color(from var(--ig-info-A400) var(--y-contrast)) h 0 l/1);--ig-info-A700: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*.65) );--ig-info-A700-contrast: hsla(from color(from var(--ig-info-A700) var(--y-contrast)) h 0 l/1);--ig-success-50: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*1.78) );--ig-success-50-contrast: hsla(from color(from var(--ig-success-50) var(--y-contrast)) h 0 l/1);--ig-success-100: hsl(from var(--ig-success-500) h calc(s*.8) calc(l*1.66) );--ig-success-100-contrast: hsla(from color(from var(--ig-success-100) var(--y-contrast)) h 0 l/1);--ig-success-200: hsl(from var(--ig-success-500) h calc(s*.64) calc(l*1.43) );--ig-success-200-contrast: hsla(from color(from var(--ig-success-200) var(--y-contrast)) h 0 l/1);--ig-success-300: hsl(from var(--ig-success-500) h calc(s*.73) calc(l*1.19) );--ig-success-300-contrast: hsla(from color(from var(--ig-success-300) var(--y-contrast)) h 0 l/1);--ig-success-400: hsl(from var(--ig-success-500) h calc(s*.875) calc(l*1.08) );--ig-success-400-contrast: hsla(from color(from var(--ig-success-400) var(--y-contrast)) h 0 l/1);--ig-success-500: #4eb862;--ig-success-500-contrast: hsla(from color(from var(--ig-success-500) var(--y-contrast)) h 0 l/1);--ig-success-600: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.89) );--ig-success-600-contrast: hsla(from color(from var(--ig-success-600) var(--y-contrast)) h 0 l/1);--ig-success-700: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.81) );--ig-success-700-contrast: hsla(from color(from var(--ig-success-700) var(--y-contrast)) h 0 l/1);--ig-success-800: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.73) );--ig-success-800-contrast: hsla(from color(from var(--ig-success-800) var(--y-contrast)) h 0 l/1);--ig-success-900: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.64) );--ig-success-900-contrast: hsla(from color(from var(--ig-success-900) var(--y-contrast)) h 0 l/1);--ig-success-seed: #4eb862;--ig-success-seed-contrast: hsla(from color(from var(--ig-success-seed) var(--y-contrast)) h 0 l/1);--ig-success-A100: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*1.34) );--ig-success-A100-contrast: hsla(from color(from var(--ig-success-A100) var(--y-contrast)) h 0 l/1);--ig-success-A200: hsl(from var(--ig-success-500) h calc(s*1.22) calc(l*1.16) );--ig-success-A200-contrast: hsla(from color(from var(--ig-success-A200) var(--y-contrast)) h 0 l/1);--ig-success-A400: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*.91) );--ig-success-A400-contrast: hsla(from color(from var(--ig-success-A400) var(--y-contrast)) h 0 l/1);--ig-success-A700: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*.65) );--ig-success-A700-contrast: hsla(from color(from var(--ig-success-A700) var(--y-contrast)) h 0 l/1);--ig-warn-50: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*1.78) );--ig-warn-50-contrast: hsla(from color(from var(--ig-warn-50) var(--y-contrast)) h 0 l/1);--ig-warn-100: hsl(from var(--ig-warn-500) h calc(s*.8) calc(l*1.66) );--ig-warn-100-contrast: hsla(from color(from var(--ig-warn-100) var(--y-contrast)) h 0 l/1);--ig-warn-200: hsl(from var(--ig-warn-500) h calc(s*.64) calc(l*1.43) );--ig-warn-200-contrast: hsla(from color(from var(--ig-warn-200) var(--y-contrast)) h 0 l/1);--ig-warn-300: hsl(from var(--ig-warn-500) h calc(s*.73) calc(l*1.19) );--ig-warn-300-contrast: hsla(from color(from var(--ig-warn-300) var(--y-contrast)) h 0 l/1);--ig-warn-400: hsl(from var(--ig-warn-500) h calc(s*.875) calc(l*1.08) );--ig-warn-400-contrast: hsla(from color(from var(--ig-warn-400) var(--y-contrast)) h 0 l/1);--ig-warn-500: #fbb13c;--ig-warn-500-contrast: hsla(from color(from var(--ig-warn-500) var(--y-contrast)) h 0 l/1);--ig-warn-600: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.89) );--ig-warn-600-contrast: hsla(from color(from var(--ig-warn-600) var(--y-contrast)) h 0 l/1);--ig-warn-700: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.81) );--ig-warn-700-contrast: hsla(from color(from var(--ig-warn-700) var(--y-contrast)) h 0 l/1);--ig-warn-800: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.73) );--ig-warn-800-contrast: hsla(from color(from var(--ig-warn-800) var(--y-contrast)) h 0 l/1);--ig-warn-900: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.64) );--ig-warn-900-contrast: hsla(from color(from var(--ig-warn-900) var(--y-contrast)) h 0 l/1);--ig-warn-seed: #fbb13c;--ig-warn-seed-contrast: hsla(from color(from var(--ig-warn-seed) var(--y-contrast)) h 0 l/1);--ig-warn-A100: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*1.34) );--ig-warn-A100-contrast: hsla(from color(from var(--ig-warn-A100) var(--y-contrast)) h 0 l/1);--ig-warn-A200: hsl(from var(--ig-warn-500) h calc(s*1.22) calc(l*1.16) );--ig-warn-A200-contrast: hsla(from color(from var(--ig-warn-A200) var(--y-contrast)) h 0 l/1);--ig-warn-A400: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*.91) );--ig-warn-A400-contrast: hsla(from color(from var(--ig-warn-A400) var(--y-contrast)) h 0 l/1);--ig-warn-A700: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*.65) );--ig-warn-A700-contrast: hsla(from color(from var(--ig-warn-A700) var(--y-contrast)) h 0 l/1);--ig-error-50: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*1.78) );--ig-error-50-contrast: hsla(from color(from var(--ig-error-50) var(--y-contrast)) h 0 l/1);--ig-error-100: hsl(from var(--ig-error-500) h calc(s*.8) calc(l*1.66) );--ig-error-100-contrast: hsla(from color(from var(--ig-error-100) var(--y-contrast)) h 0 l/1);--ig-error-200: hsl(from var(--ig-error-500) h calc(s*.64) calc(l*1.43) );--ig-error-200-contrast: hsla(from color(from var(--ig-error-200) var(--y-contrast)) h 0 l/1);--ig-error-300: hsl(from var(--ig-error-500) h calc(s*.73) calc(l*1.19) );--ig-error-300-contrast: hsla(from color(from var(--ig-error-300) var(--y-contrast)) h 0 l/1);--ig-error-400: hsl(from var(--ig-error-500) h calc(s*.875) calc(l*1.08) );--ig-error-400-contrast: hsla(from color(from var(--ig-error-400) var(--y-contrast)) h 0 l/1);--ig-error-500: #ff134a;--ig-error-500-contrast: hsla(from color(from var(--ig-error-500) var(--y-contrast)) h 0 l/1);--ig-error-600: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.89) );--ig-error-600-contrast: hsla(from color(from var(--ig-error-600) var(--y-contrast)) h 0 l/1);--ig-error-700: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.81) );--ig-error-700-contrast: hsla(from color(from var(--ig-error-700) var(--y-contrast)) h 0 l/1);--ig-error-800: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.73) );--ig-error-800-contrast: hsla(from color(from var(--ig-error-800) var(--y-contrast)) h 0 l/1);--ig-error-900: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.64) );--ig-error-900-contrast: hsla(from color(from var(--ig-error-900) var(--y-contrast)) h 0 l/1);--ig-error-seed: #ff134a;--ig-error-seed-contrast: hsla(from color(from var(--ig-error-seed) var(--y-contrast)) h 0 l/1);--ig-error-A100: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*1.34) );--ig-error-A100-contrast: hsla(from color(from var(--ig-error-A100) var(--y-contrast)) h 0 l/1);--ig-error-A200: hsl(from var(--ig-error-500) h calc(s*1.22) calc(l*1.16) );--ig-error-A200-contrast: hsla(from color(from var(--ig-error-A200) var(--y-contrast)) h 0 l/1);--ig-error-A400: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*.91) );--ig-error-A400-contrast: hsla(from color(from var(--ig-error-A400) var(--y-contrast)) h 0 l/1);--ig-error-A700: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*.65) );--ig-error-A700-contrast: hsla(from color(from var(--ig-error-A700) var(--y-contrast)) h 0 l/1);--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, .08);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, .08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, .08);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, .08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, .08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, .08);--ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, .08);--ig-theme: material;--ig-theme-variant: dark}@layer ig.reset,ig.base,ig.material,ig.derived;@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-action-strip{--actions-background: var(--igx-action-strip-actions-background, var(--ig-action-strip-actions-background, var(--ig-gray-200)));--background: var(--igx-action-strip-background, var(--ig-action-strip-background, hsl(from var(--ig-gray-100) h s l/.38)));--icon-color: var(--igx-action-strip-icon-color, var(--ig-action-strip-icon-color, "currentColor"));--delete-action: var(--igx-action-strip-delete-action, var(--ig-action-strip-delete-action, var(--ig-error-500)));--actions-border-radius: var(--igx-action-strip-actions-border-radius, var(--ig-action-strip-actions-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-avatar{--background: var(--igx-avatar-background, var(--ig-avatar-background, var(--ig-gray-200)));--color: var(--igx-avatar-color, var(--ig-avatar-color, var(--ig-gray-800)));--icon-color: var(--igx-avatar-icon-color, var(--ig-avatar-icon-color, var(--ig-gray-800)));--border-radius: var(--igx-avatar-border-radius, var(--ig-avatar-border-radius, .5rem));--size: var(--igx-avatar-size, var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--default-size: var(--igx-avatar-default-size, var(--ig-avatar-default-size, 1));--ig-theme: material;--ig-theme-variant: dark}.igx-badge{--elevation: var(--igx-badge-elevation, var(--ig-badge-elevation, var(--ig-elevation-1)));--icon-color: var(--igx-badge-icon-color, var(--ig-badge-icon-color, var(--ig-primary-900-contrast)));--text-color: var(--igx-badge-text-color, var(--ig-badge-text-color, var(--ig-primary-900-contrast)));--border-color: var(--igx-badge-border-color, var(--ig-badge-border-color, var(--ig-gray-900-contrast)));--background-color: var(--igx-badge-background-color, var(--ig-badge-background-color, var(--ig-primary-800)));--border-radius: var(--igx-badge-border-radius, var(--ig-badge-border-radius, 0));--size: var(--igx-badge-size, var(--ig-badge-size, max(var(--is-large, 1) * max(1.625rem, -1 * 1.625rem), var(--is-medium, 1) * max(1.375rem, -1 * 1.375rem), var(--is-small, 1) * max(1rem, -1 * 1rem))));--default-size: var(--igx-badge-default-size, var(--ig-badge-default-size, 2));--dot-size: var(--igx-badge-dot-size, var(--ig-badge-dot-size, max(var(--is-large, 1) * max(.75rem, -1 * .75rem), var(--is-medium, 1) * max(.625rem, -1 * .625rem), var(--is-small, 1) * max(.5rem, -1 * .5rem))));--ig-theme: material;--ig-theme-variant: dark}.igx-banner{--banner-background: var(--igx-banner-banner-background, var(--ig-banner-banner-background, var(--ig-surface-500)));--border-radius: var(--igx-banner-border-radius, var(--ig-banner-border-radius, 0));--banner-border-color: var(--igx-banner-banner-border-color, var(--ig-banner-banner-border-color, var(--ig-gray-300)));--banner-message-color: var(--igx-banner-banner-message-color, var(--ig-banner-banner-message-color, var(--ig-gray-900)));--banner-illustration-color: var(--igx-banner-banner-illustration-color, var(--ig-banner-banner-illustration-color, var(--ig-gray-900)));--ig-theme: material;--ig-theme-variant: dark}.igx-bottom-nav{--elevation: var(--igx-bottom-nav-elevation, var(--ig-bottom-nav-elevation, var(--ig-elevation-8)));--background: var(--igx-bottom-nav-background, var(--ig-bottom-nav-background, var(--ig-gray-50)));--icon-color: var(--igx-bottom-nav-icon-color, var(--ig-bottom-nav-icon-color, var(--ig-gray-700)));--icon-selected-color: var(--igx-bottom-nav-icon-selected-color, var(--ig-bottom-nav-icon-selected-color, var(--ig-primary-500)));--label-color: var(--igx-bottom-nav-label-color, var(--ig-bottom-nav-label-color, var(--ig-gray-700)));--label-selected-color: var(--igx-bottom-nav-label-selected-color, var(--ig-bottom-nav-label-selected-color, var(--ig-primary-500)));--icon-disabled-color: var(--igx-bottom-nav-icon-disabled-color, var(--ig-bottom-nav-icon-disabled-color, var(--ig-gray-700)));--label-disabled-color: var(--igx-bottom-nav-label-disabled-color, var(--ig-bottom-nav-label-disabled-color, var(--ig-gray-700)));--border-color: var(--igx-bottom-nav-border-color, var(--ig-bottom-nav-border-color, transparent));--ig-theme: material;--ig-theme-variant: dark}.igx-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-button-group-elevation, var(--ig-elevation-2)));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, var(--ig-button-group-idle-shadow-color, transparent));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, transparent));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--ig-gray-700)));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, var(--ig-gray-50)));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, var(--ig-gray-100)));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--ig-gray-100)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-button-group-item-hover-text-color, var(--ig-gray-800)));--item-focused-text-color: var(--igx-button-group-item-focused-text-color, var(--ig-button-group-item-focused-text-color, var(--ig-gray-800)));--item-focused-border-color: var(--igx-button-group-item-focused-border-color, var(--ig-button-group-item-focused-border-color, var(--ig-gray-200)));--item-focused-hover-text-color: var(--igx-button-group-item-focused-hover-text-color, var(--ig-button-group-item-focused-hover-text-color, var(--ig-gray-800)));--item-focused-hover-border-color: var(--igx-button-group-item-focused-hover-border-color, var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-300)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, var(--ig-gray-100)));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900)));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900)));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-button-group-item-selected-focus-background, var(--ig-gray-100)));--item-selected-focus-hover-background: var(--igx-button-group-item-selected-focus-hover-background, var(--ig-button-group-item-selected-focus-hover-background, var(--ig-gray-200)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, var(--ig-gray-200)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, var(--ig-gray-100)));--item-selected-active-border-color: var(--igx-button-group-item-selected-active-border-color, var(--ig-button-group-item-selected-active-border-color, var(--ig-gray-500)));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--ig-gray-50)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, var(--ig-button-group-default-size, 3));--item-icon-color: var(--igx-button-group-item-icon-color, var(--ig-button-group-item-icon-color, var(--ig-gray-700)));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--ig-gray-200)));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--ig-gray-100)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--ig-gray-800)));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800)));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-gray-100)));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--ig-gray-300)));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-500)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, var(--ig-gray-100)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, var(--ig-gray-200)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, var(--ig-gray-400)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--ig-gray-100)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-200)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-200)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, var(--ig-gray-50)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-100)));--ig-theme: material;--ig-theme-variant: dark}.igx-calendar,.igx-calendar-view--standalone,.igx-days-view--standalone,.igx-month-picker{--default-size: var(--igx-calendar-default-size, var(--ig-calendar-default-size, 2));--content-foreground: var(--igx-calendar-content-foreground, var(--ig-calendar-content-foreground, var(--ig-gray-900)));--content-background: var(--igx-calendar-content-background, var(--ig-calendar-content-background, var(--ig-surface-500)));--border-color: var(--igx-calendar-border-color, var(--ig-calendar-border-color, transparent));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-surface-500)));--picker-hover-foreground: var(--igx-calendar-picker-hover-foreground, var(--ig-calendar-picker-hover-foreground, var(--ig-secondary-200)));--picker-focus-foreground: var(--igx-calendar-picker-focus-foreground, var(--ig-calendar-picker-focus-foreground, var(--ig-secondary-200)));--navigation-color: var(--igx-calendar-navigation-color, var(--ig-calendar-navigation-color, var(--ig-gray-800)));--navigation-hover-color: var(--igx-calendar-navigation-hover-color, var(--ig-calendar-navigation-hover-color, var(--ig-secondary-200)));--navigation-focus-color: var(--igx-calendar-navigation-focus-color, var(--ig-calendar-navigation-focus-color, var(--ig-secondary-200)));--size: var(--igx-calendar-size, var(--ig-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, var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--date-border-radius: var(--igx-calendar-date-border-radius, var(--ig-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, var(--ig-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, var(--ig-calendar-week-number-foreground, var(--ig-gray-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, var(--ig-gray-200)));--inactive-color: var(--igx-calendar-inactive-color, var(--ig-calendar-inactive-color, var(--ig-gray-500)));--weekday-color: var(--igx-calendar-weekday-color, var(--ig-calendar-weekday-color, var(--ig-gray-500)));--weekend-color: var(--igx-calendar-weekend-color, var(--ig-calendar-weekend-color, var(--ig-gray-900)));--date-hover-foreground: var(--igx-calendar-date-hover-foreground, var(--ig-calendar-date-hover-foreground, var(--ig-gray-900)));--date-focus-foreground: var(--igx-calendar-date-focus-foreground, var(--ig-calendar-date-focus-foreground, var(--ig-gray-900)));--date-selected-range-hover-foreground: var(--igx-calendar-date-selected-range-hover-foreground, var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-900)));--date-selected-range-focus-foreground: var(--igx-calendar-date-selected-range-focus-foreground, var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-900)));--date-selected-current-range-foreground: var(--igx-calendar-date-selected-current-range-foreground, var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900)));--date-selected-current-range-hover-foreground: var(--igx-calendar-date-selected-current-range-hover-foreground, var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900)));--date-selected-current-range-focus-foreground: var(--igx-calendar-date-selected-current-range-focus-foreground, var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900)));--date-current-background: var(--igx-calendar-date-current-background, var(--ig-calendar-date-current-background, transparent));--date-current-hover-foreground: var(--igx-calendar-date-current-hover-foreground, var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900)));--date-current-focus-foreground: var(--igx-calendar-date-current-focus-foreground, var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900)));--date-current-focus-background: var(--igx-calendar-date-current-focus-background, var(--ig-calendar-date-current-focus-background, var(--ig-gray-100)));--date-special-background: var(--igx-calendar-date-special-background, var(--ig-calendar-date-special-background, transparent));--date-special-range-background: var(--igx-calendar-date-special-range-background, var(--ig-calendar-date-special-range-background, transparent));--date-border-color: var(--igx-calendar-date-border-color, var(--ig-calendar-date-border-color, transparent));--date-hover-border-color: var(--igx-calendar-date-hover-border-color, var(--ig-calendar-date-hover-border-color, transparent));--date-focus-border-color: var(--igx-calendar-date-focus-border-color, var(--ig-calendar-date-focus-border-color, transparent));--date-selected-border-color: var(--igx-calendar-date-selected-border-color, var(--ig-calendar-date-selected-border-color, transparent));--date-selected-hover-border-color: var(--igx-calendar-date-selected-hover-border-color, var(--ig-calendar-date-selected-hover-border-color, transparent));--date-selected-focus-border-color: var(--igx-calendar-date-selected-focus-border-color, var(--ig-calendar-date-selected-focus-border-color, transparent));--date-range-border-color: var(--igx-calendar-date-range-border-color, var(--ig-calendar-date-range-border-color, transparent));--date-range-preview-border-color: var(--igx-calendar-date-range-preview-border-color, var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-300)));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/.5)));--date-disabled-range-foreground: var(--igx-calendar-date-disabled-range-foreground, var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/.38)));--ym-current-outline-hover-color: var(--igx-calendar-ym-current-outline-hover-color, var(--ig-calendar-ym-current-outline-hover-color, var(--ig-gray-900)));--ym-current-outline-focus-color: var(--igx-calendar-ym-current-outline-focus-color, var(--ig-calendar-ym-current-outline-focus-color, var(--ig-gray-900)));--ym-selected-outline-color: var(--igx-calendar-ym-selected-outline-color, var(--ig-calendar-ym-selected-outline-color, transparent));--ym-selected-hover-outline-color: var(--igx-calendar-ym-selected-hover-outline-color, var(--ig-calendar-ym-selected-hover-outline-color, transparent));--ym-selected-focus-outline-color: var(--igx-calendar-ym-selected-focus-outline-color, var(--ig-calendar-ym-selected-focus-outline-color, transparent));--ym-border-radius: var(--igx-calendar-ym-border-radius, var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-secondary-900-contrast)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-secondary-500)));--date-current-border-radius: var(--igx-calendar-date-current-border-radius, var(--ig-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, var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--date-hover-background: var(--igx-calendar-date-hover-background, var(--ig-calendar-date-hover-background, var(--ig-gray-100)));--date-focus-background: var(--igx-calendar-date-focus-background, var(--ig-calendar-date-focus-background, var(--ig-gray-100)));--date-current-foreground: var(--igx-calendar-date-current-foreground, var(--ig-calendar-date-current-foreground, var(--ig-gray-900)));--date-current-hover-background: var(--igx-calendar-date-current-hover-background, var(--ig-calendar-date-current-hover-background, var(--ig-gray-100)));--date-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-secondary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-secondary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-secondary-700-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-secondary-700)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-secondary-700-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-secondary-700)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-secondary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-secondary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-secondary-700-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-secondary-700)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-secondary-700-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-secondary-700)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-secondary-900-contrast)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-secondary-500)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast)));--date-selected-current-hover-background: var(--igx-calendar-date-selected-current-hover-background, var(--ig-calendar-date-selected-current-hover-background, var(--ig-secondary-700)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast)));--date-selected-current-focus-background: var(--igx-calendar-date-selected-current-focus-background, var(--ig-calendar-date-selected-current-focus-background, var(--ig-secondary-700)));--date-selected-range-foreground: var(--igx-calendar-date-selected-range-foreground, var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900)));--date-selected-range-background: var(--igx-calendar-date-selected-range-background, var(--ig-calendar-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/.24)));--date-selected-range-hover-background: var(--igx-calendar-date-selected-range-hover-background, var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-100)));--date-selected-range-focus-background: var(--igx-calendar-date-selected-range-focus-background, var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-100)));--date-selected-current-range-background: var(--igx-calendar-date-selected-current-range-background, var(--ig-calendar-date-selected-current-range-background, transparent));--date-selected-current-range-hover-background: var(--igx-calendar-date-selected-current-range-hover-background, var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-100)));--date-selected-current-range-focus-background: var(--igx-calendar-date-selected-current-range-focus-background, var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-100)));--date-selected-special-border-color: var(--igx-calendar-date-selected-special-border-color, var(--ig-calendar-date-selected-special-border-color, var(--ig-secondary-900-contrast)));--date-selected-special-hover-border-color: var(--igx-calendar-date-selected-special-hover-border-color, var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast)));--date-selected-special-focus-border-color: var(--igx-calendar-date-selected-special-focus-border-color, var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast)));--date-special-foreground: var(--igx-calendar-date-special-foreground, var(--ig-calendar-date-special-foreground, var(--ig-secondary-200)));--date-special-hover-foreground: var(--igx-calendar-date-special-hover-foreground, var(--ig-calendar-date-special-hover-foreground, var(--ig-secondary-100)));--date-special-focus-foreground: var(--igx-calendar-date-special-focus-foreground, var(--ig-calendar-date-special-focus-foreground, var(--ig-secondary-100)));--date-special-hover-background: var(--igx-calendar-date-special-hover-background, var(--ig-calendar-date-special-hover-background, var(--ig-gray-100)));--date-special-focus-background: var(--igx-calendar-date-special-focus-background, var(--ig-calendar-date-special-focus-background, var(--ig-gray-100)));--date-special-range-hover-background: var(--igx-calendar-date-special-range-hover-background, var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-100)));--date-special-range-focus-background: var(--igx-calendar-date-special-range-focus-background, var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-100)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-secondary-200)));--date-special-range-hover-border-color: var(--igx-calendar-date-special-range-hover-border-color, var(--ig-calendar-date-special-range-hover-border-color, var(--ig-secondary-200)));--date-special-range-focus-border-color: var(--igx-calendar-date-special-range-focus-border-color, var(--ig-calendar-date-special-range-focus-border-color, var(--ig-secondary-200)));--date-special-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-secondary-200)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-secondary-100)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-secondary-100)));--date-current-border-color: var(--igx-calendar-date-current-border-color, var(--ig-calendar-date-current-border-color, var(--ig-gray-900)));--date-current-hover-border-color: var(--igx-calendar-date-current-hover-border-color, var(--ig-calendar-date-current-hover-border-color, var(--ig-gray-900)));--date-current-focus-border-color: var(--igx-calendar-date-current-focus-border-color, var(--ig-calendar-date-current-focus-border-color, var(--ig-gray-900)));--date-selected-current-border-color: var(--igx-calendar-date-selected-current-border-color, var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-900)));--date-selected-current-hover-border-color: var(--igx-calendar-date-selected-current-hover-border-color, var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-900)));--date-selected-current-focus-border-color: var(--igx-calendar-date-selected-current-focus-border-color, var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-900)));--date-special-range-foreground: var(--igx-calendar-date-special-range-foreground, var(--ig-calendar-date-special-range-foreground, var(--ig-secondary-200)));--date-special-range-hover-foreground: var(--igx-calendar-date-special-range-hover-foreground, var(--ig-calendar-date-special-range-hover-foreground, var(--ig-secondary-100)));--date-special-range-focus-foreground: var(--igx-calendar-date-special-range-focus-foreground, var(--ig-calendar-date-special-range-focus-foreground, var(--ig-secondary-100)));--week-number-border-radius: var(--igx-calendar-week-number-border-radius, var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .5) * .5rem), .5rem)));--ym-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast)));--ym-selected-current-hover-background: var(--igx-calendar-ym-selected-current-hover-background, var(--ig-calendar-ym-selected-current-hover-background, var(--ig-secondary-700)));--ym-hover-foreground: var(--igx-calendar-ym-hover-foreground, var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900)));--ym-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-100)));--ym-current-foreground: var(--igx-calendar-ym-current-foreground, var(--ig-calendar-ym-current-foreground, var(--ig-gray-900)));--ym-current-background: var(--igx-calendar-ym-current-background, var(--ig-calendar-ym-current-background, var(--ig-surface-500)));--ym-current-hover-foreground: var(--igx-calendar-ym-current-hover-foreground, var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900)));--ym-current-hover-background: var(--igx-calendar-ym-current-hover-background, var(--ig-calendar-ym-current-hover-background, var(--ig-gray-100)));--ym-selected-foreground: var(--igx-calendar-ym-selected-foreground, var(--ig-calendar-ym-selected-foreground, var(--ig-secondary-600-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-secondary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-secondary-700-contrast)));--ym-selected-hover-background: var(--igx-calendar-ym-selected-hover-background, var(--ig-calendar-ym-selected-hover-background, var(--ig-secondary-700)));--ym-selected-current-foreground: var(--igx-calendar-ym-selected-current-foreground, var(--ig-calendar-ym-selected-current-foreground, var(--ig-secondary-500-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-secondary-500)));--ym-selected-current-outline-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-900)));--ym-current-outline-color: var(--igx-calendar-ym-current-outline-color, var(--ig-calendar-ym-current-outline-color, var(--ig-gray-900)));--ym-selected-current-outline-hover-color: var(--igx-calendar-ym-selected-current-outline-hover-color, var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-900)));--ym-selected-current-outline-focus-color: var(--igx-calendar-ym-selected-current-outline-focus-color, var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-900)));--ig-theme: material;--ig-theme-variant: dark}.igx-card{--resting-elevation: var(--igx-card-resting-elevation, var(--ig-card-resting-elevation, var(--ig-elevation-4)));--hover-elevation: var(--igx-card-hover-elevation, var(--ig-card-hover-elevation, var(--ig-elevation-6)));--background: var(--igx-card-background, var(--ig-card-background, var(--ig-surface-500)));--header-text-color: var(--igx-card-header-text-color, var(--ig-card-header-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-card-subtitle-text-color, var(--ig-card-subtitle-text-color, var(--ig-gray-900)));--content-text-color: var(--igx-card-content-text-color, var(--ig-card-content-text-color, var(--ig-gray-700)));--actions-text-color: var(--igx-card-actions-text-color, var(--ig-card-actions-text-color, var(--ig-gray-900)));--outline-color: var(--igx-card-outline-color, var(--ig-card-outline-color, hsl(from var(--ig-gray-400) h s l/.38)));--border-radius: var(--igx-card-border-radius, var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--default-size: var(--igx-card-default-size, var(--ig-card-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}.igx-carousel{--button-elevation: var(--igx-carousel-button-elevation, var(--ig-carousel-button-elevation, var(--ig-elevation-1)));--slide-background: var(--igx-carousel-slide-background, var(--ig-carousel-slide-background, var(--ig-gray-900-contrast)));--button-background: var(--igx-carousel-button-background, var(--ig-carousel-button-background, var(--ig-gray-50)));--button-hover-background: var(--igx-carousel-button-hover-background, var(--ig-carousel-button-hover-background, var(--ig-gray-50)));--button-arrow-color: var(--igx-carousel-button-arrow-color, var(--ig-carousel-button-arrow-color, var(--ig-gray-700)));--button-hover-arrow-color: var(--igx-carousel-button-hover-arrow-color, var(--ig-carousel-button-hover-arrow-color, var(--ig-gray-900)));--button-disabled-background: var(--igx-carousel-button-disabled-background, var(--ig-carousel-button-disabled-background, var(--ig-gray-100)));--button-disabled-arrow-color: var(--igx-carousel-button-disabled-arrow-color, var(--ig-carousel-button-disabled-arrow-color, var(--ig-gray-400)));--indicator-focus-color: var(--igx-carousel-indicator-focus-color, var(--ig-carousel-indicator-focus-color, var(--ig-secondary-200)));--button-focus-border-color: var(--igx-carousel-button-focus-border-color, var(--ig-carousel-button-focus-border-color, var(--ig-secondary-200)));--button-border-color: var(--igx-carousel-button-border-color, var(--ig-carousel-button-border-color, transparent));--button-hover-border-color: var(--igx-carousel-button-hover-border-color, var(--ig-carousel-button-hover-border-color, transparent));--button-disabled-border-color: var(--igx-carousel-button-disabled-border-color, var(--ig-carousel-button-disabled-border-color, transparent));--indicator-dot-color: var(--igx-carousel-indicator-dot-color, var(--ig-carousel-indicator-dot-color, transparent));--indicator-hover-dot-color: var(--igx-carousel-indicator-hover-dot-color, var(--ig-carousel-indicator-hover-dot-color, transparent));--indicator-background: var(--igx-carousel-indicator-background, var(--ig-carousel-indicator-background, var(--ig-gray-50)));--label-indicator-background: var(--igx-carousel-label-indicator-background, var(--ig-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/.8)));--indicator-color: var(--igx-carousel-indicator-color, var(--ig-carousel-indicator-color, var(--ig-gray-700)));--indicator-border-color: var(--igx-carousel-indicator-border-color, var(--ig-carousel-indicator-border-color, hsl(from var(--ig-gray-900) h s l/.7)));--indicator-active-dot-color: var(--igx-carousel-indicator-active-dot-color, var(--ig-carousel-indicator-active-dot-color, var(--ig-gray-900)));--indicator-active-border-color: var(--igx-carousel-indicator-active-border-color, var(--ig-carousel-indicator-active-border-color, var(--ig-gray-900)));--indicator-active-hover-dot-color: var(--igx-carousel-indicator-active-hover-dot-color, var(--ig-carousel-indicator-active-hover-dot-color, var(--ig-gray-900)));--border-radius: var(--igx-carousel-border-radius, var(--ig-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(--ig-carousel-button-focus-arrow-color, var(--ig-secondary-200)));--ig-theme: material;--ig-theme-variant: dark}.igx-circular-bar{--track-color: var(--igx-circular-bar-track-color, var(--ig-circular-bar-track-color, var(--ig-gray-300)));--fill-color-default: var(--igx-circular-bar-fill-color-default, var(--ig-circular-bar-fill-color-default, var(--ig-primary-500)));--fill-color-danger: var(--igx-circular-bar-fill-color-danger, var(--ig-circular-bar-fill-color-danger, var(--ig-error-500)));--fill-color-warning: var(--igx-circular-bar-fill-color-warning, var(--ig-circular-bar-fill-color-warning, var(--ig-warn-500)));--fill-color-info: var(--igx-circular-bar-fill-color-info, var(--ig-circular-bar-fill-color-info, var(--ig-info-500)));--fill-color-success: var(--igx-circular-bar-fill-color-success, var(--ig-circular-bar-fill-color-success, var(--ig-success-500)));--text-color: var(--igx-circular-bar-text-color, var(--ig-circular-bar-text-color, var(--ig-gray-700)));--diameter: var(--igx-circular-bar-diameter, var(--ig-circular-bar-diameter, 2rem));--track-border-radius: var(--igx-circular-bar-track-border-radius, var(--ig-circular-bar-track-border-radius, 0rem));--ig-theme: material;--ig-theme-variant: dark}.igx-checkbox{--tick-color: var(--igx-checkbox-tick-color, var(--ig-checkbox-tick-color, var(--ig-gray-50)));--tick-width: var(--igx-checkbox-tick-width, var(--ig-checkbox-tick-width, 3));--label-color: var(--igx-checkbox-label-color, var(--ig-checkbox-label-color, var(--ig-gray-900)));--label-color-hover: var(--igx-checkbox-label-color-hover, var(--ig-checkbox-label-color-hover, var(--ig-gray-900)));--empty-fill-color: var(--igx-checkbox-empty-fill-color, var(--ig-checkbox-empty-fill-color, transparent));--fill-color: var(--igx-checkbox-fill-color, var(--ig-checkbox-fill-color, var(--ig-secondary-500)));--focus-outline-color-focused: var(--igx-checkbox-focus-outline-color-focused, var(--ig-checkbox-focus-outline-color-focused, transparent));--focus-outline-color-error: var(--igx-checkbox-focus-outline-color-error, var(--ig-checkbox-focus-outline-color-error, transparent));--disabled-color: var(--igx-checkbox-disabled-color, var(--ig-checkbox-disabled-color, var(--ig-gray-400)));--disabled-fill-color: var(--igx-checkbox-disabled-fill-color, var(--ig-checkbox-disabled-fill-color, var(--ig-gray-400)));--disabled-tick-color: var(--igx-checkbox-disabled-tick-color, var(--ig-checkbox-disabled-tick-color, var(--ig-gray-50)));--disabled-color-label: var(--igx-checkbox-disabled-color-label, var(--ig-checkbox-disabled-color-label, var(--ig-gray-500)));--error-color: var(--igx-checkbox-error-color, var(--ig-checkbox-error-color, var(--ig-error-500)));--border-radius: var(--igx-checkbox-border-radius, var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem)));--border-radius-ripple: var(--igx-checkbox-border-radius-ripple, var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--empty-color: var(--igx-checkbox-empty-color, var(--ig-checkbox-empty-color, var(--ig-gray-600)));--empty-color-hover: var(--igx-checkbox-empty-color-hover, var(--ig-checkbox-empty-color-hover, var(--ig-gray-600)));--tick-color-hover: var(--igx-checkbox-tick-color-hover, var(--ig-checkbox-tick-color-hover, var(--ig-gray-50)));--fill-color-hover: var(--igx-checkbox-fill-color-hover, var(--ig-checkbox-fill-color-hover, var(--ig-secondary-500)));--focus-outline-color: var(--igx-checkbox-focus-outline-color, var(--ig-checkbox-focus-outline-color, transparent));--focus-border-color: var(--igx-checkbox-focus-border-color, var(--ig-checkbox-focus-border-color, var(--ig-gray-600)));--error-color-hover: var(--igx-checkbox-error-color-hover, var(--ig-checkbox-error-color-hover, var(--ig-error-500)));--disabled-indeterminate-color: var(--igx-checkbox-disabled-indeterminate-color, var(--ig-checkbox-disabled-indeterminate-color, var(--ig-secondary-100)));--ig-theme: material;--ig-theme-variant: dark}.igx-chip{--ghost-elevation: var(--igx-chip-ghost-elevation, var(--ig-chip-ghost-elevation, var(--ig-elevation-8)));--remove-icon-color: var(--igx-chip-remove-icon-color, var(--ig-chip-remove-icon-color, "currentColor"));--focus-shadow-color: var(--igx-chip-focus-shadow-color, var(--ig-chip-focus-shadow-color, transparent));--focus-selected-shadow-color: var(--igx-chip-focus-selected-shadow-color, var(--ig-chip-focus-selected-shadow-color, transparent));--remove-icon-color-focus: var(--igx-chip-remove-icon-color-focus, var(--ig-chip-remove-icon-color-focus, "currentColor"));--background: var(--igx-chip-background, var(--ig-chip-background, var(--ig-gray-300)));--ghost-background: var(--igx-chip-ghost-background, var(--ig-chip-ghost-background, var(--ig-gray-400)));--ghost-text-color: var(--igx-chip-ghost-text-color, var(--ig-chip-ghost-text-color, var(--ig-gray-400-contrast)));--hover-text-color: var(--igx-chip-hover-text-color, var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast)));--hover-background: var(--igx-chip-hover-background, var(--ig-chip-hover-background, var(--ig-gray-400)));--focus-text-color: var(--igx-chip-focus-text-color, var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast)));--selected-text-color: var(--igx-chip-selected-text-color, var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast)));--selected-background: var(--igx-chip-selected-background, var(--ig-chip-selected-background, var(--ig-gray-300)));--hover-selected-text-color: var(--igx-chip-hover-selected-text-color, var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast)));--hover-selected-background: var(--igx-chip-hover-selected-background, var(--ig-chip-hover-selected-background, var(--ig-gray-400)));--border-radius: var(--igx-chip-border-radius, var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)));--disabled-text-color: var(--igx-chip-disabled-text-color, var(--ig-chip-disabled-text-color, var(--ig-gray-500)));--disabled-background: var(--igx-chip-disabled-background, var(--ig-chip-disabled-background, var(--ig-gray-200)));--disabled-selected-text-color: var(--igx-chip-disabled-selected-text-color, var(--ig-chip-disabled-selected-text-color, var(--ig-gray-500)));--disabled-selected-background: var(--igx-chip-disabled-selected-background, var(--ig-chip-disabled-selected-background, var(--ig-gray-200)));--size: var(--igx-chip-size, var(--ig-chip-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.25rem, -1 * 1.25rem))));--default-size: var(--igx-chip-default-size, var(--ig-chip-default-size, 2));--outlined-background: var(--igx-chip-outlined-background, var(--ig-chip-outlined-background, transparent));--outlined-text-color: var(--igx-chip-outlined-text-color, var(--ig-chip-outlined-text-color, var(--ig-gray-100-contrast)));--border-color: var(--igx-chip-border-color, var(--ig-chip-border-color, var(--ig-gray-100-contrast)));--selected-outlined-background: var(--igx-chip-selected-outlined-background, var(--ig-chip-selected-outlined-background, transparent));--selected-outlined-text-color: var(--igx-chip-selected-outlined-text-color, var(--ig-chip-selected-outlined-text-color, var(--ig-gray-100-contrast)));--selected-border-color: var(--igx-chip-selected-border-color, var(--ig-chip-selected-border-color, var(--ig-gray-100-contrast)));--hover-border-color: var(--igx-chip-hover-border-color, var(--ig-chip-hover-border-color, var(--ig-gray-100-contrast)));--hover-outlined-text-color: var(--igx-chip-hover-outlined-text-color, var(--ig-chip-hover-outlined-text-color, var(--ig-gray-100-contrast)));--hover-selected-border-color: var(--igx-chip-hover-selected-border-color, var(--ig-chip-hover-selected-border-color, var(--ig-gray-100-contrast)));--hover-selected-outlined-text-color: var(--igx-chip-hover-selected-outlined-text-color, var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-100-contrast)));--focus-border-color: var(--igx-chip-focus-border-color, var(--ig-chip-focus-border-color, var(--ig-gray-100-contrast)));--focus-outlined-text-color: var(--igx-chip-focus-outlined-text-color, var(--ig-chip-focus-outlined-text-color, var(--ig-gray-100-contrast)));--focus-selected-border-color: var(--igx-chip-focus-selected-border-color, var(--ig-chip-focus-selected-border-color, var(--ig-gray-100-contrast)));--focus-selected-outlined-text-color: var(--igx-chip-focus-selected-outlined-text-color, var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-100-contrast)));--disabled-outlined-background: var(--igx-chip-disabled-outlined-background, var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--disabled-outlined-text-color: var(--igx-chip-disabled-outlined-text-color, var(--ig-chip-disabled-outlined-text-color, var(--ig-gray-500)));--disabled-border-color: var(--igx-chip-disabled-border-color, var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-500) h s l/.3)));--disabled-selected-outlined-background: var(--igx-chip-disabled-selected-outlined-background, var(--ig-chip-disabled-selected-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--disabled-selected-outlined-text-color: var(--igx-chip-disabled-selected-outlined-text-color, var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-500)));--disabled-selected-border-color: var(--igx-chip-disabled-selected-border-color, var(--ig-chip-disabled-selected-border-color, hsl(from var(--ig-gray-500) h s l/.3)));--text-color: var(--igx-chip-text-color, var(--ig-chip-text-color, var(--ig-gray-300-contrast)));--focus-background: var(--igx-chip-focus-background, var(--ig-chip-focus-background, var(--ig-gray-500)));--focus-selected-text-color: var(--igx-chip-focus-selected-text-color, var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast)));--focus-selected-background: var(--igx-chip-focus-selected-background, var(--ig-chip-focus-selected-background, var(--ig-gray-500)));--hover-outlined-background: var(--igx-chip-hover-outlined-background, var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/.16)));--hover-selected-outlined-background: var(--igx-chip-hover-selected-outlined-background, var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/.16)));--focus-outlined-background: var(--igx-chip-focus-outlined-background, var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/.3)));--focus-selected-outlined-background: var(--igx-chip-focus-selected-outlined-background, var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/.3)));--ig-theme: material;--ig-theme-variant: dark}.igx-column-actions{--background: var(--igx-column-actions-background, var(--ig-column-actions-background, var(--ig-surface-500)));--title-color: var(--igx-column-actions-title-color, var(--ig-column-actions-title-color, var(--ig-primary-500)));--ig-theme: material;--ig-theme-variant: dark}.igx-combo{--toggle-button-background-focus--border: var(--igx-combo-toggle-button-background-focus--border, var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-100)));--case-icon-color: var(--igx-combo-case-icon-color, var(--ig-combo-case-icon-color, var(--ig-gray-400)));--case-icon-color--active: var(--igx-combo-case-icon-color--active, var(--ig-combo-case-icon-color--active, var(--ig-primary-500)));--empty-list-background: var(--igx-combo-empty-list-background, var(--ig-combo-empty-list-background, var(--ig-surface-500)));--search-separator-border-color: var(--igx-combo-search-separator-border-color, var(--ig-combo-search-separator-border-color, transparent));--empty-list-placeholder-color: var(--igx-combo-empty-list-placeholder-color, var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700)));--toggle-button-background: var(--igx-combo-toggle-button-background, var(--ig-combo-toggle-button-background, var(--ig-gray-100)));--toggle-button-background-focus: var(--igx-combo-toggle-button-background-focus, var(--ig-combo-toggle-button-background-focus, var(--ig-gray-200)));--toggle-button-foreground: var(--igx-combo-toggle-button-foreground, var(--ig-combo-toggle-button-foreground, var(--ig-gray-700)));--toggle-button-foreground-focus: var(--igx-combo-toggle-button-foreground-focus, var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900)));--toggle-button-foreground-filled: var(--igx-combo-toggle-button-foreground-filled, var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900)));--clear-button-background: var(--igx-combo-clear-button-background, var(--ig-combo-clear-button-background, transparent));--clear-button-foreground: var(--igx-combo-clear-button-foreground, var(--ig-combo-clear-button-foreground, var(--ig-gray-900)));--clear-button-foreground-focus: var(--igx-combo-clear-button-foreground-focus, var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900)));--toggle-button-background-disabled: var(--igx-combo-toggle-button-background-disabled, var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100)));--toggle-button-foreground-disabled: var(--igx-combo-toggle-button-foreground-disabled, var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500)));--default-size: var(--igx-combo-default-size, var(--ig-combo-default-size, 2));--clear-button-background-focus: var(--igx-combo-clear-button-background-focus, var(--ig-combo-clear-button-background-focus, transparent));--ig-theme: material;--ig-theme-variant: dark}.igx-date-picker{--default-size: var(--igx-calendar-default-size, var(--ig-calendar-default-size, 2));--content-foreground: var(--igx-calendar-content-foreground, var(--ig-calendar-content-foreground, var(--ig-gray-900)));--content-background: var(--igx-calendar-content-background, var(--ig-calendar-content-background, var(--ig-surface-500)));--border-color: var(--igx-calendar-border-color, var(--ig-calendar-border-color, transparent));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-secondary-900-contrast)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-secondary-500)));--ig-theme: material;--ig-theme-variant: dark}.igx-date-range-picker{--label-color: var(--igx-date-range-picker-label-color, var(--ig-date-range-picker-label-color, var(--ig-gray-700)));--ranges-background: var(--igx-date-range-picker-ranges-background, var(--ig-date-range-picker-ranges-background, var(--ig-surface-500)));--ranges-border: var(--igx-date-range-picker-ranges-border, var(--ig-date-range-picker-ranges-border, var(--ig-gray-100)));--default-size: var(--igx-date-range-picker-default-size, var(--ig-date-range-picker-default-size, 2));--size: var(--igx-date-range-picker-size, var(--ig-date-range-picker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--ig-theme: material;--ig-theme-variant: dark}.igx-dialog{--elevation: var(--igx-dialog-elevation, var(--ig-dialog-elevation, var(--ig-elevation-24)));--background: var(--igx-dialog-background, var(--ig-dialog-background, var(--ig-surface-500)));--title-color: var(--igx-dialog-title-color, var(--ig-dialog-title-color, var(--ig-gray-900)));--message-color: var(--igx-dialog-message-color, var(--ig-dialog-message-color, var(--ig-gray-500)));--border-color: var(--igx-dialog-border-color, var(--ig-dialog-border-color, transparent));--backdrop: var(--igx-dialog-backdrop, var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/.54)));--border-radius: var(--igx-dialog-border-radius, var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1111111111) * 2.25rem), 2.25rem)));--default-size: var(--igx-dialog-default-size, var(--ig-dialog-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}.igx-divider{--color: var(--igx-divider-color, var(--ig-divider-color, var(--ig-gray-300)));--inset: var(--igx-divider-inset, var(--ig-divider-inset, 0));--ig-theme: material;--ig-theme-variant: dark}.igx-drop-down{--elevation: var(--igx-drop-down-elevation, var(--ig-drop-down-elevation, var(--ig-elevation-3)));--background-color: var(--igx-drop-down-background-color, var(--ig-drop-down-background-color, var(--ig-surface-500)));--header-text-color: var(--igx-drop-down-header-text-color, var(--ig-drop-down-header-text-color, var(--ig-secondary-500)));--item-text-color: var(--igx-drop-down-item-text-color, var(--ig-drop-down-item-text-color, var(--ig-gray-800)));--item-icon-color: var(--igx-drop-down-item-icon-color, var(--ig-drop-down-item-icon-color, var(--ig-gray-800)));--hover-item-background: var(--igx-drop-down-hover-item-background, var(--ig-drop-down-hover-item-background, var(--ig-gray-100)));--hover-item-text-color: var(--igx-drop-down-hover-item-text-color, var(--ig-drop-down-hover-item-text-color, var(--ig-gray-800)));--hover-item-icon-color: var(--igx-drop-down-hover-item-icon-color, var(--ig-drop-down-hover-item-icon-color, var(--ig-gray-800)));--focused-item-background: var(--igx-drop-down-focused-item-background, var(--ig-drop-down-focused-item-background, var(--ig-gray-100)));--focused-item-text-color: var(--igx-drop-down-focused-item-text-color, var(--ig-drop-down-focused-item-text-color, var(--ig-gray-800)));--focused-item-border-color: var(--igx-drop-down-focused-item-border-color, var(--ig-drop-down-focused-item-border-color, transparent));--selected-item-background: var(--igx-drop-down-selected-item-background, var(--ig-drop-down-selected-item-background, var(--ig-secondary-100)));--disabled-item-background: var(--igx-drop-down-disabled-item-background, var(--ig-drop-down-disabled-item-background, transparent));--disabled-item-text-color: var(--igx-drop-down-disabled-item-text-color, var(--ig-drop-down-disabled-item-text-color, var(--ig-gray-300)));--border-color: var(--igx-drop-down-border-color, var(--ig-drop-down-border-color, var(--ig-gray-100)));--border-width: var(--igx-drop-down-border-width, var(--ig-drop-down-border-width, 0));--border-radius: var(--igx-drop-down-border-radius, var(--ig-drop-down-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--item-border-radius: var(--igx-drop-down-item-border-radius, var(--ig-drop-down-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem)));--size: var(--igx-drop-down-size, var(--ig-drop-down-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem))));--default-size: var(--igx-drop-down-default-size, var(--ig-drop-down-default-size, 2));--selected-item-text-color: var(--igx-drop-down-selected-item-text-color, var(--ig-drop-down-selected-item-text-color, var(--ig-secondary-100-contrast)));--selected-item-icon-color: var(--igx-drop-down-selected-item-icon-color, var(--ig-drop-down-selected-item-icon-color, var(--ig-secondary-100-contrast)));--selected-hover-item-background: var(--igx-drop-down-selected-hover-item-background, var(--ig-drop-down-selected-hover-item-background, var(--ig-secondary-200)));--selected-hover-item-text-color: var(--igx-drop-down-selected-hover-item-text-color, var(--ig-drop-down-selected-hover-item-text-color, var(--ig-secondary-200-contrast)));--selected-hover-item-icon-color: var(--igx-drop-down-selected-hover-item-icon-color, var(--ig-drop-down-selected-hover-item-icon-color, var(--ig-secondary-200-contrast)));--selected-focus-item-background: var(--igx-drop-down-selected-focus-item-background, var(--ig-drop-down-selected-focus-item-background, var(--ig-secondary-200)));--selected-focus-item-text-color: var(--igx-drop-down-selected-focus-item-text-color, var(--ig-drop-down-selected-focus-item-text-color, var(--ig-secondary-200-contrast)));--ig-theme: material;--ig-theme-variant: dark}.igx-excel-filter,.igx-excel-filter__secondary{--background: var(--igx-excel-filtering-background, var(--ig-excel-filtering-background, var(--ig-gray-50)));--secondary-background: var(--igx-excel-filtering-secondary-background, var(--ig-excel-filtering-secondary-background, var(--ig-gray-50)));--header-foreground: var(--igx-excel-filtering-header-foreground, var(--ig-excel-filtering-header-foreground, var(--ig-gray-700)));--subheader-foreground: var(--igx-excel-filtering-subheader-foreground, var(--ig-excel-filtering-subheader-foreground, var(--ig-gray-700)));--actions-foreground: var(--igx-excel-filtering-actions-foreground, var(--ig-excel-filtering-actions-foreground, var(--ig-gray-700)));--actions-icon-color: var(--igx-excel-filtering-actions-icon-color, var(--ig-excel-filtering-actions-icon-color, var(--ig-gray-700)));--actions-hover-foreground: var(--igx-excel-filtering-actions-hover-foreground, var(--ig-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--actions-hover-icon-color: var(--igx-excel-filtering-actions-hover-icon-color, var(--ig-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--actions-selected-icon-color: var(--igx-excel-filtering-actions-selected-icon-color, var(--ig-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--actions-hover-background: var(--igx-excel-filtering-actions-hover-background, var(--ig-excel-filtering-actions-hover-background, var(--ig-gray-100)));--actions-disabled-foreground: var(--igx-excel-filtering-actions-disabled-foreground, var(--ig-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--border-color: var(--igx-excel-filtering-border-color, var(--ig-excel-filtering-border-color, var(--ig-gray-300)));--ig-theme: material;--ig-theme-variant: dark}.igx-expansion-panel{--header-background: var(--igx-expansion-panel-header-background, var(--ig-expansion-panel-header-background, var(--ig-surface-500)));--body-background: var(--igx-expansion-panel-body-background, var(--ig-expansion-panel-body-background, var(--ig-surface-500)));--header-focus-background: var(--igx-expansion-panel-header-focus-background, var(--ig-expansion-panel-header-focus-background, hsl(from var(--ig-gray-100) h s l/.3)));--header-title-color: var(--igx-expansion-panel-header-title-color, var(--ig-expansion-panel-header-title-color, var(--ig-gray-900)));--header-description-color: var(--igx-expansion-panel-header-description-color, var(--ig-expansion-panel-header-description-color, var(--ig-gray-700)));--header-icon-color: var(--igx-expansion-panel-header-icon-color, var(--ig-expansion-panel-header-icon-color, var(--ig-gray-800)));--body-color: var(--igx-expansion-panel-body-color, var(--ig-expansion-panel-body-color, var(--ig-gray-900)));--disabled-text-color: var(--igx-expansion-panel-disabled-text-color, var(--ig-expansion-panel-disabled-text-color, var(--ig-gray-500)));--disabled-description-color: var(--igx-expansion-panel-disabled-description-color, var(--ig-expansion-panel-disabled-description-color, var(--ig-gray-500)));--expanded-margin: var(--igx-expansion-panel-expanded-margin, var(--ig-expansion-panel-expanded-margin, .5rem));--border-radius: var(--igx-expansion-panel-border-radius, var(--ig-expansion-panel-border-radius, 0rem, 0rem, 1rem));--ig-theme: material;--ig-theme-variant: dark}.igx-grid{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--grouparea-color: var(--igx-grid-grouparea-color, var(--ig-grid-grouparea-color, var(--ig-gray-500)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-gray-50)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/.4)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-100)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, .0625rem));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-200)));--action-border-color: var(--igx-grid-action-border-color, var(--ig-grid-action-border-color, var(--ig-gray-200)));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-300)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-surface-500)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-secondary-300)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-secondary-A700-contrast)));--row-hover-background: var(--igx-grid-row-hover-background, var(--ig-grid-row-hover-background, var(--ig-gray-100)));--body-column-hover-border-color: var(--igx-grid-body-column-hover-border-color, var(--ig-grid-body-column-hover-border-color, var(--ig-gray-100)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-100-contrast)));--row-border-width: var(--igx-grid-row-border-width, var(--ig-grid-row-border-width, .0625rem));--row-border-style: var(--igx-grid-row-border-style, var(--ig-grid-row-border-style, solid));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, hsl(from var(--ig-gray-200) h s l/.24)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, .125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-width: var(--igx-grid-cell-active-border-width, var(--ig-grid-cell-active-border-width, .0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-secondary-500)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-gray-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-100-contrast)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-gray-50)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-gray-100)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-secondary-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-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, var(--ig-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, var(--ig-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-border-color: var(--igx-grid-summaries-border-color, var(--ig-grid-summaries-border-color, var(--ig-gray-400)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-50)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-800) h s l/.7)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-secondary-600)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-secondary-600-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-secondary-A700)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-secondary-A400)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-secondary-A400-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-secondary-A700)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-secondary-A400)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-secondary-A400)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-secondary-A400-contrast)));--ig-theme: material;--ig-theme-variant: dark}.igx-grid-summary{--background-color: var(--igx-grid-summary-background-color, var(--ig-grid-summary-background-color, var(--ig-gray-50)));--label-color: var(--igx-grid-summary-label-color, var(--ig-grid-summary-label-color, var(--ig-primary-500)));--label-hover-color: var(--igx-grid-summary-label-hover-color, var(--ig-grid-summary-label-hover-color, var(--ig-primary-500)));--result-color: var(--igx-grid-summary-result-color, var(--ig-grid-summary-result-color, var(--ig-gray-50-contrast)));--border-style: var(--igx-grid-summary-border-style, var(--ig-grid-summary-border-style, solid));--border-color: var(--igx-grid-summary-border-color, var(--ig-grid-summary-border-color, transparent));--pinned-border-style: var(--igx-grid-summary-pinned-border-style, var(--ig-grid-summary-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-summary-pinned-border-color, var(--ig-grid-summary-pinned-border-color, var(--ig-gray-400)));--ig-theme: material;--ig-theme-variant: dark}.igx-grid-toolbar{--background: var(--igx-grid-toolbar-background, var(--ig-grid-toolbar-background, var(--ig-gray-50)));--title-text-color: var(--igx-grid-toolbar-title-text-color, var(--ig-grid-toolbar-title-text-color, var(--ig-gray-600)));--dropdown-background: var(--igx-grid-toolbar-dropdown-background, var(--ig-grid-toolbar-dropdown-background, var(--ig-surface-500)));--item-text-color: var(--igx-grid-toolbar-item-text-color, var(--ig-grid-toolbar-item-text-color, var(--ig-gray-600)));--item-hover-background: var(--igx-grid-toolbar-item-hover-background, var(--ig-grid-toolbar-item-hover-background, var(--ig-gray-100)));--item-hover-text-color: var(--igx-grid-toolbar-item-hover-text-color, var(--ig-grid-toolbar-item-hover-text-color, var(--ig-gray-600)));--item-focus-background: var(--igx-grid-toolbar-item-focus-background, var(--ig-grid-toolbar-item-focus-background, var(--ig-gray-100)));--item-focus-text-color: var(--igx-grid-toolbar-item-focus-text-color, var(--ig-grid-toolbar-item-focus-text-color, var(--ig-gray-600)));--size: var(--igx-grid-toolbar-size, var(--ig-grid-toolbar-size, max(var(--is-large, 1) * max(3.625rem, -1 * 3.625rem), var(--is-medium, 1) * max(3.25rem, -1 * 3.25rem), var(--is-small, 1) * max(2.75rem, -1 * 2.75rem))));--border-color: var(--igx-grid-toolbar-border-color, var(--ig-grid-toolbar-border-color, var(--ig-gray-300)));--ig-theme: material;--ig-theme-variant: dark}}}@scope(.igx-icon){.dark-theme :scope:is(igx-icon){--color: var(--igx-icon-color, var(--ig-icon-color, "currentColor"));--disabled-color: var(--igx-icon-disabled-color, var(--ig-icon-disabled-color, "currentColor"));--size: var(--igx-icon-size, var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))));--default-size: var(--igx-icon-default-size, var(--ig-icon-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-input-group{--helper-text-color: var(--igx-input-group-helper-text-color, var(--ig-input-group-helper-text-color, var(--ig-gray-700)));--text-error-color: var(--igx-input-group-text-error-color, var(--ig-input-group-text-error-color, var(--ig-error-500)));--icon-error-color: var(--igx-input-group-icon-error-color, var(--ig-input-group-icon-error-color, var(--ig-error-500)));--input-prefix-background: var(--igx-input-group-input-prefix-background, var(--ig-input-group-input-prefix-background, transparent));--input-prefix-color: var(--igx-input-group-input-prefix-color, var(--ig-input-group-input-prefix-color, var(--ig-gray-700)));--input-prefix-background--filled: var(--igx-input-group-input-prefix-background--filled, var(--ig-input-group-input-prefix-background--filled, inherit));--input-prefix-color--filled: var(--igx-input-group-input-prefix-color--filled, var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-900)));--input-prefix-background--focused: var(--igx-input-group-input-prefix-background--focused, var(--ig-input-group-input-prefix-background--focused, inherit));--input-prefix-color--focused: var(--igx-input-group-input-prefix-color--focused, var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-900)));--input-suffix-background: var(--igx-input-group-input-suffix-background, var(--ig-input-group-input-suffix-background, transparent));--input-suffix-color: var(--igx-input-group-input-suffix-color, var(--ig-input-group-input-suffix-color, var(--ig-gray-700)));--input-suffix-background--filled: var(--igx-input-group-input-suffix-background--filled, var(--ig-input-group-input-suffix-background--filled, inherit));--input-suffix-color--filled: var(--igx-input-group-input-suffix-color--filled, var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-900)));--input-suffix-background--focused: var(--igx-input-group-input-suffix-background--focused, var(--ig-input-group-input-suffix-background--focused, inherit));--input-suffix-color--focused: var(--igx-input-group-input-suffix-color--focused, var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900)));--idle-text-color: var(--igx-input-group-idle-text-color, var(--ig-input-group-idle-text-color, var(--ig-gray-700)));--filled-text-color: var(--igx-input-group-filled-text-color, var(--ig-input-group-filled-text-color, var(--ig-gray-900)));--filled-text-hover-color: var(--igx-input-group-filled-text-hover-color, var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900)));--focused-text-color: var(--igx-input-group-focused-text-color, var(--ig-input-group-focused-text-color, var(--ig-gray-900)));--disabled-text-color: var(--igx-input-group-disabled-text-color, var(--ig-input-group-disabled-text-color, var(--ig-gray-500)));--idle-secondary-color: var(--igx-input-group-idle-secondary-color, var(--ig-input-group-idle-secondary-color, var(--ig-gray-700)));--filled-secondary-color: var(--igx-input-group-filled-secondary-color, var(--ig-input-group-filled-secondary-color, var(--ig-gray-600)));--focused-secondary-color: var(--igx-input-group-focused-secondary-color, var(--ig-input-group-focused-secondary-color, var(--ig-primary-500)));--idle-bottom-line-color: var(--igx-input-group-idle-bottom-line-color, var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500)));--hover-bottom-line-color: var(--igx-input-group-hover-bottom-line-color, var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800)));--focused-bottom-line-color: var(--igx-input-group-focused-bottom-line-color, var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500)));--disabled-bottom-line-color: var(--igx-input-group-disabled-bottom-line-color, var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500)));--disabled-border-color: var(--igx-input-group-disabled-border-color, var(--ig-input-group-disabled-border-color, var(--ig-gray-500)));--border-color: var(--igx-input-group-border-color, var(--ig-input-group-border-color, var(--ig-gray-500)));--hover-border-color: var(--igx-input-group-hover-border-color, var(--ig-input-group-hover-border-color, var(--ig-gray-800)));--focused-border-color: var(--igx-input-group-focused-border-color, var(--ig-input-group-focused-border-color, var(--ig-primary-500)));--border-background: var(--igx-input-group-border-background, var(--ig-input-group-border-background, transparent));--border-disabled-background: var(--igx-input-group-border-disabled-background, var(--ig-input-group-border-disabled-background, transparent));--search-background: var(--igx-input-group-search-background, var(--ig-input-group-search-background, var(--ig-surface-500)));--search-disabled-background: var(--igx-input-group-search-disabled-background, var(--ig-input-group-search-disabled-background, var(--ig-surface-500)));--success-secondary-color: var(--igx-input-group-success-secondary-color, var(--ig-input-group-success-secondary-color, var(--ig-success-500)));--warning-secondary-color: var(--igx-input-group-warning-secondary-color, var(--ig-input-group-warning-secondary-color, var(--ig-warn-500)));--error-secondary-color: var(--igx-input-group-error-secondary-color, var(--ig-input-group-error-secondary-color, var(--ig-error-500)));--placeholder-color: var(--igx-input-group-placeholder-color, var(--ig-input-group-placeholder-color, var(--ig-gray-700)));--hover-placeholder-color: var(--igx-input-group-hover-placeholder-color, var(--ig-input-group-hover-placeholder-color, var(--ig-gray-700)));--disabled-placeholder-color: var(--igx-input-group-disabled-placeholder-color, var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-500)));--box-background: var(--igx-input-group-box-background, var(--ig-input-group-box-background, hsl(from var(--ig-gray-200) h s l/.38)));--box-background-hover: var(--igx-input-group-box-background-hover, var(--ig-input-group-box-background-hover, hsl(from var(--ig-gray-200) h s l/.38)));--box-background-focus: var(--igx-input-group-box-background-focus, var(--ig-input-group-box-background-focus, hsl(from var(--ig-gray-300) h s l/.38)));--box-disabled-background: var(--igx-input-group-box-disabled-background, var(--ig-input-group-box-disabled-background, var(--ig-gray-100)));--box-border-radius: var(--igx-input-group-box-border-radius, var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--border-border-radius: var(--igx-input-group-border-border-radius, var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--search-border-radius: var(--igx-input-group-search-border-radius, var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--success-shadow-color: var(--igx-input-group-success-shadow-color, var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/.38)));--error-shadow-color: var(--igx-input-group-error-shadow-color, var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/.38)));--size: var(--igx-input-group-size, var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--default-size: var(--igx-input-group-default-size, var(--ig-input-group-default-size, 2));--search-resting-elevation: var(--igx-input-group-search-resting-elevation, var(--ig-input-group-search-resting-elevation, var(--ig-elevation-1)));--search-hover-elevation: var(--igx-input-group-search-hover-elevation, var(--ig-input-group-search-hover-elevation, var(--ig-elevation-2)));--search-disabled-elevation: var(--igx-input-group-search-disabled-elevation, var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-1)));--ig-theme: material;--ig-theme-variant: dark}.igx-file-input{--file-names-background: var(--igx-file-input-file-names-background, var(--ig-file-input-file-names-background, transparent));--file-names-background--focused: var(--igx-file-input-file-names-background--focused, var(--ig-file-input-file-names-background--focused, transparent));--file-names-background--filled: var(--igx-file-input-file-names-background--filled, var(--ig-file-input-file-names-background--filled, transparent));--file-names-background--disabled: var(--igx-file-input-file-names-background--disabled, var(--ig-file-input-file-names-background--disabled, transparent));--file-names-foreground: var(--igx-file-input-file-names-foreground, var(--ig-file-input-file-names-foreground, var(--ig-gray-700)));--file-names-foreground--focused: var(--igx-file-input-file-names-foreground--focused, var(--ig-file-input-file-names-foreground--focused, var(--ig-gray-900)));--file-names-foreground--filled: var(--igx-file-input-file-names-foreground--filled, var(--ig-file-input-file-names-foreground--filled, var(--ig-gray-900)));--file-names-foreground--disabled: var(--igx-file-input-file-names-foreground--disabled, var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-500)));--file-selector-button-background: var(--igx-file-input-file-selector-button-background, var(--ig-file-input-file-selector-button-background, transparent));--file-selector-button-background--focused: var(--igx-file-input-file-selector-button-background--focused, var(--ig-file-input-file-selector-button-background--focused, transparent));--file-selector-button-background--filled: var(--igx-file-input-file-selector-button-background--filled, var(--ig-file-input-file-selector-button-background--filled, transparent));--file-selector-button-background--disabled: var(--igx-file-input-file-selector-button-background--disabled, var(--ig-file-input-file-selector-button-background--disabled, transparent));--file-selector-button-foreground: var(--igx-file-input-file-selector-button-foreground, var(--ig-file-input-file-selector-button-foreground, var(--ig-secondary-500)));--file-selector-button-foreground--focused: var(--igx-file-input-file-selector-button-foreground--focused, var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-secondary-500)));--file-selector-button-foreground--filled: var(--igx-file-input-file-selector-button-foreground--filled, var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-secondary-500)));--file-selector-button-foreground--disabled: var(--igx-file-input-file-selector-button-foreground--disabled, var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-500)));--ig-theme: material;--ig-theme-variant: dark}.igx-linear-bar{--track-color: var(--igx-linear-bar-track-color, var(--ig-linear-bar-track-color, var(--ig-gray-300)));--fill-color-default: var(--igx-linear-bar-fill-color-default, var(--ig-linear-bar-fill-color-default, var(--ig-primary-500)));--fill-color-danger: var(--igx-linear-bar-fill-color-danger, var(--ig-linear-bar-fill-color-danger, var(--ig-error-500)));--fill-color-warning: var(--igx-linear-bar-fill-color-warning, var(--ig-linear-bar-fill-color-warning, var(--ig-warn-500)));--fill-color-info: var(--igx-linear-bar-fill-color-info, var(--ig-linear-bar-fill-color-info, var(--ig-info-500)));--fill-color-success: var(--igx-linear-bar-fill-color-success, var(--ig-linear-bar-fill-color-success, var(--ig-success-500)));--stripes-color: var(--igx-linear-bar-stripes-color, var(--ig-linear-bar-stripes-color, hsl(from var(--ig-gray-900) h s l/.7)));--text-color: var(--igx-linear-bar-text-color, var(--ig-linear-bar-text-color, var(--ig-gray-700)));--track-border-radius: var(--igx-linear-bar-track-border-radius, var(--ig-linear-bar-track-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .5rem), .5rem)));--track-height: var(--igx-linear-bar-track-height, var(--ig-linear-bar-track-height, .25rem));--strip-size: var(--igx-linear-bar-strip-size, var(--ig-linear-bar-strip-size, 1rem));--ig-theme: material;--ig-theme-variant: dark}.igx-list{--background: var(--igx-list-background, var(--ig-list-background, var(--ig-surface-500)));--header-background: var(--igx-list-header-background, var(--ig-list-header-background, var(--ig-surface-500)));--header-text-color: var(--igx-list-header-text-color, var(--ig-list-header-text-color, var(--ig-secondary-500)));--item-background: var(--igx-list-item-background, var(--ig-list-item-background, var(--ig-surface-500)));--item-background-hover: var(--igx-list-item-background-hover, var(--ig-list-item-background-hover, var(--ig-gray-100)));--item-background-active: var(--igx-list-item-background-active, var(--ig-list-item-background-active, var(--ig-gray-100)));--item-background-selected: var(--igx-list-item-background-selected, var(--ig-list-item-background-selected, var(--ig-gray-100)));--item-text-color: var(--igx-list-item-text-color, var(--ig-list-item-text-color, var(--ig-gray-700)));--item-text-color-hover: var(--igx-list-item-text-color-hover, var(--ig-list-item-text-color-hover, var(--ig-gray-700)));--item-text-color-active: var(--igx-list-item-text-color-active, var(--ig-list-item-text-color-active, var(--ig-gray-700)));--item-text-color-selected: var(--igx-list-item-text-color-selected, var(--ig-list-item-text-color-selected, var(--ig-gray-700)));--item-title-color: var(--igx-list-item-title-color, var(--ig-list-item-title-color, var(--ig-gray-900)));--item-title-color-hover: var(--igx-list-item-title-color-hover, var(--ig-list-item-title-color-hover, var(--ig-gray-900)));--item-title-color-active: var(--igx-list-item-title-color-active, var(--ig-list-item-title-color-active, var(--ig-gray-900)));--item-title-color-selected: var(--igx-list-item-title-color-selected, var(--ig-list-item-title-color-selected, var(--ig-gray-900)));--item-action-color: var(--igx-list-item-action-color, var(--ig-list-item-action-color, "currentColor"));--item-action-color-hover: var(--igx-list-item-action-color-hover, var(--ig-list-item-action-color-hover, "currentColor"));--item-action-color-active: var(--igx-list-item-action-color-active, var(--ig-list-item-action-color-active, "currentColor"));--item-action-color-selected: var(--igx-list-item-action-color-selected, var(--ig-list-item-action-color-selected, "currentColor"));--item-subtitle-color: var(--igx-list-item-subtitle-color, var(--ig-list-item-subtitle-color, var(--ig-gray-700)));--item-subtitle-color-hover: var(--igx-list-item-subtitle-color-hover, var(--ig-list-item-subtitle-color-hover, var(--ig-gray-700)));--item-subtitle-color-active: var(--igx-list-item-subtitle-color-active, var(--ig-list-item-subtitle-color-active, var(--ig-gray-700)));--item-subtitle-color-selected: var(--igx-list-item-subtitle-color-selected, var(--ig-list-item-subtitle-color-selected, var(--ig-gray-700)));--item-thumbnail-color: var(--igx-list-item-thumbnail-color, var(--ig-list-item-thumbnail-color, "currentColor"));--item-thumbnail-color-hover: var(--igx-list-item-thumbnail-color-hover, var(--ig-list-item-thumbnail-color-hover, "currentColor"));--item-thumbnail-color-active: var(--igx-list-item-thumbnail-color-active, var(--ig-list-item-thumbnail-color-active, "currentColor"));--item-thumbnail-color-selected: var(--igx-list-item-thumbnail-color-selected, var(--ig-list-item-thumbnail-color-selected, "currentColor"));--border-color: var(--igx-list-border-color, var(--ig-list-border-color, transparent));--border-width: var(--igx-list-border-width, var(--ig-list-border-width, 0));--border-radius: var(--igx-list-border-radius, var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--item-border-radius: var(--igx-list-item-border-radius, var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--default-size: var(--igx-list-default-size, var(--ig-list-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}.igx-nav-drawer{--elevation: var(--igx-nav-drawer-elevation, var(--ig-nav-drawer-elevation, var(--ig-elevation-0)));--size: var(--igx-nav-drawer-size, var(--ig-nav-drawer-size, 15rem));--size--mini: var(--igx-nav-drawer-size--mini, var(--ig-nav-drawer-size--mini, 3.5rem));--background: var(--igx-nav-drawer-background, var(--ig-nav-drawer-background, var(--ig-surface-500)));--item-disabled-text-color: var(--igx-nav-drawer-item-disabled-text-color, var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-300)));--item-disabled-icon-color: var(--igx-nav-drawer-item-disabled-icon-color, var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-200)));--border-radius: var(--igx-nav-drawer-border-radius, var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem)));--item-border-radius: var(--igx-nav-drawer-item-border-radius, var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--item-hover-icon-color: var(--igx-nav-drawer-item-hover-icon-color, var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900)));--item-hover-text-color: var(--igx-nav-drawer-item-hover-text-color, var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900)));--item-hover-background: var(--igx-nav-drawer-item-hover-background, var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200)));--item-text-color: var(--igx-nav-drawer-item-text-color, var(--ig-nav-drawer-item-text-color, var(--ig-gray-900)));--item-active-background: var(--igx-nav-drawer-item-active-background, var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/.12)));--item-active-icon-color: var(--igx-nav-drawer-item-active-icon-color, var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500)));--item-active-text-color: var(--igx-nav-drawer-item-active-text-color, var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500)));--border-color: var(--igx-nav-drawer-border-color, var(--ig-nav-drawer-border-color, var(--ig-gray-300)));--item-icon-color: var(--igx-nav-drawer-item-icon-color, var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700)));--item-header-text-color: var(--igx-nav-drawer-item-header-text-color, var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: dark}.igx-navbar{--elevation: var(--igx-navbar-elevation, var(--ig-navbar-elevation, var(--ig-elevation-4)));--background: var(--igx-navbar-background, var(--ig-navbar-background, var(--ig-primary-800)));--text-color: var(--igx-navbar-text-color, var(--ig-navbar-text-color, var(--ig-primary-800-contrast)));--idle-icon-color: var(--igx-navbar-idle-icon-color, var(--ig-navbar-idle-icon-color, var(--ig-gray-900)));--hover-icon-color: var(--igx-navbar-hover-icon-color, var(--ig-navbar-hover-icon-color, var(--ig-gray-900)));--border-color: var(--igx-navbar-border-color, var(--ig-navbar-border-color, transparent));--ig-theme: material;--ig-theme-variant: dark}.igx-paginator{--foreground: var(--igx-paginator-foreground, var(--ig-paginator-foreground, var(--ig-gray-800)));--background: var(--igx-paginator-background, var(--ig-paginator-background, var(--ig-surface-500)));--border-color: var(--igx-paginator-border-color, var(--ig-paginator-border-color, var(--ig-gray-200)));--size: var(--igx-paginator-size, var(--ig-paginator-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.75rem, -1 * 2.75rem))));--ig-theme: material;--ig-theme-variant: dark}.igx-pivot-data-selector{--background: var(--igx-pivot-data-selector-background, var(--ig-pivot-data-selector-background, var(--ig-surface-500)));--header-color: var(--igx-pivot-data-selector-header-color, var(--ig-pivot-data-selector-header-color, var(--ig-gray-100)));--ig-theme: material;--ig-theme-variant: dark}.igx-advanced-filtering-dialog,.igx-query-builder{--elevation: var(--igx-query-builder-elevation, var(--ig-query-builder-elevation, var(--ig-elevation-0)));--background: var(--igx-query-builder-background, var(--ig-query-builder-background, var(--ig-surface-500)));--header-background: var(--igx-query-builder-header-background, var(--ig-query-builder-header-background, var(--ig-surface-500)));--header-foreground: var(--igx-query-builder-header-foreground, var(--ig-query-builder-header-foreground, var(--ig-gray-900)));--header-border: var(--igx-query-builder-header-border, var(--ig-query-builder-header-border, transparent));--color-expression-group-and: var(--igx-query-builder-color-expression-group-and, var(--ig-query-builder-color-expression-group-and, #da64ff));--color-expression-group-or: var(--igx-query-builder-color-expression-group-or, var(--ig-query-builder-color-expression-group-or, #19ad87));--border-radius: var(--igx-query-builder-border-radius, var(--ig-query-builder-border-radius, .25rem));--subquery-header-background: var(--igx-query-builder-subquery-header-background, var(--ig-query-builder-subquery-header-background, var(--ig-gray-50)));--subquery-border-color: var(--igx-query-builder-subquery-border-color, var(--ig-query-builder-subquery-border-color, var(--ig-gray-200)));--subquery-border-radius: var(--igx-query-builder-subquery-border-radius, var(--ig-query-builder-subquery-border-radius, .75rem));--separator-color: var(--igx-query-builder-separator-color, var(--ig-query-builder-separator-color, var(--ig-gray-300)));--label-foreground: var(--igx-query-builder-label-foreground, var(--ig-query-builder-label-foreground, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: dark}.igx-radio{--empty-fill-color: var(--igx-radio-empty-fill-color, var(--ig-radio-empty-fill-color, transparent));--hover-color: var(--igx-radio-hover-color, var(--ig-radio-hover-color, transparent));--label-color: var(--igx-radio-label-color, var(--ig-radio-label-color, var(--ig-gray-900)));--label-color-hover: var(--igx-radio-label-color-hover, var(--ig-radio-label-color-hover, var(--ig-gray-900)));--fill-color: var(--igx-radio-fill-color, var(--ig-radio-fill-color, var(--ig-secondary-500)));--disabled-color: var(--igx-radio-disabled-color, var(--ig-radio-disabled-color, var(--ig-gray-400)));--disabled-fill-color: var(--igx-radio-disabled-fill-color, var(--ig-radio-disabled-fill-color, var(--ig-gray-400)));--disabled-label-color: var(--igx-radio-disabled-label-color, var(--ig-radio-disabled-label-color, var(--ig-gray-500)));--error-color: var(--igx-radio-error-color, var(--ig-radio-error-color, var(--ig-error-500)));--focus-border-color: var(--igx-radio-focus-border-color, var(--ig-radio-focus-border-color, transparent));--focus-outline-color-filled: var(--igx-radio-focus-outline-color-filled, var(--ig-radio-focus-outline-color-filled, transparent));--focus-outline-color-error: var(--igx-radio-focus-outline-color-error, var(--ig-radio-focus-outline-color-error, transparent));--focus-outline-color: var(--igx-radio-focus-outline-color, var(--ig-radio-focus-outline-color, transparent));--fill-hover-border-color: var(--igx-radio-fill-hover-border-color, var(--ig-radio-fill-hover-border-color, var(--ig-secondary-500)));--empty-color: var(--igx-radio-empty-color, var(--ig-radio-empty-color, var(--ig-gray-600)));--fill-color-hover: var(--igx-radio-fill-color-hover, var(--ig-radio-fill-color-hover, var(--ig-secondary-500)));--error-color-hover: var(--igx-radio-error-color-hover, var(--ig-radio-error-color-hover, var(--ig-error-500)));--ig-theme: material;--ig-theme-variant: dark}.igx-select{--toggle-button-background-focus--border: var(--igx-select-toggle-button-background-focus--border, var(--ig-select-toggle-button-background-focus--border, var(--ig-gray-100)));--toggle-button-background: var(--igx-select-toggle-button-background, var(--ig-select-toggle-button-background, var(--ig-gray-100)));--toggle-button-background-focus: var(--igx-select-toggle-button-background-focus, var(--ig-select-toggle-button-background-focus, var(--ig-gray-200)));--toggle-button-foreground: var(--igx-select-toggle-button-foreground, var(--ig-select-toggle-button-foreground, var(--ig-gray-700)));--toggle-button-foreground-focus: var(--igx-select-toggle-button-foreground-focus, var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-900)));--toggle-button-foreground-filled: var(--igx-select-toggle-button-foreground-filled, var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-900)));--toggle-button-background-disabled: var(--igx-select-toggle-button-background-disabled, var(--ig-select-toggle-button-background-disabled, var(--ig-gray-100)));--toggle-button-foreground-disabled: var(--igx-select-toggle-button-foreground-disabled, var(--ig-select-toggle-button-foreground-disabled, var(--ig-gray-500)));--default-size: var(--igx-select-default-size, var(--ig-select-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}.igx-slider{--track-color: var(--igx-slider-track-color, var(--ig-slider-track-color, var(--ig-secondary-500)));--track-step-color: var(--igx-slider-track-step-color, var(--ig-slider-track-step-color, var(--ig-secondary-200)));--track-step-size: var(--igx-slider-track-step-size, var(--ig-slider-track-step-size, .1875rem));--thumb-disabled-border-color: var(--igx-slider-thumb-disabled-border-color, var(--ig-slider-thumb-disabled-border-color, var(--ig-gray-400)));--label-background-color: var(--igx-slider-label-background-color, var(--ig-slider-label-background-color, var(--ig-gray-700)));--label-text-color: var(--igx-slider-label-text-color, var(--ig-slider-label-text-color, var(--ig-gray-700-contrast)));--tick-color: var(--igx-slider-tick-color, var(--ig-slider-tick-color, var(--ig-gray-500)));--tick-label-color: var(--igx-slider-tick-label-color, var(--ig-slider-tick-label-color, var(--ig-gray-500)));--thumb-color: var(--igx-slider-thumb-color, var(--ig-slider-thumb-color, var(--ig-secondary-500)));--thumb-border-color: var(--igx-slider-thumb-border-color, var(--ig-slider-thumb-border-color, var(--ig-secondary-500)));--thumb-border-hover-color: var(--igx-slider-thumb-border-hover-color, var(--ig-slider-thumb-border-hover-color, var(--ig-secondary-500)));--thumb-border-focus-color: var(--igx-slider-thumb-border-focus-color, var(--ig-slider-thumb-border-focus-color, var(--ig-secondary-500)));--track-hover-color: var(--igx-slider-track-hover-color, var(--ig-slider-track-hover-color, var(--ig-secondary-400)));--thumb-focus-color: var(--igx-slider-thumb-focus-color, var(--ig-slider-thumb-focus-color, transparent));--disabled-thumb-color: var(--igx-slider-disabled-thumb-color, var(--ig-slider-disabled-thumb-color, var(--ig-gray-400)));--base-track-color: var(--igx-slider-base-track-color, var(--ig-slider-base-track-color, hsl(from var(--ig-secondary-500) h s l/.24)));--base-track-hover-color: var(--igx-slider-base-track-hover-color, var(--ig-slider-base-track-hover-color, hsl(from var(--ig-secondary-500) h s l/.24)));--disabled-base-track-color: var(--igx-slider-disabled-base-track-color, var(--ig-slider-disabled-base-track-color, var(--ig-gray-200)));--disabled-fill-track-color: var(--igx-slider-disabled-fill-track-color, var(--ig-slider-disabled-fill-track-color, var(--ig-gray-400)));--ig-theme: material;--ig-theme-variant: dark}.igx-snackbar{--elevation: var(--igx-snackbar-elevation, var(--ig-snackbar-elevation, var(--ig-elevation-4)));--background: var(--igx-snackbar-background, var(--ig-snackbar-background, var(--ig-gray-900)));--text-color: var(--igx-snackbar-text-color, var(--ig-snackbar-text-color, var(--ig-gray-900-contrast)));--button-color: var(--igx-snackbar-button-color, var(--ig-snackbar-button-color, var(--ig-secondary-500)));--border-radius: var(--igx-snackbar-border-radius, var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-splitter{--bar-color: var(--igx-splitter-bar-color, var(--ig-splitter-bar-color, var(--ig-gray-200)));--focus-color: var(--igx-splitter-focus-color, var(--ig-splitter-focus-color, var(--ig-secondary-500)));--handle-color: var(--igx-splitter-handle-color, var(--ig-splitter-handle-color, var(--ig-gray-800)));--expander-color: var(--igx-splitter-expander-color, var(--ig-splitter-expander-color, var(--ig-gray-800)));--bar-color-active: var(--igx-splitter-bar-color-active, var(--ig-splitter-bar-color-active, var(--ig-gray-300)));--handle-color-active: var(--igx-splitter-handle-color-active, var(--ig-splitter-handle-color-active, var(--ig-gray-800)));--expander-color-active: var(--igx-splitter-expander-color-active, var(--ig-splitter-expander-color-active, var(--ig-gray-800)));--size: var(--igx-splitter-size, var(--ig-splitter-size, .25rem));--border-radius: var(--igx-splitter-border-radius, var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * .125rem), .125rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-stepper{--content-foreground: var(--igx-stepper-content-foreground, var(--ig-stepper-content-foreground, var(--ig-gray-900)));--step-background: var(--igx-stepper-step-background, var(--ig-stepper-step-background, transparent));--indicator-background: var(--igx-stepper-indicator-background, var(--ig-stepper-indicator-background, var(--ig-gray-300)));--indicator-outline: var(--igx-stepper-indicator-outline, var(--ig-stepper-indicator-outline, var(--ig-gray-300)));--title-color: var(--igx-stepper-title-color, var(--ig-stepper-title-color, var(--ig-gray-900)));--title-hover-color: var(--igx-stepper-title-hover-color, var(--ig-stepper-title-hover-color, var(--ig-gray-900)));--title-focus-color: var(--igx-stepper-title-focus-color, var(--ig-stepper-title-focus-color, var(--ig-gray-900)));--subtitle-color: var(--igx-stepper-subtitle-color, var(--ig-stepper-subtitle-color, var(--ig-gray-700)));--subtitle-hover-color: var(--igx-stepper-subtitle-hover-color, var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700)));--subtitle-focus-color: var(--igx-stepper-subtitle-focus-color, var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700)));--complete-step-background: var(--igx-stepper-complete-step-background, var(--ig-stepper-complete-step-background, transparent));--complete-title-color: var(--igx-stepper-complete-title-color, var(--ig-stepper-complete-title-color, var(--ig-gray-900)));--complete-title-hover-color: var(--igx-stepper-complete-title-hover-color, var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900)));--complete-title-focus-color: var(--igx-stepper-complete-title-focus-color, var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900)));--complete-subtitle-color: var(--igx-stepper-complete-subtitle-color, var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700)));--complete-subtitle-hover-color: var(--igx-stepper-complete-subtitle-hover-color, var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700)));--complete-subtitle-focus-color: var(--igx-stepper-complete-subtitle-focus-color, var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700)));--current-step-background: var(--igx-stepper-current-step-background, var(--ig-stepper-current-step-background, transparent));--current-indicator-background: var(--igx-stepper-current-indicator-background, var(--ig-stepper-current-indicator-background, var(--ig-primary-800)));--current-indicator-outline: var(--igx-stepper-current-indicator-outline, var(--ig-stepper-current-indicator-outline, var(--ig-primary-800)));--current-indicator-color: var(--igx-stepper-current-indicator-color, var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast)));--current-title-color: var(--igx-stepper-current-title-color, var(--ig-stepper-current-title-color, var(--ig-gray-900)));--current-title-hover-color: var(--igx-stepper-current-title-hover-color, var(--ig-stepper-current-title-hover-color, var(--ig-gray-900)));--current-title-focus-color: var(--igx-stepper-current-title-focus-color, var(--ig-stepper-current-title-focus-color, var(--ig-gray-900)));--current-subtitle-color: var(--igx-stepper-current-subtitle-color, var(--ig-stepper-current-subtitle-color, var(--ig-gray-700)));--current-subtitle-hover-color: var(--igx-stepper-current-subtitle-hover-color, var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700)));--current-subtitle-focus-color: var(--igx-stepper-current-subtitle-focus-color, var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700)));--invalid-step-background: var(--igx-stepper-invalid-step-background, var(--ig-stepper-invalid-step-background, transparent));--invalid-indicator-background: var(--igx-stepper-invalid-indicator-background, var(--ig-stepper-invalid-indicator-background, var(--ig-error-500)));--invalid-indicator-outline: var(--igx-stepper-invalid-indicator-outline, var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500)));--invalid-indicator-color: var(--igx-stepper-invalid-indicator-color, var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast)));--invalid-title-color: var(--igx-stepper-invalid-title-color, var(--ig-stepper-invalid-title-color, var(--ig-error-500)));--invalid-title-hover-color: var(--igx-stepper-invalid-title-hover-color, var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500)));--invalid-title-focus-color: var(--igx-stepper-invalid-title-focus-color, var(--ig-stepper-invalid-title-focus-color, var(--ig-error-300)));--invalid-subtitle-color: var(--igx-stepper-invalid-subtitle-color, var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500)));--invalid-subtitle-hover-color: var(--igx-stepper-invalid-subtitle-hover-color, var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500)));--invalid-subtitle-focus-color: var(--igx-stepper-invalid-subtitle-focus-color, var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-300)));--disabled-indicator-color: var(--igx-stepper-disabled-indicator-color, var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500)));--disabled-indicator-background: var(--igx-stepper-disabled-indicator-background, var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200)));--disabled-indicator-outline: var(--igx-stepper-disabled-indicator-outline, var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200)));--disabled-title-color: var(--igx-stepper-disabled-title-color, var(--ig-stepper-disabled-title-color, var(--ig-gray-500)));--disabled-subtitle-color: var(--igx-stepper-disabled-subtitle-color, var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500)));--step-separator-color: var(--igx-stepper-step-separator-color, var(--ig-stepper-step-separator-color, var(--ig-gray-300)));--complete-step-separator-color: var(--igx-stepper-complete-step-separator-color, var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900)));--step-separator-style: var(--igx-stepper-step-separator-style, var(--ig-stepper-step-separator-style, dashed));--complete-step-separator-style: var(--igx-stepper-complete-step-separator-style, var(--ig-stepper-complete-step-separator-style, solid));--border-radius-indicator: var(--igx-stepper-border-radius-indicator, var(--ig-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, var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem)));--indicator-color: var(--igx-stepper-indicator-color, var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast)));--complete-indicator-background: var(--igx-stepper-complete-indicator-background, var(--ig-stepper-complete-indicator-background, var(--ig-gray-900)));--complete-indicator-outline: var(--igx-stepper-complete-indicator-outline, var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900)));--complete-indicator-color: var(--igx-stepper-complete-indicator-color, var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast)));--step-hover-background: var(--igx-stepper-step-hover-background, var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--complete-step-hover-background: var(--igx-stepper-complete-step-hover-background, var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--current-step-hover-background: var(--igx-stepper-current-step-hover-background, var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--invalid-step-hover-background: var(--igx-stepper-invalid-step-hover-background, var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--step-focus-background: var(--igx-stepper-step-focus-background, var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-100) h s l/.5)));--complete-step-focus-background: var(--igx-stepper-complete-step-focus-background, var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-100) h s l/.5)));--current-step-focus-background: var(--igx-stepper-current-step-focus-background, var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-100) h s l/.5)));--invalid-step-focus-background: var(--igx-stepper-invalid-step-focus-background, var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-100) h s l/.5)));--ig-theme: material;--ig-theme-variant: dark}.igx-switch{--border-on-color: var(--igx-switch-border-on-color, var(--ig-switch-border-on-color, transparent));--track-on-color: var(--igx-switch-track-on-color, var(--ig-switch-track-on-color, var(--ig-secondary-200)));--track-disabled-color: var(--igx-switch-track-disabled-color, var(--ig-switch-track-disabled-color, var(--ig-gray-300)));--track-off-color: var(--igx-switch-track-off-color, var(--ig-switch-track-off-color, var(--ig-gray-500)));--thumb-on-color: var(--igx-switch-thumb-on-color, var(--ig-switch-thumb-on-color, var(--ig-secondary-500)));--thumb-on-disabled-color: var(--igx-switch-thumb-on-disabled-color, var(--ig-switch-thumb-on-disabled-color, var(--ig-secondary-100)));--label-color: var(--igx-switch-label-color, var(--ig-switch-label-color, var(--ig-gray-900)));--label-hover-color: var(--igx-switch-label-hover-color, var(--ig-switch-label-hover-color, var(--ig-gray-900)));--label-disabled-color: var(--igx-switch-label-disabled-color, var(--ig-switch-label-disabled-color, var(--ig-gray-500)));--track-on-disabled-color: var(--igx-switch-track-on-disabled-color, var(--ig-switch-track-on-disabled-color, var(--ig-secondary-50)));--border-radius-thumb: var(--igx-switch-border-radius-thumb, var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * .625rem), .625rem)));--border-radius-ripple: var(--igx-switch-border-radius-ripple, var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--resting-elevation: var(--igx-switch-resting-elevation, var(--ig-switch-resting-elevation, var(--ig-elevation-1)));--hover-elevation: var(--igx-switch-hover-elevation, var(--ig-switch-hover-elevation, var(--ig-elevation-1)));--disabled-elevation: var(--igx-switch-disabled-elevation, var(--ig-switch-disabled-elevation, var(--ig-elevation-1)));--focus-outline-color: var(--igx-switch-focus-outline-color, var(--ig-switch-focus-outline-color, transparent));--border-color: var(--igx-switch-border-color, var(--ig-switch-border-color, transparent));--border-hover-color: var(--igx-switch-border-hover-color, var(--ig-switch-border-hover-color, transparent));--focus-fill-color: var(--igx-switch-focus-fill-color, var(--ig-switch-focus-fill-color, transparent));--focus-fill-hover-color: var(--igx-switch-focus-fill-hover-color, var(--ig-switch-focus-fill-hover-color, transparent));--border-on-hover-color: var(--igx-switch-border-on-hover-color, var(--ig-switch-border-on-hover-color, transparent));--border-disabled-color: var(--igx-switch-border-disabled-color, var(--ig-switch-border-disabled-color, transparent));--thumb-off-color: var(--igx-switch-thumb-off-color, var(--ig-switch-thumb-off-color, var(--ig-gray-100)));--thumb-off-hover-color: var(--igx-switch-thumb-off-hover-color, var(--ig-switch-thumb-off-hover-color, var(--ig-gray-100)));--thumb-disabled-color: var(--igx-switch-thumb-disabled-color, var(--ig-switch-thumb-disabled-color, var(--ig-gray-200)));--track-on-hover-color: var(--igx-switch-track-on-hover-color, var(--ig-switch-track-on-hover-color, var(--ig-secondary-200)));--border-radius-track: var(--igx-switch-border-radius-track, var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * .4375rem), .4375rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-tabs{--item-text-color: var(--igx-tabs-item-text-color, var(--ig-tabs-item-text-color, var(--ig-gray-700)));--item-background: var(--igx-tabs-item-background, var(--ig-tabs-item-background, var(--ig-surface-500)));--item-hover-background: var(--igx-tabs-item-hover-background, var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--item-hover-color: var(--igx-tabs-item-hover-color, var(--ig-tabs-item-hover-color, var(--ig-gray-700)));--item-active-color: var(--igx-tabs-item-active-color, var(--ig-tabs-item-active-color, var(--ig-primary-500)));--item-active-hover-color: var(--igx-tabs-item-active-hover-color, var(--ig-tabs-item-active-hover-color, var(--ig-primary-500)));--item-icon-color: var(--igx-tabs-item-icon-color, var(--ig-tabs-item-icon-color, var(--ig-gray-700)));--item-active-icon-color: var(--igx-tabs-item-active-icon-color, var(--ig-tabs-item-active-icon-color, var(--ig-primary-500)));--item-active-hover-icon-color: var(--igx-tabs-item-active-hover-icon-color, var(--ig-tabs-item-active-hover-icon-color, var(--ig-primary-500)));--item-hover-icon-color: var(--igx-tabs-item-hover-icon-color, var(--ig-tabs-item-hover-icon-color, var(--ig-gray-700)));--item-disabled-icon-color: var(--igx-tabs-item-disabled-icon-color, var(--ig-tabs-item-disabled-icon-color, var(--ig-gray-200)));--item-active-background: var(--igx-tabs-item-active-background, var(--ig-tabs-item-active-background, var(--ig-surface-500)));--item-active-hover-background: var(--igx-tabs-item-active-hover-background, var(--ig-tabs-item-active-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--item-disabled-color: var(--igx-tabs-item-disabled-color, var(--ig-tabs-item-disabled-color, var(--ig-gray-200)));--indicator-color: var(--igx-tabs-indicator-color, var(--ig-tabs-indicator-color, var(--ig-primary-500)));--button-color: var(--igx-tabs-button-color, var(--ig-tabs-button-color, var(--ig-gray-700)));--button-background: var(--igx-tabs-button-background, var(--ig-tabs-button-background, var(--ig-surface-500)));--button-hover-background: var(--igx-tabs-button-hover-background, var(--ig-tabs-button-hover-background, var(--ig-gray-100)));--button-hover-color: var(--igx-tabs-button-hover-color, var(--ig-tabs-button-hover-color, var(--ig-gray-900)));--button-disabled-color: var(--igx-tabs-button-disabled-color, var(--ig-tabs-button-disabled-color, var(--ig-gray-500)));--tab-ripple-color: var(--igx-tabs-tab-ripple-color, var(--ig-tabs-tab-ripple-color, var(--ig-gray-100)));--button-ripple-color: var(--igx-tabs-button-ripple-color, var(--ig-tabs-button-ripple-color, var(--ig-gray-100)));--border-color: var(--igx-tabs-border-color, var(--ig-tabs-border-color, transparent));--border-color--hover: var(--igx-tabs-border-color--hover, var(--ig-tabs-border-color--hover, transparent));--border-radius: var(--igx-tabs-border-radius, var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .375rem), .375rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-time-picker{--modal-elevation: var(--igx-time-picker-modal-elevation, var(--ig-time-picker-modal-elevation, var(--ig-elevation-24)));--dropdown-elevation: var(--igx-time-picker-dropdown-elevation, var(--ig-time-picker-dropdown-elevation, var(--ig-elevation-3)));--text-color: var(--igx-time-picker-text-color, var(--ig-time-picker-text-color, var(--ig-gray-900)));--hover-text-color: var(--igx-time-picker-hover-text-color, var(--ig-time-picker-hover-text-color, var(--ig-secondary-200)));--selected-text-color: var(--igx-time-picker-selected-text-color, var(--ig-time-picker-selected-text-color, var(--ig-secondary-200)));--active-item-foreground: var(--igx-time-picker-active-item-foreground, var(--ig-time-picker-active-item-foreground, var(--ig-secondary-500-contrast)));--active-item-background: var(--igx-time-picker-active-item-background, var(--ig-time-picker-active-item-background, var(--ig-secondary-500)));--disabled-text-color: var(--igx-time-picker-disabled-text-color, var(--ig-time-picker-disabled-text-color, var(--ig-gray-400)));--disabled-item-background: var(--igx-time-picker-disabled-item-background, var(--ig-time-picker-disabled-item-background, transparent));--background-color: var(--igx-time-picker-background-color, var(--ig-time-picker-background-color, var(--ig-surface-500)));--border-color: var(--igx-time-picker-border-color, var(--ig-time-picker-border-color, transparent));--divider-color: var(--igx-time-picker-divider-color, var(--ig-time-picker-divider-color, var(--ig-gray-100)));--border-radius: var(--igx-time-picker-border-radius, var(--ig-time-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--time-item-size: var(--igx-time-picker-time-item-size, var(--ig-time-picker-time-item-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-time-picker-default-size, var(--ig-time-picker-default-size, 2));--header-background: var(--igx-time-picker-header-background, var(--ig-time-picker-header-background, var(--ig-secondary-500)));--header-hour-text-color: var(--igx-time-picker-header-hour-text-color, var(--ig-time-picker-header-hour-text-color, var(--ig-secondary-500-contrast)));--active-item-border-radius: var(--igx-time-picker-active-item-border-radius, var(--ig-time-picker-active-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .75) * 1.25rem), 1.25rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-toast{--elevation: var(--igx-toast-elevation, var(--ig-toast-elevation, var(--ig-elevation-0)));--background: var(--igx-toast-background, var(--ig-toast-background, var(--ig-gray-700)));--border-color: var(--igx-toast-border-color, var(--ig-toast-border-color, var(--ig-gray-700)));--text-color: var(--igx-toast-text-color, var(--ig-toast-text-color, var(--ig-gray-700-contrast)));--border-radius: var(--igx-toast-border-radius, var(--ig-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.625rem), 1.625rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-tree-node{--background: var(--igx-tree-background, var(--ig-tree-background, var(--ig-surface-500)));--foreground: var(--igx-tree-foreground, var(--ig-tree-foreground, var(--ig-surface-500-contrast)));--icon-color: var(--igx-tree-icon-color, var(--ig-tree-icon-color, var(--ig-surface-500-contrast)));--background-selected: var(--igx-tree-background-selected, var(--ig-tree-background-selected, var(--ig-secondary-200)));--background-active: var(--igx-tree-background-active, var(--ig-tree-background-active, var(--ig-gray-100)));--foreground-active: var(--igx-tree-foreground-active, var(--ig-tree-foreground-active, var(--ig-gray-900)));--background-disabled: var(--igx-tree-background-disabled, var(--ig-tree-background-disabled, var(--ig-surface-500)));--foreground-disabled: var(--igx-tree-foreground-disabled, var(--ig-tree-foreground-disabled, var(--ig-gray-500)));--drop-area-color: var(--igx-tree-drop-area-color, var(--ig-tree-drop-area-color, var(--ig-secondary-500)));--hover-color: var(--igx-tree-hover-color, var(--ig-tree-hover-color, hsl(from var(--ig-gray-200) h s l/.5)));--hover-selected-color: var(--igx-tree-hover-selected-color, var(--ig-tree-hover-selected-color, hsl(from var(--ig-gray-50) h s l/.1)));--size: var(--igx-tree-size, var(--ig-tree-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))));--default-size: var(--igx-tree-default-size, var(--ig-tree-default-size, 2));--foreground-selected: var(--igx-tree-foreground-selected, var(--ig-tree-foreground-selected, var(--ig-secondary-200-contrast)));--background-active-selected: var(--igx-tree-background-active-selected, var(--ig-tree-background-active-selected, var(--ig-secondary-300)));--foreground-active-selected: var(--igx-tree-foreground-active-selected, var(--ig-tree-foreground-active-selected, var(--ig-secondary-300-contrast)));--border-color: var(--igx-tree-border-color, var(--ig-tree-border-color, var(--ig-secondary-500)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.derived{.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_grid-background: var(--background, var(--ig-grid-background));--_grid-foreground: var(--foreground, var(--ig-grid-foreground));--_grid-accent-color: var(--accent-color, var(--ig-grid-accent-color));--ig-action-strip-actions-background: var(--_grid-accent-color);--ig-action-strip-background: var(--_grid-accent-color);--ig-action-strip-icon-color: var(--_grid-accent-color);--ig-action-strip-delete-action: var(--ig-error-500);--ig-action-strip-actions-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-badge-elevation: var(--ig-elevation-1);--ig-badge-icon-color: hsla(from color(from var(--ig-badge-background-color) var(--y-contrast)) h 0 l/1);--ig-badge-text-color: hsla(from color(from var(--ig-badge-background-color) var(--y-contrast)) h 0 l/1);--ig-badge-border-color: var(--ig-gray-900-contrast);--ig-badge-background-color: var(--_grid-accent-color);--ig-badge-border-radius: 0;--ig-badge-default-size: 2;--ig-banner-banner-background: var(--_grid-background);--ig-banner-border-radius: 0;--ig-banner-banner-border-color: var(--_grid-foreground);--ig-banner-banner-message-color: var(--_grid-foreground);--ig-banner-banner-illustration-color: var(--_grid-foreground);--ig-calendar-default-size: 2;--ig-calendar-content-foreground: var(--_grid-foreground);--ig-calendar-content-background: var(--_grid-background);--ig-calendar-border-color: transparent;--ig-calendar-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-calendar-picker-background: var(--ig-calendar-content-background);--ig-calendar-picker-hover-foreground: hsl(from hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1) h s l/.8);--ig-calendar-picker-focus-foreground: var(--ig-calendar-picker-hover-foreground);--ig-calendar-navigation-color: hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1);--ig-calendar-navigation-hover-color: var(--ig-calendar-picker-hover-foreground);--ig-calendar-navigation-focus-color: var(--ig-calendar-navigation-hover-color);--ig-calendar-date-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-range-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-week-number-foreground: hsl(from hsla(from color(from var(--ig-calendar-week-number-background) var(--y-contrast)) h 0 l/1) h s l/.5);--ig-calendar-week-number-background: hsl(from var(--ig-calendar-content-background) h s calc(l*.8) );--ig-calendar-inactive-color: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.5);--ig-calendar-weekday-color: var(--ig-calendar-inactive-color);--ig-calendar-weekend-color: var(--ig-calendar-content-foreground);--ig-calendar-date-hover-foreground: hsla(from color(from var(--ig-calendar-date-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-focus-foreground: var(--ig-calendar-date-hover-foreground);--ig-calendar-date-selected-range-hover-foreground: hsla(from color(from hsl(from var(--ig-calendar-date-selected-range-hover-background) h s l/1) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-range-focus-foreground: hsla(from color(from hsl(from var(--ig-calendar-date-selected-range-focus-background) h s l/1) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-range-foreground: hsla(from color(from var(--ig-calendar-date-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-range-hover-foreground: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-current-range-focus-foreground: var(--ig-gray-900);--ig-calendar-date-current-background: var(--ig-calendar-content-background);--ig-calendar-date-current-hover-foreground: hsla(from color(from var(--ig-calendar-date-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-focus-foreground: hsla(from color(from var(--ig-calendar-date-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-focus-background: var(--ig-calendar-date-focus-background);--ig-calendar-date-special-background: transparent;--ig-calendar-date-special-range-background: transparent;--ig-calendar-date-border-color: transparent;--ig-calendar-date-hover-border-color: transparent;--ig-calendar-date-focus-border-color: transparent;--ig-calendar-date-selected-border-color: transparent;--ig-calendar-date-selected-hover-border-color: transparent;--ig-calendar-date-selected-focus-border-color: transparent;--ig-calendar-date-range-border-color: transparent;--ig-calendar-date-range-preview-border-color: hsl(from var(--ig-calendar-date-selected-background) h s l/.5);--ig-calendar-date-disabled-foreground: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.3);--ig-calendar-date-disabled-range-foreground: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.3);--ig-calendar-ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-color);--ig-calendar-ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-hover-color);--ig-calendar-ym-selected-outline-color: transparent;--ig-calendar-ym-selected-hover-outline-color: transparent;--ig-calendar-ym-selected-focus-outline-color: transparent;--ig-calendar-ym-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-picker-foreground: hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1);--ig-calendar-actions-divider-color: var(--ig-gray-200);--ig-calendar-header-foreground: hsla(from color(from var(--ig-calendar-header-background) var(--y-contrast)) h 0 l/1);--ig-calendar-header-background: var(--_grid-accent-color);--ig-calendar-date-current-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-special-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-hover-background: lch(from var(--ig-calendar-content-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-date-focus-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-current-foreground: hsla(from color(from var(--ig-calendar-date-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-selected-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-background: var(--ig-calendar-header-background);--ig-calendar-date-selected-hover-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-hover-background: lch(from var(--ig-calendar-date-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-date-selected-focus-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-focus-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-special-foreground: var(--ig-calendar-date-selected-foreground);--ig-calendar-date-selected-special-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-special-hover-foreground: var(--ig-calendar-date-selected-hover-foreground);--ig-calendar-date-selected-special-hover-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-special-focus-foreground: var(--ig-calendar-date-selected-special-hover-foreground);--ig-calendar-date-selected-special-focus-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-current-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-current-hover-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-hover-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-current-focus-foreground: hsla(from color(from var(--ig-calendar-date-selected-current-focus-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-focus-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-range-foreground: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-range-background: hsl(from var(--ig-calendar-date-selected-background) h s l/.24);--ig-calendar-date-selected-range-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-selected-range-focus-background: var(--ig-calendar-date-selected-range-hover-background);--ig-calendar-date-selected-current-range-background: var(--ig-calendar-date-current-background);--ig-calendar-date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-background);--ig-calendar-date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-hover-background);--ig-calendar-date-selected-special-border-color: var(--ig-calendar-date-selected-foreground);--ig-calendar-date-selected-special-hover-border-color: var(--ig-calendar-date-selected-hover-foreground);--ig-calendar-date-selected-special-focus-border-color: var(--ig-calendar-date-selected-focus-foreground);--ig-calendar-date-special-foreground: hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-special-hover-foreground: lch(from var(--ig-calendar-date-special-foreground) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-calendar-date-special-focus-foreground: var(--ig-calendar-date-special-hover-border-color);--ig-calendar-date-special-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-special-focus-background: var(--ig-calendar-date-focus-background);--ig-calendar-date-special-range-hover-background: var(--ig-calendar-date-selected-range-hover-background);--ig-calendar-date-special-range-focus-background: var(--ig-calendar-date-special-focus-background);--ig-calendar-date-special-range-border-color: var(--ig-calendar-date-special-border-color);--ig-calendar-date-special-range-hover-border-color: var(--ig-calendar-date-special-range-border-color);--ig-calendar-date-special-range-focus-border-color: var(--ig-calendar-date-special-range-hover-border-color);--ig-calendar-date-special-border-color: var(--ig-calendar-date-special-foreground);--ig-calendar-date-special-hover-border-color: lch(from var(--ig-calendar-date-special-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-calendar-date-special-focus-border-color: var(--ig-calendar-date-special-hover-border-color);--ig-calendar-date-current-border-color: var(--ig-calendar-date-current-foreground);--ig-calendar-date-current-hover-border-color: var(--ig-calendar-date-current-hover-foreground);--ig-calendar-date-current-focus-border-color: var(--ig-calendar-date-current-focus-foreground);--ig-calendar-date-selected-current-border-color: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-border-color);--ig-calendar-date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-hover-border-color);--ig-calendar-date-special-range-foreground: var(--ig-calendar-date-special-foreground);--ig-calendar-date-special-range-hover-foreground: var(--ig-calendar-date-special-hover-foreground);--ig-calendar-date-special-range-focus-foreground: var(--ig-calendar-date-special-range-hover-foreground);--ig-calendar-week-number-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .5) * .5rem), .5rem);--ig-calendar-ym-selected-current-hover-foreground: hsla(from color(from var(--ig-calendar-ym-selected-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-current-hover-background: var(--ig-calendar-ym-selected-hover-background);--ig-calendar-ym-hover-foreground: hsla(from color(from var(--ig-calendar-ym-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-ym-current-foreground: hsla(from color(from var(--ig-calendar-ym-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-current-background: var(--ig-calendar-date-current-background);--ig-calendar-ym-current-hover-foreground: hsla(from color(from var(--ig-calendar-ym-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-current-hover-background: var(--ig-calendar-date-current-hover-background);--ig-calendar-ym-selected-foreground: hsla(from color(from var(--ig-calendar-ym-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-background: var(--ig-calendar-header-background);--ig-calendar-ym-selected-hover-foreground: hsla(from color(from var(--ig-calendar-ym-selected-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-hover-background: lch(from var(--ig-calendar-ym-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-ym-selected-current-foreground: hsla(from color(from var(--ig-calendar-ym-selected-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-current-background: var(--ig-calendar-ym-selected-background);--ig-calendar-ym-selected-current-outline-color: var(--ig-calendar-ym-current-outline-color);--ig-calendar-ym-current-outline-color: var(--ig-calendar-date-current-border-color);--ig-calendar-ym-selected-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color);--ig-calendar-ym-selected-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color);--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_grid-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_grid-background);--ig-checkbox-fill-color: var(--_grid-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_grid-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_grid-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_grid-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-500);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5)}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-action-strip-actions-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-action-strip-background: color-mix(in srgb, var(--_grid-accent-color) 12%, transparent)}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-banner-banner-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-empty-color: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_grid-foreground) 40%, var(--_grid-background))}}.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--ig-grid-header-text-color);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--ig-grid-header-background);--ig-checkbox-fill-color: var(--_grid-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--ig-grid-header-text-color);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--ig-grid-header-text-color);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--ig-grid-header-text-color);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-500);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5)}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-disabled-color: color-mix(in srgb, var(--ig-grid-header-text-color) 50%, var(--ig-grid-header-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--ig-grid-header-text-color) 40%, var(--ig-grid-header-background))}}.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-ghost-elevation: var(--ig-elevation-8);--ig-chip-remove-icon-color: "currentColor";--ig-chip-focus-shadow-color: transparent;--ig-chip-focus-selected-shadow-color: transparent;--ig-chip-remove-icon-color-focus: "currentColor";--ig-chip-background: var(--_grid-foreground);--ig-chip-ghost-background: var(--_grid-foreground);--ig-chip-ghost-text-color: var(--_grid-foreground);--ig-chip-hover-text-color: var(--ig-chip-text-color);--ig-chip-hover-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-hover-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-hover-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem);--ig-chip-disabled-text-color: var(--_grid-foreground);--ig-chip-disabled-background: var(--_grid-foreground);--ig-chip-disabled-selected-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-background: var(--ig-gray-200);--ig-chip-default-size: 2;--ig-chip-outlined-background: transparent;--ig-chip-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-border-color: var(--ig-gray-100-contrast);--ig-chip-selected-outlined-background: transparent;--ig-chip-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-disabled-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-border-color: var(--_grid-foreground);--ig-chip-disabled-selected-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-selected-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-border-color: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-text-color: var(--_grid-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-hover-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-hover-selected-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-focus-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-focus-selected-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: transparent;--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_grid-accent-color);--ig-contained-button-disabled-foreground: var(--_grid-foreground);--ig-contained-button-disabled-icon-color: var(--_grid-foreground);--ig-contained-button-default-size: 3;--ig-contained-button-resting-elevation: var(--ig-elevation-2);--ig-contained-button-hover-elevation: var(--ig-elevation-4);--ig-contained-button-focus-elevation: var(--ig-elevation-8);--ig-contained-button-active-elevation: var(--ig-elevation-4);--ig-contained-button-background: var(--_grid-accent-color);--ig-contained-button-active-background: var(--ig-contained-button-focus-background);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-focus-background);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_grid-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_grid-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_grid-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_grid-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_grid-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_grid-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_grid-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_grid-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-excel-filtering-background: var(--_grid-background);--ig-excel-filtering-secondary-background: var(--ig-excel-filtering-background);--ig-excel-filtering-header-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-subheader-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-icon-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-hover-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-hover-icon-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-selected-icon-color: var(--ig-excel-filtering-accent-color);--ig-excel-filtering-actions-hover-background: var(--ig-excel-filtering-accent-color);--ig-excel-filtering-actions-disabled-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-border-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-foreground: var(--_grid-foreground);--ig-excel-filtering-accent-color: var(--_grid-accent-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_grid-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_grid-accent-color);--ig-flat-button-disabled-icon-color: var(--_grid-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_grid-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_grid-accent-color);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.16);--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: transparent;--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_grid-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 3;--ig-grid-summary-background-color: var(--_grid-foreground);--ig-grid-summary-label-color: var(--_grid-accent-color);--ig-grid-summary-label-hover-color: var(--ig-grid-summary-label-color);--ig-grid-summary-result-color: var(--_grid-foreground);--ig-grid-summary-border-style: solid;--ig-grid-summary-border-color: var(--_grid-foreground);--ig-grid-summary-pinned-border-style: solid;--ig-grid-summary-pinned-border-color: var(--_grid-foreground);--ig-grid-toolbar-background: var(--_grid-background);--ig-grid-toolbar-title-text-color: var(--_grid-foreground);--ig-grid-toolbar-dropdown-background: var(--ig-grid-toolbar-background);--ig-grid-toolbar-item-text-color: var(--ig-grid-toolbar-foreground);--ig-grid-toolbar-item-hover-background: var(--ig-grid-toolbar-accent-color);--ig-grid-toolbar-item-hover-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-item-focus-background: var(--ig-grid-toolbar-accent-color);--ig-grid-toolbar-item-focus-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-border-color: var(--ig-grid-toolbar-foreground);--ig-grid-toolbar-foreground: var(--_grid-foreground);--ig-grid-toolbar-accent-color: var(--_grid-accent-color);--ig-highlight-resting-background: var(--_grid-foreground);--ig-highlight-resting-color: hsla(from color(from var(--ig-highlight-resting-background) var(--y-contrast)) h 0 l/1);--ig-highlight-active-background: var(--_grid-accent-color);--ig-highlight-active-color: hsla(from color(from var(--ig-highlight-active-background) var(--y-contrast)) h 0 l/1);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_grid-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--_grid-foreground);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--_grid-accent-color);--ig-input-group-idle-bottom-line-color: var(--_grid-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_grid-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--_grid-foreground);--ig-input-group-search-disabled-background: hsl(from var(--ig-input-group-search-background) h s l/.4);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_grid-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--_grid-background);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_grid-accent-color);--ig-outlined-button-icon-color: var(--_grid-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_grid-accent-color);--ig-outlined-button-disabled-icon-color: var(--_grid-accent-color);--ig-outlined-button-default-size: 3;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-focus-visible-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/1);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1);--ig-outlined-icon-button-shadow-color: transparent;--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_grid-accent-color);--ig-outlined-icon-button-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.08);--ig-outlined-icon-button-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.16);--ig-outlined-icon-button-focus-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-focus-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-active-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-active-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-border-color: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.4);--ig-outlined-icon-button-focus-border-color: var(--ig-gray-300);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: var(--_grid-accent-color);--ig-outlined-icon-button-disabled-border-color: var(--_grid-accent-color);--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 3;--ig-paginator-foreground: var(--_grid-foreground);--ig-paginator-background: var(--_grid-background);--ig-paginator-border-color: var(--_grid-foreground);--ig-paginator-accent-color: var(--_grid-accent-color);--ig-circular-bar-track-color: var(--_grid-foreground);--ig-circular-bar-fill-color-default: var(--_grid-accent-color);--ig-circular-bar-fill-color-danger: var(--ig-error-500);--ig-circular-bar-fill-color-warning: var(--ig-warn-500);--ig-circular-bar-fill-color-info: var(--ig-info-500);--ig-circular-bar-fill-color-success: var(--ig-success-500);--ig-circular-bar-text-color: var(--_grid-foreground);--ig-circular-bar-diameter: 2rem;--ig-circular-bar-track-border-radius: 0rem;--ig-circular-bar-fill-color-default-start: var(--ig-primary-500);--ig-circular-bar-fill-color-default-end: var(--ig-primary-500);--ig-linear-bar-track-color: var(--_grid-foreground);--ig-linear-bar-fill-color-default: var(--_grid-accent-color);--ig-linear-bar-fill-color-danger: var(--ig-error-500);--ig-linear-bar-fill-color-warning: var(--ig-warn-500);--ig-linear-bar-fill-color-info: var(--ig-info-500);--ig-linear-bar-fill-color-success: var(--ig-success-500);--ig-linear-bar-stripes-color: hsl(from var(--ig-gray-900) h s l/.7);--ig-linear-bar-text-color: var(--_grid-foreground);--ig-linear-bar-track-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * .5rem), .5rem);--ig-linear-bar-track-height: .25rem;--ig-linear-bar-strip-size: 1rem;--ig-query-builder-elevation: var(--ig-elevation-0);--ig-query-builder-background: var(--_grid-background);--ig-query-builder-header-background: var(--ig-query-builder-background);--ig-query-builder-header-foreground: var(--_grid-foreground);--ig-query-builder-header-border: transparent;--ig-query-builder-color-expression-group-and: #da64ff;--ig-query-builder-color-expression-group-or: #19ad87;--ig-query-builder-border-radius: .25rem;--ig-query-builder-subquery-header-background: lch(from var(--ig-query-builder-header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-subquery-border-color: lch(from var(--ig-query-builder-subquery-header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-subquery-border-radius: .75rem;--ig-query-builder-separator-color: lch(from var(--ig-query-builder-subquery-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-label-foreground: hsl(from hsla(from color(from var(--ig-query-builder-background) var(--y-contrast)) h 0 l/1) h s l/.6);--ig-query-builder-foreground: var(--_grid-foreground);--ig-query-builder-accent-color: var(--_grid-accent-color);--_scrollbar-thumb-color: var(--_grid-foreground);--_scrollbar-track-border-color: var(--_grid-foreground)}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-ghost-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-text-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-border-color: color-mix(in srgb, var(--_grid-foreground) 24%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 8%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-border-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_grid-accent-color) 24%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-actions-hover-background: color-mix(in srgb, var(--ig-excel-filtering-accent-color) 8%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-actions-disabled-foreground: color-mix(in srgb, var(--ig-excel-filtering-foreground) 50%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-border-color: color-mix(in srgb, var(--ig-excel-filtering-foreground) 16%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-background-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-pinned-border-color: color-mix(in srgb, var(--_grid-foreground) 30%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-item-hover-background: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 8%, var(--ig-grid-toolbar-dropdown-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-item-focus-background: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 12%, var(--ig-grid-toolbar-dropdown-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-border-color: color-mix(in srgb, var(--ig-grid-toolbar-foreground) 20%, var(--ig-grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-highlight-resting-background: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-input-group-search-background: color-mix(in srgb, var(--_grid-foreground) 6%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-paginator-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-circular-bar-track-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-linear-bar-track-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_scrollbar-thumb-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_scrollbar-track-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background))}}.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite),.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_grid-background, var(--content-background), var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-select-toggle-button-background-focus--border: var(--ig-gray-100);--ig-select-toggle-button-background: var(--_grid-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-tooltip-elevation: var(--ig-elevation-0);--ig-tooltip-background: hsl(from var(--_grid-foreground) h s l/80%);--ig-tooltip-text-color: hsla(from color(from hsl(from var(--_grid-foreground) h s l/80%) var(--y-contrast)) h 0 l/1);--ig-tooltip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .25) * 1rem), 1rem);--ig-tree-background: var(--_grid-background);--ig-tree-foreground: hsla(from color(from var(--ig-tree-background) var(--y-contrast)) h 0 l/1);--ig-tree-icon-color: var(--ig-surface-500-contrast);--ig-tree-background-selected: lch(from var(--ig-tree-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-background-active: lch(from var(--ig-tree-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-foreground-active: hsla(from color(from var(--ig-tree-background-active) var(--y-contrast)) h 0 l/1);--ig-tree-background-disabled: var(--ig-tree-background);--ig-tree-foreground-disabled: hsla(from color(from var(--ig-tree-background-disabled) var(--y-contrast)) h 0 l/1);--ig-tree-drop-area-color: var(--ig-secondary-500);--ig-tree-hover-color: hsl(from hsla(from color(from var(--ig-tree-background) var(--y-contrast)) h 0 l/1) h s l/.1);--ig-tree-hover-selected-color: lch(from var(--ig-tree-background-selected) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-default-size: 2;--ig-tree-foreground-selected: hsla(from color(from var(--ig-tree-background-selected) var(--y-contrast)) h 0 l/1);--ig-tree-background-active-selected: lch(from var(--ig-tree-background-active) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-foreground-active-selected: hsla(from color(from var(--ig-tree-background-active-selected) var(--y-contrast)) h 0 l/1);--ig-tree-border-color: var(--ig-secondary-500);--ig-watermark-base-color: var(--_grid-accent-color);--ig-watermark-color: var(--_grid-foreground);--ig-watermark-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1rem), 1rem);--ig-watermark-image-opacity: 15%;--ig-watermark-border-color: var(--_grid-accent-color)}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-tree-background-disabled: color-mix(in hsl, var(--ig-tree-background), transparent 50%)}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-watermark-base-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-watermark-border-color: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background))}}.dark-theme :where(.igx-column-actions){--_column-actions-background: var(--background, var(--ig-column-actions-background));--_column-actions-foreground: var(--foreground, var(--ig-column-actions-foreground));--_column-actions-accent-color: var(--accent-color, var(--ig-column-actions-accent-color));--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_column-actions-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_column-actions-background);--ig-checkbox-fill-color: var(--_column-actions-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_column-actions-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_column-actions-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_column-actions-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-500);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_column-actions-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_column-actions-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_column-actions-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_column-actions-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_column-actions-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_column-actions-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_column-actions-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_column-actions-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_column-actions-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_column-actions-accent-color);--ig-flat-button-disabled-icon-color: var(--_column-actions-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_column-actions-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_column-actions-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: hsl(from hsla(from color(from var(--ig-input-group-box-background) var(--y-contrast)) h 0 l/1) h s l/.9);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-bottom-line-color);--ig-input-group-idle-bottom-line-color: var(--_column-actions-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_column-actions-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--ig-surface-500);--ig-input-group-search-disabled-background: var(--ig-surface-500);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_column-actions-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--_column-actions-background);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--_scrollbar-thumb-color: var(--_column-actions-foreground);--_scrollbar-track-border-color: var(--_column-actions-foreground)}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-checkbox-empty-color: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_column-actions-foreground) 40%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 8%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-drop-down-border-color: color-mix(in srgb, var(--_column-actions-foreground) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 16%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 24%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--_scrollbar-thumb-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-column-actions){--_scrollbar-track-border-color: color-mix(in srgb, var(--_column-actions-foreground) 16%, var(--_column-actions-background))}}.dark-theme :where(.igx-column-actions),.dark-theme :where(.igx-column-actions) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_column-actions-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.dark-theme :where(.igx-grid-toolbar){--_grid-toolbar-background: var(--background, var(--ig-grid-toolbar-background));--_grid-toolbar-foreground: var(--foreground, var(--ig-grid-toolbar-foreground));--_grid-toolbar-accent-color: var(--accent-color, var(--ig-grid-toolbar-accent-color));--ig-grid-toolbar-title-text-color: var(--_grid-toolbar-foreground);--ig-column-actions-background: var(--_grid-toolbar-background);--ig-column-actions-title-color: var(--_grid-toolbar-accent-color);--ig-column-actions-foreground: var(--_grid-toolbar-foreground);--ig-column-actions-accent-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-icon-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_grid-toolbar-accent-color);--ig-outlined-button-disabled-icon-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-default-size: 3;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-toolbar-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-focus-visible-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/1);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1)}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid-toolbar){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid-toolbar){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-grid-toolbar){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--_excel-filtering-background: var(--background, var(--ig-excel-filtering-background));--_excel-filtering-secondary-background: var(--secondary-background, var(--ig-excel-filtering-secondary-background));--_excel-filtering-foreground: var(--foreground, var(--ig-excel-filtering-foreground));--_excel-filtering-accent-color: var(--accent-color, var(--ig-excel-filtering-accent-color))}.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group{--ig-btn-group-selected-bg: var(--_excel-filtering-accent-color)}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group{--ig-btn-group-selected-bg: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-buttongroup,.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-button-group,.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group,.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group igx-buttongroup,.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group igx-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-button-group-elevation, none));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, var(--ig-button-group-idle-shadow-color, hsl(from var(--item-background) h s l/.5)));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, var(--idle-shadow-color)));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--_excel-filtering-foreground, var(--ig-gray-700))));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, transparent));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, transparent));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--item-selected-background)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-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, var(--ig-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(--ig-button-group-item-focused-border-color, var(--item-border-color)));--item-focused-hover-text-color: var(--igx-button-group-item-focused-hover-text-color, var(--ig-button-group-item-focused-hover-text-color, var(--item-focused-text-color)));--item-focused-hover-border-color: var(--igx-button-group-item-focused-hover-border-color, var(--ig-button-group-item-focused-hover-border-color, var(--item-focused-border-color)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, lch(from var(--item-focused-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, var(--ig-button-group-item-selected-hover-text-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--ig-button-group-item-selected-hover-icon-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-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(--ig-button-group-item-selected-focus-hover-background, var(--item-selected-hover-background)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, lch(from var(--item-selected-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, transparent));--item-selected-active-border-color: var(--igx-button-group-item-selected-active-border-color, var(--ig-button-group-item-selected-active-border-color, transparent));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--item-background)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, var(--ig-button-group-default-size, 3));--item-icon-color: var(--igx-button-group-item-icon-color, var(--ig-button-group-item-icon-color, var(--_excel-filtering-foreground, var(--ig-gray-700))));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--item-hover-text-color)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--item-border-color)));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--item-hover-background)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-btn-group-selected-bg, var(--ig-gray-100))));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--item-border-color)));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--ig-button-group-item-selected-hover-border-color, var(--item-border-color)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, lch(from var(--item-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*3) c h)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, lch(from var(--item-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, hsl(from var(--item-text-color) h s l/.6)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--item-border-color)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--disabled-text-color)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--disabled-selected-text-color)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, hsl(from var(--item-selected-background) h s l/.3)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--item-border-color)));--border: var(--igx-button-group-border, var(--ig-button-group-border, none));--ig-theme: material;--ig-theme-variant: dark}.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: transparent;--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_excel-filtering-accent-color);--ig-contained-button-disabled-foreground: var(--_excel-filtering-foreground);--ig-contained-button-disabled-icon-color: var(--_excel-filtering-foreground);--ig-contained-button-default-size: 3;--ig-contained-button-resting-elevation: var(--ig-elevation-2);--ig-contained-button-hover-elevation: var(--ig-elevation-4);--ig-contained-button-focus-elevation: var(--ig-elevation-8);--ig-contained-button-active-elevation: var(--ig-elevation-4);--ig-contained-button-background: var(--_excel-filtering-accent-color);--ig-contained-button-active-background: var(--ig-contained-button-focus-background);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-focus-background);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_excel-filtering-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_excel-filtering-accent-color);--ig-flat-button-disabled-icon-color: var(--_excel-filtering-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_excel-filtering-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_excel-filtering-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: transparent;--ig-checkbox-fill-color: var(--_excel-filtering-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_excel-filtering-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_excel-filtering-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_excel-filtering-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-500);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_excel-filtering-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_excel-filtering-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_excel-filtering-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--_excel-filtering-secondary-background: lch(from var(--secondary-background, var(--ig-excel-filtering-secondary-background)) calc(l + (95 - l)*.1 + sign(95 - l)*3) c h);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_excel-filtering-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: hsl(from hsla(from color(from var(--ig-input-group-box-background) var(--y-contrast)) h 0 l/1) h s l/.9);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-bottom-line-color);--ig-input-group-idle-bottom-line-color: var(--_excel-filtering-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--ig-input-group-idle-bottom-line-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--ig-surface-500);--ig-input-group-search-disabled-background: var(--ig-surface-500);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_excel-filtering-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: lch(from var(--_excel-filtering-background) calc(l + (95 - l)*.1 + sign(95 - l)*3) c h);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-select-toggle-button-background-focus--border: var(--ig-gray-100);--ig-select-toggle-button-background: var(--_excel-filtering-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_excel-filtering-foreground);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.16);--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: transparent;--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_excel-filtering-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 3;--ig-list-background: var(--_excel-filtering-secondary-background);--ig-list-header-background: var(--ig-list-background);--ig-list-header-text-color: hsla(from color(from var(--ig-list-header-background) var(--y-contrast)) h 0 l/1);--ig-list-item-background: var(--ig-list-background);--ig-list-item-background-hover: var(--_excel-filtering-accent-color);--ig-list-item-background-active: var(--ig-list-item-background-hover);--ig-list-item-background-selected: var(--ig-list-item-background-active);--ig-list-item-text-color: hsla(from color(from var(--ig-list-item-background) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-hover: hsla(from color(from var(--ig-list-item-background-hover) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-active: hsla(from color(from var(--ig-list-item-background-active) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-selected: hsla(from color(from var(--ig-list-item-background-selected) var(--y-contrast)) h 0 l/1);--ig-list-item-title-color: var(--ig-list-item-text-color);--ig-list-item-title-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-title-color-active: var(--ig-list-item-text-color-active);--ig-list-item-title-color-selected: var(--ig-list-item-text-color-selected);--ig-list-item-action-color: var(--ig-list-item-text-color);--ig-list-item-action-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-action-color-active: var(--ig-list-item-text-color-active);--ig-list-item-action-color-selected: var(--ig-list-item-text-color-selected);--ig-list-item-subtitle-color: hsl(from var(--ig-list-item-text-color) h s l/.74);--ig-list-item-subtitle-color-hover: hsl(from var(--ig-list-item-text-color-hover) h s l/.74);--ig-list-item-subtitle-color-active: hsl(from var(--ig-list-item-text-color-active) h s l/.74);--ig-list-item-subtitle-color-selected: hsl(from var(--ig-list-item-text-color-selected) h s l/.74);--ig-list-item-thumbnail-color: var(--ig-list-item-text-color);--ig-list-item-thumbnail-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-thumbnail-color-active: var(--ig-list-item-text-color-active);--ig-list-item-thumbnail-color-selected: var(--ig-list-item-text-color-selected);--ig-list-border-color: transparent;--ig-list-border-width: 0;--ig-list-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-list-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-list-default-size: 2;--_scrollbar-thumb-color: var(--_excel-filtering-foreground);--_scrollbar-track-border-color: var(--_excel-filtering-foreground)}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-empty-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_excel-filtering-foreground) 40%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 16%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 24%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-list-item-background-hover: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--_scrollbar-thumb-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--_scrollbar-track-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 16%, var(--_excel-filtering-background))}}.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary),.dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_excel-filtering-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.dark-theme :where(.igx-paginator){--_paginator-background: var(--background, var(--ig-paginator-background));--_paginator-foreground: var(--foreground, var(--ig-paginator-foreground));--_paginator-accent-color: var( --igx-paginator-accent-color, var(--ig-paginator-accent-color, var(--accent-color)) );--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_paginator-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_paginator-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_paginator-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_paginator-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_paginator-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_paginator-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_paginator-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_paginator-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_paginator-accent-color);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.16);--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: transparent;--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_paginator-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 3;--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_paginator-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--ig-input-group-placeholder-color);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-bottom-line-color);--ig-input-group-idle-bottom-line-color: var(--_paginator-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_paginator-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--ig-surface-500);--ig-input-group-search-disabled-background: var(--ig-surface-500);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_paginator-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: hsl(from var(--ig-gray-200) h s l/.38);--ig-input-group-box-background-hover: hsl(from var(--ig-gray-200) h s l/.38);--ig-input-group-box-background-focus: hsl(from var(--ig-gray-300) h s l/.38);--ig-input-group-box-disabled-background: var(--ig-gray-100);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-select-toggle-button-background-focus--border: var(--_paginator-accent-color);--ig-select-toggle-button-background: var(--_paginator-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-paginator){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 8%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-paginator){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-paginator){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-paginator){--ig-drop-down-border-color: color-mix(in srgb, var(--_paginator-foreground) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-paginator){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 16%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-paginator){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_paginator-accent-color) 24%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-paginator){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_paginator-accent-color) 50%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-paginator){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_paginator-foreground) 80%, var(--_paginator-background))}}.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--_query-builder-background: var(--background, var(--ig-query-builder-background));--_query-builder-foreground: var(--foreground, var(--ig-query-builder-foreground));--_query-builder-accent-color: var(--accent-color, var(--ig-query-builder-accent-color))}.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog),.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog) igx-query-builder{--elevation: var(--igx-query-builder-elevation, var(--ig-query-builder-elevation, var(--ig-elevation-0)));--background: var(--igx-query-builder-background, var(--ig-query-builder-background, var(--ig-surface-500)));--header-background: var(--igx-query-builder-header-background, var(--ig-query-builder-header-background, var(--ig-surface-500)));--header-foreground: var(--igx-query-builder-header-foreground, var(--ig-query-builder-header-foreground, var(--ig-gray-900)));--header-border: var(--igx-query-builder-header-border, var(--ig-query-builder-header-border, transparent));--color-expression-group-and: var(--igx-query-builder-color-expression-group-and, var(--ig-query-builder-color-expression-group-and, #da64ff));--color-expression-group-or: var(--igx-query-builder-color-expression-group-or, var(--ig-query-builder-color-expression-group-or, #19ad87));--border-radius: var(--igx-query-builder-border-radius, var(--ig-query-builder-border-radius, .25rem));--subquery-header-background: var(--igx-query-builder-subquery-header-background, var(--ig-query-builder-subquery-header-background, var(--ig-gray-50)));--subquery-border-color: var(--igx-query-builder-subquery-border-color, var(--ig-query-builder-subquery-border-color, var(--ig-gray-200)));--subquery-border-radius: var(--igx-query-builder-subquery-border-radius, var(--ig-query-builder-subquery-border-radius, .75rem));--separator-color: var(--igx-query-builder-separator-color, var(--ig-query-builder-separator-color, var(--ig-gray-300)));--label-foreground: var(--igx-query-builder-label-foreground, var(--ig-query-builder-label-foreground, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_query-builder-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_query-builder-background);--ig-checkbox-fill-color: var(--_query-builder-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_query-builder-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_query-builder-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_query-builder-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-500);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-chip-ghost-elevation: var(--ig-elevation-8);--ig-chip-remove-icon-color: "currentColor";--ig-chip-focus-shadow-color: transparent;--ig-chip-focus-selected-shadow-color: transparent;--ig-chip-remove-icon-color-focus: "currentColor";--ig-chip-background: var(--_query-builder-foreground);--ig-chip-ghost-background: var(--_query-builder-foreground);--ig-chip-ghost-text-color: var(--_query-builder-foreground);--ig-chip-hover-text-color: var(--ig-chip-text-color);--ig-chip-hover-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-hover-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-hover-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem);--ig-chip-disabled-text-color: var(--_query-builder-foreground);--ig-chip-disabled-background: var(--_query-builder-foreground);--ig-chip-disabled-selected-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-background: var(--ig-gray-200);--ig-chip-default-size: 2;--ig-chip-outlined-background: transparent;--ig-chip-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-border-color: var(--ig-gray-100-contrast);--ig-chip-selected-outlined-background: transparent;--ig-chip-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-disabled-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-border-color: var(--_query-builder-foreground);--ig-chip-disabled-selected-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-selected-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-border-color: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-text-color: var(--_query-builder-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-hover-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-hover-selected-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-focus-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-focus-selected-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-combo-toggle-button-background-focus--border: var(--ig-combo-toggle-button-background);--ig-combo-case-icon-color: var(--ig-gray-400);--ig-combo-case-icon-color--active: var(--ig-primary-500);--ig-combo-empty-list-background: var(--ig-surface-500);--ig-combo-search-separator-border-color: transparent;--ig-combo-empty-list-placeholder-color: var(--ig-gray-700);--ig-combo-toggle-button-background: var(--_query-builder-accent-color);--ig-combo-toggle-button-background-focus: lch(from var(--ig-combo-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-combo-toggle-button-foreground: hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-combo-toggle-button-foreground-focus: hsla(from color(from var(--ig-combo-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-combo-toggle-button-foreground-filled: hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-combo-clear-button-background: transparent;--ig-combo-clear-button-foreground: var(--_query-builder-foreground);--ig-combo-clear-button-foreground-focus: var(--ig-combo-clear-button-foreground);--ig-combo-toggle-button-background-disabled: hsl(from var(--ig-combo-toggle-button-background) h s l/.3);--ig-combo-toggle-button-foreground-disabled: hsl(from hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-combo-default-size: 2;--ig-combo-clear-button-background-focus: transparent;--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: transparent;--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_query-builder-accent-color);--ig-contained-button-disabled-foreground: var(--_query-builder-foreground);--ig-contained-button-disabled-icon-color: var(--_query-builder-foreground);--ig-contained-button-default-size: 3;--ig-contained-button-resting-elevation: var(--ig-elevation-2);--ig-contained-button-hover-elevation: var(--ig-elevation-4);--ig-contained-button-focus-elevation: var(--ig-elevation-8);--ig-contained-button-active-elevation: var(--ig-elevation-4);--ig-contained-button-background: var(--_query-builder-accent-color);--ig-contained-button-active-background: var(--ig-contained-button-focus-background);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-focus-background);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_query-builder-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_query-builder-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_query-builder-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_query-builder-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_query-builder-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_query-builder-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_query-builder-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_query-builder-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_query-builder-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_query-builder-accent-color);--ig-flat-button-disabled-icon-color: var(--_query-builder-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_query-builder-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_query-builder-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--_query-builder-foreground);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--_query-builder-accent-color);--ig-input-group-idle-bottom-line-color: var(--_query-builder-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_query-builder-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--_query-builder-foreground);--ig-input-group-search-disabled-background: hsl(from var(--ig-input-group-search-background) h s l/.4);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_query-builder-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--_query-builder-background);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_query-builder-accent-color);--ig-outlined-button-icon-color: var(--_query-builder-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_query-builder-accent-color);--ig-outlined-button-disabled-icon-color: var(--_query-builder-accent-color);--ig-outlined-button-default-size: 3;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_query-builder-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-focus-visible-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/1);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1);--ig-outlined-icon-button-shadow-color: transparent;--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_query-builder-accent-color);--ig-outlined-icon-button-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.08);--ig-outlined-icon-button-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.16);--ig-outlined-icon-button-focus-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-focus-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-active-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-active-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-border-color: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.4);--ig-outlined-icon-button-focus-border-color: var(--ig-gray-300);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: var(--_query-builder-accent-color);--ig-outlined-icon-button-disabled-border-color: var(--_query-builder-accent-color);--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 3;--_scrollbar-thumb-color: var(--_query-builder-foreground);--_scrollbar-track-border-color: var(--_query-builder-foreground)}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-empty-color: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_query-builder-foreground) 40%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-ghost-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-text-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-border-color: color-mix(in srgb, var(--_query-builder-foreground) 24%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 8%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-border-color: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 16%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 24%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-input-group-search-background: color-mix(in srgb, var(--_query-builder-foreground) 6%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--_scrollbar-thumb-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--_scrollbar-track-border-color: color-mix(in srgb, var(--_query-builder-foreground) 16%, var(--_query-builder-background))}}.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog),.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_query-builder-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-select-toggle-button-background-focus--border: var(--ig-gray-100);--ig-select-toggle-button-background: var(--_query-builder-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-tooltip-elevation: var(--ig-elevation-0);--ig-tooltip-background: hsl(from var(--_query-builder-foreground) h s l/80%);--ig-tooltip-text-color: hsla(from color(from hsl(from var(--_query-builder-foreground) h s l/80%) var(--y-contrast)) h 0 l/1);--ig-tooltip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .25) * 1rem), 1rem)}}.dark-theme,.dark-theme [igxRipple]{--color: var(--igx-ripple-color, var(--ig-ripple-color, hsl(from var(--ig-gray-800) h s l/.7)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme [igxRipple]{--ig-theme: inherit;--ig-theme-variant: inherit}@layer ig.base;.dark-theme .igx-button{--component-size: var(--ig-size, var(--ig-size-large));--ig-icon-size: 1.125rem}.dark-theme .igx-button:is(a,span){display:revert-layer;min-width:revert-layer;min-height:revert-layer;padding-inline:revert-layer;padding-block:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;color:revert-layer;box-shadow:revert-layer;cursor:revert-layer;justify-content:center;text-decoration:none}.dark-theme,.dark-theme [igxButton=flat],.dark-theme igx-button[variant=flat],.dark-theme .igx-button--flat{--shadow-color: var(--igx-flat-button-shadow-color, var(--ig-flat-button-shadow-color, transparent));--border-color: var(--igx-flat-button-border-color, var(--ig-flat-button-border-color, transparent));--hover-border-color: var(--igx-flat-button-hover-border-color, var(--ig-flat-button-hover-border-color, transparent));--focus-border-color: var(--igx-flat-button-focus-border-color, var(--ig-flat-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-flat-button-focus-visible-border-color, var(--ig-flat-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-flat-button-active-border-color, var(--ig-flat-button-active-border-color, transparent));--disabled-border-color: var(--igx-flat-button-disabled-border-color, var(--ig-flat-button-disabled-border-color, transparent));--icon-color: var(--igx-flat-button-icon-color, var(--ig-flat-button-icon-color, currentColor));--icon-color-hover: var(--igx-flat-button-icon-color-hover, var(--ig-flat-button-icon-color-hover, currentColor));--disabled-background: var(--igx-flat-button-disabled-background, var(--ig-flat-button-disabled-background, transparent));--disabled-foreground: var(--igx-flat-button-disabled-foreground, var(--ig-flat-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-flat-button-disabled-icon-color, var(--ig-flat-button-disabled-icon-color, currentColor));--size: var(--igx-flat-button-size, var(--ig-flat-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-flat-button-default-size, var(--ig-flat-button-default-size, 3));--resting-elevation: var(--igx-flat-button-resting-elevation, var(--ig-flat-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-flat-button-hover-elevation, var(--ig-flat-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-flat-button-focus-elevation, var(--ig-flat-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-flat-button-active-elevation, var(--ig-flat-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-flat-button-background, var(--ig-flat-button-background, transparent));--focus-foreground: var(--igx-flat-button-focus-foreground, var(--ig-flat-button-focus-foreground, var(--ig-secondary-200)));--border-radius: var(--igx-flat-button-border-radius, var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-flat-button-foreground, var(--ig-flat-button-foreground, var(--ig-secondary-500)));--hover-background: var(--igx-flat-button-hover-background, var(--ig-flat-button-hover-background, hsl(from var(--ig-secondary-500) h s l/.08)));--hover-foreground: var(--igx-flat-button-hover-foreground, var(--ig-flat-button-hover-foreground, var(--ig-secondary-300)));--focus-background: var(--igx-flat-button-focus-background, var(--ig-flat-button-focus-background, hsl(from var(--ig-secondary-500) h s l/.32)));--focus-visible-background: var(--igx-flat-button-focus-visible-background, var(--ig-flat-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/.16)));--focus-hover-background: var(--igx-flat-button-focus-hover-background, var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/.24)));--focus-hover-foreground: var(--igx-flat-button-focus-hover-foreground, var(--ig-flat-button-focus-hover-foreground, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-flat-button-focus-visible-foreground, var(--ig-flat-button-focus-visible-foreground, var(--ig-secondary-300)));--active-background: var(--igx-flat-button-active-background, var(--ig-flat-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16)));--active-foreground: var(--igx-flat-button-active-foreground, var(--ig-flat-button-active-foreground, var(--ig-secondary-300)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme [igxButton=contained],.dark-theme igx-button[variant=contained],.dark-theme .igx-button--contained{--shadow-color: var(--igx-contained-button-shadow-color, var(--ig-contained-button-shadow-color, transparent));--border-color: var(--igx-contained-button-border-color, var(--ig-contained-button-border-color, transparent));--hover-border-color: var(--igx-contained-button-hover-border-color, var(--ig-contained-button-hover-border-color, transparent));--focus-border-color: var(--igx-contained-button-focus-border-color, var(--ig-contained-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-contained-button-focus-visible-border-color, var(--ig-contained-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-contained-button-active-border-color, var(--ig-contained-button-active-border-color, transparent));--disabled-border-color: var(--igx-contained-button-disabled-border-color, var(--ig-contained-button-disabled-border-color, transparent));--icon-color: var(--igx-contained-button-icon-color, var(--ig-contained-button-icon-color, currentColor));--icon-color-hover: var(--igx-contained-button-icon-color-hover, var(--ig-contained-button-icon-color-hover, currentColor));--disabled-background: var(--igx-contained-button-disabled-background, var(--ig-contained-button-disabled-background, var(--ig-gray-100)));--disabled-foreground: var(--igx-contained-button-disabled-foreground, var(--ig-contained-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-contained-button-disabled-icon-color, var(--ig-contained-button-disabled-icon-color, currentColor));--size: var(--igx-contained-button-size, var(--ig-contained-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-contained-button-default-size, var(--ig-contained-button-default-size, 3));--resting-elevation: var(--igx-contained-button-resting-elevation, var(--ig-contained-button-resting-elevation, var(--ig-elevation-2)));--hover-elevation: var(--igx-contained-button-hover-elevation, var(--ig-contained-button-hover-elevation, var(--ig-elevation-4)));--focus-elevation: var(--igx-contained-button-focus-elevation, var(--ig-contained-button-focus-elevation, var(--ig-elevation-8)));--active-elevation: var(--igx-contained-button-active-elevation, var(--ig-contained-button-active-elevation, var(--ig-elevation-4)));--background: var(--igx-contained-button-background, var(--ig-contained-button-background, var(--ig-secondary-500)));--active-background: var(--igx-contained-button-active-background, var(--ig-contained-button-active-background, var(--ig-secondary-300)));--border-radius: var(--igx-contained-button-border-radius, var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-contained-button-foreground, var(--ig-contained-button-foreground, var(--ig-secondary-400-contrast)));--hover-background: var(--igx-contained-button-hover-background, var(--ig-contained-button-hover-background, var(--ig-secondary-400)));--hover-foreground: var(--igx-contained-button-hover-foreground, var(--ig-contained-button-hover-foreground, var(--ig-secondary-400-contrast)));--focus-background: var(--igx-contained-button-focus-background, var(--ig-contained-button-focus-background, var(--ig-secondary-300)));--focus-foreground: var(--igx-contained-button-focus-foreground, var(--ig-contained-button-focus-foreground, var(--ig-secondary-300-contrast)));--focus-hover-background: var(--igx-contained-button-focus-hover-background, var(--ig-contained-button-focus-hover-background, var(--ig-secondary-400)));--focus-hover-foreground: var(--igx-contained-button-focus-hover-foreground, var(--ig-contained-button-focus-hover-foreground, var(--ig-secondary-400-contrast)));--focus-visible-background: var(--igx-contained-button-focus-visible-background, var(--ig-contained-button-focus-visible-background, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-contained-button-focus-visible-foreground, var(--ig-contained-button-focus-visible-foreground, var(--ig-secondary-300-contrast)));--active-foreground: var(--igx-contained-button-active-foreground, var(--ig-contained-button-active-foreground, var(--ig-secondary-300-contrast)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme [igxButton=outlined],.dark-theme igx-button[variant=outlined],.dark-theme .igx-button--outlined{--shadow-color: var(--igx-outlined-button-shadow-color, var(--ig-outlined-button-shadow-color, transparent));--border-color: var(--igx-outlined-button-border-color, var(--ig-outlined-button-border-color, var(--ig-secondary-500)));--hover-border-color: var(--igx-outlined-button-hover-border-color, var(--ig-outlined-button-hover-border-color, var(--ig-secondary-300)));--focus-border-color: var(--igx-outlined-button-focus-border-color, var(--ig-outlined-button-focus-border-color, var(--ig-secondary-200)));--focus-visible-border-color: var(--igx-outlined-button-focus-visible-border-color, var(--ig-outlined-button-focus-visible-border-color, var(--ig-secondary-300)));--active-border-color: var(--igx-outlined-button-active-border-color, var(--ig-outlined-button-active-border-color, var(--ig-secondary-300)));--disabled-border-color: var(--igx-outlined-button-disabled-border-color, var(--ig-outlined-button-disabled-border-color, var(--ig-gray-300)));--icon-color: var(--igx-outlined-button-icon-color, var(--ig-outlined-button-icon-color, currentColor));--icon-color-hover: var(--igx-outlined-button-icon-color-hover, var(--ig-outlined-button-icon-color-hover, currentColor));--disabled-background: var(--igx-outlined-button-disabled-background, var(--ig-outlined-button-disabled-background, transparent));--disabled-foreground: var(--igx-outlined-button-disabled-foreground, var(--ig-outlined-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-outlined-button-disabled-icon-color, var(--ig-outlined-button-disabled-icon-color, currentColor));--size: var(--igx-outlined-button-size, var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-outlined-button-default-size, var(--ig-outlined-button-default-size, 3));--resting-elevation: var(--igx-outlined-button-resting-elevation, var(--ig-outlined-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-outlined-button-hover-elevation, var(--ig-outlined-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-outlined-button-focus-elevation, var(--ig-outlined-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-outlined-button-active-elevation, var(--ig-outlined-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-outlined-button-background, var(--ig-outlined-button-background, transparent));--focus-foreground: var(--igx-outlined-button-focus-foreground, var(--ig-outlined-button-focus-foreground, var(--ig-secondary-200)));--border-radius: var(--igx-outlined-button-border-radius, var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-outlined-button-foreground, var(--ig-outlined-button-foreground, var(--ig-secondary-500)));--hover-background: var(--igx-outlined-button-hover-background, var(--ig-outlined-button-hover-background, hsl(from var(--ig-secondary-500) h s l/.08)));--hover-foreground: var(--igx-outlined-button-hover-foreground, var(--ig-outlined-button-hover-foreground, var(--ig-secondary-300)));--focus-background: var(--igx-outlined-button-focus-background, var(--ig-outlined-button-focus-background, hsl(from var(--ig-secondary-500) h s l/.32)));--focus-visible-background: var(--igx-outlined-button-focus-visible-background, var(--ig-outlined-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/.16)));--focus-hover-background: var(--igx-outlined-button-focus-hover-background, var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/.24)));--focus-hover-foreground: var(--igx-outlined-button-focus-hover-foreground, var(--ig-outlined-button-focus-hover-foreground, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-outlined-button-focus-visible-foreground, var(--ig-outlined-button-focus-visible-foreground, var(--ig-secondary-300)));--active-background: var(--igx-outlined-button-active-background, var(--ig-outlined-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16)));--active-foreground: var(--igx-outlined-button-active-foreground, var(--ig-outlined-button-active-foreground, var(--ig-secondary-300)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme [igxButton=fab],.dark-theme igx-button[variant=fab],.dark-theme .igx-button--fab{--shadow-color: var(--igx-fab-button-shadow-color, var(--ig-fab-button-shadow-color, transparent));--border-color: var(--igx-fab-button-border-color, var(--ig-fab-button-border-color, transparent));--hover-border-color: var(--igx-fab-button-hover-border-color, var(--ig-fab-button-hover-border-color, transparent));--focus-border-color: var(--igx-fab-button-focus-border-color, var(--ig-fab-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-fab-button-focus-visible-border-color, var(--ig-fab-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-fab-button-active-border-color, var(--ig-fab-button-active-border-color, transparent));--disabled-border-color: var(--igx-fab-button-disabled-border-color, var(--ig-fab-button-disabled-border-color, transparent));--icon-color: var(--igx-fab-button-icon-color, var(--ig-fab-button-icon-color, currentColor));--icon-color-hover: var(--igx-fab-button-icon-color-hover, var(--ig-fab-button-icon-color-hover, currentColor));--disabled-background: var(--igx-fab-button-disabled-background, var(--ig-fab-button-disabled-background, var(--ig-gray-100)));--disabled-foreground: var(--igx-fab-button-disabled-foreground, var(--ig-fab-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-fab-button-disabled-icon-color, var(--ig-fab-button-disabled-icon-color, currentColor));--size: var(--igx-fab-button-size, var(--ig-fab-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-fab-button-default-size, var(--ig-fab-button-default-size, 3));--resting-elevation: var(--igx-fab-button-resting-elevation, var(--ig-fab-button-resting-elevation, var(--ig-elevation-6)));--hover-elevation: var(--igx-fab-button-hover-elevation, var(--ig-fab-button-hover-elevation, var(--ig-elevation-12)));--focus-elevation: var(--igx-fab-button-focus-elevation, var(--ig-fab-button-focus-elevation, var(--ig-elevation-12)));--active-elevation: var(--igx-fab-button-active-elevation, var(--ig-fab-button-active-elevation, var(--ig-elevation-12)));--background: var(--igx-fab-button-background, var(--ig-fab-button-background, var(--ig-secondary-500)));--active-background: var(--igx-fab-button-active-background, var(--ig-fab-button-active-background, var(--ig-secondary-300)));--border-radius: var(--igx-fab-button-border-radius, var(--ig-fab-button-border-radius, clamp(.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem)));--foreground: var(--igx-fab-button-foreground, var(--ig-fab-button-foreground, var(--ig-secondary-400-contrast)));--hover-background: var(--igx-fab-button-hover-background, var(--ig-fab-button-hover-background, var(--ig-secondary-400)));--hover-foreground: var(--igx-fab-button-hover-foreground, var(--ig-fab-button-hover-foreground, var(--ig-secondary-400-contrast)));--focus-background: var(--igx-fab-button-focus-background, var(--ig-fab-button-focus-background, var(--ig-secondary-300)));--focus-foreground: var(--igx-fab-button-focus-foreground, var(--ig-fab-button-focus-foreground, var(--ig-secondary-300-contrast)));--focus-hover-background: var(--igx-fab-button-focus-hover-background, var(--ig-fab-button-focus-hover-background, var(--ig-secondary-400)));--focus-hover-foreground: var(--igx-fab-button-focus-hover-foreground, var(--ig-fab-button-focus-hover-foreground, var(--ig-secondary-400-contrast)));--focus-visible-background: var(--igx-fab-button-focus-visible-background, var(--ig-fab-button-focus-visible-background, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-fab-button-focus-visible-foreground, var(--ig-fab-button-focus-visible-foreground, var(--ig-secondary-300-contrast)));--active-foreground: var(--igx-fab-button-active-foreground, var(--ig-fab-button-active-foreground, var(--ig-secondary-300-contrast)));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base;.dark-theme,.dark-theme igx-data-chart{--title-text-color: var(--igx-data-chart-title-text-color, var(--ig-data-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-data-chart-subtitle-text-color, var(--ig-data-chart-subtitle-text-color, var(--ig-gray-600)));--brushes: var(--igx-data-chart-brushes, var(--ig-data-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-data-chart-marker-brushes, var(--ig-data-chart-marker-brushes, var(--chart-brushes)));--outlines: var(--igx-data-chart-outlines, var(--ig-data-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-data-chart-marker-outlines, var(--ig-data-chart-marker-outlines, var(--chart-brushes)));--plot-area-background: var(--igx-data-chart-plot-area-background, var(--ig-data-chart-plot-area-background, var(--ig-surface-500)));--axis-label-text-color: var(--igx-data-chart-axis-label-text-color, var(--ig-data-chart-axis-label-text-color, var(--ig-gray-700)));--axis-stroke: var(--igx-data-chart-axis-stroke, var(--ig-data-chart-axis-stroke, var(--ig-gray-500)));--axis-tick-stroke: var(--igx-data-chart-axis-tick-stroke, var(--ig-data-chart-axis-tick-stroke, var(--ig-gray-500)));--axis-title-text-color: var(--igx-data-chart-axis-title-text-color, var(--ig-data-chart-axis-title-text-color, var(--ig-gray-900)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-doughnut-chart{--brushes: var(--igx-doughnut-chart-brushes, var(--ig-doughnut-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-doughnut-chart-outlines, var(--ig-doughnut-chart-outlines, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-linear-gauge{--backing-brush: var(--igx-linear-gauge-backing-brush, var(--ig-linear-gauge-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-linear-gauge-backing-outline, var(--ig-linear-gauge-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-linear-gauge-font-brush, var(--ig-linear-gauge-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-linear-gauge-minor-tick-brush, var(--ig-linear-gauge-minor-tick-brush, var(--ig-surface-500-contrast)));--needle-brush: var(--igx-linear-gauge-needle-brush, var(--ig-linear-gauge-needle-brush, var(--ig-primary-500)));--needle-outline: var(--igx-linear-gauge-needle-outline, var(--ig-linear-gauge-needle-outline, var(--ig-surface-500)));--range-brushes: var(--igx-linear-gauge-range-brushes, var(--ig-linear-gauge-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-linear-gauge-range-outlines, var(--ig-linear-gauge-range-outlines, var(--chart-brushes)));--scale-brush: var(--igx-linear-gauge-scale-brush, var(--ig-linear-gauge-scale-brush, var(--ig-surface-500)));--tick-brush: var(--igx-linear-gauge-tick-brush, var(--ig-linear-gauge-tick-brush, var(--ig-surface-500-contrast)));--scale-outline: var(--igx-linear-gauge-scale-outline, var(--ig-linear-gauge-scale-outline, var(--ig-surface-500)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-radial-gauge{--backing-brush: var(--igx-radial-gauge-backing-brush, var(--ig-radial-gauge-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-radial-gauge-backing-outline, var(--ig-radial-gauge-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-radial-gauge-font-brush, var(--ig-radial-gauge-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-radial-gauge-minor-tick-brush, var(--ig-radial-gauge-minor-tick-brush, var(--ig-surface-500-contrast)));--needle-brush: var(--igx-radial-gauge-needle-brush, var(--ig-radial-gauge-needle-brush, var(--ig-primary-500)));--needle-outline: var(--igx-radial-gauge-needle-outline, var(--ig-radial-gauge-needle-outline, var(--ig-surface-500)));--range-brushes: var(--igx-radial-gauge-range-brushes, var(--ig-radial-gauge-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-radial-gauge-range-outlines, var(--ig-radial-gauge-range-outlines, var(--chart-brushes)));--scale-brush: var(--igx-radial-gauge-scale-brush, var(--ig-radial-gauge-scale-brush, var(--ig-surface-500)));--tick-brush: var(--igx-radial-gauge-tick-brush, var(--ig-radial-gauge-tick-brush, var(--ig-surface-500-contrast)));--needle-pivot-brush: var(--igx-radial-gauge-needle-pivot-brush, var(--ig-radial-gauge-needle-pivot-brush, var(--ig-primary-500)));--needle-pivot-outline: var(--igx-radial-gauge-needle-pivot-outline, var(--ig-radial-gauge-needle-pivot-outline, var(--ig-surface-500)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-financial-chart{--brushes: var(--igx-financial-chart-brushes, var(--ig-financial-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-financial-chart-outlines, var(--ig-financial-chart-outlines, var(--chart-brushes)));--marker-brushes: var(--igx-financial-chart-marker-brushes, var(--ig-financial-chart-marker-brushes, var(--chart-brushes)));--marker-outlines: var(--igx-financial-chart-marker-outlines, var(--ig-financial-chart-marker-outlines, var(--chart-brushes)));--indicator-brushes: var(--igx-financial-chart-indicator-brushes, var(--ig-financial-chart-indicator-brushes, var(--chart-brushes)));--indicator-negative-brushes: var(--igx-financial-chart-indicator-negative-brushes, var(--ig-financial-chart-indicator-negative-brushes, var(--chart-brushes)));--negative-brushes: var(--igx-financial-chart-negative-brushes, var(--ig-financial-chart-negative-brushes, var(--chart-brushes)));--negative-outlines: var(--igx-financial-chart-negative-outlines, var(--ig-financial-chart-negative-outlines, var(--chart-brushes)));--overlay-brushes: var(--igx-financial-chart-overlay-brushes, var(--ig-financial-chart-overlay-brushes, var(--chart-brushes)));--overlay-outlines: var(--igx-financial-chart-overlay-outlines, var(--ig-financial-chart-overlay-outlines, var(--chart-brushes)));--overlay-thickness: var(--igx-financial-chart-overlay-thickness, var(--ig-financial-chart-overlay-thickness, var(--chart-brushes)));--trend-line-brushes: var(--igx-financial-chart-trend-line-brushes, var(--ig-financial-chart-trend-line-brushes, var(--chart-brushes)));--volume-brushes: var(--igx-financial-chart-volume-brushes, var(--ig-financial-chart-volume-brushes, var(--chart-brushes)));--volume-outlines: var(--igx-financial-chart-volume-outlines, var(--ig-financial-chart-volume-outlines, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-bullet-graph{--backing-brush: var(--igx-bullet-graph-backing-brush, var(--ig-bullet-graph-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-bullet-graph-backing-outline, var(--ig-bullet-graph-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-bullet-graph-font-brush, var(--ig-bullet-graph-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-bullet-graph-minor-tick-brush, var(--ig-bullet-graph-minor-tick-brush, var(--ig-surface-500-contrast)));--range-brushes: var(--igx-bullet-graph-range-brushes, var(--ig-bullet-graph-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-bullet-graph-range-outlines, var(--ig-bullet-graph-range-outlines, var(--chart-brushes)));--scale-background-brush: var(--igx-bullet-graph-scale-background-brush, var(--ig-bullet-graph-scale-background-brush, var(--ig-primary-500)));--scale-background-outline: var(--igx-bullet-graph-scale-background-outline, var(--ig-bullet-graph-scale-background-outline, var(--ig-surface-500)));--target-value-brush: var(--igx-bullet-graph-target-value-brush, var(--ig-bullet-graph-target-value-brush, var(--ig-gray-800)));--tick-brush: var(--igx-bullet-graph-tick-brush, var(--ig-bullet-graph-tick-brush, var(--ig-surface-500-contrast)));--value-brush: var(--igx-bullet-graph-value-brush, var(--ig-bullet-graph-value-brush, var(--ig-gray-800)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-category-chart{--brushes: var(--igx-category-chart-brushes, var(--ig-category-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-category-chart-marker-brushes, var(--ig-category-chart-marker-brushes, var(--chart-brushes)));--negative-brushes: var(--igx-category-chart-negative-brushes, var(--ig-category-chart-negative-brushes, hsl(347, 82%, 64%)));--outlines: var(--igx-category-chart-outlines, var(--ig-category-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-category-chart-marker-outlines, var(--ig-category-chart-marker-outlines, var(--chart-brushes)));--negative-outlines: var(--igx-category-chart-negative-outlines, var(--ig-category-chart-negative-outlines, hsl(347, 82%, 64%)));--title-text-color: var(--igx-category-chart-title-text-color, var(--ig-category-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-category-chart-subtitle-text-color, var(--ig-category-chart-subtitle-text-color, var(--ig-gray-700)));--trend-line-brushes: var(--igx-category-chart-trend-line-brushes, var(--ig-category-chart-trend-line-brushes, var(--chart-brushes)));--x-axis-label-text-color: var(--igx-category-chart-x-axis-label-text-color, var(--ig-category-chart-x-axis-label-text-color, var(--ig-gray-700)));--x-axis-stroke: var(--igx-category-chart-x-axis-stroke, var(--ig-category-chart-x-axis-stroke, var(--ig-gray-500)));--x-axis-tick-stroke: var(--igx-category-chart-x-axis-tick-stroke, var(--ig-category-chart-x-axis-tick-stroke, var(--ig-gray-500)));--x-axis-title-text-color: var(--igx-category-chart-x-axis-title-text-color, var(--ig-category-chart-x-axis-title-text-color, var(--ig-gray-900)));--y-axis-label-text-color: var(--igx-category-chart-y-axis-label-text-color, var(--ig-category-chart-y-axis-label-text-color, var(--ig-gray-700)));--y-axis-major-stroke: var(--igx-category-chart-y-axis-major-stroke, var(--ig-category-chart-y-axis-major-stroke, var(--ig-gray-300)));--y-axis-title-text-color: var(--igx-category-chart-y-axis-title-text-color, var(--ig-category-chart-y-axis-title-text-color, var(--ig-gray-900)));--y-axis-tick-stroke: var(--igx-category-chart-y-axis-tick-stroke, var(--ig-category-chart-y-axis-tick-stroke, var(--ig-gray-500)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-geo-map{--plot-area-background: var(--igx-geo-map-plot-area-background, var(--ig-geo-map-plot-area-background, var(--ig-surface-500)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-pie-chart{--brushes: var(--igx-pie-chart-brushes, var(--ig-pie-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-pie-chart-outlines, var(--ig-pie-chart-outlines, var(--chart-brushes)));--label-extent: var(--igx-pie-chart-label-extent, var(--ig-pie-chart-label-extent, 30));--label-outer-color: var(--igx-pie-chart-label-outer-color, var(--ig-pie-chart-label-outer-color, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-sparkline{--brush: var(--igx-sparkline-brush, var(--ig-sparkline-brush, var(--ig-primary-500)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-funnel-chart{--brushes: var(--igx-funnel-chart-brushes, var(--ig-funnel-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-funnel-chart-outlines, var(--ig-funnel-chart-outlines, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igx-shape-chart{--title-text-color: var(--igx-shape-chart-title-text-color, var(--ig-shape-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-shape-chart-subtitle-text-color, var(--ig-shape-chart-subtitle-text-color, var(--ig-gray-600)));--brushes: var(--igx-shape-chart-brushes, var(--ig-shape-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-shape-chart-marker-brushes, var(--ig-shape-chart-marker-brushes, var(--chart-brushes)));--outlines: var(--igx-shape-chart-outlines, var(--ig-shape-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-shape-chart-marker-outlines, var(--ig-shape-chart-marker-outlines, var(--chart-brushes)));--trend-line-brushes: var(--igx-shape-chart-trend-line-brushes, var(--ig-shape-chart-trend-line-brushes, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igc-dockmanager{--igc-active-color: var(--igx-dockmanager-active-color, var(--ig-dockmanager-active-color, var(--ig-primary-500)));--igc-background-color: var(--igx-dockmanager-background-color, var(--ig-dockmanager-background-color, var(--ig-gray-50)));--igc-border-color: var(--igx-dockmanager-border-color, var(--ig-dockmanager-border-color, var(--ig-gray-100)));--igc-button-component-text: var(--igx-dockmanager-button-component-text, var(--ig-dockmanager-button-component-text, var(--ig-surface-500-contrast)));--igc-context-menu-background-active: var(--igx-dockmanager-context-menu-background-active, var(--ig-dockmanager-context-menu-background-active, var(--ig-gray-50)));--igc-dock-background: var(--igx-dockmanager-dock-background, var(--ig-dockmanager-dock-background, var(--ig-gray-50)));--igc-drop-shadow-background: var(--igx-dockmanager-drop-shadow-background, var(--ig-dockmanager-drop-shadow-background, hsl(from var(--ig-primary-900) h s l/.3)));--igc-floating-pane-border-color: var(--igx-dockmanager-floating-pane-border-color, var(--ig-dockmanager-floating-pane-border-color, var(--ig-gray-50)));--igc-flyout-shadow-color: var(--igx-dockmanager-flyout-shadow-color, var(--ig-dockmanager-flyout-shadow-color, hsl(from var(--ig-gray-50) h s l/.3)));--igc-joystick-background-active: var(--igx-dockmanager-joystick-background-active, var(--ig-dockmanager-joystick-background-active, var(--ig-gray-50)));--igc-joystick-border-color: var(--igx-dockmanager-joystick-border-color, var(--ig-dockmanager-joystick-border-color, hsl(from var(--ig-gray-200) h s l/.5)));--igc-joystick-icon-color: var(--igx-dockmanager-joystick-icon-color, var(--ig-dockmanager-joystick-icon-color, var(--ig-surface-500-contrast)));--igc-joystick-icon-color-active: var(--igx-dockmanager-joystick-icon-color-active, var(--ig-dockmanager-joystick-icon-color-active, var(--ig-surface-500-contrast)));--igc-pane-content-background: var(--igx-dockmanager-pane-content-background, var(--ig-dockmanager-pane-content-background, var(--ig-surface-500)));--igc-pane-header-background: var(--igx-dockmanager-pane-header-background, var(--ig-dockmanager-pane-header-background, var(--ig-gray-50)));--igc-pinned-header-background: var(--igx-dockmanager-pinned-header-background, var(--ig-dockmanager-pinned-header-background, var(--ig-gray-50)));--igc-splitter-background: var(--igx-dockmanager-splitter-background, var(--ig-dockmanager-splitter-background, var(--ig-gray-100)));--igc-splitter-handle: var(--igx-dockmanager-splitter-handle, var(--ig-dockmanager-splitter-handle, var(--ig-gray-400)));--igc-tab-background-active: var(--igx-dockmanager-tab-background-active, var(--ig-dockmanager-tab-background-active, hsl(from var(--ig-gray-100) h s l/.3)));--igc-tab-background: var(--igx-dockmanager-tab-background, var(--ig-dockmanager-tab-background, hsl(from var(--ig-gray-100) h s l/.3)));--igc-tab-text: var(--igx-dockmanager-tab-text, var(--ig-dockmanager-tab-text, var(--ig-gray-700)));--igc-text-color: var(--igx-dockmanager-text-color, var(--ig-dockmanager-text-color, var(--ig-gray-800)));--igc-context-menu-color-active: var(--igx-dockmanager-context-menu-color-active, var(--ig-dockmanager-context-menu-color-active, var(--ig-gray-50-contrast)));--igc-joystick-background: var(--igx-dockmanager-joystick-background, var(--ig-dockmanager-joystick-background, var(--ig-gray-100)));--igc-context-menu-background: var(--igx-dockmanager-context-menu-background, var(--ig-dockmanager-context-menu-background, var(--ig-gray-100)));--igc-context-menu-color: var(--igx-dockmanager-context-menu-color, var(--ig-dockmanager-context-menu-color, var(--ig-surface-500-contrast)));--igc-tab-border-color-active: var(--igx-dockmanager-tab-border-color-active, var(--ig-dockmanager-tab-border-color-active, var(--ig-gray-100)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme igc-rating{--label-color: var(--igx-rating-label-color, var(--ig-rating-label-color, var(--ig-gray-900)));--value-label: var(--igx-rating-value-label, var(--ig-rating-value-label, var(--ig-gray-700)));--symbol-empty-color: var(--igx-rating-symbol-empty-color, var(--ig-rating-symbol-empty-color, var(--ig-gray-600)));--symbol-full-color: var(--igx-rating-symbol-full-color, var(--ig-rating-symbol-full-color, var(--ig-warn-500)));--symbol-empty-filter: var(--igx-rating-symbol-empty-filter, var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%)));--symbol-full-filter: var(--igx-rating-symbol-full-filter, var(--ig-rating-symbol-full-filter, grayscale(50%)));--disabled-label-color: var(--igx-rating-disabled-label-color, var(--ig-rating-disabled-label-color, var(--ig-gray-400)));--disabled-value-label: var(--igx-rating-disabled-value-label, var(--ig-rating-disabled-value-label, var(--ig-gray-400)));--disabled-empty-symbol-color: var(--igx-rating-disabled-empty-symbol-color, var(--ig-rating-disabled-empty-symbol-color, var(--ig-gray-400)));--disabled-full-symbol-color: var(--igx-rating-disabled-full-symbol-color, var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-200)));--symbol-size: var(--igx-rating-symbol-size, var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))));--default-size: var(--igx-rating-default-size, var(--ig-rating-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base{.dark-theme igc-rating::part(label){color:var(--label-color)}.dark-theme igc-rating::part(value-label){color:var(--value-label)}.dark-theme igc-rating[disabled]::part(label),.dark-theme igc-rating[disabled]::part(value-label){color:var(--disabled-label-color)}.dark-theme igc-rating[disabled]{--symbol-empty-color: var(--disabled-empty-symbol-color);--symbol-full-color: var(--disabled-full-symbol-color);--disabled-symbol-empty-filter: var(--symbol-empty-filter);--disabled-symbol-full-filter: var(--symbol-full-filter)}}.dark-theme,.dark-theme .igx-highlight{--resting-background: var(--igx-highlight-resting-background, var(--ig-highlight-resting-background, var(--ig-gray-200)));--resting-color: var(--igx-highlight-resting-color, var(--ig-highlight-resting-color, var(--ig-gray-200-contrast)));--active-background: var(--igx-highlight-active-background, var(--ig-highlight-active-background, var(--ig-secondary-A100)));--active-color: var(--igx-highlight-active-color, var(--ig-highlight-active-color, var(--ig-secondary-A100-contrast)));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base;.dark-theme .igx-icon-button{--ig-icon-size: 1.125rem}.dark-theme .igx-icon-button:is(a,span){position:revert-layer;display:revert-layer;align-items:revert-layer;justify-content:revert-layer;width:revert-layer;height:revert-layer;font-size:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;color:revert-layer;box-shadow:revert-layer;cursor:revert-layer;outline:revert-layer;text-decoration:none}.dark-theme,.dark-theme [igxIconButton=flat],.dark-theme igx-icon-button[variant=flat],.dark-theme .igx-icon-button--flat{--shadow-color: var(--igx-flat-icon-button-shadow-color, var(--ig-flat-icon-button-shadow-color, transparent));--background: var(--igx-flat-icon-button-background, var(--ig-flat-icon-button-background, transparent));--foreground: var(--igx-flat-icon-button-foreground, var(--ig-flat-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-flat-icon-button-hover-background, var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/.08)));--hover-foreground: var(--igx-flat-icon-button-hover-foreground, var(--ig-flat-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-flat-icon-button-focus-background, var(--ig-flat-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/.16)));--focus-foreground: var(--igx-flat-icon-button-focus-foreground, var(--ig-flat-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-flat-icon-button-focus-hover-background, var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/.24)));--focus-hover-foreground: var(--igx-flat-icon-button-focus-hover-foreground, var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-flat-icon-button-active-background, var(--ig-flat-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/.32)));--active-foreground: var(--igx-flat-icon-button-active-foreground, var(--ig-flat-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-flat-icon-button-border-color, var(--ig-flat-icon-button-border-color, transparent));--focus-border-color: var(--igx-flat-icon-button-focus-border-color, var(--ig-flat-icon-button-focus-border-color, transparent));--disabled-background: var(--igx-flat-icon-button-disabled-background, var(--ig-flat-icon-button-disabled-background, transparent));--disabled-foreground: var(--igx-flat-icon-button-disabled-foreground, var(--ig-flat-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-flat-icon-button-disabled-border-color, var(--ig-flat-icon-button-disabled-border-color, transparent));--border-radius: var(--igx-flat-icon-button-border-radius, var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-flat-icon-button-size, var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-flat-icon-button-default-size, var(--ig-flat-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme [igxIconButton=contained],.dark-theme igx-icon-button[variant=contained],.dark-theme .igx-icon-button--contained{--shadow-color: var(--igx-contained-icon-button-shadow-color, var(--ig-contained-icon-button-shadow-color, transparent));--background: var(--igx-contained-icon-button-background, var(--ig-contained-icon-button-background, hsl(from var(--ig-gray-900) h s l/.24)));--foreground: var(--igx-contained-icon-button-foreground, var(--ig-contained-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-contained-icon-button-hover-background, var(--ig-contained-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/.32)));--hover-foreground: var(--igx-contained-icon-button-hover-foreground, var(--ig-contained-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-contained-icon-button-focus-background, var(--ig-contained-icon-button-focus-background, hsl(from var(--ig-gray-900) h s l/.4)));--focus-foreground: var(--igx-contained-icon-button-focus-foreground, var(--ig-contained-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-contained-icon-button-focus-hover-background, var(--ig-contained-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/.44)));--focus-hover-foreground: var(--igx-contained-icon-button-focus-hover-foreground, var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-contained-icon-button-active-background, var(--ig-contained-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/.5)));--active-foreground: var(--igx-contained-icon-button-active-foreground, var(--ig-contained-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-contained-icon-button-border-color, var(--ig-contained-icon-button-border-color, transparent));--focus-border-color: var(--igx-contained-icon-button-focus-border-color, var(--ig-contained-icon-button-focus-border-color, transparent));--disabled-background: var(--igx-contained-icon-button-disabled-background, var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/.16)));--disabled-foreground: var(--igx-contained-icon-button-disabled-foreground, var(--ig-contained-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-contained-icon-button-disabled-border-color, var(--ig-contained-icon-button-disabled-border-color, transparent));--border-radius: var(--igx-contained-icon-button-border-radius, var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-contained-icon-button-size, var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-contained-icon-button-default-size, var(--ig-contained-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme [igxIconButton=outlined],.dark-theme igx-icon-button[variant=outlined],.dark-theme .igx-icon-button--outlined{--shadow-color: var(--igx-outlined-icon-button-shadow-color, var(--ig-outlined-icon-button-shadow-color, transparent));--background: var(--igx-outlined-icon-button-background, var(--ig-outlined-icon-button-background, transparent));--foreground: var(--igx-outlined-icon-button-foreground, var(--ig-outlined-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-outlined-icon-button-hover-background, var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/.08)));--hover-foreground: var(--igx-outlined-icon-button-hover-foreground, var(--ig-outlined-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-outlined-icon-button-focus-background, var(--ig-outlined-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/.16)));--focus-foreground: var(--igx-outlined-icon-button-focus-foreground, var(--ig-outlined-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-outlined-icon-button-focus-hover-background, var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/.24)));--focus-hover-foreground: var(--igx-outlined-icon-button-focus-hover-foreground, var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-outlined-icon-button-active-background, var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/.32)));--active-foreground: var(--igx-outlined-icon-button-active-foreground, var(--ig-outlined-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-outlined-icon-button-border-color, var(--ig-outlined-icon-button-border-color, var(--ig-gray-300)));--focus-border-color: var(--igx-outlined-icon-button-focus-border-color, var(--ig-outlined-icon-button-focus-border-color, var(--ig-gray-300)));--disabled-background: var(--igx-outlined-icon-button-disabled-background, var(--ig-outlined-icon-button-disabled-background, transparent));--disabled-foreground: var(--igx-outlined-icon-button-disabled-foreground, var(--ig-outlined-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-outlined-icon-button-disabled-border-color, var(--ig-outlined-icon-button-disabled-border-color, var(--ig-gray-300)));--border-radius: var(--igx-outlined-icon-button-border-radius, var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-outlined-icon-button-size, var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-outlined-icon-button-default-size, var(--ig-outlined-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base;.dark-theme,.dark-theme [igxLabel]{--color: var(--igx-label-color, var(--ig-label-color, var(--ig-gray-700)));--disabled-color: var(--igx-label-disabled-color, var(--ig-label-disabled-color, var(--ig-gray-500)));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base;.dark-theme,.dark-theme .igx-overlay__wrapper--modal,.dark-theme .igx-overlay__content--modal{--background-color: var(--igx-overlay-background-color, var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/.54)));--ig-theme: material;--ig-theme-variant: dark}.dark-theme,.dark-theme .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--ig-gray-400)));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--ig-gray-400)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--ig-gray-100)));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--ig-gray-100)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, transparent));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.dark-theme,.dark-theme .igx-tooltip{--elevation: var(--igx-tooltip-elevation, var(--ig-tooltip-elevation, var(--ig-elevation-0)));--background: var(--igx-tooltip-background, var(--ig-tooltip-background, hsl(from var(--ig-gray-700) h s l/.9)));--text-color: var(--igx-tooltip-text-color, var(--ig-tooltip-text-color, var(--ig-gray-700-contrast)));--border-radius: var(--igx-tooltip-border-radius, var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .25) * 1rem), 1rem)));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base;.dark-theme,.dark-theme igc-trial-watermark{--base-color: var(--igx-watermark-base-color, var(--ig-watermark-base-color, var(--ig-primary-500)));--color: var(--igx-watermark-color, var(--ig-watermark-color, var(--ig-primary-800-contrast)));--border-radius: var(--igx-watermark-border-radius, var(--ig-watermark-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1rem), 1rem)));--image-opacity: var(--igx-watermark-image-opacity, var(--ig-watermark-image-opacity, 15%));--ig-theme: material;--ig-theme-variant: dark}.dark-theme igc-trial-watermark::part(link){font-family:var(--ig-font-family)}.dark-theme .grid-chart-contextmenu-wrapper{--ig-wcag-a: .31;--ig-wcag-aa: .185;--ig-wcag-aaa: .178;--ig-contrast-level: var(--ig-wcag-aa);--y: clamp(0, (y / var(--ig-contrast-level) - 1) * -infinity, 1);--y-contrast: xyz-d65 var(--y) var(--y) var(--y);--ig-primary-50: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*1.78) );--ig-primary-50-contrast: hsla(from color(from var(--ig-primary-50) var(--y-contrast)) h 0 l/1);--ig-primary-100: hsl(from var(--ig-primary-500) h calc(s*.8) calc(l*1.66) );--ig-primary-100-contrast: hsla(from color(from var(--ig-primary-100) var(--y-contrast)) h 0 l/1);--ig-primary-200: hsl(from var(--ig-primary-500) h calc(s*.64) calc(l*1.43) );--ig-primary-200-contrast: hsla(from color(from var(--ig-primary-200) var(--y-contrast)) h 0 l/1);--ig-primary-300: hsl(from var(--ig-primary-500) h calc(s*.73) calc(l*1.19) );--ig-primary-300-contrast: hsla(from color(from var(--ig-primary-300) var(--y-contrast)) h 0 l/1);--ig-primary-400: hsl(from var(--ig-primary-500) h calc(s*.875) calc(l*1.08) );--ig-primary-400-contrast: hsla(from color(from var(--ig-primary-400) var(--y-contrast)) h 0 l/1);--ig-primary-500: #217346;--ig-primary-500-contrast: hsla(from color(from var(--ig-primary-500) var(--y-contrast)) h 0 l/1);--ig-primary-600: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.89) );--ig-primary-600-contrast: hsla(from color(from var(--ig-primary-600) var(--y-contrast)) h 0 l/1);--ig-primary-700: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.81) );--ig-primary-700-contrast: hsla(from color(from var(--ig-primary-700) var(--y-contrast)) h 0 l/1);--ig-primary-800: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.73) );--ig-primary-800-contrast: hsla(from color(from var(--ig-primary-800) var(--y-contrast)) h 0 l/1);--ig-primary-900: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.64) );--ig-primary-900-contrast: hsla(from color(from var(--ig-primary-900) var(--y-contrast)) h 0 l/1);--ig-primary-seed: #217346;--ig-primary-seed-contrast: hsla(from color(from var(--ig-primary-seed) var(--y-contrast)) h 0 l/1);--ig-primary-A100: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*1.34) );--ig-primary-A100-contrast: hsla(from color(from var(--ig-primary-A100) var(--y-contrast)) h 0 l/1);--ig-primary-A200: hsl(from var(--ig-primary-500) h calc(s*1.22) calc(l*1.16) );--ig-primary-A200-contrast: hsla(from color(from var(--ig-primary-A200) var(--y-contrast)) h 0 l/1);--ig-primary-A400: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*.91) );--ig-primary-A400-contrast: hsla(from color(from var(--ig-primary-A400) var(--y-contrast)) h 0 l/1);--ig-primary-A700: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*.65) );--ig-primary-A700-contrast: hsla(from color(from var(--ig-primary-A700) var(--y-contrast)) h 0 l/1);--ig-secondary-50: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*1.78) );--ig-secondary-50-contrast: hsla(from color(from var(--ig-secondary-50) var(--y-contrast)) h 0 l/1);--ig-secondary-100: hsl(from var(--ig-secondary-500) h calc(s*.8) calc(l*1.66) );--ig-secondary-100-contrast: hsla(from color(from var(--ig-secondary-100) var(--y-contrast)) h 0 l/1);--ig-secondary-200: hsl(from var(--ig-secondary-500) h calc(s*.64) calc(l*1.43) );--ig-secondary-200-contrast: hsla(from color(from var(--ig-secondary-200) var(--y-contrast)) h 0 l/1);--ig-secondary-300: hsl(from var(--ig-secondary-500) h calc(s*.73) calc(l*1.19) );--ig-secondary-300-contrast: hsla(from color(from var(--ig-secondary-300) var(--y-contrast)) h 0 l/1);--ig-secondary-400: hsl(from var(--ig-secondary-500) h calc(s*.875) calc(l*1.08) );--ig-secondary-400-contrast: hsla(from color(from var(--ig-secondary-400) var(--y-contrast)) h 0 l/1);--ig-secondary-500: #217346;--ig-secondary-500-contrast: hsla(from color(from var(--ig-secondary-500) var(--y-contrast)) h 0 l/1);--ig-secondary-600: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.89) );--ig-secondary-600-contrast: hsla(from color(from var(--ig-secondary-600) var(--y-contrast)) h 0 l/1);--ig-secondary-700: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.81) );--ig-secondary-700-contrast: hsla(from color(from var(--ig-secondary-700) var(--y-contrast)) h 0 l/1);--ig-secondary-800: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.73) );--ig-secondary-800-contrast: hsla(from color(from var(--ig-secondary-800) var(--y-contrast)) h 0 l/1);--ig-secondary-900: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.64) );--ig-secondary-900-contrast: hsla(from color(from var(--ig-secondary-900) var(--y-contrast)) h 0 l/1);--ig-secondary-seed: #217346;--ig-secondary-seed-contrast: hsla(from color(from var(--ig-secondary-seed) var(--y-contrast)) h 0 l/1);--ig-secondary-A100: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*1.34) );--ig-secondary-A100-contrast: hsla(from color(from var(--ig-secondary-A100) var(--y-contrast)) h 0 l/1);--ig-secondary-A200: hsl(from var(--ig-secondary-500) h calc(s*1.22) calc(l*1.16) );--ig-secondary-A200-contrast: hsla(from color(from var(--ig-secondary-A200) var(--y-contrast)) h 0 l/1);--ig-secondary-A400: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*.91) );--ig-secondary-A400-contrast: hsla(from color(from var(--ig-secondary-A400) var(--y-contrast)) h 0 l/1);--ig-secondary-A700: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*.65) );--ig-secondary-A700-contrast: hsla(from color(from var(--ig-secondary-A700) var(--y-contrast)) h 0 l/1);--ig-gray-50: hsl(from var(--ig-gray-500) h s 13%);--ig-gray-50-contrast: hsla(from color(from var(--ig-gray-50) var(--y-contrast)) h 0 l/1);--ig-gray-100: hsl(from var(--ig-gray-500) h s 26%);--ig-gray-100-contrast: hsla(from color(from var(--ig-gray-100) var(--y-contrast)) h 0 l/1);--ig-gray-200: hsl(from var(--ig-gray-500) h s 38%);--ig-gray-200-contrast: hsla(from color(from var(--ig-gray-200) var(--y-contrast)) h 0 l/1);--ig-gray-300: hsl(from var(--ig-gray-500) h s 54%);--ig-gray-300-contrast: hsla(from color(from var(--ig-gray-300) var(--y-contrast)) h 0 l/1);--ig-gray-400: hsl(from var(--ig-gray-500) h s 62%);--ig-gray-400-contrast: hsla(from color(from var(--ig-gray-400) var(--y-contrast)) h 0 l/1);--ig-gray-500: hsl(0, 0%, 74%);--ig-gray-500-contrast: hsla(from color(from var(--ig-gray-500) var(--y-contrast)) h 0 l/1);--ig-gray-600: hsl(from var(--ig-gray-500) h s 88%);--ig-gray-600-contrast: hsla(from color(from var(--ig-gray-600) var(--y-contrast)) h 0 l/1);--ig-gray-700: hsl(from var(--ig-gray-500) h s 93%);--ig-gray-700-contrast: hsla(from color(from var(--ig-gray-700) var(--y-contrast)) h 0 l/1);--ig-gray-800: hsl(from var(--ig-gray-500) h s 96%);--ig-gray-800-contrast: hsla(from color(from var(--ig-gray-800) var(--y-contrast)) h 0 l/1);--ig-gray-900: hsl(from var(--ig-gray-500) h s 98%);--ig-gray-900-contrast: hsla(from color(from var(--ig-gray-900) var(--y-contrast)) h 0 l/1);--ig-gray-seed: rgb(74%, 74%, 74%);--ig-gray-seed-contrast: hsla(from color(from var(--ig-gray-seed) var(--y-contrast)) h 0 l/1);--ig-surface-50: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*1.78) );--ig-surface-50-contrast: hsla(from color(from var(--ig-surface-50) var(--y-contrast)) h 0 l/1);--ig-surface-100: hsl(from var(--ig-surface-500) h calc(s*.8) calc(l*1.66) );--ig-surface-100-contrast: hsla(from color(from var(--ig-surface-100) var(--y-contrast)) h 0 l/1);--ig-surface-200: hsl(from var(--ig-surface-500) h calc(s*.64) calc(l*1.43) );--ig-surface-200-contrast: hsla(from color(from var(--ig-surface-200) var(--y-contrast)) h 0 l/1);--ig-surface-300: hsl(from var(--ig-surface-500) h calc(s*.73) calc(l*1.19) );--ig-surface-300-contrast: hsla(from color(from var(--ig-surface-300) var(--y-contrast)) h 0 l/1);--ig-surface-400: hsl(from var(--ig-surface-500) h calc(s*.875) calc(l*1.08) );--ig-surface-400-contrast: hsla(from color(from var(--ig-surface-400) var(--y-contrast)) h 0 l/1);--ig-surface-500: #1b1b1b;--ig-surface-500-contrast: hsla(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l/1);--ig-surface-600: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.89) );--ig-surface-600-contrast: hsla(from color(from var(--ig-surface-600) var(--y-contrast)) h 0 l/1);--ig-surface-700: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.81) );--ig-surface-700-contrast: hsla(from color(from var(--ig-surface-700) var(--y-contrast)) h 0 l/1);--ig-surface-800: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.73) );--ig-surface-800-contrast: hsla(from color(from var(--ig-surface-800) var(--y-contrast)) h 0 l/1);--ig-surface-900: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.64) );--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #1b1b1b;--ig-surface-seed-contrast: hsla(from color(from var(--ig-surface-seed) var(--y-contrast)) h 0 l/1);--ig-surface-A100: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*1.34) );--ig-surface-A100-contrast: hsla(from color(from var(--ig-surface-A100) var(--y-contrast)) h 0 l/1);--ig-surface-A200: hsl(from var(--ig-surface-500) h calc(s*1.22) calc(l*1.16) );--ig-surface-A200-contrast: hsla(from color(from var(--ig-surface-A200) var(--y-contrast)) h 0 l/1);--ig-surface-A400: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*.91) );--ig-surface-A400-contrast: hsla(from color(from var(--ig-surface-A400) var(--y-contrast)) h 0 l/1);--ig-surface-A700: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*.65) );--ig-surface-A700-contrast: hsla(from color(from var(--ig-surface-A700) var(--y-contrast)) h 0 l/1);--ig-info-50: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*1.78) );--ig-info-50-contrast: hsla(from color(from var(--ig-info-50) var(--y-contrast)) h 0 l/1);--ig-info-100: hsl(from var(--ig-info-500) h calc(s*.8) calc(l*1.66) );--ig-info-100-contrast: hsla(from color(from var(--ig-info-100) var(--y-contrast)) h 0 l/1);--ig-info-200: hsl(from var(--ig-info-500) h calc(s*.64) calc(l*1.43) );--ig-info-200-contrast: hsla(from color(from var(--ig-info-200) var(--y-contrast)) h 0 l/1);--ig-info-300: hsl(from var(--ig-info-500) h calc(s*.73) calc(l*1.19) );--ig-info-300-contrast: hsla(from color(from var(--ig-info-300) var(--y-contrast)) h 0 l/1);--ig-info-400: hsl(from var(--ig-info-500) h calc(s*.875) calc(l*1.08) );--ig-info-400-contrast: hsla(from color(from var(--ig-info-400) var(--y-contrast)) h 0 l/1);--ig-info-500: #1377d5;--ig-info-500-contrast: hsla(from color(from var(--ig-info-500) var(--y-contrast)) h 0 l/1);--ig-info-600: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.89) );--ig-info-600-contrast: hsla(from color(from var(--ig-info-600) var(--y-contrast)) h 0 l/1);--ig-info-700: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.81) );--ig-info-700-contrast: hsla(from color(from var(--ig-info-700) var(--y-contrast)) h 0 l/1);--ig-info-800: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.73) );--ig-info-800-contrast: hsla(from color(from var(--ig-info-800) var(--y-contrast)) h 0 l/1);--ig-info-900: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.64) );--ig-info-900-contrast: hsla(from color(from var(--ig-info-900) var(--y-contrast)) h 0 l/1);--ig-info-seed: #1377d5;--ig-info-seed-contrast: hsla(from color(from var(--ig-info-seed) var(--y-contrast)) h 0 l/1);--ig-info-A100: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*1.34) );--ig-info-A100-contrast: hsla(from color(from var(--ig-info-A100) var(--y-contrast)) h 0 l/1);--ig-info-A200: hsl(from var(--ig-info-500) h calc(s*1.22) calc(l*1.16) );--ig-info-A200-contrast: hsla(from color(from var(--ig-info-A200) var(--y-contrast)) h 0 l/1);--ig-info-A400: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*.91) );--ig-info-A400-contrast: hsla(from color(from var(--ig-info-A400) var(--y-contrast)) h 0 l/1);--ig-info-A700: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*.65) );--ig-info-A700-contrast: hsla(from color(from var(--ig-info-A700) var(--y-contrast)) h 0 l/1);--ig-success-50: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*1.78) );--ig-success-50-contrast: hsla(from color(from var(--ig-success-50) var(--y-contrast)) h 0 l/1);--ig-success-100: hsl(from var(--ig-success-500) h calc(s*.8) calc(l*1.66) );--ig-success-100-contrast: hsla(from color(from var(--ig-success-100) var(--y-contrast)) h 0 l/1);--ig-success-200: hsl(from var(--ig-success-500) h calc(s*.64) calc(l*1.43) );--ig-success-200-contrast: hsla(from color(from var(--ig-success-200) var(--y-contrast)) h 0 l/1);--ig-success-300: hsl(from var(--ig-success-500) h calc(s*.73) calc(l*1.19) );--ig-success-300-contrast: hsla(from color(from var(--ig-success-300) var(--y-contrast)) h 0 l/1);--ig-success-400: hsl(from var(--ig-success-500) h calc(s*.875) calc(l*1.08) );--ig-success-400-contrast: hsla(from color(from var(--ig-success-400) var(--y-contrast)) h 0 l/1);--ig-success-500: #107c10;--ig-success-500-contrast: hsla(from color(from var(--ig-success-500) var(--y-contrast)) h 0 l/1);--ig-success-600: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.89) );--ig-success-600-contrast: hsla(from color(from var(--ig-success-600) var(--y-contrast)) h 0 l/1);--ig-success-700: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.81) );--ig-success-700-contrast: hsla(from color(from var(--ig-success-700) var(--y-contrast)) h 0 l/1);--ig-success-800: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.73) );--ig-success-800-contrast: hsla(from color(from var(--ig-success-800) var(--y-contrast)) h 0 l/1);--ig-success-900: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.64) );--ig-success-900-contrast: hsla(from color(from var(--ig-success-900) var(--y-contrast)) h 0 l/1);--ig-success-seed: #107c10;--ig-success-seed-contrast: hsla(from color(from var(--ig-success-seed) var(--y-contrast)) h 0 l/1);--ig-success-A100: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*1.34) );--ig-success-A100-contrast: hsla(from color(from var(--ig-success-A100) var(--y-contrast)) h 0 l/1);--ig-success-A200: hsl(from var(--ig-success-500) h calc(s*1.22) calc(l*1.16) );--ig-success-A200-contrast: hsla(from color(from var(--ig-success-A200) var(--y-contrast)) h 0 l/1);--ig-success-A400: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*.91) );--ig-success-A400-contrast: hsla(from color(from var(--ig-success-A400) var(--y-contrast)) h 0 l/1);--ig-success-A700: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*.65) );--ig-success-A700-contrast: hsla(from color(from var(--ig-success-A700) var(--y-contrast)) h 0 l/1);--ig-warn-50: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*1.78) );--ig-warn-50-contrast: hsla(from color(from var(--ig-warn-50) var(--y-contrast)) h 0 l/1);--ig-warn-100: hsl(from var(--ig-warn-500) h calc(s*.8) calc(l*1.66) );--ig-warn-100-contrast: hsla(from color(from var(--ig-warn-100) var(--y-contrast)) h 0 l/1);--ig-warn-200: hsl(from var(--ig-warn-500) h calc(s*.64) calc(l*1.43) );--ig-warn-200-contrast: hsla(from color(from var(--ig-warn-200) var(--y-contrast)) h 0 l/1);--ig-warn-300: hsl(from var(--ig-warn-500) h calc(s*.73) calc(l*1.19) );--ig-warn-300-contrast: hsla(from color(from var(--ig-warn-300) var(--y-contrast)) h 0 l/1);--ig-warn-400: hsl(from var(--ig-warn-500) h calc(s*.875) calc(l*1.08) );--ig-warn-400-contrast: hsla(from color(from var(--ig-warn-400) var(--y-contrast)) h 0 l/1);--ig-warn-500: #797673;--ig-warn-500-contrast: hsla(from color(from var(--ig-warn-500) var(--y-contrast)) h 0 l/1);--ig-warn-600: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.89) );--ig-warn-600-contrast: hsla(from color(from var(--ig-warn-600) var(--y-contrast)) h 0 l/1);--ig-warn-700: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.81) );--ig-warn-700-contrast: hsla(from color(from var(--ig-warn-700) var(--y-contrast)) h 0 l/1);--ig-warn-800: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.73) );--ig-warn-800-contrast: hsla(from color(from var(--ig-warn-800) var(--y-contrast)) h 0 l/1);--ig-warn-900: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.64) );--ig-warn-900-contrast: hsla(from color(from var(--ig-warn-900) var(--y-contrast)) h 0 l/1);--ig-warn-seed: #797673;--ig-warn-seed-contrast: hsla(from color(from var(--ig-warn-seed) var(--y-contrast)) h 0 l/1);--ig-warn-A100: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*1.34) );--ig-warn-A100-contrast: hsla(from color(from var(--ig-warn-A100) var(--y-contrast)) h 0 l/1);--ig-warn-A200: hsl(from var(--ig-warn-500) h calc(s*1.22) calc(l*1.16) );--ig-warn-A200-contrast: hsla(from color(from var(--ig-warn-A200) var(--y-contrast)) h 0 l/1);--ig-warn-A400: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*.91) );--ig-warn-A400-contrast: hsla(from color(from var(--ig-warn-A400) var(--y-contrast)) h 0 l/1);--ig-warn-A700: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*.65) );--ig-warn-A700-contrast: hsla(from color(from var(--ig-warn-A700) var(--y-contrast)) h 0 l/1);--ig-error-50: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*1.78) );--ig-error-50-contrast: hsla(from color(from var(--ig-error-50) var(--y-contrast)) h 0 l/1);--ig-error-100: hsl(from var(--ig-error-500) h calc(s*.8) calc(l*1.66) );--ig-error-100-contrast: hsla(from color(from var(--ig-error-100) var(--y-contrast)) h 0 l/1);--ig-error-200: hsl(from var(--ig-error-500) h calc(s*.64) calc(l*1.43) );--ig-error-200-contrast: hsla(from color(from var(--ig-error-200) var(--y-contrast)) h 0 l/1);--ig-error-300: hsl(from var(--ig-error-500) h calc(s*.73) calc(l*1.19) );--ig-error-300-contrast: hsla(from color(from var(--ig-error-300) var(--y-contrast)) h 0 l/1);--ig-error-400: hsl(from var(--ig-error-500) h calc(s*.875) calc(l*1.08) );--ig-error-400-contrast: hsla(from color(from var(--ig-error-400) var(--y-contrast)) h 0 l/1);--ig-error-500: #a80000;--ig-error-500-contrast: hsla(from color(from var(--ig-error-500) var(--y-contrast)) h 0 l/1);--ig-error-600: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.89) );--ig-error-600-contrast: hsla(from color(from var(--ig-error-600) var(--y-contrast)) h 0 l/1);--ig-error-700: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.81) );--ig-error-700-contrast: hsla(from color(from var(--ig-error-700) var(--y-contrast)) h 0 l/1);--ig-error-800: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.73) );--ig-error-800-contrast: hsla(from color(from var(--ig-error-800) var(--y-contrast)) h 0 l/1);--ig-error-900: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.64) );--ig-error-900-contrast: hsla(from color(from var(--ig-error-900) var(--y-contrast)) h 0 l/1);--ig-error-seed: #a80000;--ig-error-seed-contrast: hsla(from color(from var(--ig-error-seed) var(--y-contrast)) h 0 l/1);--ig-error-A100: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*1.34) );--ig-error-A100-contrast: hsla(from color(from var(--ig-error-A100) var(--y-contrast)) h 0 l/1);--ig-error-A200: hsl(from var(--ig-error-500) h calc(s*1.22) calc(l*1.16) );--ig-error-A200-contrast: hsla(from color(from var(--ig-error-A200) var(--y-contrast)) h 0 l/1);--ig-error-A400: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*.91) );--ig-error-A400-contrast: hsla(from color(from var(--ig-error-A400) var(--y-contrast)) h 0 l/1);--ig-error-A700: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*.65) );--ig-error-A700-contrast: hsla(from color(from var(--ig-error-A700) var(--y-contrast)) h 0 l/1);--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, .08);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, .08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, .08);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, .08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, .08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, .08);--ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, .08);--ig-theme: fluent;--ig-theme-variant: dark}@layer ig.reset,ig.base,ig.fluent,ig.derived;@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: dark){.igx-action-strip{--actions-background: var(--igx-action-strip-actions-background, var(--ig-action-strip-actions-background, var(--ig-gray-600)));--background: var(--igx-action-strip-background, var(--ig-action-strip-background, hsl(from var(--ig-gray-100) h s l/.38)));--icon-color: var(--igx-action-strip-icon-color, var(--ig-action-strip-icon-color, "currentColor"));--delete-action: var(--igx-action-strip-delete-action, var(--ig-action-strip-delete-action, var(--ig-error-500)));--actions-border-radius: var(--igx-action-strip-actions-border-radius, var(--ig-action-strip-actions-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-avatar{--background: var(--igx-avatar-background, var(--ig-avatar-background, var(--ig-gray-200)));--color: var(--igx-avatar-color, var(--ig-avatar-color, var(--ig-gray-800)));--icon-color: var(--igx-avatar-icon-color, var(--ig-avatar-icon-color, var(--ig-gray-800)));--border-radius: var(--igx-avatar-border-radius, var(--ig-avatar-border-radius, .5rem));--size: var(--igx-avatar-size, var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--default-size: var(--igx-avatar-default-size, var(--ig-avatar-default-size, 1));--ig-theme: fluent;--ig-theme-variant: dark}.igx-badge{--elevation: var(--igx-badge-elevation, var(--ig-badge-elevation, var(--ig-elevation-1)));--icon-color: var(--igx-badge-icon-color, var(--ig-badge-icon-color, var(--ig-primary-900-contrast)));--text-color: var(--igx-badge-text-color, var(--ig-badge-text-color, var(--ig-primary-900-contrast)));--border-color: var(--igx-badge-border-color, var(--ig-badge-border-color, var(--ig-gray-900-contrast)));--background-color: var(--igx-badge-background-color, var(--ig-badge-background-color, var(--ig-primary-500)));--border-radius: var(--igx-badge-border-radius, var(--ig-badge-border-radius, 0));--size: var(--igx-badge-size, var(--ig-badge-size, max(var(--is-large, 1) * max(1.625rem, -1 * 1.625rem), var(--is-medium, 1) * max(1.375rem, -1 * 1.375rem), var(--is-small, 1) * max(1rem, -1 * 1rem))));--default-size: var(--igx-badge-default-size, var(--ig-badge-default-size, 2));--dot-size: var(--igx-badge-dot-size, var(--ig-badge-dot-size, max(var(--is-large, 1) * max(.75rem, -1 * .75rem), var(--is-medium, 1) * max(.625rem, -1 * .625rem), var(--is-small, 1) * max(.375rem, -1 * .375rem))));--ig-theme: fluent;--ig-theme-variant: dark}.igx-banner{--banner-background: var(--igx-banner-banner-background, var(--ig-banner-banner-background, var(--ig-surface-500)));--border-radius: var(--igx-banner-border-radius, var(--ig-banner-border-radius, 0));--banner-border-color: var(--igx-banner-banner-border-color, var(--ig-banner-banner-border-color, var(--ig-gray-300)));--banner-message-color: var(--igx-banner-banner-message-color, var(--ig-banner-banner-message-color, var(--ig-gray-900)));--banner-illustration-color: var(--igx-banner-banner-illustration-color, var(--ig-banner-banner-illustration-color, var(--ig-gray-900)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-bottom-nav{--elevation: var(--igx-bottom-nav-elevation, var(--ig-bottom-nav-elevation, var(--ig-elevation-1)));--background: var(--igx-bottom-nav-background, var(--ig-bottom-nav-background, var(--ig-gray-50)));--icon-color: var(--igx-bottom-nav-icon-color, var(--ig-bottom-nav-icon-color, var(--ig-gray-700)));--icon-selected-color: var(--igx-bottom-nav-icon-selected-color, var(--ig-bottom-nav-icon-selected-color, var(--ig-primary-300)));--label-color: var(--igx-bottom-nav-label-color, var(--ig-bottom-nav-label-color, var(--ig-gray-700)));--label-selected-color: var(--igx-bottom-nav-label-selected-color, var(--ig-bottom-nav-label-selected-color, var(--ig-primary-300)));--icon-disabled-color: var(--igx-bottom-nav-icon-disabled-color, var(--ig-bottom-nav-icon-disabled-color, var(--ig-gray-700)));--label-disabled-color: var(--igx-bottom-nav-label-disabled-color, var(--ig-bottom-nav-label-disabled-color, var(--ig-gray-700)));--border-color: var(--igx-bottom-nav-border-color, var(--ig-bottom-nav-border-color, transparent));--ig-theme: fluent;--ig-theme-variant: dark}.igx-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-button-group-elevation, var(--ig-elevation-0)));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, var(--ig-button-group-idle-shadow-color, transparent));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, transparent));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--ig-gray-900)));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, var(--ig-gray-900-contrast)));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, var(--ig-gray-400)));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--ig-gray-50)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-button-group-item-hover-text-color, var(--ig-gray-900)));--item-focused-text-color: var(--igx-button-group-item-focused-text-color, var(--ig-button-group-item-focused-text-color, var(--ig-gray-900)));--item-focused-border-color: var(--igx-button-group-item-focused-border-color, var(--ig-button-group-item-focused-border-color, var(--ig-gray-400)));--item-focused-hover-text-color: var(--igx-button-group-item-focused-hover-text-color, var(--ig-button-group-item-focused-hover-text-color, var(--ig-gray-900)));--item-focused-hover-border-color: var(--igx-button-group-item-focused-hover-border-color, var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-400)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, var(--ig-gray-50)));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900)));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900)));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-button-group-item-selected-focus-background, var(--ig-gray-100)));--item-selected-focus-hover-background: var(--igx-button-group-item-selected-focus-hover-background, var(--ig-button-group-item-selected-focus-hover-background, var(--ig-gray-200)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, var(--ig-gray-300)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, var(--ig-gray-400)));--item-selected-active-border-color: var(--igx-button-group-item-selected-active-border-color, var(--ig-button-group-item-selected-active-border-color, var(--ig-gray-600)));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--ig-gray-50)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, var(--ig-button-group-default-size, 2));--item-icon-color: var(--igx-button-group-item-icon-color, var(--ig-button-group-item-icon-color, var(--ig-gray-900)));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--ig-gray-900-contrast)));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--ig-gray-900)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--ig-gray-400)));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-gray-100)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--ig-gray-900)));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--ig-gray-900)));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--ig-gray-600)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, var(--ig-gray-200)));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-600)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, var(--ig-gray-100)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, var(--ig-gray-300)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--ig-gray-400)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-300)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-300)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, var(--ig-gray-100)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-400)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-calendar,.igx-calendar-view--standalone,.igx-days-view--standalone,.igx-month-picker{--default-size: var(--igx-calendar-default-size, var(--ig-calendar-default-size, 2));--content-foreground: var(--igx-calendar-content-foreground, var(--ig-calendar-content-foreground, var(--ig-gray-900)));--content-background: var(--igx-calendar-content-background, var(--ig-calendar-content-background, var(--ig-surface-500)));--border-color: var(--igx-calendar-border-color, var(--ig-calendar-border-color, transparent));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-surface-500)));--picker-hover-foreground: var(--igx-calendar-picker-hover-foreground, var(--ig-calendar-picker-hover-foreground, var(--ig-primary-200)));--picker-focus-foreground: var(--igx-calendar-picker-focus-foreground, var(--ig-calendar-picker-focus-foreground, var(--ig-primary-200)));--navigation-color: var(--igx-calendar-navigation-color, var(--ig-calendar-navigation-color, var(--ig-gray-800)));--navigation-hover-color: var(--igx-calendar-navigation-hover-color, var(--ig-calendar-navigation-hover-color, var(--ig-primary-200)));--navigation-focus-color: var(--igx-calendar-navigation-focus-color, var(--ig-calendar-navigation-focus-color, var(--ig-primary-200)));--size: var(--igx-calendar-size, var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), 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, var(--ig-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, var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem)));--date-range-border-radius: var(--igx-calendar-date-range-border-radius, var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-gray-500)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, var(--ig-gray-100)));--inactive-color: var(--igx-calendar-inactive-color, var(--ig-calendar-inactive-color, var(--ig-gray-500)));--weekday-color: var(--igx-calendar-weekday-color, var(--ig-calendar-weekday-color, var(--ig-gray-500)));--weekend-color: var(--igx-calendar-weekend-color, var(--ig-calendar-weekend-color, var(--ig-gray-900)));--date-hover-foreground: var(--igx-calendar-date-hover-foreground, var(--ig-calendar-date-hover-foreground, var(--ig-gray-900)));--date-focus-foreground: var(--igx-calendar-date-focus-foreground, var(--ig-calendar-date-focus-foreground, var(--ig-gray-900)));--date-selected-range-hover-foreground: var(--igx-calendar-date-selected-range-hover-foreground, var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-900)));--date-selected-range-focus-foreground: var(--igx-calendar-date-selected-range-focus-foreground, var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-900)));--date-selected-current-range-foreground: var(--igx-calendar-date-selected-current-range-foreground, var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900-contrast)));--date-selected-current-range-hover-foreground: var(--igx-calendar-date-selected-current-range-hover-foreground, var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900-contrast)));--date-selected-current-range-focus-foreground: var(--igx-calendar-date-selected-current-range-focus-foreground, var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900-contrast)));--date-current-background: var(--igx-calendar-date-current-background, var(--ig-calendar-date-current-background, var(--ig-primary-200)));--date-current-hover-foreground: var(--igx-calendar-date-current-hover-foreground, var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900-contrast)));--date-current-focus-foreground: var(--igx-calendar-date-current-focus-foreground, var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900-contrast)));--date-current-focus-background: var(--igx-calendar-date-current-focus-background, var(--ig-calendar-date-current-focus-background, var(--ig-primary-200)));--date-special-background: var(--igx-calendar-date-special-background, var(--ig-calendar-date-special-background, transparent));--date-special-range-background: var(--igx-calendar-date-special-range-background, var(--ig-calendar-date-special-range-background, var(--ig-gray-100)));--date-border-color: var(--igx-calendar-date-border-color, var(--ig-calendar-date-border-color, transparent));--date-hover-border-color: var(--igx-calendar-date-hover-border-color, var(--ig-calendar-date-hover-border-color, transparent));--date-focus-border-color: var(--igx-calendar-date-focus-border-color, var(--ig-calendar-date-focus-border-color, transparent));--date-selected-border-color: var(--igx-calendar-date-selected-border-color, var(--ig-calendar-date-selected-border-color, var(--ig-gray-700)));--date-selected-hover-border-color: var(--igx-calendar-date-selected-hover-border-color, var(--ig-calendar-date-selected-hover-border-color, var(--ig-gray-700)));--date-selected-focus-border-color: var(--igx-calendar-date-selected-focus-border-color, var(--ig-calendar-date-selected-focus-border-color, var(--ig-gray-700)));--date-range-border-color: var(--igx-calendar-date-range-border-color, var(--ig-calendar-date-range-border-color, var(--ig-gray-700)));--date-range-preview-border-color: var(--igx-calendar-date-range-preview-border-color, var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-700)));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/.5)));--date-disabled-range-foreground: var(--igx-calendar-date-disabled-range-foreground, var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/.38)));--ym-current-outline-hover-color: var(--igx-calendar-ym-current-outline-hover-color, var(--ig-calendar-ym-current-outline-hover-color, transparent));--ym-current-outline-focus-color: var(--igx-calendar-ym-current-outline-focus-color, var(--ig-calendar-ym-current-outline-focus-color, transparent));--ym-selected-outline-color: var(--igx-calendar-ym-selected-outline-color, var(--ig-calendar-ym-selected-outline-color, transparent));--ym-selected-hover-outline-color: var(--igx-calendar-ym-selected-hover-outline-color, var(--ig-calendar-ym-selected-hover-outline-color, transparent));--ym-selected-focus-outline-color: var(--igx-calendar-ym-selected-focus-outline-color, var(--ig-calendar-ym-selected-focus-outline-color, transparent));--ym-border-radius: var(--igx-calendar-ym-border-radius, var(--ig-calendar-ym-border-radius, clamp(.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-primary-200-contrast)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-primary-200)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-100)));--date-current-border-radius: var(--igx-calendar-date-current-border-radius, var(--ig-calendar-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem)));--date-special-border-radius: var(--igx-calendar-date-special-border-radius, var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem)));--week-number-border-radius: var(--igx-calendar-week-number-border-radius, var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .5rem), .5rem)));--date-selected-current-border-color: var(--igx-calendar-date-selected-current-border-color, var(--ig-calendar-date-selected-current-border-color, var(--ig-primary-200)));--date-selected-current-hover-border-color: var(--igx-calendar-date-selected-current-hover-border-color, var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-primary-200)));--date-selected-current-focus-border-color: var(--igx-calendar-date-selected-current-focus-border-color, var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-primary-200)));--date-selected-special-border-color: var(--igx-calendar-date-selected-special-border-color, var(--ig-calendar-date-selected-special-border-color, var(--ig-primary-50)));--date-selected-special-hover-border-color: var(--igx-calendar-date-selected-special-hover-border-color, var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-primary-50)));--date-selected-special-focus-border-color: var(--igx-calendar-date-selected-special-focus-border-color, var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-primary-50)));--date-special-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-50)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-50)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-50)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-50)));--date-special-range-hover-border-color: var(--igx-calendar-date-special-range-hover-border-color, var(--ig-calendar-date-special-range-hover-border-color, var(--ig-primary-50)));--date-special-range-focus-border-color: var(--igx-calendar-date-special-range-focus-border-color, var(--ig-calendar-date-special-range-focus-border-color, var(--ig-primary-50)));--date-special-foreground: var(--igx-calendar-date-special-foreground, var(--ig-calendar-date-special-foreground, var(--ig-gray-900)));--date-special-hover-foreground: var(--igx-calendar-date-special-hover-foreground, var(--ig-calendar-date-special-hover-foreground, var(--ig-gray-900)));--date-special-focus-foreground: var(--igx-calendar-date-special-focus-foreground, var(--ig-calendar-date-special-focus-foreground, var(--ig-gray-900)));--date-special-hover-background: var(--igx-calendar-date-special-hover-background, var(--ig-calendar-date-special-hover-background, var(--ig-gray-200)));--date-special-focus-background: var(--igx-calendar-date-special-focus-background, var(--ig-calendar-date-special-focus-background, var(--ig-gray-200)));--date-special-range-hover-background: var(--igx-calendar-date-special-range-hover-background, var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-200)));--date-special-range-focus-background: var(--igx-calendar-date-special-range-focus-background, var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-200)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-gray-900-contrast)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-200)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-gray-900-contrast)));--date-selected-current-hover-background: var(--igx-calendar-date-selected-current-hover-background, var(--ig-calendar-date-selected-current-hover-background, var(--ig-primary-200)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-gray-900-contrast)));--date-selected-current-focus-background: var(--igx-calendar-date-selected-current-focus-background, var(--ig-calendar-date-selected-current-focus-background, var(--ig-primary-200)));--date-selected-current-range-background: var(--igx-calendar-date-selected-current-range-background, var(--ig-calendar-date-selected-current-range-background, var(--ig-primary-200)));--date-selected-current-range-hover-background: var(--igx-calendar-date-selected-current-range-hover-background, var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-primary-200)));--date-selected-current-range-focus-background: var(--igx-calendar-date-selected-current-range-focus-background, var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-primary-200)));--date-selected-range-foreground: var(--igx-calendar-date-selected-range-foreground, var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900)));--date-selected-range-background: var(--igx-calendar-date-selected-range-background, var(--ig-calendar-date-selected-range-background, var(--ig-gray-100)));--date-selected-range-hover-background: var(--igx-calendar-date-selected-range-hover-background, var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-200)));--date-selected-range-focus-background: var(--igx-calendar-date-selected-range-focus-background, var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-200)));--date-hover-background: var(--igx-calendar-date-hover-background, var(--ig-calendar-date-hover-background, var(--ig-gray-200)));--date-focus-background: var(--igx-calendar-date-focus-background, var(--ig-calendar-date-focus-background, var(--ig-gray-200)));--date-current-foreground: var(--igx-calendar-date-current-foreground, var(--ig-calendar-date-current-foreground, var(--ig-gray-900-contrast)));--date-current-hover-background: var(--igx-calendar-date-current-hover-background, var(--ig-calendar-date-current-hover-background, var(--ig-primary-200)));--date-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-gray-900)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-gray-100)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-gray-200)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-gray-200)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-gray-900)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-gray-100)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-gray-900)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-gray-200)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-gray-900)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-gray-200)));--date-current-border-color: var(--igx-calendar-date-current-border-color, var(--ig-calendar-date-current-border-color, transparent));--date-current-hover-border-color: var(--igx-calendar-date-current-hover-border-color, var(--ig-calendar-date-current-hover-border-color, transparent));--date-current-focus-border-color: var(--igx-calendar-date-current-focus-border-color, var(--ig-calendar-date-current-focus-border-color, transparent));--date-special-range-foreground: var(--igx-calendar-date-special-range-foreground, var(--ig-calendar-date-special-range-foreground, var(--ig-gray-900)));--date-special-range-hover-foreground: var(--igx-calendar-date-special-range-hover-foreground, var(--ig-calendar-date-special-range-hover-foreground, var(--ig-gray-900)));--date-special-range-focus-foreground: var(--igx-calendar-date-special-range-focus-foreground, var(--ig-calendar-date-special-range-focus-foreground, var(--ig-gray-900)));--ym-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--ym-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-gray-900)));--ym-selected-current-hover-background: var(--igx-calendar-ym-selected-current-hover-background, var(--ig-calendar-ym-selected-current-hover-background, var(--ig-primary-600)));--ym-hover-foreground: var(--igx-calendar-ym-hover-foreground, var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900)));--ym-current-foreground: var(--igx-calendar-ym-current-foreground, var(--ig-calendar-ym-current-foreground, var(--ig-gray-900)));--ym-current-background: var(--igx-calendar-ym-current-background, var(--ig-calendar-ym-current-background, var(--ig-gray-100)));--ym-current-hover-foreground: var(--igx-calendar-ym-current-hover-foreground, var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900)));--ym-current-hover-background: var(--igx-calendar-ym-current-hover-background, var(--ig-calendar-ym-current-hover-background, var(--ig-gray-200)));--ym-selected-foreground: var(--igx-calendar-ym-selected-foreground, var(--ig-calendar-ym-selected-foreground, var(--ig-gray-900)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-800)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-gray-900)));--ym-selected-hover-background: var(--igx-calendar-ym-selected-hover-background, var(--ig-calendar-ym-selected-hover-background, var(--ig-primary-600)));--ym-selected-current-foreground: var(--igx-calendar-ym-selected-current-foreground, var(--ig-calendar-ym-selected-current-foreground, var(--ig-gray-900)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-800)));--ym-current-outline-color: var(--igx-calendar-ym-current-outline-color, var(--ig-calendar-ym-current-outline-color, transparent));--ym-selected-current-outline-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-700)));--ym-selected-current-outline-hover-color: var(--igx-calendar-ym-selected-current-outline-hover-color, var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-700)));--ym-selected-current-outline-focus-color: var(--igx-calendar-ym-selected-current-outline-focus-color, var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-700)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-card{--resting-elevation: var(--igx-card-resting-elevation, var(--ig-card-resting-elevation, var(--ig-elevation-4)));--hover-elevation: var(--igx-card-hover-elevation, var(--ig-card-hover-elevation, var(--ig-elevation-6)));--background: var(--igx-card-background, var(--ig-card-background, var(--ig-surface-500)));--header-text-color: var(--igx-card-header-text-color, var(--ig-card-header-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-card-subtitle-text-color, var(--ig-card-subtitle-text-color, var(--ig-gray-700)));--content-text-color: var(--igx-card-content-text-color, var(--ig-card-content-text-color, var(--ig-gray-700)));--actions-text-color: var(--igx-card-actions-text-color, var(--ig-card-actions-text-color, var(--ig-primary-300)));--outline-color: var(--igx-card-outline-color, var(--ig-card-outline-color, var(--ig-gray-200)));--border-radius: var(--igx-card-border-radius, var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--default-size: var(--igx-card-default-size, var(--ig-card-default-size, 2));--ig-theme: fluent;--ig-theme-variant: dark}.igx-carousel{--button-elevation: var(--igx-carousel-button-elevation, var(--ig-carousel-button-elevation, var(--ig-elevation-1)));--slide-background: var(--igx-carousel-slide-background, var(--ig-carousel-slide-background, var(--ig-gray-900-contrast)));--button-background: var(--igx-carousel-button-background, var(--ig-carousel-button-background, var(--ig-gray-50)));--button-hover-background: var(--igx-carousel-button-hover-background, var(--ig-carousel-button-hover-background, var(--ig-gray-50)));--button-arrow-color: var(--igx-carousel-button-arrow-color, var(--ig-carousel-button-arrow-color, var(--ig-gray-700)));--button-hover-arrow-color: var(--igx-carousel-button-hover-arrow-color, var(--ig-carousel-button-hover-arrow-color, var(--ig-gray-900)));--button-disabled-background: var(--igx-carousel-button-disabled-background, var(--ig-carousel-button-disabled-background, var(--ig-gray-50)));--button-disabled-arrow-color: var(--igx-carousel-button-disabled-arrow-color, var(--ig-carousel-button-disabled-arrow-color, var(--ig-gray-200)));--indicator-focus-color: var(--igx-carousel-indicator-focus-color, var(--ig-carousel-indicator-focus-color, var(--ig-primary-200)));--button-focus-border-color: var(--igx-carousel-button-focus-border-color, var(--ig-carousel-button-focus-border-color, var(--ig-gray-400)));--button-border-color: var(--igx-carousel-button-border-color, var(--ig-carousel-button-border-color, transparent));--button-hover-border-color: var(--igx-carousel-button-hover-border-color, var(--ig-carousel-button-hover-border-color, transparent));--button-disabled-border-color: var(--igx-carousel-button-disabled-border-color, var(--ig-carousel-button-disabled-border-color, transparent));--indicator-dot-color: var(--igx-carousel-indicator-dot-color, var(--ig-carousel-indicator-dot-color, transparent));--indicator-hover-dot-color: var(--igx-carousel-indicator-hover-dot-color, var(--ig-carousel-indicator-hover-dot-color, transparent));--indicator-background: var(--igx-carousel-indicator-background, var(--ig-carousel-indicator-background, var(--ig-gray-50)));--label-indicator-background: var(--igx-carousel-label-indicator-background, var(--ig-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/.8)));--indicator-color: var(--igx-carousel-indicator-color, var(--ig-carousel-indicator-color, var(--ig-gray-700)));--indicator-border-color: var(--igx-carousel-indicator-border-color, var(--ig-carousel-indicator-border-color, hsl(from var(--ig-gray-900) h s l/.7)));--indicator-active-dot-color: var(--igx-carousel-indicator-active-dot-color, var(--ig-carousel-indicator-active-dot-color, var(--ig-gray-900)));--indicator-active-border-color: var(--igx-carousel-indicator-active-border-color, var(--ig-carousel-indicator-active-border-color, var(--ig-gray-900)));--indicator-active-hover-dot-color: var(--igx-carousel-indicator-active-hover-dot-color, var(--ig-carousel-indicator-active-hover-dot-color, var(--ig-gray-900)));--border-radius: var(--igx-carousel-border-radius, var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .0555555556) * 2.25rem), 2.25rem)));--button-focus-arrow-color: var(--igx-carousel-button-focus-arrow-color, var(--ig-carousel-button-focus-arrow-color, var(--ig-primary-200)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-circular-bar{--track-color: var(--igx-circular-bar-track-color, var(--ig-circular-bar-track-color, var(--ig-gray-300)));--fill-color-default: var(--igx-circular-bar-fill-color-default, var(--ig-circular-bar-fill-color-default, var(--ig-primary-500)));--fill-color-danger: var(--igx-circular-bar-fill-color-danger, var(--ig-circular-bar-fill-color-danger, var(--ig-error-500)));--fill-color-warning: var(--igx-circular-bar-fill-color-warning, var(--ig-circular-bar-fill-color-warning, var(--ig-warn-500)));--fill-color-info: var(--igx-circular-bar-fill-color-info, var(--ig-circular-bar-fill-color-info, var(--ig-info-500)));--fill-color-success: var(--igx-circular-bar-fill-color-success, var(--ig-circular-bar-fill-color-success, var(--ig-success-500)));--text-color: var(--igx-circular-bar-text-color, var(--ig-circular-bar-text-color, var(--ig-gray-700)));--diameter: var(--igx-circular-bar-diameter, var(--ig-circular-bar-diameter, 2rem));--track-border-radius: var(--igx-circular-bar-track-border-radius, var(--ig-circular-bar-track-border-radius, 0rem));--ig-theme: fluent;--ig-theme-variant: dark}.igx-checkbox{--tick-color: var(--igx-checkbox-tick-color, var(--ig-checkbox-tick-color, var(--ig-gray-50)));--tick-width: var(--igx-checkbox-tick-width, var(--ig-checkbox-tick-width, 1.5));--label-color: var(--igx-checkbox-label-color, var(--ig-checkbox-label-color, var(--ig-gray-900)));--label-color-hover: var(--igx-checkbox-label-color-hover, var(--ig-checkbox-label-color-hover, var(--ig-gray-900)));--empty-fill-color: var(--igx-checkbox-empty-fill-color, var(--ig-checkbox-empty-fill-color, transparent));--fill-color: var(--igx-checkbox-fill-color, var(--ig-checkbox-fill-color, var(--ig-primary-300)));--focus-outline-color-focused: var(--igx-checkbox-focus-outline-color-focused, var(--ig-checkbox-focus-outline-color-focused, transparent));--focus-outline-color-error: var(--igx-checkbox-focus-outline-color-error, var(--ig-checkbox-focus-outline-color-error, transparent));--disabled-color: var(--igx-checkbox-disabled-color, var(--ig-checkbox-disabled-color, var(--ig-gray-100)));--disabled-fill-color: var(--igx-checkbox-disabled-fill-color, var(--ig-checkbox-disabled-fill-color, var(--ig-gray-100)));--disabled-tick-color: var(--igx-checkbox-disabled-tick-color, var(--ig-checkbox-disabled-tick-color, var(--ig-gray-50)));--disabled-color-label: var(--igx-checkbox-disabled-color-label, var(--ig-checkbox-disabled-color-label, var(--ig-gray-300)));--error-color: var(--igx-checkbox-error-color, var(--ig-checkbox-error-color, var(--ig-error-100)));--border-radius: var(--igx-checkbox-border-radius, var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem)));--border-radius-ripple: var(--igx-checkbox-border-radius-ripple, var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, .0833333333) * 1.5rem), 1.5rem)));--tick-color-hover: var(--igx-checkbox-tick-color-hover, var(--ig-checkbox-tick-color-hover, var(--ig-gray-400)));--focus-outline-color: var(--igx-checkbox-focus-outline-color, var(--ig-checkbox-focus-outline-color, var(--ig-gray-400)));--focus-border-color: var(--igx-checkbox-focus-border-color, var(--ig-checkbox-focus-border-color, var(--ig-gray-900)));--empty-color: var(--igx-checkbox-empty-color, var(--ig-checkbox-empty-color, var(--ig-gray-900)));--empty-color-hover: var(--igx-checkbox-empty-color-hover, var(--ig-checkbox-empty-color-hover, var(--ig-gray-900)));--fill-color-hover: var(--igx-checkbox-fill-color-hover, var(--ig-checkbox-fill-color-hover, var(--ig-primary-100)));--disabled-indeterminate-color: var(--igx-checkbox-disabled-indeterminate-color, var(--ig-checkbox-disabled-indeterminate-color, var(--ig-gray-400)));--error-color-hover: var(--igx-checkbox-error-color-hover, var(--ig-checkbox-error-color-hover, var(--ig-error-50)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-chip{--ghost-elevation: var(--igx-chip-ghost-elevation, var(--ig-chip-ghost-elevation, var(--ig-elevation-2)));--remove-icon-color: var(--igx-chip-remove-icon-color, var(--ig-chip-remove-icon-color, "currentColor"));--focus-shadow-color: var(--igx-chip-focus-shadow-color, var(--ig-chip-focus-shadow-color, transparent));--focus-selected-shadow-color: var(--igx-chip-focus-selected-shadow-color, var(--ig-chip-focus-selected-shadow-color, transparent));--remove-icon-color-focus: var(--igx-chip-remove-icon-color-focus, var(--ig-chip-remove-icon-color-focus, "currentColor"));--background: var(--igx-chip-background, var(--ig-chip-background, var(--ig-gray-200)));--ghost-background: var(--igx-chip-ghost-background, var(--ig-chip-ghost-background, var(--ig-primary-500)));--ghost-text-color: var(--igx-chip-ghost-text-color, var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast)));--hover-text-color: var(--igx-chip-hover-text-color, var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast)));--hover-background: var(--igx-chip-hover-background, var(--ig-chip-hover-background, var(--ig-gray-200)));--focus-text-color: var(--igx-chip-focus-text-color, var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast)));--selected-text-color: var(--igx-chip-selected-text-color, var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast)));--selected-background: var(--igx-chip-selected-background, var(--ig-chip-selected-background, var(--ig-primary-500)));--hover-selected-text-color: var(--igx-chip-hover-selected-text-color, var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast)));--hover-selected-background: var(--igx-chip-hover-selected-background, var(--ig-chip-hover-selected-background, var(--ig-primary-600)));--border-radius: var(--igx-chip-border-radius, var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)));--disabled-text-color: var(--igx-chip-disabled-text-color, var(--ig-chip-disabled-text-color, var(--ig-gray-500)));--disabled-background: var(--igx-chip-disabled-background, var(--ig-chip-disabled-background, var(--ig-gray-200)));--disabled-selected-text-color: var(--igx-chip-disabled-selected-text-color, var(--ig-chip-disabled-selected-text-color, var(--ig-gray-500)));--disabled-selected-background: var(--igx-chip-disabled-selected-background, var(--ig-chip-disabled-selected-background, var(--ig-gray-200)));--size: var(--igx-chip-size, var(--ig-chip-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.25rem, -1 * 1.25rem))));--default-size: var(--igx-chip-default-size, var(--ig-chip-default-size, 2));--outlined-background: var(--igx-chip-outlined-background, var(--ig-chip-outlined-background, transparent));--outlined-text-color: var(--igx-chip-outlined-text-color, var(--ig-chip-outlined-text-color, var(--ig-gray-700)));--border-color: var(--igx-chip-border-color, var(--ig-chip-border-color, var(--ig-gray-700)));--selected-outlined-background: var(--igx-chip-selected-outlined-background, var(--ig-chip-selected-outlined-background, transparent));--selected-outlined-text-color: var(--igx-chip-selected-outlined-text-color, var(--ig-chip-selected-outlined-text-color, var(--ig-gray-100-contrast)));--selected-border-color: var(--igx-chip-selected-border-color, var(--ig-chip-selected-border-color, var(--ig-primary-200)));--hover-border-color: var(--igx-chip-hover-border-color, var(--ig-chip-hover-border-color, var(--ig-gray-100-contrast)));--hover-outlined-text-color: var(--igx-chip-hover-outlined-text-color, var(--ig-chip-hover-outlined-text-color, var(--ig-gray-100-contrast)));--hover-selected-border-color: var(--igx-chip-hover-selected-border-color, var(--ig-chip-hover-selected-border-color, var(--ig-primary-200)));--hover-selected-outlined-text-color: var(--igx-chip-hover-selected-outlined-text-color, var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-100-contrast)));--focus-border-color: var(--igx-chip-focus-border-color, var(--ig-chip-focus-border-color, var(--ig-primary-200)));--focus-outlined-text-color: var(--igx-chip-focus-outlined-text-color, var(--ig-chip-focus-outlined-text-color, var(--ig-gray-100-contrast)));--focus-selected-border-color: var(--igx-chip-focus-selected-border-color, var(--ig-chip-focus-selected-border-color, var(--ig-primary-200)));--focus-selected-outlined-text-color: var(--igx-chip-focus-selected-outlined-text-color, var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-100-contrast)));--disabled-outlined-background: var(--igx-chip-disabled-outlined-background, var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--disabled-outlined-text-color: var(--igx-chip-disabled-outlined-text-color, var(--ig-chip-disabled-outlined-text-color, var(--ig-gray-500)));--disabled-border-color: var(--igx-chip-disabled-border-color, var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-500) h s l/.3)));--disabled-selected-outlined-background: var(--igx-chip-disabled-selected-outlined-background, var(--ig-chip-disabled-selected-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--disabled-selected-outlined-text-color: var(--igx-chip-disabled-selected-outlined-text-color, var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-500)));--disabled-selected-border-color: var(--igx-chip-disabled-selected-border-color, var(--ig-chip-disabled-selected-border-color, hsl(from var(--ig-gray-500) h s l/.3)));--text-color: var(--igx-chip-text-color, var(--ig-chip-text-color, var(--ig-gray-700)));--focus-background: var(--igx-chip-focus-background, var(--ig-chip-focus-background, var(--ig-primary-600)));--focus-selected-text-color: var(--igx-chip-focus-selected-text-color, var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast)));--focus-selected-background: var(--igx-chip-focus-selected-background, var(--ig-chip-focus-selected-background, var(--ig-primary-800)));--hover-outlined-background: var(--igx-chip-hover-outlined-background, var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--hover-selected-outlined-background: var(--igx-chip-hover-selected-outlined-background, var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/.2)));--focus-outlined-background: var(--igx-chip-focus-outlined-background, var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/.2)));--focus-selected-outlined-background: var(--igx-chip-focus-selected-outlined-background, var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/.5)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-column-actions{--background: var(--igx-column-actions-background, var(--ig-column-actions-background, var(--ig-surface-500)));--title-color: var(--igx-column-actions-title-color, var(--ig-column-actions-title-color, var(--ig-primary-500)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-combo{--toggle-button-background-focus--border: var(--igx-combo-toggle-button-background-focus--border, var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300)));--case-icon-color: var(--igx-combo-case-icon-color, var(--ig-combo-case-icon-color, var(--ig-gray-400)));--case-icon-color--active: var(--igx-combo-case-icon-color--active, var(--ig-combo-case-icon-color--active, var(--ig-primary-500)));--empty-list-background: var(--igx-combo-empty-list-background, var(--ig-combo-empty-list-background, var(--ig-surface-500)));--search-separator-border-color: var(--igx-combo-search-separator-border-color, var(--ig-combo-search-separator-border-color, transparent));--empty-list-placeholder-color: var(--igx-combo-empty-list-placeholder-color, var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700)));--toggle-button-background: var(--igx-combo-toggle-button-background, var(--ig-combo-toggle-button-background, var(--ig-gray-50)));--toggle-button-background-focus: var(--igx-combo-toggle-button-background-focus, var(--ig-combo-toggle-button-background-focus, var(--ig-gray-50)));--toggle-button-foreground: var(--igx-combo-toggle-button-foreground, var(--ig-combo-toggle-button-foreground, var(--ig-gray-400)));--toggle-button-foreground-focus: var(--igx-combo-toggle-button-foreground-focus, var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-400)));--toggle-button-foreground-filled: var(--igx-combo-toggle-button-foreground-filled, var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-400)));--clear-button-background: var(--igx-combo-clear-button-background, var(--ig-combo-clear-button-background, var(--ig-gray-50)));--clear-button-foreground: var(--igx-combo-clear-button-foreground, var(--ig-combo-clear-button-foreground, var(--ig-gray-400)));--clear-button-foreground-focus: var(--igx-combo-clear-button-foreground-focus, var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-400)));--toggle-button-background-disabled: var(--igx-combo-toggle-button-background-disabled, var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100)));--toggle-button-foreground-disabled: var(--igx-combo-toggle-button-foreground-disabled, var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-300)));--default-size: var(--igx-combo-default-size, var(--ig-combo-default-size, 2));--clear-button-background-focus: var(--igx-combo-clear-button-background-focus, var(--ig-combo-clear-button-background-focus, var(--ig-gray-50)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-date-picker{--default-size: var(--igx-calendar-default-size, var(--ig-calendar-default-size, 2));--content-foreground: var(--igx-calendar-content-foreground, var(--ig-calendar-content-foreground, var(--ig-gray-900)));--content-background: var(--igx-calendar-content-background, var(--ig-calendar-content-background, var(--ig-surface-500)));--border-color: var(--igx-calendar-border-color, var(--ig-calendar-border-color, transparent));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-primary-200-contrast)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-primary-200)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-100)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-date-range-picker{--label-color: var(--igx-date-range-picker-label-color, var(--ig-date-range-picker-label-color, var(--ig-gray-700)));--ranges-background: var(--igx-date-range-picker-ranges-background, var(--ig-date-range-picker-ranges-background, var(--ig-surface-500)));--ranges-border: var(--igx-date-range-picker-ranges-border, var(--ig-date-range-picker-ranges-border, var(--ig-gray-100)));--default-size: var(--igx-date-range-picker-default-size, var(--ig-date-range-picker-default-size, 2));--size: var(--igx-date-range-picker-size, var(--ig-date-range-picker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--ig-theme: fluent;--ig-theme-variant: dark}.igx-dialog{--elevation: var(--igx-dialog-elevation, var(--ig-dialog-elevation, var(--ig-elevation-24)));--background: var(--igx-dialog-background, var(--ig-dialog-background, var(--ig-surface-500)));--title-color: var(--igx-dialog-title-color, var(--ig-dialog-title-color, var(--ig-gray-900)));--message-color: var(--igx-dialog-message-color, var(--ig-dialog-message-color, var(--ig-gray-700)));--border-color: var(--igx-dialog-border-color, var(--ig-dialog-border-color, transparent));--backdrop: var(--igx-dialog-backdrop, var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/.54)));--border-radius: var(--igx-dialog-border-radius, var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .0555555556) * 2.25rem), 2.25rem)));--default-size: var(--igx-dialog-default-size, var(--ig-dialog-default-size, 2));--ig-theme: fluent;--ig-theme-variant: dark}.igx-divider{--color: var(--igx-divider-color, var(--ig-divider-color, var(--ig-gray-300)));--inset: var(--igx-divider-inset, var(--ig-divider-inset, 0));--ig-theme: fluent;--ig-theme-variant: dark}.igx-drop-down{--elevation: var(--igx-drop-down-elevation, var(--ig-drop-down-elevation, var(--ig-elevation-3)));--background-color: var(--igx-drop-down-background-color, var(--ig-drop-down-background-color, var(--ig-surface-500)));--header-text-color: var(--igx-drop-down-header-text-color, var(--ig-drop-down-header-text-color, var(--ig-surface-500-contrast)));--item-text-color: var(--igx-drop-down-item-text-color, var(--ig-drop-down-item-text-color, var(--ig-gray-800)));--item-icon-color: var(--igx-drop-down-item-icon-color, var(--ig-drop-down-item-icon-color, var(--ig-gray-800)));--hover-item-background: var(--igx-drop-down-hover-item-background, var(--ig-drop-down-hover-item-background, var(--ig-gray-100)));--hover-item-text-color: var(--igx-drop-down-hover-item-text-color, var(--ig-drop-down-hover-item-text-color, var(--ig-gray-800)));--hover-item-icon-color: var(--igx-drop-down-hover-item-icon-color, var(--ig-drop-down-hover-item-icon-color, var(--ig-gray-800)));--focused-item-background: var(--igx-drop-down-focused-item-background, var(--ig-drop-down-focused-item-background, var(--ig-surface-500)));--focused-item-text-color: var(--igx-drop-down-focused-item-text-color, var(--ig-drop-down-focused-item-text-color, var(--ig-gray-800)));--focused-item-border-color: var(--igx-drop-down-focused-item-border-color, var(--ig-drop-down-focused-item-border-color, transparent));--selected-item-background: var(--igx-drop-down-selected-item-background, var(--ig-drop-down-selected-item-background, var(--ig-gray-200)));--disabled-item-background: var(--igx-drop-down-disabled-item-background, var(--ig-drop-down-disabled-item-background, transparent));--disabled-item-text-color: var(--igx-drop-down-disabled-item-text-color, var(--ig-drop-down-disabled-item-text-color, var(--ig-gray-200)));--border-color: var(--igx-drop-down-border-color, var(--ig-drop-down-border-color, var(--ig-gray-400)));--border-width: var(--igx-drop-down-border-width, var(--ig-drop-down-border-width, 0));--border-radius: var(--igx-drop-down-border-radius, var(--ig-drop-down-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--item-border-radius: var(--igx-drop-down-item-border-radius, var(--ig-drop-down-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem)));--size: var(--igx-drop-down-size, var(--ig-drop-down-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem))));--default-size: var(--igx-drop-down-default-size, var(--ig-drop-down-default-size, 2));--selected-item-text-color: var(--igx-drop-down-selected-item-text-color, var(--ig-drop-down-selected-item-text-color, var(--ig-gray-900)));--selected-item-icon-color: var(--igx-drop-down-selected-item-icon-color, var(--ig-drop-down-selected-item-icon-color, var(--ig-gray-900)));--selected-hover-item-background: var(--igx-drop-down-selected-hover-item-background, var(--ig-drop-down-selected-hover-item-background, var(--ig-gray-200)));--selected-hover-item-text-color: var(--igx-drop-down-selected-hover-item-text-color, var(--ig-drop-down-selected-hover-item-text-color, var(--ig-gray-900)));--selected-hover-item-icon-color: var(--igx-drop-down-selected-hover-item-icon-color, var(--ig-drop-down-selected-hover-item-icon-color, var(--ig-gray-900)));--selected-focus-item-background: var(--igx-drop-down-selected-focus-item-background, var(--ig-drop-down-selected-focus-item-background, var(--ig-gray-200)));--selected-focus-item-text-color: var(--igx-drop-down-selected-focus-item-text-color, var(--ig-drop-down-selected-focus-item-text-color, var(--ig-gray-900)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-excel-filter,.igx-excel-filter__secondary{--background: var(--igx-excel-filtering-background, var(--ig-excel-filtering-background, var(--ig-gray-50)));--secondary-background: var(--igx-excel-filtering-secondary-background, var(--ig-excel-filtering-secondary-background, var(--ig-gray-50)));--header-foreground: var(--igx-excel-filtering-header-foreground, var(--ig-excel-filtering-header-foreground, var(--ig-gray-700)));--subheader-foreground: var(--igx-excel-filtering-subheader-foreground, var(--ig-excel-filtering-subheader-foreground, var(--ig-gray-700)));--actions-foreground: var(--igx-excel-filtering-actions-foreground, var(--ig-excel-filtering-actions-foreground, var(--ig-gray-700)));--actions-icon-color: var(--igx-excel-filtering-actions-icon-color, var(--ig-excel-filtering-actions-icon-color, var(--ig-gray-700)));--actions-hover-foreground: var(--igx-excel-filtering-actions-hover-foreground, var(--ig-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--actions-hover-icon-color: var(--igx-excel-filtering-actions-hover-icon-color, var(--ig-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--actions-selected-icon-color: var(--igx-excel-filtering-actions-selected-icon-color, var(--ig-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--actions-hover-background: var(--igx-excel-filtering-actions-hover-background, var(--ig-excel-filtering-actions-hover-background, var(--ig-gray-100)));--actions-disabled-foreground: var(--igx-excel-filtering-actions-disabled-foreground, var(--ig-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--border-color: var(--igx-excel-filtering-border-color, var(--ig-excel-filtering-border-color, var(--ig-gray-300)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-expansion-panel{--header-background: var(--igx-expansion-panel-header-background, var(--ig-expansion-panel-header-background, var(--ig-surface-500)));--body-background: var(--igx-expansion-panel-body-background, var(--ig-expansion-panel-body-background, var(--ig-surface-500)));--header-focus-background: var(--igx-expansion-panel-header-focus-background, var(--ig-expansion-panel-header-focus-background, hsl(from var(--ig-gray-100) h s l/.3)));--header-title-color: var(--igx-expansion-panel-header-title-color, var(--ig-expansion-panel-header-title-color, var(--ig-gray-900)));--header-description-color: var(--igx-expansion-panel-header-description-color, var(--ig-expansion-panel-header-description-color, var(--ig-gray-700)));--header-icon-color: var(--igx-expansion-panel-header-icon-color, var(--ig-expansion-panel-header-icon-color, var(--ig-gray-800)));--body-color: var(--igx-expansion-panel-body-color, var(--ig-expansion-panel-body-color, var(--ig-gray-700)));--disabled-text-color: var(--igx-expansion-panel-disabled-text-color, var(--ig-expansion-panel-disabled-text-color, var(--ig-gray-400)));--disabled-description-color: var(--igx-expansion-panel-disabled-description-color, var(--ig-expansion-panel-disabled-description-color, var(--ig-gray-400)));--expanded-margin: var(--igx-expansion-panel-expanded-margin, var(--ig-expansion-panel-expanded-margin, .5rem));--border-radius: var(--igx-expansion-panel-border-radius, var(--ig-expansion-panel-border-radius, 0rem, 0rem, 1rem));--ig-theme: fluent;--ig-theme-variant: dark}.igx-grid{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--grouparea-color: var(--igx-grid-grouparea-color, var(--ig-grid-grouparea-color, var(--ig-gray-500)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-gray-50)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/.4)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-100)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, .0625rem));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-200)));--action-border-color: var(--igx-grid-action-border-color, var(--ig-grid-action-border-color, var(--ig-gray-200)));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-300)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-surface-500)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-secondary-A700-contrast)));--row-hover-background: var(--igx-grid-row-hover-background, var(--ig-grid-row-hover-background, var(--ig-gray-100)));--body-column-hover-border-color: var(--igx-grid-body-column-hover-border-color, var(--ig-grid-body-column-hover-border-color, var(--ig-gray-100)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-100-contrast)));--row-border-width: var(--igx-grid-row-border-width, var(--ig-grid-row-border-width, .0625rem));--row-border-style: var(--igx-grid-row-border-style, var(--ig-grid-row-border-style, solid));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, hsl(from var(--ig-gray-200) h s l/.24)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, .125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, hsl(from var(--ig-gray-300) h s l/.24)));--cell-active-border-width: var(--igx-grid-cell-active-border-width, var(--ig-grid-cell-active-border-width, .0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-gray-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-100-contrast)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, hsl(from var(--ig-gray-100) h s l/.5)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-gray-100)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-secondary-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .125) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-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, var(--ig-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, var(--ig-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-border-color: var(--igx-grid-summaries-border-color, var(--ig-grid-summaries-border-color, var(--ig-gray-400)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-gray-100)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-200)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-200-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-gray-100)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-gray-200)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-gray-200)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-gray-200-contrast)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-grid-summary{--background-color: var(--igx-grid-summary-background-color, var(--ig-grid-summary-background-color, var(--ig-surface-500)));--label-color: var(--igx-grid-summary-label-color, var(--ig-grid-summary-label-color, var(--ig-primary-300)));--label-hover-color: var(--igx-grid-summary-label-hover-color, var(--ig-grid-summary-label-hover-color, var(--ig-primary-700)));--result-color: var(--igx-grid-summary-result-color, var(--ig-grid-summary-result-color, var(--ig-surface-500-contrast)));--border-style: var(--igx-grid-summary-border-style, var(--ig-grid-summary-border-style, solid));--border-color: var(--igx-grid-summary-border-color, var(--ig-grid-summary-border-color, var(--ig-gray-100)));--pinned-border-style: var(--igx-grid-summary-pinned-border-style, var(--ig-grid-summary-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-summary-pinned-border-color, var(--ig-grid-summary-pinned-border-color, hsl(from var(--ig-gray-300) h s l/.24)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-grid-toolbar{--background: var(--igx-grid-toolbar-background, var(--ig-grid-toolbar-background, var(--ig-surface-500)));--title-text-color: var(--igx-grid-toolbar-title-text-color, var(--ig-grid-toolbar-title-text-color, var(--ig-gray-600)));--dropdown-background: var(--igx-grid-toolbar-dropdown-background, var(--ig-grid-toolbar-dropdown-background, var(--ig-surface-500)));--item-text-color: var(--igx-grid-toolbar-item-text-color, var(--ig-grid-toolbar-item-text-color, var(--ig-gray-600)));--item-hover-background: var(--igx-grid-toolbar-item-hover-background, var(--ig-grid-toolbar-item-hover-background, var(--ig-gray-100)));--item-hover-text-color: var(--igx-grid-toolbar-item-hover-text-color, var(--ig-grid-toolbar-item-hover-text-color, var(--ig-gray-600)));--item-focus-background: var(--igx-grid-toolbar-item-focus-background, var(--ig-grid-toolbar-item-focus-background, var(--ig-gray-100)));--item-focus-text-color: var(--igx-grid-toolbar-item-focus-text-color, var(--ig-grid-toolbar-item-focus-text-color, var(--ig-gray-600)));--size: var(--igx-grid-toolbar-size, var(--ig-grid-toolbar-size, max(var(--is-large, 1) * max(3.625rem, -1 * 3.625rem), var(--is-medium, 1) * max(3.25rem, -1 * 3.25rem), var(--is-small, 1) * max(2.75rem, -1 * 2.75rem))));--border-color: var(--igx-grid-toolbar-border-color, var(--ig-grid-toolbar-border-color, var(--ig-gray-300)));--ig-theme: fluent;--ig-theme-variant: dark}}}@scope(.igx-icon){.dark-theme .grid-chart-contextmenu-wrapper :scope:is(igx-icon){--color: var(--igx-icon-color, var(--ig-icon-color, "currentColor"));--disabled-color: var(--igx-icon-disabled-color, var(--ig-icon-disabled-color, var(--ig-gray-500)));--size: var(--igx-icon-size, var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))));--default-size: var(--igx-icon-default-size, var(--ig-icon-default-size, 3));--ig-theme: fluent;--ig-theme-variant: dark}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: dark){.igx-input-group{--helper-text-color: var(--igx-input-group-helper-text-color, var(--ig-input-group-helper-text-color, var(--ig-gray-700)));--text-error-color: var(--igx-input-group-text-error-color, var(--ig-input-group-text-error-color, var(--ig-error-500)));--icon-error-color: var(--igx-input-group-icon-error-color, var(--ig-input-group-icon-error-color, var(--ig-error-500)));--input-prefix-background: var(--igx-input-group-input-prefix-background, var(--ig-input-group-input-prefix-background, var(--ig-gray-50)));--input-prefix-color: var(--igx-input-group-input-prefix-color, var(--ig-input-group-input-prefix-color, var(--ig-gray-400)));--input-prefix-background--filled: var(--igx-input-group-input-prefix-background--filled, var(--ig-input-group-input-prefix-background--filled, var(--ig-gray-50)));--input-prefix-color--filled: var(--igx-input-group-input-prefix-color--filled, var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-400)));--input-prefix-background--focused: var(--igx-input-group-input-prefix-background--focused, var(--ig-input-group-input-prefix-background--focused, var(--ig-gray-50)));--input-prefix-color--focused: var(--igx-input-group-input-prefix-color--focused, var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-400)));--input-suffix-background: var(--igx-input-group-input-suffix-background, var(--ig-input-group-input-suffix-background, var(--ig-gray-50)));--input-suffix-color: var(--igx-input-group-input-suffix-color, var(--ig-input-group-input-suffix-color, var(--ig-gray-400)));--input-suffix-background--filled: var(--igx-input-group-input-suffix-background--filled, var(--ig-input-group-input-suffix-background--filled, var(--ig-gray-50)));--input-suffix-color--filled: var(--igx-input-group-input-suffix-color--filled, var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-400)));--input-suffix-background--focused: var(--igx-input-group-input-suffix-background--focused, var(--ig-input-group-input-suffix-background--focused, var(--ig-gray-50)));--input-suffix-color--focused: var(--igx-input-group-input-suffix-color--focused, var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-400)));--idle-text-color: var(--igx-input-group-idle-text-color, var(--ig-input-group-idle-text-color, var(--ig-gray-900)));--filled-text-color: var(--igx-input-group-filled-text-color, var(--ig-input-group-filled-text-color, var(--ig-gray-900)));--filled-text-hover-color: var(--igx-input-group-filled-text-hover-color, var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900)));--focused-text-color: var(--igx-input-group-focused-text-color, var(--ig-input-group-focused-text-color, var(--ig-gray-900)));--disabled-text-color: var(--igx-input-group-disabled-text-color, var(--ig-input-group-disabled-text-color, var(--ig-gray-300)));--idle-secondary-color: var(--igx-input-group-idle-secondary-color, var(--ig-input-group-idle-secondary-color, var(--ig-gray-800)));--filled-secondary-color: var(--igx-input-group-filled-secondary-color, var(--ig-input-group-filled-secondary-color, var(--ig-gray-600)));--focused-secondary-color: var(--igx-input-group-focused-secondary-color, var(--ig-input-group-focused-secondary-color, var(--ig-primary-500)));--idle-bottom-line-color: var(--igx-input-group-idle-bottom-line-color, var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500)));--hover-bottom-line-color: var(--igx-input-group-hover-bottom-line-color, var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800)));--focused-bottom-line-color: var(--igx-input-group-focused-bottom-line-color, var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500)));--disabled-bottom-line-color: var(--igx-input-group-disabled-bottom-line-color, var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500)));--disabled-border-color: var(--igx-input-group-disabled-border-color, var(--ig-input-group-disabled-border-color, var(--ig-gray-100)));--border-color: var(--igx-input-group-border-color, var(--ig-input-group-border-color, var(--ig-gray-400)));--hover-border-color: var(--igx-input-group-hover-border-color, var(--ig-input-group-hover-border-color, var(--ig-gray-800)));--focused-border-color: var(--igx-input-group-focused-border-color, var(--ig-input-group-focused-border-color, var(--ig-primary-500)));--border-background: var(--igx-input-group-border-background, var(--ig-input-group-border-background, transparent));--border-disabled-background: var(--igx-input-group-border-disabled-background, var(--ig-input-group-border-disabled-background, var(--ig-gray-100)));--search-background: var(--igx-input-group-search-background, var(--ig-input-group-search-background, transparent));--search-disabled-background: var(--igx-input-group-search-disabled-background, var(--ig-input-group-search-disabled-background, var(--ig-gray-100)));--success-secondary-color: var(--igx-input-group-success-secondary-color, var(--ig-input-group-success-secondary-color, var(--ig-success-500)));--warning-secondary-color: var(--igx-input-group-warning-secondary-color, var(--ig-input-group-warning-secondary-color, var(--ig-warn-500)));--error-secondary-color: var(--igx-input-group-error-secondary-color, var(--ig-input-group-error-secondary-color, var(--ig-error-500)));--placeholder-color: var(--igx-input-group-placeholder-color, var(--ig-input-group-placeholder-color, var(--ig-gray-400)));--hover-placeholder-color: var(--igx-input-group-hover-placeholder-color, var(--ig-input-group-hover-placeholder-color, var(--ig-gray-400)));--disabled-placeholder-color: var(--igx-input-group-disabled-placeholder-color, var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-300)));--box-background: var(--igx-input-group-box-background, var(--ig-input-group-box-background, var(--ig-gray-100)));--box-background-hover: var(--igx-input-group-box-background-hover, var(--ig-input-group-box-background-hover, var(--ig-gray-200)));--box-background-focus: var(--igx-input-group-box-background-focus, var(--ig-input-group-box-background-focus, var(--ig-gray-300)));--box-disabled-background: var(--igx-input-group-box-disabled-background, var(--ig-input-group-box-disabled-background, var(--ig-gray-100)));--box-border-radius: var(--igx-input-group-box-border-radius, var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--border-border-radius: var(--igx-input-group-border-border-radius, var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--search-border-radius: var(--igx-input-group-search-border-radius, var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--success-shadow-color: var(--igx-input-group-success-shadow-color, var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/.38)));--error-shadow-color: var(--igx-input-group-error-shadow-color, var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/.38)));--size: var(--igx-input-group-size, var(--ig-input-group-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-input-group-default-size, var(--ig-input-group-default-size, 2));--search-resting-elevation: var(--igx-input-group-search-resting-elevation, var(--ig-input-group-search-resting-elevation, var(--ig-elevation-0)));--search-hover-elevation: var(--igx-input-group-search-hover-elevation, var(--ig-input-group-search-hover-elevation, var(--ig-elevation-0)));--search-disabled-elevation: var(--igx-input-group-search-disabled-elevation, var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-0)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-file-input{--file-names-background: var(--igx-file-input-file-names-background, var(--ig-file-input-file-names-background, transparent));--file-names-background--focused: var(--igx-file-input-file-names-background--focused, var(--ig-file-input-file-names-background--focused, transparent));--file-names-background--filled: var(--igx-file-input-file-names-background--filled, var(--ig-file-input-file-names-background--filled, transparent));--file-names-background--disabled: var(--igx-file-input-file-names-background--disabled, var(--ig-file-input-file-names-background--disabled, transparent));--file-names-foreground: var(--igx-file-input-file-names-foreground, var(--ig-file-input-file-names-foreground, var(--ig-gray-900)));--file-names-foreground--focused: var(--igx-file-input-file-names-foreground--focused, var(--ig-file-input-file-names-foreground--focused, var(--ig-gray-900)));--file-names-foreground--filled: var(--igx-file-input-file-names-foreground--filled, var(--ig-file-input-file-names-foreground--filled, var(--ig-gray-900)));--file-names-foreground--disabled: var(--igx-file-input-file-names-foreground--disabled, var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-300)));--file-selector-button-background: var(--igx-file-input-file-selector-button-background, var(--ig-file-input-file-selector-button-background, transparent));--file-selector-button-background--focused: var(--igx-file-input-file-selector-button-background--focused, var(--ig-file-input-file-selector-button-background--focused, transparent));--file-selector-button-background--filled: var(--igx-file-input-file-selector-button-background--filled, var(--ig-file-input-file-selector-button-background--filled, transparent));--file-selector-button-background--disabled: var(--igx-file-input-file-selector-button-background--disabled, var(--ig-file-input-file-selector-button-background--disabled, transparent));--file-selector-button-foreground: var(--igx-file-input-file-selector-button-foreground, var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-900)));--file-selector-button-foreground--focused: var(--igx-file-input-file-selector-button-foreground--focused, var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-gray-900)));--file-selector-button-foreground--filled: var(--igx-file-input-file-selector-button-foreground--filled, var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-gray-900)));--file-selector-button-foreground--disabled: var(--igx-file-input-file-selector-button-foreground--disabled, var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-200)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-linear-bar{--track-color: var(--igx-linear-bar-track-color, var(--ig-linear-bar-track-color, var(--ig-gray-300)));--fill-color-default: var(--igx-linear-bar-fill-color-default, var(--ig-linear-bar-fill-color-default, var(--ig-primary-500)));--fill-color-danger: var(--igx-linear-bar-fill-color-danger, var(--ig-linear-bar-fill-color-danger, var(--ig-error-500)));--fill-color-warning: var(--igx-linear-bar-fill-color-warning, var(--ig-linear-bar-fill-color-warning, var(--ig-warn-500)));--fill-color-info: var(--igx-linear-bar-fill-color-info, var(--ig-linear-bar-fill-color-info, var(--ig-info-500)));--fill-color-success: var(--igx-linear-bar-fill-color-success, var(--ig-linear-bar-fill-color-success, var(--ig-success-500)));--stripes-color: var(--igx-linear-bar-stripes-color, var(--ig-linear-bar-stripes-color, hsl(from var(--ig-gray-900) h s l/.7)));--text-color: var(--igx-linear-bar-text-color, var(--ig-linear-bar-text-color, var(--ig-gray-700)));--track-border-radius: var(--igx-linear-bar-track-border-radius, var(--ig-linear-bar-track-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .5rem), .5rem)));--track-height: var(--igx-linear-bar-track-height, var(--ig-linear-bar-track-height, .125rem));--strip-size: var(--igx-linear-bar-strip-size, var(--ig-linear-bar-strip-size, 1rem));--ig-theme: fluent;--ig-theme-variant: dark}.igx-list{--background: var(--igx-list-background, var(--ig-list-background, var(--ig-surface-500)));--header-background: var(--igx-list-header-background, var(--ig-list-header-background, var(--ig-surface-500)));--header-text-color: var(--igx-list-header-text-color, var(--ig-list-header-text-color, var(--ig-secondary-500)));--item-background: var(--igx-list-item-background, var(--ig-list-item-background, var(--ig-surface-500)));--item-background-hover: var(--igx-list-item-background-hover, var(--ig-list-item-background-hover, var(--ig-gray-100)));--item-background-active: var(--igx-list-item-background-active, var(--ig-list-item-background-active, var(--ig-gray-100)));--item-background-selected: var(--igx-list-item-background-selected, var(--ig-list-item-background-selected, var(--ig-gray-100)));--item-text-color: var(--igx-list-item-text-color, var(--ig-list-item-text-color, var(--ig-gray-700)));--item-text-color-hover: var(--igx-list-item-text-color-hover, var(--ig-list-item-text-color-hover, var(--ig-gray-700)));--item-text-color-active: var(--igx-list-item-text-color-active, var(--ig-list-item-text-color-active, var(--ig-gray-700)));--item-text-color-selected: var(--igx-list-item-text-color-selected, var(--ig-list-item-text-color-selected, var(--ig-gray-700)));--item-title-color: var(--igx-list-item-title-color, var(--ig-list-item-title-color, var(--ig-gray-900)));--item-title-color-hover: var(--igx-list-item-title-color-hover, var(--ig-list-item-title-color-hover, var(--ig-gray-900)));--item-title-color-active: var(--igx-list-item-title-color-active, var(--ig-list-item-title-color-active, var(--ig-gray-900)));--item-title-color-selected: var(--igx-list-item-title-color-selected, var(--ig-list-item-title-color-selected, var(--ig-gray-900)));--item-action-color: var(--igx-list-item-action-color, var(--ig-list-item-action-color, "currentColor"));--item-action-color-hover: var(--igx-list-item-action-color-hover, var(--ig-list-item-action-color-hover, "currentColor"));--item-action-color-active: var(--igx-list-item-action-color-active, var(--ig-list-item-action-color-active, "currentColor"));--item-action-color-selected: var(--igx-list-item-action-color-selected, var(--ig-list-item-action-color-selected, "currentColor"));--item-subtitle-color: var(--igx-list-item-subtitle-color, var(--ig-list-item-subtitle-color, var(--ig-gray-700)));--item-subtitle-color-hover: var(--igx-list-item-subtitle-color-hover, var(--ig-list-item-subtitle-color-hover, var(--ig-gray-700)));--item-subtitle-color-active: var(--igx-list-item-subtitle-color-active, var(--ig-list-item-subtitle-color-active, var(--ig-gray-700)));--item-subtitle-color-selected: var(--igx-list-item-subtitle-color-selected, var(--ig-list-item-subtitle-color-selected, var(--ig-gray-700)));--item-thumbnail-color: var(--igx-list-item-thumbnail-color, var(--ig-list-item-thumbnail-color, "currentColor"));--item-thumbnail-color-hover: var(--igx-list-item-thumbnail-color-hover, var(--ig-list-item-thumbnail-color-hover, "currentColor"));--item-thumbnail-color-active: var(--igx-list-item-thumbnail-color-active, var(--ig-list-item-thumbnail-color-active, "currentColor"));--item-thumbnail-color-selected: var(--igx-list-item-thumbnail-color-selected, var(--ig-list-item-thumbnail-color-selected, "currentColor"));--border-color: var(--igx-list-border-color, var(--ig-list-border-color, var(--ig-gray-200)));--border-width: var(--igx-list-border-width, var(--ig-list-border-width, .0625rem));--border-radius: var(--igx-list-border-radius, var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--item-border-radius: var(--igx-list-item-border-radius, var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--default-size: var(--igx-list-default-size, var(--ig-list-default-size, 2));--ig-theme: fluent;--ig-theme-variant: dark}.igx-nav-drawer{--elevation: var(--igx-nav-drawer-elevation, var(--ig-nav-drawer-elevation, var(--ig-elevation-0)));--size: var(--igx-nav-drawer-size, var(--ig-nav-drawer-size, 15rem));--size--mini: var(--igx-nav-drawer-size--mini, var(--ig-nav-drawer-size--mini, 3.5rem));--background: var(--igx-nav-drawer-background, var(--ig-nav-drawer-background, var(--ig-surface-500)));--item-disabled-text-color: var(--igx-nav-drawer-item-disabled-text-color, var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-200)));--item-disabled-icon-color: var(--igx-nav-drawer-item-disabled-icon-color, var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-200)));--border-radius: var(--igx-nav-drawer-border-radius, var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem)));--item-border-radius: var(--igx-nav-drawer-item-border-radius, var(--ig-nav-drawer-item-border-radius, 0));--item-hover-icon-color: var(--igx-nav-drawer-item-hover-icon-color, var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-100)));--item-hover-text-color: var(--igx-nav-drawer-item-hover-text-color, var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800)));--item-hover-background: var(--igx-nav-drawer-item-hover-background, var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/.12)));--item-text-color: var(--igx-nav-drawer-item-text-color, var(--ig-nav-drawer-item-text-color, var(--ig-gray-800)));--item-active-background: var(--igx-nav-drawer-item-active-background, var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-gray-300) h s l/.12)));--item-active-icon-color: var(--igx-nav-drawer-item-active-icon-color, var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-50)));--item-active-text-color: var(--igx-nav-drawer-item-active-text-color, var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900)));--border-color: var(--igx-nav-drawer-border-color, var(--ig-nav-drawer-border-color, var(--ig-gray-200)));--item-icon-color: var(--igx-nav-drawer-item-icon-color, var(--ig-nav-drawer-item-icon-color, var(--ig-primary-200)));--item-header-text-color: var(--igx-nav-drawer-item-header-text-color, var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-navbar{--elevation: var(--igx-navbar-elevation, var(--ig-navbar-elevation, var(--ig-elevation-4)));--background: var(--igx-navbar-background, var(--ig-navbar-background, var(--ig-surface-500)));--text-color: var(--igx-navbar-text-color, var(--ig-navbar-text-color, var(--ig-gray-900)));--idle-icon-color: var(--igx-navbar-idle-icon-color, var(--ig-navbar-idle-icon-color, var(--ig-primary-500)));--hover-icon-color: var(--igx-navbar-hover-icon-color, var(--ig-navbar-hover-icon-color, var(--ig-primary-500)));--border-color: var(--igx-navbar-border-color, var(--ig-navbar-border-color, transparent));--ig-theme: fluent;--ig-theme-variant: dark}.igx-paginator{--foreground: var(--igx-paginator-foreground, var(--ig-paginator-foreground, var(--ig-gray-800)));--background: var(--igx-paginator-background, var(--ig-paginator-background, var(--ig-surface-500)));--border-color: var(--igx-paginator-border-color, var(--ig-paginator-border-color, var(--ig-gray-100)));--size: var(--igx-paginator-size, var(--ig-paginator-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.75rem, -1 * 2.75rem))));--ig-theme: fluent;--ig-theme-variant: dark}.igx-pivot-data-selector{--background: var(--igx-pivot-data-selector-background, var(--ig-pivot-data-selector-background, var(--ig-surface-500)));--header-color: var(--igx-pivot-data-selector-header-color, var(--ig-pivot-data-selector-header-color, var(--ig-gray-100)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-advanced-filtering-dialog,.igx-query-builder{--elevation: var(--igx-query-builder-elevation, var(--ig-query-builder-elevation, var(--ig-elevation-0)));--background: var(--igx-query-builder-background, var(--ig-query-builder-background, var(--ig-surface-500)));--header-background: var(--igx-query-builder-header-background, var(--ig-query-builder-header-background, var(--ig-surface-500)));--header-foreground: var(--igx-query-builder-header-foreground, var(--ig-query-builder-header-foreground, var(--ig-gray-900)));--header-border: var(--igx-query-builder-header-border, var(--ig-query-builder-header-border, transparent));--color-expression-group-and: var(--igx-query-builder-color-expression-group-and, var(--ig-query-builder-color-expression-group-and, #da64ff));--color-expression-group-or: var(--igx-query-builder-color-expression-group-or, var(--ig-query-builder-color-expression-group-or, #19ad87));--border-radius: var(--igx-query-builder-border-radius, var(--ig-query-builder-border-radius, .125rem));--subquery-header-background: var(--igx-query-builder-subquery-header-background, var(--ig-query-builder-subquery-header-background, var(--ig-gray-50)));--subquery-border-color: var(--igx-query-builder-subquery-border-color, var(--ig-query-builder-subquery-border-color, var(--ig-gray-200)));--subquery-border-radius: var(--igx-query-builder-subquery-border-radius, var(--ig-query-builder-subquery-border-radius, .75rem));--separator-color: var(--igx-query-builder-separator-color, var(--ig-query-builder-separator-color, var(--ig-gray-300)));--label-foreground: var(--igx-query-builder-label-foreground, var(--ig-query-builder-label-foreground, var(--ig-gray-700)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-radio{--empty-fill-color: var(--igx-radio-empty-fill-color, var(--ig-radio-empty-fill-color, transparent));--hover-color: var(--igx-radio-hover-color, var(--ig-radio-hover-color, var(--ig-gray-400)));--label-color: var(--igx-radio-label-color, var(--ig-radio-label-color, var(--ig-gray-900)));--label-color-hover: var(--igx-radio-label-color-hover, var(--ig-radio-label-color-hover, var(--ig-gray-900)));--fill-color: var(--igx-radio-fill-color, var(--ig-radio-fill-color, var(--ig-primary-300)));--disabled-color: var(--igx-radio-disabled-color, var(--ig-radio-disabled-color, var(--ig-gray-100)));--disabled-fill-color: var(--igx-radio-disabled-fill-color, var(--ig-radio-disabled-fill-color, var(--ig-gray-100)));--disabled-label-color: var(--igx-radio-disabled-label-color, var(--ig-radio-disabled-label-color, var(--ig-gray-300)));--error-color: var(--igx-radio-error-color, var(--ig-radio-error-color, var(--ig-error-100)));--focus-border-color: var(--igx-radio-focus-border-color, var(--ig-radio-focus-border-color, transparent));--focus-outline-color-filled: var(--igx-radio-focus-outline-color-filled, var(--ig-radio-focus-outline-color-filled, transparent));--focus-outline-color-error: var(--igx-radio-focus-outline-color-error, var(--ig-radio-focus-outline-color-error, transparent));--focus-outline-color: var(--igx-radio-focus-outline-color, var(--ig-radio-focus-outline-color, var(--ig-gray-400)));--fill-hover-border-color: var(--igx-radio-fill-hover-border-color, var(--ig-radio-fill-hover-border-color, var(--ig-primary-100)));--empty-color: var(--igx-radio-empty-color, var(--ig-radio-empty-color, var(--ig-gray-900)));--fill-color-hover: var(--igx-radio-fill-color-hover, var(--ig-radio-fill-color-hover, var(--ig-primary-100)));--error-color-hover: var(--igx-radio-error-color-hover, var(--ig-radio-error-color-hover, var(--ig-error-50)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-select{--toggle-button-background-focus--border: var(--igx-select-toggle-button-background-focus--border, var(--ig-select-toggle-button-background-focus--border, var(--ig-gray-300)));--toggle-button-background: var(--igx-select-toggle-button-background, var(--ig-select-toggle-button-background, var(--ig-gray-50)));--toggle-button-background-focus: var(--igx-select-toggle-button-background-focus, var(--ig-select-toggle-button-background-focus, var(--ig-gray-50)));--toggle-button-foreground: var(--igx-select-toggle-button-foreground, var(--ig-select-toggle-button-foreground, var(--ig-gray-400)));--toggle-button-foreground-focus: var(--igx-select-toggle-button-foreground-focus, var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-400)));--toggle-button-foreground-filled: var(--igx-select-toggle-button-foreground-filled, var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-400)));--toggle-button-background-disabled: var(--igx-select-toggle-button-background-disabled, var(--ig-select-toggle-button-background-disabled, var(--ig-gray-100)));--toggle-button-foreground-disabled: var(--igx-select-toggle-button-foreground-disabled, var(--ig-select-toggle-button-foreground-disabled, var(--ig-gray-300)));--default-size: var(--igx-select-default-size, var(--ig-select-default-size, 2));--ig-theme: fluent;--ig-theme-variant: dark}.igx-slider{--track-color: var(--igx-slider-track-color, var(--ig-slider-track-color, var(--ig-gray-600)));--track-step-color: var(--igx-slider-track-step-color, var(--ig-slider-track-step-color, white));--track-step-size: var(--igx-slider-track-step-size, var(--ig-slider-track-step-size, .1875rem));--thumb-disabled-border-color: var(--igx-slider-thumb-disabled-border-color, var(--ig-slider-thumb-disabled-border-color, var(--ig-gray-200)));--label-background-color: var(--igx-slider-label-background-color, var(--ig-slider-label-background-color, var(--ig-primary-500)));--label-text-color: var(--igx-slider-label-text-color, var(--ig-slider-label-text-color, var(--ig-gray-700-contrast)));--tick-color: var(--igx-slider-tick-color, var(--ig-slider-tick-color, var(--ig-gray-500)));--tick-label-color: var(--igx-slider-tick-label-color, var(--ig-slider-tick-label-color, var(--ig-gray-500)));--track-hover-color: var(--igx-slider-track-hover-color, var(--ig-slider-track-hover-color, var(--ig-primary-300)));--thumb-color: var(--igx-slider-thumb-color, var(--ig-slider-thumb-color, var(--ig-surface-500)));--thumb-border-color: var(--igx-slider-thumb-border-color, var(--ig-slider-thumb-border-color, var(--ig-gray-400)));--thumb-border-hover-color: var(--igx-slider-thumb-border-hover-color, var(--ig-slider-thumb-border-hover-color, var(--ig-gray-400)));--thumb-border-focus-color: var(--igx-slider-thumb-border-focus-color, var(--ig-slider-thumb-border-focus-color, var(--ig-gray-700)));--thumb-focus-color: var(--igx-slider-thumb-focus-color, var(--ig-slider-thumb-focus-color, var(--ig-primary-100)));--disabled-thumb-color: var(--igx-slider-disabled-thumb-color, var(--ig-slider-disabled-thumb-color, var(--ig-surface-500)));--base-track-color: var(--igx-slider-base-track-color, var(--ig-slider-base-track-color, var(--ig-gray-300)));--base-track-hover-color: var(--igx-slider-base-track-hover-color, var(--ig-slider-base-track-hover-color, var(--ig-gray-300)));--disabled-base-track-color: var(--igx-slider-disabled-base-track-color, var(--ig-slider-disabled-base-track-color, var(--ig-gray-100)));--disabled-fill-track-color: var(--igx-slider-disabled-fill-track-color, var(--ig-slider-disabled-fill-track-color, var(--ig-gray-300)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-snackbar{--elevation: var(--igx-snackbar-elevation, var(--ig-snackbar-elevation, var(--ig-elevation-4)));--background: var(--igx-snackbar-background, var(--ig-snackbar-background, var(--ig-gray-100)));--text-color: var(--igx-snackbar-text-color, var(--ig-snackbar-text-color, var(--ig-gray-900)));--button-color: var(--igx-snackbar-button-color, var(--ig-snackbar-button-color, var(--ig-gray-900)));--border-radius: var(--igx-snackbar-border-radius, var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-splitter{--bar-color: var(--igx-splitter-bar-color, var(--ig-splitter-bar-color, var(--ig-gray-200)));--focus-color: var(--igx-splitter-focus-color, var(--ig-splitter-focus-color, var(--ig-primary-500)));--handle-color: var(--igx-splitter-handle-color, var(--ig-splitter-handle-color, var(--ig-gray-800)));--expander-color: var(--igx-splitter-expander-color, var(--ig-splitter-expander-color, var(--ig-gray-800)));--bar-color-active: var(--igx-splitter-bar-color-active, var(--ig-splitter-bar-color-active, var(--ig-gray-300)));--handle-color-active: var(--igx-splitter-handle-color-active, var(--ig-splitter-handle-color-active, var(--ig-gray-900)));--expander-color-active: var(--igx-splitter-expander-color-active, var(--ig-splitter-expander-color-active, var(--ig-gray-900)));--size: var(--igx-splitter-size, var(--ig-splitter-size, .25rem));--border-radius: var(--igx-splitter-border-radius, var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * .125rem), .125rem)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-stepper{--content-foreground: var(--igx-stepper-content-foreground, var(--ig-stepper-content-foreground, var(--ig-gray-900)));--step-background: var(--igx-stepper-step-background, var(--ig-stepper-step-background, transparent));--indicator-background: var(--igx-stepper-indicator-background, var(--ig-stepper-indicator-background, transparent));--indicator-outline: var(--igx-stepper-indicator-outline, var(--ig-stepper-indicator-outline, transparent));--title-color: var(--igx-stepper-title-color, var(--ig-stepper-title-color, var(--ig-gray-900)));--title-hover-color: var(--igx-stepper-title-hover-color, var(--ig-stepper-title-hover-color, var(--ig-gray-900)));--title-focus-color: var(--igx-stepper-title-focus-color, var(--ig-stepper-title-focus-color, var(--ig-gray-900)));--subtitle-color: var(--igx-stepper-subtitle-color, var(--ig-stepper-subtitle-color, var(--ig-gray-700)));--subtitle-hover-color: var(--igx-stepper-subtitle-hover-color, var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700)));--subtitle-focus-color: var(--igx-stepper-subtitle-focus-color, var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700)));--complete-step-background: var(--igx-stepper-complete-step-background, var(--ig-stepper-complete-step-background, transparent));--complete-title-color: var(--igx-stepper-complete-title-color, var(--ig-stepper-complete-title-color, var(--ig-gray-900)));--complete-title-hover-color: var(--igx-stepper-complete-title-hover-color, var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900)));--complete-title-focus-color: var(--igx-stepper-complete-title-focus-color, var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900)));--complete-subtitle-color: var(--igx-stepper-complete-subtitle-color, var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700)));--complete-subtitle-hover-color: var(--igx-stepper-complete-subtitle-hover-color, var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700)));--complete-subtitle-focus-color: var(--igx-stepper-complete-subtitle-focus-color, var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700)));--current-step-background: var(--igx-stepper-current-step-background, var(--ig-stepper-current-step-background, transparent));--current-indicator-background: var(--igx-stepper-current-indicator-background, var(--ig-stepper-current-indicator-background, var(--ig-primary-500)));--current-indicator-outline: var(--igx-stepper-current-indicator-outline, var(--ig-stepper-current-indicator-outline, var(--ig-primary-500)));--current-indicator-color: var(--igx-stepper-current-indicator-color, var(--ig-stepper-current-indicator-color, var(--ig-gray-900)));--current-title-color: var(--igx-stepper-current-title-color, var(--ig-stepper-current-title-color, var(--ig-gray-900)));--current-title-hover-color: var(--igx-stepper-current-title-hover-color, var(--ig-stepper-current-title-hover-color, var(--ig-gray-900)));--current-title-focus-color: var(--igx-stepper-current-title-focus-color, var(--ig-stepper-current-title-focus-color, var(--ig-gray-900)));--current-subtitle-color: var(--igx-stepper-current-subtitle-color, var(--ig-stepper-current-subtitle-color, var(--ig-gray-700)));--current-subtitle-hover-color: var(--igx-stepper-current-subtitle-hover-color, var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700)));--current-subtitle-focus-color: var(--igx-stepper-current-subtitle-focus-color, var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700)));--invalid-step-background: var(--igx-stepper-invalid-step-background, var(--ig-stepper-invalid-step-background, transparent));--invalid-indicator-background: var(--igx-stepper-invalid-indicator-background, var(--ig-stepper-invalid-indicator-background, var(--ig-error-500)));--invalid-indicator-outline: var(--igx-stepper-invalid-indicator-outline, var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500)));--invalid-indicator-color: var(--igx-stepper-invalid-indicator-color, var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900)));--invalid-title-color: var(--igx-stepper-invalid-title-color, var(--ig-stepper-invalid-title-color, var(--ig-error-50)));--invalid-title-hover-color: var(--igx-stepper-invalid-title-hover-color, var(--ig-stepper-invalid-title-hover-color, var(--ig-error-50)));--invalid-title-focus-color: var(--igx-stepper-invalid-title-focus-color, var(--ig-stepper-invalid-title-focus-color, var(--ig-error-50)));--invalid-subtitle-color: var(--igx-stepper-invalid-subtitle-color, var(--ig-stepper-invalid-subtitle-color, var(--ig-error-50)));--invalid-subtitle-hover-color: var(--igx-stepper-invalid-subtitle-hover-color, var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-50)));--invalid-subtitle-focus-color: var(--igx-stepper-invalid-subtitle-focus-color, var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-50)));--disabled-indicator-color: var(--igx-stepper-disabled-indicator-color, var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500)));--disabled-indicator-background: var(--igx-stepper-disabled-indicator-background, var(--ig-stepper-disabled-indicator-background, transparent));--disabled-indicator-outline: var(--igx-stepper-disabled-indicator-outline, var(--ig-stepper-disabled-indicator-outline, transparent));--disabled-title-color: var(--igx-stepper-disabled-title-color, var(--ig-stepper-disabled-title-color, var(--ig-gray-500)));--disabled-subtitle-color: var(--igx-stepper-disabled-subtitle-color, var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500)));--step-separator-color: var(--igx-stepper-step-separator-color, var(--ig-stepper-step-separator-color, var(--ig-gray-300)));--complete-step-separator-color: var(--igx-stepper-complete-step-separator-color, var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500)));--step-separator-style: var(--igx-stepper-step-separator-style, var(--ig-stepper-step-separator-style, dashed));--complete-step-separator-style: var(--igx-stepper-complete-step-separator-style, var(--ig-stepper-complete-step-separator-style, solid));--border-radius-indicator: var(--igx-stepper-border-radius-indicator, var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, .02) * 6.25rem), 6.25rem)));--border-radius-step-header: var(--igx-stepper-border-radius-step-header, var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, .02) * 6.25rem), 6.25rem)));--indicator-color: var(--igx-stepper-indicator-color, var(--ig-stepper-indicator-color, var(--ig-gray-900)));--complete-indicator-background: var(--igx-stepper-complete-indicator-background, var(--ig-stepper-complete-indicator-background, var(--ig-gray-100)));--complete-indicator-outline: var(--igx-stepper-complete-indicator-outline, var(--ig-stepper-complete-indicator-outline, transparent));--complete-indicator-color: var(--igx-stepper-complete-indicator-color, var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast)));--step-hover-background: var(--igx-stepper-step-hover-background, var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--complete-step-hover-background: var(--igx-stepper-complete-step-hover-background, var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--current-step-hover-background: var(--igx-stepper-current-step-hover-background, var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--invalid-step-hover-background: var(--igx-stepper-invalid-step-hover-background, var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--step-focus-background: var(--igx-stepper-step-focus-background, var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-100) h s l/.4)));--complete-step-focus-background: var(--igx-stepper-complete-step-focus-background, var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-100) h s l/.4)));--current-step-focus-background: var(--igx-stepper-current-step-focus-background, var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-100) h s l/.4)));--invalid-step-focus-background: var(--igx-stepper-invalid-step-focus-background, var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-100) h s l/.4)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-switch{--border-on-color: var(--igx-switch-border-on-color, var(--ig-switch-border-on-color, var(--ig-primary-300)));--track-on-color: var(--igx-switch-track-on-color, var(--ig-switch-track-on-color, var(--ig-primary-300)));--track-disabled-color: var(--igx-switch-track-disabled-color, var(--ig-switch-track-disabled-color, var(--ig-gray-50)));--track-off-color: var(--igx-switch-track-off-color, var(--ig-switch-track-off-color, var(--ig-gray-50)));--thumb-on-color: var(--igx-switch-thumb-on-color, var(--ig-switch-thumb-on-color, var(--ig-gray-50)));--thumb-on-disabled-color: var(--igx-switch-thumb-on-disabled-color, var(--ig-switch-thumb-on-disabled-color, var(--ig-gray-50)));--label-color: var(--igx-switch-label-color, var(--ig-switch-label-color, var(--ig-gray-900)));--label-hover-color: var(--igx-switch-label-hover-color, var(--ig-switch-label-hover-color, var(--ig-gray-900)));--label-disabled-color: var(--igx-switch-label-disabled-color, var(--ig-switch-label-disabled-color, var(--ig-gray-300)));--track-on-disabled-color: var(--igx-switch-track-on-disabled-color, var(--ig-switch-track-on-disabled-color, var(--ig-gray-100)));--border-radius-thumb: var(--igx-switch-border-radius-thumb, var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * .625rem), .625rem)));--border-radius-ripple: var(--igx-switch-border-radius-ripple, var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--focus-outline-color: var(--igx-switch-focus-outline-color, var(--ig-switch-focus-outline-color, var(--ig-gray-400)));--border-color: var(--igx-switch-border-color, var(--ig-switch-border-color, var(--ig-gray-400)));--thumb-off-color: var(--igx-switch-thumb-off-color, var(--ig-switch-thumb-off-color, var(--ig-gray-400)));--thumb-off-hover-color: var(--igx-switch-thumb-off-hover-color, var(--ig-switch-thumb-off-hover-color, var(--ig-gray-900)));--border-hover-color: var(--igx-switch-border-hover-color, var(--ig-switch-border-hover-color, var(--ig-gray-900)));--focus-fill-color: var(--igx-switch-focus-fill-color, var(--ig-switch-focus-fill-color, var(--ig-gray-700)));--focus-fill-hover-color: var(--igx-switch-focus-fill-hover-color, var(--ig-switch-focus-fill-hover-color, var(--ig-gray-900)));--track-on-hover-color: var(--igx-switch-track-on-hover-color, var(--ig-switch-track-on-hover-color, var(--ig-primary-100)));--border-on-hover-color: var(--igx-switch-border-on-hover-color, var(--ig-switch-border-on-hover-color, var(--ig-primary-100)));--thumb-disabled-color: var(--igx-switch-thumb-disabled-color, var(--ig-switch-thumb-disabled-color, var(--ig-gray-100)));--border-disabled-color: var(--igx-switch-border-disabled-color, var(--ig-switch-border-disabled-color, var(--ig-gray-100)));--border-radius-track: var(--igx-switch-border-radius-track, var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * .625rem), .625rem)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-tabs{--item-text-color: var(--igx-tabs-item-text-color, var(--ig-tabs-item-text-color, var(--ig-gray-800)));--item-background: var(--igx-tabs-item-background, var(--ig-tabs-item-background, var(--ig-surface-500)));--item-hover-background: var(--igx-tabs-item-hover-background, var(--ig-tabs-item-hover-background, var(--ig-gray-50)));--item-hover-color: var(--igx-tabs-item-hover-color, var(--ig-tabs-item-hover-color, var(--ig-gray-900)));--item-active-color: var(--igx-tabs-item-active-color, var(--ig-tabs-item-active-color, var(--ig-gray-800)));--item-active-hover-color: var(--igx-tabs-item-active-hover-color, var(--ig-tabs-item-active-hover-color, var(--ig-gray-900)));--item-icon-color: var(--igx-tabs-item-icon-color, var(--ig-tabs-item-icon-color, var(--ig-gray-800)));--item-active-icon-color: var(--igx-tabs-item-active-icon-color, var(--ig-tabs-item-active-icon-color, var(--ig-gray-800)));--item-active-hover-icon-color: var(--igx-tabs-item-active-hover-icon-color, var(--ig-tabs-item-active-hover-icon-color, var(--ig-gray-900)));--item-hover-icon-color: var(--igx-tabs-item-hover-icon-color, var(--ig-tabs-item-hover-icon-color, var(--ig-gray-900)));--item-disabled-icon-color: var(--igx-tabs-item-disabled-icon-color, var(--ig-tabs-item-disabled-icon-color, var(--ig-gray-300)));--item-active-background: var(--igx-tabs-item-active-background, var(--ig-tabs-item-active-background, var(--ig-surface-500)));--item-active-hover-background: var(--igx-tabs-item-active-hover-background, var(--ig-tabs-item-active-hover-background, var(--ig-gray-50)));--item-disabled-color: var(--igx-tabs-item-disabled-color, var(--ig-tabs-item-disabled-color, var(--ig-gray-300)));--indicator-color: var(--igx-tabs-indicator-color, var(--ig-tabs-indicator-color, var(--ig-primary-300)));--button-color: var(--igx-tabs-button-color, var(--ig-tabs-button-color, var(--ig-gray-500)));--button-background: var(--igx-tabs-button-background, var(--ig-tabs-button-background, var(--ig-surface-500)));--button-hover-background: var(--igx-tabs-button-hover-background, var(--ig-tabs-button-hover-background, var(--ig-gray-100)));--button-hover-color: var(--igx-tabs-button-hover-color, var(--ig-tabs-button-hover-color, var(--ig-gray-600)));--button-disabled-color: var(--igx-tabs-button-disabled-color, var(--ig-tabs-button-disabled-color, var(--ig-gray-200)));--tab-ripple-color: var(--igx-tabs-tab-ripple-color, var(--ig-tabs-tab-ripple-color, var(--ig-gray-100)));--button-ripple-color: var(--igx-tabs-button-ripple-color, var(--ig-tabs-button-ripple-color, var(--ig-gray-100)));--border-color: var(--igx-tabs-border-color, var(--ig-tabs-border-color, transparent));--border-color--hover: var(--igx-tabs-border-color--hover, var(--ig-tabs-border-color--hover, transparent));--border-radius: var(--igx-tabs-border-radius, var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .375rem), .375rem)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-time-picker{--modal-elevation: var(--igx-time-picker-modal-elevation, var(--ig-time-picker-modal-elevation, var(--ig-elevation-24)));--dropdown-elevation: var(--igx-time-picker-dropdown-elevation, var(--ig-time-picker-dropdown-elevation, var(--ig-elevation-3)));--text-color: var(--igx-time-picker-text-color, var(--ig-time-picker-text-color, var(--ig-gray-900)));--hover-text-color: var(--igx-time-picker-hover-text-color, var(--ig-time-picker-hover-text-color, var(--ig-primary-200)));--selected-text-color: var(--igx-time-picker-selected-text-color, var(--ig-time-picker-selected-text-color, var(--ig-primary-200)));--active-item-foreground: var(--igx-time-picker-active-item-foreground, var(--ig-time-picker-active-item-foreground, var(--ig-primary-200-contrast)));--active-item-background: var(--igx-time-picker-active-item-background, var(--ig-time-picker-active-item-background, var(--ig-primary-200)));--disabled-text-color: var(--igx-time-picker-disabled-text-color, var(--ig-time-picker-disabled-text-color, var(--ig-gray-400)));--disabled-item-background: var(--igx-time-picker-disabled-item-background, var(--ig-time-picker-disabled-item-background, transparent));--background-color: var(--igx-time-picker-background-color, var(--ig-time-picker-background-color, var(--ig-surface-500)));--border-color: var(--igx-time-picker-border-color, var(--ig-time-picker-border-color, transparent));--divider-color: var(--igx-time-picker-divider-color, var(--ig-time-picker-divider-color, var(--ig-gray-100)));--border-radius: var(--igx-time-picker-border-radius, var(--ig-time-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem)));--time-item-size: var(--igx-time-picker-time-item-size, var(--ig-time-picker-time-item-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem))));--default-size: var(--igx-time-picker-default-size, var(--ig-time-picker-default-size, 2));--header-background: var(--igx-time-picker-header-background, var(--ig-time-picker-header-background, var(--ig-primary-200)));--header-hour-text-color: var(--igx-time-picker-header-hour-text-color, var(--ig-time-picker-header-hour-text-color, var(--ig-primary-200-contrast)));--active-item-border-radius: var(--igx-time-picker-active-item-border-radius, var(--ig-time-picker-active-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-toast{--elevation: var(--igx-toast-elevation, var(--ig-toast-elevation, var(--ig-elevation-0)));--background: var(--igx-toast-background, var(--ig-toast-background, var(--ig-gray-100)));--border-color: var(--igx-toast-border-color, var(--ig-toast-border-color, var(--ig-gray-100)));--text-color: var(--igx-toast-text-color, var(--ig-toast-text-color, var(--ig-gray-100-contrast)));--border-radius: var(--igx-toast-border-radius, var(--ig-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.625rem), 1.625rem)));--ig-theme: fluent;--ig-theme-variant: dark}.igx-tree-node{--background: var(--igx-tree-background, var(--ig-tree-background, var(--ig-surface-500)));--foreground: var(--igx-tree-foreground, var(--ig-tree-foreground, var(--ig-surface-500-contrast)));--icon-color: var(--igx-tree-icon-color, var(--ig-tree-icon-color, var(--ig-surface-500-contrast)));--background-selected: var(--igx-tree-background-selected, var(--ig-tree-background-selected, var(--ig-gray-100)));--background-active: var(--igx-tree-background-active, var(--ig-tree-background-active, var(--ig-gray-100)));--foreground-active: var(--igx-tree-foreground-active, var(--ig-tree-foreground-active, var(--ig-gray-900)));--background-disabled: var(--igx-tree-background-disabled, var(--ig-tree-background-disabled, var(--ig-surface-500)));--foreground-disabled: var(--igx-tree-foreground-disabled, var(--ig-tree-foreground-disabled, var(--ig-gray-500)));--drop-area-color: var(--igx-tree-drop-area-color, var(--ig-tree-drop-area-color, var(--ig-secondary-500)));--hover-color: var(--igx-tree-hover-color, var(--ig-tree-hover-color, hsl(from var(--ig-gray-200) h s l/.5)));--hover-selected-color: var(--igx-tree-hover-selected-color, var(--ig-tree-hover-selected-color, hsl(from var(--ig-gray-50) h s l/.1)));--size: var(--igx-tree-size, var(--ig-tree-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))));--default-size: var(--igx-tree-default-size, var(--ig-tree-default-size, 2));--foreground-selected: var(--igx-tree-foreground-selected, var(--ig-tree-foreground-selected, var(--ig-gray-900)));--background-active-selected: var(--igx-tree-background-active-selected, var(--ig-tree-background-active-selected, var(--ig-gray-200)));--foreground-active-selected: var(--igx-tree-foreground-active-selected, var(--ig-tree-foreground-active-selected, var(--ig-gray-900)));--border-color: var(--igx-tree-border-color, var(--ig-tree-border-color, var(--ig-gray-800)));--ig-theme: fluent;--ig-theme-variant: dark}}}@layer ig.derived{.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_grid-background: var(--background, var(--ig-grid-background));--_grid-foreground: var(--foreground, var(--ig-grid-foreground));--_grid-accent-color: var(--accent-color, var(--ig-grid-accent-color));--ig-action-strip-actions-background: var(--_grid-accent-color);--ig-action-strip-background: var(--_grid-accent-color);--ig-action-strip-icon-color: var(--_grid-accent-color);--ig-action-strip-delete-action: var(--ig-error-500);--ig-action-strip-actions-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-badge-elevation: var(--ig-elevation-1);--ig-badge-icon-color: hsla(from color(from var(--ig-badge-background-color) var(--y-contrast)) h 0 l/1);--ig-badge-text-color: hsla(from color(from var(--ig-badge-background-color) var(--y-contrast)) h 0 l/1);--ig-badge-border-color: var(--ig-gray-900-contrast);--ig-badge-background-color: var(--_grid-accent-color);--ig-badge-border-radius: 0;--ig-badge-default-size: 2;--ig-banner-banner-background: var(--_grid-background);--ig-banner-border-radius: 0;--ig-banner-banner-border-color: var(--_grid-foreground);--ig-banner-banner-message-color: var(--_grid-foreground);--ig-banner-banner-illustration-color: var(--_grid-foreground);--ig-calendar-default-size: 2;--ig-calendar-content-foreground: var(--_grid-foreground);--ig-calendar-content-background: var(--_grid-background);--ig-calendar-border-color: transparent;--ig-calendar-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-calendar-picker-background: var(--ig-calendar-content-background);--ig-calendar-picker-hover-foreground: hsl(from hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1) h s l/.8);--ig-calendar-picker-focus-foreground: var(--ig-calendar-picker-hover-foreground);--ig-calendar-navigation-color: hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1);--ig-calendar-navigation-hover-color: var(--ig-calendar-picker-hover-foreground);--ig-calendar-navigation-focus-color: var(--ig-calendar-navigation-hover-color);--ig-calendar-date-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-range-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-week-number-foreground: hsl(from hsla(from color(from var(--ig-calendar-week-number-background) var(--y-contrast)) h 0 l/1) h s l/.5);--ig-calendar-week-number-background: hsl(from var(--ig-calendar-content-background) h s calc(l*.8) );--ig-calendar-inactive-color: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.5);--ig-calendar-weekday-color: var(--ig-calendar-inactive-color);--ig-calendar-weekend-color: var(--ig-calendar-content-foreground);--ig-calendar-date-hover-foreground: hsla(from color(from var(--ig-calendar-date-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-focus-foreground: var(--ig-calendar-date-hover-foreground);--ig-calendar-date-selected-range-hover-foreground: hsla(from color(from hsl(from var(--ig-calendar-date-selected-range-hover-background) h s l/1) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-range-focus-foreground: hsla(from color(from hsl(from var(--ig-calendar-date-selected-range-focus-background) h s l/1) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-range-foreground: hsla(from color(from var(--ig-calendar-date-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-range-hover-foreground: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-current-range-focus-foreground: var(--ig-gray-900);--ig-calendar-date-current-background: var(--ig-calendar-content-background);--ig-calendar-date-current-hover-foreground: hsla(from color(from var(--ig-calendar-date-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-focus-foreground: hsla(from color(from var(--ig-calendar-date-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-focus-background: var(--ig-calendar-date-focus-background);--ig-calendar-date-special-background: transparent;--ig-calendar-date-special-range-background: transparent;--ig-calendar-date-border-color: transparent;--ig-calendar-date-hover-border-color: transparent;--ig-calendar-date-focus-border-color: transparent;--ig-calendar-date-selected-border-color: transparent;--ig-calendar-date-selected-hover-border-color: transparent;--ig-calendar-date-selected-focus-border-color: transparent;--ig-calendar-date-range-border-color: transparent;--ig-calendar-date-range-preview-border-color: hsl(from var(--ig-calendar-date-selected-background) h s l/.5);--ig-calendar-date-disabled-foreground: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.3);--ig-calendar-date-disabled-range-foreground: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.3);--ig-calendar-ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-color);--ig-calendar-ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-hover-color);--ig-calendar-ym-selected-outline-color: transparent;--ig-calendar-ym-selected-hover-outline-color: transparent;--ig-calendar-ym-selected-focus-outline-color: transparent;--ig-calendar-ym-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-picker-foreground: hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1);--ig-calendar-actions-divider-color: var(--ig-gray-200);--ig-calendar-header-foreground: hsla(from color(from var(--ig-calendar-header-background) var(--y-contrast)) h 0 l/1);--ig-calendar-header-background: var(--_grid-accent-color);--ig-calendar-date-current-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-special-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-hover-background: lch(from var(--ig-calendar-content-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-date-focus-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-current-foreground: hsla(from color(from var(--ig-calendar-date-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-selected-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-background: var(--ig-calendar-header-background);--ig-calendar-date-selected-hover-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-hover-background: lch(from var(--ig-calendar-date-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-date-selected-focus-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-focus-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-special-foreground: var(--ig-calendar-date-selected-foreground);--ig-calendar-date-selected-special-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-special-hover-foreground: var(--ig-calendar-date-selected-hover-foreground);--ig-calendar-date-selected-special-hover-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-special-focus-foreground: var(--ig-calendar-date-selected-special-hover-foreground);--ig-calendar-date-selected-special-focus-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-current-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-current-hover-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-hover-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-current-focus-foreground: hsla(from color(from var(--ig-calendar-date-selected-current-focus-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-focus-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-range-foreground: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-range-background: hsl(from var(--ig-calendar-date-selected-background) h s l/.24);--ig-calendar-date-selected-range-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-selected-range-focus-background: var(--ig-calendar-date-selected-range-hover-background);--ig-calendar-date-selected-current-range-background: var(--ig-calendar-date-current-background);--ig-calendar-date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-background);--ig-calendar-date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-hover-background);--ig-calendar-date-selected-special-border-color: var(--ig-calendar-date-selected-foreground);--ig-calendar-date-selected-special-hover-border-color: var(--ig-calendar-date-selected-hover-foreground);--ig-calendar-date-selected-special-focus-border-color: var(--ig-calendar-date-selected-focus-foreground);--ig-calendar-date-special-foreground: hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-special-hover-foreground: lch(from var(--ig-calendar-date-special-foreground) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-calendar-date-special-focus-foreground: var(--ig-calendar-date-special-hover-border-color);--ig-calendar-date-special-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-special-focus-background: var(--ig-calendar-date-focus-background);--ig-calendar-date-special-range-hover-background: var(--ig-calendar-date-selected-range-hover-background);--ig-calendar-date-special-range-focus-background: var(--ig-calendar-date-special-focus-background);--ig-calendar-date-special-range-border-color: var(--ig-calendar-date-special-border-color);--ig-calendar-date-special-range-hover-border-color: var(--ig-calendar-date-special-range-border-color);--ig-calendar-date-special-range-focus-border-color: var(--ig-calendar-date-special-range-hover-border-color);--ig-calendar-date-special-border-color: var(--ig-calendar-date-special-foreground);--ig-calendar-date-special-hover-border-color: lch(from var(--ig-calendar-date-special-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-calendar-date-special-focus-border-color: var(--ig-calendar-date-special-hover-border-color);--ig-calendar-date-current-border-color: var(--ig-calendar-date-current-foreground);--ig-calendar-date-current-hover-border-color: var(--ig-calendar-date-current-hover-foreground);--ig-calendar-date-current-focus-border-color: var(--ig-calendar-date-current-focus-foreground);--ig-calendar-date-selected-current-border-color: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-border-color);--ig-calendar-date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-hover-border-color);--ig-calendar-date-special-range-foreground: var(--ig-calendar-date-special-foreground);--ig-calendar-date-special-range-hover-foreground: var(--ig-calendar-date-special-hover-foreground);--ig-calendar-date-special-range-focus-foreground: var(--ig-calendar-date-special-range-hover-foreground);--ig-calendar-week-number-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .5) * .5rem), .5rem);--ig-calendar-ym-selected-current-hover-foreground: hsla(from color(from var(--ig-calendar-ym-selected-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-current-hover-background: var(--ig-calendar-ym-selected-hover-background);--ig-calendar-ym-hover-foreground: hsla(from color(from var(--ig-calendar-ym-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-ym-current-foreground: hsla(from color(from var(--ig-calendar-ym-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-current-background: var(--ig-calendar-date-current-background);--ig-calendar-ym-current-hover-foreground: hsla(from color(from var(--ig-calendar-ym-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-current-hover-background: var(--ig-calendar-date-current-hover-background);--ig-calendar-ym-selected-foreground: hsla(from color(from var(--ig-calendar-ym-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-background: var(--ig-calendar-header-background);--ig-calendar-ym-selected-hover-foreground: hsla(from color(from var(--ig-calendar-ym-selected-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-hover-background: lch(from var(--ig-calendar-ym-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-ym-selected-current-foreground: hsla(from color(from var(--ig-calendar-ym-selected-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-current-background: var(--ig-calendar-ym-selected-background);--ig-calendar-ym-selected-current-outline-color: var(--ig-calendar-ym-current-outline-color);--ig-calendar-ym-current-outline-color: var(--ig-calendar-date-current-border-color);--ig-calendar-ym-selected-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color);--ig-calendar-ym-selected-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color);--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 1.5;--ig-checkbox-label-color: var(--_grid-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_grid-background);--ig-checkbox-fill-color: var(--_grid-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_grid-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-100);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, .0833333333) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: var(--_grid-foreground);--ig-checkbox-focus-outline-color: var(--ig-gray-400);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-empty-color: var(--_grid-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-error-color-hover: var(--ig-error-50)}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-action-strip-actions-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-action-strip-background: color-mix(in srgb, var(--_grid-accent-color) 12%, transparent)}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-banner-banner-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_grid-foreground) 40%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-empty-color: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 1.5;--ig-checkbox-label-color: var(--ig-grid-header-text-color);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--ig-grid-header-background);--ig-checkbox-fill-color: var(--_grid-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--ig-grid-header-text-color);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-100);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, .0833333333) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: var(--ig-grid-header-text-color);--ig-checkbox-focus-outline-color: var(--ig-gray-400);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-empty-color: var(--ig-grid-header-text-color);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-error-color-hover: var(--ig-error-50)}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-disabled-color: color-mix(in srgb, var(--ig-grid-header-text-color) 50%, var(--ig-grid-header-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--ig-grid-header-text-color) 40%, var(--ig-grid-header-background))}}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-ghost-elevation: var(--ig-elevation-2);--ig-chip-remove-icon-color: "currentColor";--ig-chip-focus-shadow-color: transparent;--ig-chip-focus-selected-shadow-color: transparent;--ig-chip-remove-icon-color-focus: "currentColor";--ig-chip-background: var(--_grid-foreground);--ig-chip-ghost-background: var(--_grid-foreground);--ig-chip-ghost-text-color: var(--_grid-foreground);--ig-chip-hover-text-color: var(--ig-chip-text-color);--ig-chip-hover-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-hover-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-hover-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem);--ig-chip-disabled-text-color: var(--_grid-foreground);--ig-chip-disabled-background: var(--_grid-foreground);--ig-chip-disabled-selected-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-background: var(--ig-gray-200);--ig-chip-default-size: 2;--ig-chip-outlined-background: transparent;--ig-chip-outlined-text-color: var(--ig-gray-700);--ig-chip-border-color: var(--ig-gray-700);--ig-chip-selected-outlined-background: transparent;--ig-chip-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-selected-border-color: var(--ig-primary-200);--ig-chip-hover-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-border-color: var(--ig-primary-200);--ig-chip-hover-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-border-color: var(--ig-primary-200);--ig-chip-focus-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-border-color: var(--ig-primary-200);--ig-chip-focus-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-disabled-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-border-color: var(--_grid-foreground);--ig-chip-disabled-selected-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-selected-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-border-color: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-text-color: var(--_grid-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-hover-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-hover-selected-outlined-background: hsl(from var(--ig-primary-600) h s l/.2);--ig-chip-focus-outlined-background: hsl(from var(--ig-primary-600) h s l/.2);--ig-chip-focus-selected-outlined-background: hsl(from var(--ig-primary-800) h s l/.5);--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: var(--ig-contained-button-focus-visible-foreground);--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_grid-accent-color);--ig-contained-button-disabled-foreground: var(--_grid-foreground);--ig-contained-button-disabled-icon-color: var(--_grid-foreground);--ig-contained-button-default-size: 2;--ig-contained-button-resting-elevation: var(--ig-elevation-0);--ig-contained-button-hover-elevation: var(--ig-elevation-0);--ig-contained-button-focus-elevation: var(--ig-elevation-0);--ig-contained-button-active-elevation: var(--ig-elevation-0);--ig-contained-button-background: var(--_grid-accent-color);--ig-contained-button-active-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-background);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_grid-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_grid-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_grid-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_grid-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_grid-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_grid-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_grid-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_grid-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-excel-filtering-background: var(--_grid-background);--ig-excel-filtering-secondary-background: var(--ig-excel-filtering-background);--ig-excel-filtering-header-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-subheader-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-icon-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-hover-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-hover-icon-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-selected-icon-color: var(--ig-excel-filtering-accent-color);--ig-excel-filtering-actions-hover-background: var(--ig-excel-filtering-accent-color);--ig-excel-filtering-actions-disabled-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-border-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-foreground: var(--_grid-foreground);--ig-excel-filtering-accent-color: var(--_grid-accent-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: var(--ig-flat-button-focus-visible-foreground);--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_grid-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_grid-accent-color);--ig-flat-button-disabled-icon-color: var(--_grid-accent-color);--ig-flat-button-default-size: 2;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_grid-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-focus-foreground);--ig-flat-button-focus-visible-background: transparent;--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_grid-accent-color);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: transparent;--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: var(--ig-flat-icon-button-hover-background);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: var(--ig-gray-400);--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_grid-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 2;--ig-grid-summary-background-color: var(--_grid-foreground);--ig-grid-summary-label-color: var(--_grid-accent-color);--ig-grid-summary-label-hover-color: var(--ig-grid-summary-label-color);--ig-grid-summary-result-color: var(--_grid-foreground);--ig-grid-summary-border-style: solid;--ig-grid-summary-border-color: var(--_grid-foreground);--ig-grid-summary-pinned-border-style: solid;--ig-grid-summary-pinned-border-color: var(--_grid-foreground);--ig-grid-toolbar-background: var(--_grid-background);--ig-grid-toolbar-title-text-color: var(--_grid-foreground);--ig-grid-toolbar-dropdown-background: var(--ig-grid-toolbar-background);--ig-grid-toolbar-item-text-color: var(--ig-grid-toolbar-foreground);--ig-grid-toolbar-item-hover-background: var(--ig-grid-toolbar-accent-color);--ig-grid-toolbar-item-hover-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-item-focus-background: var(--ig-grid-toolbar-accent-color);--ig-grid-toolbar-item-focus-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-border-color: var(--ig-grid-toolbar-foreground);--ig-grid-toolbar-foreground: var(--_grid-foreground);--ig-grid-toolbar-accent-color: var(--_grid-accent-color);--ig-highlight-resting-background: var(--_grid-foreground);--ig-highlight-resting-color: hsla(from color(from var(--ig-highlight-resting-background) var(--y-contrast)) h 0 l/1);--ig-highlight-active-background: var(--_grid-accent-color);--ig-highlight-active-color: hsla(from color(from var(--ig-highlight-active-background) var(--y-contrast)) h 0 l/1);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: var(--_grid-accent-color);--ig-input-group-input-prefix-color: hsla(from color(from var(--ig-input-group-input-prefix-background) var(--y-contrast)) h 0 l/1);--ig-input-group-input-prefix-background--filled: var(--ig-input-group-input-prefix-background);--ig-input-group-input-prefix-color--filled: var(--ig-input-group-input-prefix-color);--ig-input-group-input-prefix-background--focused: var(--ig-input-group-input-prefix-background);--ig-input-group-input-prefix-color--focused: var(--ig-input-group-input-prefix-color--filled);--ig-input-group-input-suffix-background: var(--ig-input-group-input-prefix-background);--ig-input-group-input-suffix-color: hsla(from color(from var(--ig-input-group-input-suffix-background) var(--y-contrast)) h 0 l/1);--ig-input-group-input-suffix-background--filled: var(--ig-input-group-input-suffix-background);--ig-input-group-input-suffix-color--filled: var(--ig-input-group-input-suffix-color);--ig-input-group-input-suffix-background--focused: var(--ig-input-group-input-suffix-background);--ig-input-group-input-suffix-color--focused: var(--ig-input-group-input-suffix-color--filled);--ig-input-group-idle-text-color: var(--_grid-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--ig-input-group-placeholder-color);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-border-color);--ig-input-group-idle-bottom-line-color: var(--ig-gray-500);--ig-input-group-hover-bottom-line-color: var(--ig-gray-800);--ig-input-group-focused-bottom-line-color: var(--ig-primary-500);--ig-input-group-disabled-bottom-line-color: var(--ig-gray-500);--ig-input-group-disabled-border-color: var(--_grid-accent-color);--ig-input-group-border-color: var(--_grid-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: transparent;--ig-input-group-search-disabled-background: var(--ig-gray-100);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_grid-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--ig-gray-100);--ig-input-group-box-background-hover: var(--ig-gray-200);--ig-input-group-box-background-focus: var(--ig-gray-300);--ig-input-group-box-disabled-background: var(--ig-gray-100);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-0);--ig-input-group-search-hover-elevation: var(--ig-elevation-0);--ig-input-group-search-disabled-elevation: var(--ig-elevation-0);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_grid-accent-color);--ig-outlined-button-icon-color: var(--_grid-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_grid-accent-color);--ig-outlined-button-disabled-icon-color: var(--_grid-accent-color);--ig-outlined-button-default-size: 2;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-background: transparent;--ig-outlined-icon-button-shadow-color: transparent;--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_grid-accent-color);--ig-outlined-icon-button-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.08);--ig-outlined-icon-button-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-background: transparent;--ig-outlined-icon-button-focus-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-hover-background: var(--ig-outlined-icon-button-hover-background);--ig-outlined-icon-button-focus-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-active-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-active-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-border-color: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.7);--ig-outlined-icon-button-focus-border-color: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: var(--_grid-accent-color);--ig-outlined-icon-button-disabled-border-color: var(--_grid-accent-color);--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 2;--ig-paginator-foreground: var(--_grid-foreground);--ig-paginator-background: var(--_grid-background);--ig-paginator-border-color: var(--_grid-foreground);--ig-paginator-accent-color: var(--_grid-accent-color);--ig-circular-bar-track-color: var(--_grid-foreground);--ig-circular-bar-fill-color-default: var(--_grid-accent-color);--ig-circular-bar-fill-color-danger: var(--ig-error-500);--ig-circular-bar-fill-color-warning: var(--ig-warn-500);--ig-circular-bar-fill-color-info: var(--ig-info-500);--ig-circular-bar-fill-color-success: var(--ig-success-500);--ig-circular-bar-text-color: var(--_grid-foreground);--ig-circular-bar-diameter: 2rem;--ig-circular-bar-track-border-radius: 0rem;--ig-circular-bar-fill-color-default-start: var(--ig-primary-500);--ig-circular-bar-fill-color-default-end: var(--ig-primary-500);--ig-linear-bar-track-color: var(--_grid-foreground);--ig-linear-bar-fill-color-default: var(--_grid-accent-color);--ig-linear-bar-fill-color-danger: var(--ig-error-500);--ig-linear-bar-fill-color-warning: var(--ig-warn-500);--ig-linear-bar-fill-color-info: var(--ig-info-500);--ig-linear-bar-fill-color-success: var(--ig-success-500);--ig-linear-bar-stripes-color: hsl(from var(--ig-gray-900) h s l/.7);--ig-linear-bar-text-color: var(--_grid-foreground);--ig-linear-bar-track-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * .5rem), .5rem);--ig-linear-bar-track-height: .125rem;--ig-linear-bar-strip-size: 1rem;--ig-query-builder-elevation: var(--ig-elevation-0);--ig-query-builder-background: var(--_grid-background);--ig-query-builder-header-background: var(--ig-query-builder-background);--ig-query-builder-header-foreground: var(--_grid-foreground);--ig-query-builder-header-border: transparent;--ig-query-builder-color-expression-group-and: #da64ff;--ig-query-builder-color-expression-group-or: #19ad87;--ig-query-builder-border-radius: .125rem;--ig-query-builder-subquery-header-background: lch(from var(--ig-query-builder-header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-subquery-border-color: lch(from var(--ig-query-builder-subquery-header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-subquery-border-radius: .75rem;--ig-query-builder-separator-color: lch(from var(--ig-query-builder-subquery-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-label-foreground: hsl(from hsla(from color(from var(--ig-query-builder-background) var(--y-contrast)) h 0 l/1) h s l/.6);--ig-query-builder-foreground: var(--_grid-foreground);--ig-query-builder-accent-color: var(--_grid-accent-color);--_scrollbar-thumb-color: var(--_grid-foreground);--_scrollbar-track-border-color: var(--_grid-foreground)}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-ghost-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-text-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-border-color: color-mix(in srgb, var(--_grid-foreground) 24%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 8%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-border-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_grid-accent-color) 24%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-actions-hover-background: color-mix(in srgb, var(--ig-excel-filtering-accent-color) 8%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-actions-disabled-foreground: color-mix(in srgb, var(--ig-excel-filtering-foreground) 50%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-border-color: color-mix(in srgb, var(--ig-excel-filtering-foreground) 16%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-background-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-pinned-border-color: color-mix(in srgb, var(--_grid-foreground) 30%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-item-hover-background: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 8%, var(--ig-grid-toolbar-dropdown-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-item-focus-background: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 12%, var(--ig-grid-toolbar-dropdown-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-border-color: color-mix(in srgb, var(--ig-grid-toolbar-foreground) 20%, var(--ig-grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-highlight-resting-background: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-input-group-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, transparent)}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-paginator-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-circular-bar-track-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-linear-bar-track-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_scrollbar-thumb-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_scrollbar-track-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background))}}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite),.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-300))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_grid-background, var(--content-background), var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: fluent;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-select-toggle-button-background-focus--border: var(--ig-gray-300);--ig-select-toggle-button-background: var(--_grid-accent-color);--ig-select-toggle-button-background-focus: var(--ig-select-toggle-button-background);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-tooltip-elevation: var(--ig-elevation-0);--ig-tooltip-background: hsl(from var(--_grid-foreground) h s l/80%);--ig-tooltip-text-color: hsla(from color(from hsl(from var(--_grid-foreground) h s l/80%) var(--y-contrast)) h 0 l/1);--ig-tooltip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .125) * 1rem), 1rem);--ig-tree-background: var(--_grid-background);--ig-tree-foreground: hsla(from color(from var(--ig-tree-background) var(--y-contrast)) h 0 l/1);--ig-tree-icon-color: var(--ig-surface-500-contrast);--ig-tree-background-selected: lch(from var(--ig-tree-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-background-active: lch(from var(--ig-tree-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-foreground-active: hsla(from color(from var(--ig-tree-background-active) var(--y-contrast)) h 0 l/1);--ig-tree-background-disabled: var(--ig-tree-background);--ig-tree-foreground-disabled: hsla(from color(from var(--ig-tree-background-disabled) var(--y-contrast)) h 0 l/1);--ig-tree-drop-area-color: var(--ig-secondary-500);--ig-tree-hover-color: hsl(from hsla(from color(from var(--ig-tree-background) var(--y-contrast)) h 0 l/1) h s l/.1);--ig-tree-hover-selected-color: lch(from var(--ig-tree-background-selected) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-default-size: 2;--ig-tree-foreground-selected: hsla(from color(from var(--ig-tree-background-selected) var(--y-contrast)) h 0 l/1);--ig-tree-background-active-selected: lch(from var(--ig-tree-background-active) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-foreground-active-selected: hsla(from color(from var(--ig-tree-background-active-selected) var(--y-contrast)) h 0 l/1);--ig-tree-border-color: var(--ig-gray-800);--ig-watermark-base-color: var(--_grid-accent-color);--ig-watermark-color: var(--_grid-foreground);--ig-watermark-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .125) * 1rem), 1rem);--ig-watermark-image-opacity: 15%;--ig-watermark-border-color: var(--_grid-accent-color)}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-tree-background-disabled: color-mix(in hsl, var(--ig-tree-background), transparent 50%)}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-watermark-base-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-watermark-border-color: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background))}}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--_column-actions-background: var(--background, var(--ig-column-actions-background));--_column-actions-foreground: var(--foreground, var(--ig-column-actions-foreground));--_column-actions-accent-color: var(--accent-color, var(--ig-column-actions-accent-color));--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 1.5;--ig-checkbox-label-color: var(--_column-actions-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_column-actions-background);--ig-checkbox-fill-color: var(--_column-actions-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_column-actions-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-100);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, .0833333333) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: var(--_column-actions-foreground);--ig-checkbox-focus-outline-color: var(--ig-gray-400);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-empty-color: var(--_column-actions-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-error-color-hover: var(--ig-error-50);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_column-actions-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_column-actions-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_column-actions-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_column-actions-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_column-actions-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_column-actions-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_column-actions-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_column-actions-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: var(--ig-flat-button-focus-visible-foreground);--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_column-actions-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_column-actions-accent-color);--ig-flat-button-disabled-icon-color: var(--_column-actions-accent-color);--ig-flat-button-default-size: 2;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_column-actions-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-focus-foreground);--ig-flat-button-focus-visible-background: transparent;--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: var(--ig-gray-50);--ig-input-group-input-prefix-color: var(--ig-gray-400);--ig-input-group-input-prefix-background--filled: var(--ig-gray-50);--ig-input-group-input-prefix-color--filled: var(--ig-gray-400);--ig-input-group-input-prefix-background--focused: var(--ig-gray-50);--ig-input-group-input-prefix-color--focused: var(--ig-gray-400);--ig-input-group-input-suffix-background: var(--ig-gray-50);--ig-input-group-input-suffix-color: var(--ig-gray-400);--ig-input-group-input-suffix-background--filled: var(--ig-gray-50);--ig-input-group-input-suffix-color--filled: var(--ig-gray-400);--ig-input-group-input-suffix-background--focused: var(--ig-gray-50);--ig-input-group-input-suffix-color--focused: var(--ig-gray-400);--ig-input-group-idle-text-color: var(--_column-actions-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--ig-input-group-placeholder-color);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-border-color);--ig-input-group-idle-bottom-line-color: var(--_column-actions-accent-color);--ig-input-group-hover-bottom-line-color: var(--ig-gray-800);--ig-input-group-focused-bottom-line-color: var(--ig-primary-500);--ig-input-group-disabled-bottom-line-color: var(--ig-gray-500);--ig-input-group-disabled-border-color: var(--ig-gray-100);--ig-input-group-border-color: var(--_column-actions-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: var(--ig-gray-100);--ig-input-group-search-background: transparent;--ig-input-group-search-disabled-background: var(--ig-gray-100);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_column-actions-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--_column-actions-background);--ig-input-group-box-background-hover: var(--ig-gray-200);--ig-input-group-box-background-focus: var(--ig-gray-300);--ig-input-group-box-disabled-background: var(--ig-gray-100);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-0);--ig-input-group-search-hover-elevation: var(--ig-elevation-0);--ig-input-group-search-disabled-elevation: var(--ig-elevation-0);--_scrollbar-thumb-color: var(--_column-actions-foreground);--_scrollbar-track-border-color: var(--_column-actions-foreground)}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_column-actions-foreground) 40%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-checkbox-empty-color: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 8%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-drop-down-border-color: color-mix(in srgb, var(--_column-actions-foreground) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 16%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 24%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--_scrollbar-thumb-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions){--_scrollbar-track-border-color: color-mix(in srgb, var(--_column-actions-foreground) 16%, var(--_column-actions-background))}}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions),.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-column-actions) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-300))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_column-actions-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: fluent;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid-toolbar){--_grid-toolbar-background: var(--background, var(--ig-grid-toolbar-background));--_grid-toolbar-foreground: var(--foreground, var(--ig-grid-toolbar-foreground));--_grid-toolbar-accent-color: var(--accent-color, var(--ig-grid-toolbar-accent-color));--ig-grid-toolbar-title-text-color: var(--_grid-toolbar-foreground);--ig-column-actions-background: var(--_grid-toolbar-background);--ig-column-actions-title-color: var(--_grid-toolbar-accent-color);--ig-column-actions-foreground: var(--_grid-toolbar-foreground);--ig-column-actions-accent-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-icon-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_grid-toolbar-accent-color);--ig-outlined-button-disabled-icon-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-default-size: 2;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-toolbar-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-background: transparent}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid-toolbar){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid-toolbar){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-grid-toolbar){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--_excel-filtering-background: var(--background, var(--ig-excel-filtering-background));--_excel-filtering-secondary-background: var(--secondary-background, var(--ig-excel-filtering-secondary-background));--_excel-filtering-foreground: var(--foreground, var(--ig-excel-filtering-foreground));--_excel-filtering-accent-color: var(--accent-color, var(--ig-excel-filtering-accent-color))}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group{--ig-btn-group-selected-bg: var(--_excel-filtering-accent-color)}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group{--ig-btn-group-selected-bg: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-buttongroup,.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-button-group,.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group,.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group igx-buttongroup,.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group igx-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-button-group-elevation, none));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, var(--ig-button-group-idle-shadow-color, hsl(from var(--item-background) h s l/.5)));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, var(--idle-shadow-color)));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--_excel-filtering-foreground, var(--ig-gray-700))));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, transparent));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, transparent));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--item-selected-background)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-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, var(--ig-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(--ig-button-group-item-focused-border-color, var(--item-border-color)));--item-focused-hover-text-color: var(--igx-button-group-item-focused-hover-text-color, var(--ig-button-group-item-focused-hover-text-color, var(--item-focused-text-color)));--item-focused-hover-border-color: var(--igx-button-group-item-focused-hover-border-color, var(--ig-button-group-item-focused-hover-border-color, var(--item-focused-border-color)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, lch(from var(--item-focused-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, var(--ig-button-group-item-selected-hover-text-color, var(--_excel-filtering-accent-color, var(--ig-primary-500))));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--ig-button-group-item-selected-hover-icon-color, var(--_excel-filtering-accent-color, var(--ig-primary-500))));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-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(--ig-button-group-item-selected-focus-hover-background, var(--item-selected-hover-background)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, lch(from var(--item-selected-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, transparent));--item-selected-active-border-color: var(--igx-button-group-item-selected-active-border-color, var(--ig-button-group-item-selected-active-border-color, transparent));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--item-background)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, var(--ig-button-group-default-size, 2));--item-icon-color: var(--igx-button-group-item-icon-color, var(--ig-button-group-item-icon-color, var(--_excel-filtering-foreground, var(--ig-gray-700))));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--item-hover-background)));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--item-hover-text-color)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--item-border-color)));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-btn-group-selected-bg, var(--ig-gray-100))));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--_excel-filtering-accent-color, var(--ig-primary-500))));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--_excel-filtering-accent-color, var(--ig-primary-500))));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--item-border-color)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, lch(from var(--item-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*3) c h)));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--ig-button-group-item-selected-hover-border-color, var(--item-border-color)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, lch(from var(--item-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, hsl(from var(--item-text-color) h s l/.6)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--item-border-color)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--disabled-text-color)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--disabled-selected-text-color)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, hsl(from var(--item-selected-background) h s l/.3)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--item-border-color)));--border: var(--igx-button-group-border, var(--ig-button-group-border, 1px solid var(--ig-gray-600)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: var(--ig-contained-button-focus-visible-foreground);--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_excel-filtering-accent-color);--ig-contained-button-disabled-foreground: var(--_excel-filtering-foreground);--ig-contained-button-disabled-icon-color: var(--_excel-filtering-foreground);--ig-contained-button-default-size: 2;--ig-contained-button-resting-elevation: var(--ig-elevation-0);--ig-contained-button-hover-elevation: var(--ig-elevation-0);--ig-contained-button-focus-elevation: var(--ig-elevation-0);--ig-contained-button-active-elevation: var(--ig-elevation-0);--ig-contained-button-background: var(--_excel-filtering-accent-color);--ig-contained-button-active-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-background);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: var(--ig-flat-button-focus-visible-foreground);--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_excel-filtering-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_excel-filtering-accent-color);--ig-flat-button-disabled-icon-color: var(--_excel-filtering-accent-color);--ig-flat-button-default-size: 2;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_excel-filtering-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-focus-foreground);--ig-flat-button-focus-visible-background: transparent;--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 1.5;--ig-checkbox-label-color: var(--_excel-filtering-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: transparent;--ig-checkbox-fill-color: var(--_excel-filtering-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_excel-filtering-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-100);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, .0833333333) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: var(--_excel-filtering-foreground);--ig-checkbox-focus-outline-color: var(--ig-gray-400);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-empty-color: var(--_excel-filtering-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-error-color-hover: var(--ig-error-50);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_excel-filtering-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_excel-filtering-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_excel-filtering-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: var(--_excel-filtering-accent-color);--ig-input-group-input-prefix-color: hsla(from color(from var(--ig-input-group-input-prefix-background) var(--y-contrast)) h 0 l/1);--ig-input-group-input-prefix-background--filled: var(--ig-input-group-input-prefix-background);--ig-input-group-input-prefix-color--filled: var(--ig-input-group-input-prefix-color);--ig-input-group-input-prefix-background--focused: var(--ig-input-group-input-prefix-background);--ig-input-group-input-prefix-color--focused: var(--ig-input-group-input-prefix-color--filled);--ig-input-group-input-suffix-background: var(--ig-input-group-input-prefix-background);--ig-input-group-input-suffix-color: hsla(from color(from var(--ig-input-group-input-suffix-background) var(--y-contrast)) h 0 l/1);--ig-input-group-input-suffix-background--filled: var(--ig-input-group-input-suffix-background);--ig-input-group-input-suffix-color--filled: var(--ig-input-group-input-suffix-color);--ig-input-group-input-suffix-background--focused: var(--ig-input-group-input-suffix-background);--ig-input-group-input-suffix-color--focused: var(--ig-input-group-input-suffix-color--filled);--ig-input-group-idle-text-color: var(--_excel-filtering-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--ig-input-group-placeholder-color);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-border-color);--ig-input-group-idle-bottom-line-color: var(--ig-gray-500);--ig-input-group-hover-bottom-line-color: var(--ig-gray-800);--ig-input-group-focused-bottom-line-color: var(--ig-primary-500);--ig-input-group-disabled-bottom-line-color: var(--ig-gray-500);--ig-input-group-disabled-border-color: var(--ig-gray-100);--ig-input-group-border-color: var(--_excel-filtering-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: var(--ig-gray-100);--ig-input-group-search-background: transparent;--ig-input-group-search-disabled-background: var(--ig-gray-100);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_excel-filtering-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--ig-gray-100);--ig-input-group-box-background-hover: var(--ig-gray-200);--ig-input-group-box-background-focus: var(--ig-gray-300);--ig-input-group-box-disabled-background: var(--ig-gray-100);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-0);--ig-input-group-search-hover-elevation: var(--ig-elevation-0);--ig-input-group-search-disabled-elevation: var(--ig-elevation-0);--ig-select-toggle-button-background-focus--border: var(--ig-gray-300);--ig-select-toggle-button-background: var(--_excel-filtering-accent-color);--ig-select-toggle-button-background-focus: var(--ig-select-toggle-button-background);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_excel-filtering-foreground);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: transparent;--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: var(--ig-flat-icon-button-hover-background);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: var(--ig-gray-400);--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_excel-filtering-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 2;--ig-list-background: var(--_excel-filtering-secondary-background);--ig-list-header-background: var(--ig-list-background);--ig-list-header-text-color: hsla(from color(from var(--ig-list-header-background) var(--y-contrast)) h 0 l/1);--ig-list-item-background: var(--ig-list-background);--ig-list-item-background-hover: var(--_excel-filtering-accent-color);--ig-list-item-background-active: var(--ig-list-item-background-hover);--ig-list-item-background-selected: var(--ig-list-item-background-active);--ig-list-item-text-color: hsla(from color(from var(--ig-list-item-background) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-hover: hsla(from color(from var(--ig-list-item-background-hover) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-active: hsla(from color(from var(--ig-list-item-background-active) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-selected: hsla(from color(from var(--ig-list-item-background-selected) var(--y-contrast)) h 0 l/1);--ig-list-item-title-color: var(--ig-list-item-text-color);--ig-list-item-title-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-title-color-active: var(--ig-list-item-text-color-active);--ig-list-item-title-color-selected: var(--ig-list-item-text-color-selected);--ig-list-item-action-color: var(--ig-list-item-text-color);--ig-list-item-action-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-action-color-active: var(--ig-list-item-text-color-active);--ig-list-item-action-color-selected: var(--ig-list-item-text-color-selected);--ig-list-item-subtitle-color: hsl(from var(--ig-list-item-text-color) h s l/.74);--ig-list-item-subtitle-color-hover: hsl(from var(--ig-list-item-text-color-hover) h s l/.74);--ig-list-item-subtitle-color-active: hsl(from var(--ig-list-item-text-color-active) h s l/.74);--ig-list-item-subtitle-color-selected: hsl(from var(--ig-list-item-text-color-selected) h s l/.74);--ig-list-item-thumbnail-color: var(--ig-list-item-text-color);--ig-list-item-thumbnail-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-thumbnail-color-active: var(--ig-list-item-text-color-active);--ig-list-item-thumbnail-color-selected: var(--ig-list-item-text-color-selected);--ig-list-border-color: hsl(from hsla(from color(from var(--ig-list-item-background) var(--y-contrast)) h 0 l/1) h s l/.15);--ig-list-border-width: .0625rem;--ig-list-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-list-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-list-default-size: 2;--_scrollbar-thumb-color: var(--_excel-filtering-foreground);--_scrollbar-track-border-color: var(--_excel-filtering-foreground)}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_excel-filtering-foreground) 40%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-empty-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 16%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 24%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-list-item-background-hover: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--_scrollbar-thumb-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary){--_scrollbar-track-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 16%, var(--_excel-filtering-background))}}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary),.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-excel-filter,.igx-excel-filter__secondary) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-300))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_excel-filtering-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: fluent;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-paginator){--_paginator-background: var(--background, var(--ig-paginator-background));--_paginator-foreground: var(--foreground, var(--ig-paginator-foreground));--_paginator-accent-color: var( --igx-paginator-accent-color, var(--ig-paginator-accent-color, var(--accent-color)) );--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_paginator-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_paginator-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_paginator-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_paginator-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_paginator-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_paginator-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_paginator-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_paginator-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_paginator-accent-color);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: transparent;--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: var(--ig-flat-icon-button-hover-background);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: var(--ig-gray-400);--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_paginator-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 2;--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: var(--ig-gray-50);--ig-input-group-input-prefix-color: var(--ig-gray-400);--ig-input-group-input-prefix-background--filled: var(--ig-gray-50);--ig-input-group-input-prefix-color--filled: var(--ig-gray-400);--ig-input-group-input-prefix-background--focused: var(--ig-gray-50);--ig-input-group-input-prefix-color--focused: var(--ig-gray-400);--ig-input-group-input-suffix-background: var(--ig-gray-50);--ig-input-group-input-suffix-color: var(--ig-gray-400);--ig-input-group-input-suffix-background--filled: var(--ig-gray-50);--ig-input-group-input-suffix-color--filled: var(--ig-gray-400);--ig-input-group-input-suffix-background--focused: var(--ig-gray-50);--ig-input-group-input-suffix-color--focused: var(--ig-gray-400);--ig-input-group-idle-text-color: var(--_paginator-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--ig-input-group-placeholder-color);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-border-color);--ig-input-group-idle-bottom-line-color: var(--_paginator-accent-color);--ig-input-group-hover-bottom-line-color: var(--ig-gray-800);--ig-input-group-focused-bottom-line-color: var(--ig-primary-500);--ig-input-group-disabled-bottom-line-color: var(--ig-gray-500);--ig-input-group-disabled-border-color: var(--ig-gray-100);--ig-input-group-border-color: var(--_paginator-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: var(--ig-gray-100);--ig-input-group-search-background: transparent;--ig-input-group-search-disabled-background: var(--ig-gray-100);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_paginator-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--ig-gray-100);--ig-input-group-box-background-hover: var(--ig-gray-200);--ig-input-group-box-background-focus: var(--ig-gray-300);--ig-input-group-box-disabled-background: var(--ig-gray-100);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-0);--ig-input-group-search-hover-elevation: var(--ig-elevation-0);--ig-input-group-search-disabled-elevation: var(--ig-elevation-0);--ig-select-toggle-button-background-focus--border: var(--_paginator-accent-color);--ig-select-toggle-button-background: var(--_paginator-accent-color);--ig-select-toggle-button-background-focus: var(--ig-select-toggle-button-background);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-paginator){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 8%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-paginator){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-paginator){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-paginator){--ig-drop-down-border-color: color-mix(in srgb, var(--_paginator-foreground) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-paginator){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 16%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-paginator){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_paginator-accent-color) 24%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-paginator){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_paginator-accent-color) 50%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-paginator){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_paginator-foreground) 80%, var(--_paginator-background))}}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--_query-builder-background: var(--background, var(--ig-query-builder-background));--_query-builder-foreground: var(--foreground, var(--ig-query-builder-foreground));--_query-builder-accent-color: var(--accent-color, var(--ig-query-builder-accent-color))}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog),.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog) igx-query-builder{--elevation: var(--igx-query-builder-elevation, var(--ig-query-builder-elevation, var(--ig-elevation-0)));--background: var(--igx-query-builder-background, var(--ig-query-builder-background, var(--ig-surface-500)));--header-background: var(--igx-query-builder-header-background, var(--ig-query-builder-header-background, var(--ig-surface-500)));--header-foreground: var(--igx-query-builder-header-foreground, var(--ig-query-builder-header-foreground, var(--ig-gray-900)));--header-border: var(--igx-query-builder-header-border, var(--ig-query-builder-header-border, transparent));--color-expression-group-and: var(--igx-query-builder-color-expression-group-and, var(--ig-query-builder-color-expression-group-and, #da64ff));--color-expression-group-or: var(--igx-query-builder-color-expression-group-or, var(--ig-query-builder-color-expression-group-or, #19ad87));--border-radius: var(--igx-query-builder-border-radius, var(--ig-query-builder-border-radius, .125rem));--subquery-header-background: var(--igx-query-builder-subquery-header-background, var(--ig-query-builder-subquery-header-background, var(--ig-gray-50)));--subquery-border-color: var(--igx-query-builder-subquery-border-color, var(--ig-query-builder-subquery-border-color, var(--ig-gray-200)));--subquery-border-radius: var(--igx-query-builder-subquery-border-radius, var(--ig-query-builder-subquery-border-radius, .75rem));--separator-color: var(--igx-query-builder-separator-color, var(--ig-query-builder-separator-color, var(--ig-gray-300)));--label-foreground: var(--igx-query-builder-label-foreground, var(--ig-query-builder-label-foreground, var(--ig-gray-700)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 1.5;--ig-checkbox-label-color: var(--_query-builder-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_query-builder-background);--ig-checkbox-fill-color: var(--_query-builder-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_query-builder-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-100);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, .0833333333) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: var(--_query-builder-foreground);--ig-checkbox-focus-outline-color: var(--ig-gray-400);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-empty-color: var(--_query-builder-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-error-color-hover: var(--ig-error-50);--ig-chip-ghost-elevation: var(--ig-elevation-2);--ig-chip-remove-icon-color: "currentColor";--ig-chip-focus-shadow-color: transparent;--ig-chip-focus-selected-shadow-color: transparent;--ig-chip-remove-icon-color-focus: "currentColor";--ig-chip-background: var(--_query-builder-foreground);--ig-chip-ghost-background: var(--_query-builder-foreground);--ig-chip-ghost-text-color: var(--_query-builder-foreground);--ig-chip-hover-text-color: var(--ig-chip-text-color);--ig-chip-hover-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-hover-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-hover-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem);--ig-chip-disabled-text-color: var(--_query-builder-foreground);--ig-chip-disabled-background: var(--_query-builder-foreground);--ig-chip-disabled-selected-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-background: var(--ig-gray-200);--ig-chip-default-size: 2;--ig-chip-outlined-background: transparent;--ig-chip-outlined-text-color: var(--ig-gray-700);--ig-chip-border-color: var(--ig-gray-700);--ig-chip-selected-outlined-background: transparent;--ig-chip-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-selected-border-color: var(--ig-primary-200);--ig-chip-hover-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-border-color: var(--ig-primary-200);--ig-chip-hover-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-border-color: var(--ig-primary-200);--ig-chip-focus-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-border-color: var(--ig-primary-200);--ig-chip-focus-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-disabled-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-border-color: var(--_query-builder-foreground);--ig-chip-disabled-selected-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-selected-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-border-color: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-text-color: var(--_query-builder-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-hover-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-hover-selected-outlined-background: hsl(from var(--ig-primary-600) h s l/.2);--ig-chip-focus-outlined-background: hsl(from var(--ig-primary-600) h s l/.2);--ig-chip-focus-selected-outlined-background: hsl(from var(--ig-primary-800) h s l/.5);--ig-combo-toggle-button-background-focus--border: var(--ig-combo-toggle-button-background);--ig-combo-case-icon-color: var(--ig-gray-400);--ig-combo-case-icon-color--active: var(--ig-primary-500);--ig-combo-empty-list-background: var(--ig-surface-500);--ig-combo-search-separator-border-color: transparent;--ig-combo-empty-list-placeholder-color: var(--ig-gray-700);--ig-combo-toggle-button-background: var(--_query-builder-accent-color);--ig-combo-toggle-button-background-focus: var(--ig-combo-toggle-button-background);--ig-combo-toggle-button-foreground: hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-combo-toggle-button-foreground-focus: hsla(from color(from var(--ig-combo-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-combo-toggle-button-foreground-filled: hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-combo-clear-button-background: var(--ig-gray-50);--ig-combo-clear-button-foreground: var(--_query-builder-foreground);--ig-combo-clear-button-foreground-focus: var(--ig-combo-clear-button-foreground);--ig-combo-toggle-button-background-disabled: hsl(from var(--ig-combo-toggle-button-background) h s l/.3);--ig-combo-toggle-button-foreground-disabled: hsl(from hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-combo-default-size: 2;--ig-combo-clear-button-background-focus: var(--ig-gray-50);--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: var(--ig-contained-button-focus-visible-foreground);--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_query-builder-accent-color);--ig-contained-button-disabled-foreground: var(--_query-builder-foreground);--ig-contained-button-disabled-icon-color: var(--_query-builder-foreground);--ig-contained-button-default-size: 2;--ig-contained-button-resting-elevation: var(--ig-elevation-0);--ig-contained-button-hover-elevation: var(--ig-elevation-0);--ig-contained-button-focus-elevation: var(--ig-elevation-0);--ig-contained-button-active-elevation: var(--ig-elevation-0);--ig-contained-button-background: var(--_query-builder-accent-color);--ig-contained-button-active-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-background);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_query-builder-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_query-builder-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_query-builder-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_query-builder-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_query-builder-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_query-builder-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_query-builder-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_query-builder-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: var(--ig-flat-button-focus-visible-foreground);--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_query-builder-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_query-builder-accent-color);--ig-flat-button-disabled-icon-color: var(--_query-builder-accent-color);--ig-flat-button-default-size: 2;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_query-builder-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-focus-foreground);--ig-flat-button-focus-visible-background: transparent;--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: var(--_query-builder-accent-color);--ig-input-group-input-prefix-color: hsla(from color(from var(--ig-input-group-input-prefix-background) var(--y-contrast)) h 0 l/1);--ig-input-group-input-prefix-background--filled: var(--ig-input-group-input-prefix-background);--ig-input-group-input-prefix-color--filled: var(--ig-input-group-input-prefix-color);--ig-input-group-input-prefix-background--focused: var(--ig-input-group-input-prefix-background);--ig-input-group-input-prefix-color--focused: var(--ig-input-group-input-prefix-color--filled);--ig-input-group-input-suffix-background: var(--ig-input-group-input-prefix-background);--ig-input-group-input-suffix-color: hsla(from color(from var(--ig-input-group-input-suffix-background) var(--y-contrast)) h 0 l/1);--ig-input-group-input-suffix-background--filled: var(--ig-input-group-input-suffix-background);--ig-input-group-input-suffix-color--filled: var(--ig-input-group-input-suffix-color);--ig-input-group-input-suffix-background--focused: var(--ig-input-group-input-suffix-background);--ig-input-group-input-suffix-color--focused: var(--ig-input-group-input-suffix-color--filled);--ig-input-group-idle-text-color: var(--_query-builder-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--ig-input-group-placeholder-color);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-border-color);--ig-input-group-idle-bottom-line-color: var(--ig-gray-500);--ig-input-group-hover-bottom-line-color: var(--ig-gray-800);--ig-input-group-focused-bottom-line-color: var(--ig-primary-500);--ig-input-group-disabled-bottom-line-color: var(--ig-gray-500);--ig-input-group-disabled-border-color: var(--_query-builder-accent-color);--ig-input-group-border-color: var(--_query-builder-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: transparent;--ig-input-group-search-disabled-background: var(--ig-gray-100);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_query-builder-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--ig-gray-100);--ig-input-group-box-background-hover: var(--ig-gray-200);--ig-input-group-box-background-focus: var(--ig-gray-300);--ig-input-group-box-disabled-background: var(--ig-gray-100);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-0);--ig-input-group-search-hover-elevation: var(--ig-elevation-0);--ig-input-group-search-disabled-elevation: var(--ig-elevation-0);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_query-builder-accent-color);--ig-outlined-button-icon-color: var(--_query-builder-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_query-builder-accent-color);--ig-outlined-button-disabled-icon-color: var(--_query-builder-accent-color);--ig-outlined-button-default-size: 2;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_query-builder-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-background: transparent;--ig-outlined-icon-button-shadow-color: transparent;--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_query-builder-accent-color);--ig-outlined-icon-button-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.08);--ig-outlined-icon-button-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-background: transparent;--ig-outlined-icon-button-focus-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-hover-background: var(--ig-outlined-icon-button-hover-background);--ig-outlined-icon-button-focus-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-active-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-active-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-border-color: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.7);--ig-outlined-icon-button-focus-border-color: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: var(--_query-builder-accent-color);--ig-outlined-icon-button-disabled-border-color: var(--_query-builder-accent-color);--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 2;--_scrollbar-thumb-color: var(--_query-builder-foreground);--_scrollbar-track-border-color: var(--_query-builder-foreground)}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_query-builder-foreground) 40%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-empty-color: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-ghost-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-text-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-border-color: color-mix(in srgb, var(--_query-builder-foreground) 24%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 8%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-border-color: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 16%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 24%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-input-group-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, transparent)}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--_scrollbar-thumb-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--_scrollbar-track-border-color: color-mix(in srgb, var(--_query-builder-foreground) 16%, var(--_query-builder-background))}}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog),.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-300))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_query-builder-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: fluent;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.dark-theme .grid-chart-contextmenu-wrapper :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-select-toggle-button-background-focus--border: var(--ig-gray-300);--ig-select-toggle-button-background: var(--_query-builder-accent-color);--ig-select-toggle-button-background-focus: var(--ig-select-toggle-button-background);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-tooltip-elevation: var(--ig-elevation-0);--ig-tooltip-background: hsl(from var(--_query-builder-foreground) h s l/80%);--ig-tooltip-text-color: hsla(from color(from hsl(from var(--_query-builder-foreground) h s l/80%) var(--y-contrast)) h 0 l/1);--ig-tooltip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .125) * 1rem), 1rem)}}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper [igxRipple]{--color: var(--igx-ripple-color, var(--ig-ripple-color, hsl(from var(--ig-gray-800) h s l/.7)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper [igxRipple]{--ig-theme: inherit;--ig-theme-variant: inherit}@layer ig.base;.dark-theme .grid-chart-contextmenu-wrapper .igx-button{--component-size: var(--ig-size, var(--ig-size-large));--ig-icon-size: 1.125rem}.dark-theme .grid-chart-contextmenu-wrapper .igx-button:is(a,span){display:revert-layer;min-width:revert-layer;min-height:revert-layer;padding-inline:revert-layer;padding-block:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;color:revert-layer;box-shadow:revert-layer;cursor:revert-layer;justify-content:center;text-decoration:none}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper [igxButton=flat],.dark-theme .grid-chart-contextmenu-wrapper igx-button[variant=flat],.dark-theme .grid-chart-contextmenu-wrapper .igx-button--flat{--shadow-color: var(--igx-flat-button-shadow-color, var(--ig-flat-button-shadow-color, transparent));--border-color: var(--igx-flat-button-border-color, var(--ig-flat-button-border-color, transparent));--hover-border-color: var(--igx-flat-button-hover-border-color, var(--ig-flat-button-hover-border-color, transparent));--focus-border-color: var(--igx-flat-button-focus-border-color, var(--ig-flat-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-flat-button-focus-visible-border-color, var(--ig-flat-button-focus-visible-border-color, var(--ig-gray-400)));--active-border-color: var(--igx-flat-button-active-border-color, var(--ig-flat-button-active-border-color, transparent));--disabled-border-color: var(--igx-flat-button-disabled-border-color, var(--ig-flat-button-disabled-border-color, transparent));--icon-color: var(--igx-flat-button-icon-color, var(--ig-flat-button-icon-color, currentColor));--icon-color-hover: var(--igx-flat-button-icon-color-hover, var(--ig-flat-button-icon-color-hover, currentColor));--disabled-background: var(--igx-flat-button-disabled-background, var(--ig-flat-button-disabled-background, transparent));--disabled-foreground: var(--igx-flat-button-disabled-foreground, var(--ig-flat-button-disabled-foreground, var(--ig-gray-200)));--disabled-icon-color: var(--igx-flat-button-disabled-icon-color, var(--ig-flat-button-disabled-icon-color, currentColor));--size: var(--igx-flat-button-size, var(--ig-flat-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-flat-button-default-size, var(--ig-flat-button-default-size, 2));--resting-elevation: var(--igx-flat-button-resting-elevation, var(--ig-flat-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-flat-button-hover-elevation, var(--ig-flat-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-flat-button-focus-elevation, var(--ig-flat-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-flat-button-active-elevation, var(--ig-flat-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-flat-button-background, var(--ig-flat-button-background, transparent));--focus-foreground: var(--igx-flat-button-focus-foreground, var(--ig-flat-button-focus-foreground, var(--ig-gray-900)));--border-radius: var(--igx-flat-button-border-radius, var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--foreground: var(--igx-flat-button-foreground, var(--ig-flat-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-flat-button-hover-background, var(--ig-flat-button-hover-background, var(--ig-gray-50)));--hover-foreground: var(--igx-flat-button-hover-foreground, var(--ig-flat-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-flat-button-focus-background, var(--ig-flat-button-focus-background, var(--ig-gray-100)));--active-background: var(--igx-flat-button-active-background, var(--ig-flat-button-active-background, var(--ig-gray-100)));--active-foreground: var(--igx-flat-button-active-foreground, var(--ig-flat-button-active-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-flat-button-focus-hover-background, var(--ig-flat-button-focus-hover-background, var(--ig-gray-50)));--focus-hover-foreground: var(--igx-flat-button-focus-hover-foreground, var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900)));--focus-visible-foreground: var(--igx-flat-button-focus-visible-foreground, var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-900)));--focus-visible-background: var(--igx-flat-button-focus-visible-background, var(--ig-flat-button-focus-visible-background, transparent));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper [igxButton=contained],.dark-theme .grid-chart-contextmenu-wrapper igx-button[variant=contained],.dark-theme .grid-chart-contextmenu-wrapper .igx-button--contained{--shadow-color: var(--igx-contained-button-shadow-color, var(--ig-contained-button-shadow-color, transparent));--border-color: var(--igx-contained-button-border-color, var(--ig-contained-button-border-color, transparent));--hover-border-color: var(--igx-contained-button-hover-border-color, var(--ig-contained-button-hover-border-color, transparent));--focus-border-color: var(--igx-contained-button-focus-border-color, var(--ig-contained-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-contained-button-focus-visible-border-color, var(--ig-contained-button-focus-visible-border-color, var(--ig-primary-300-contrast)));--active-border-color: var(--igx-contained-button-active-border-color, var(--ig-contained-button-active-border-color, transparent));--disabled-border-color: var(--igx-contained-button-disabled-border-color, var(--ig-contained-button-disabled-border-color, transparent));--icon-color: var(--igx-contained-button-icon-color, var(--ig-contained-button-icon-color, currentColor));--icon-color-hover: var(--igx-contained-button-icon-color-hover, var(--ig-contained-button-icon-color-hover, currentColor));--disabled-background: var(--igx-contained-button-disabled-background, var(--ig-contained-button-disabled-background, var(--ig-gray-50)));--disabled-foreground: var(--igx-contained-button-disabled-foreground, var(--ig-contained-button-disabled-foreground, var(--ig-gray-200)));--disabled-icon-color: var(--igx-contained-button-disabled-icon-color, var(--ig-contained-button-disabled-icon-color, currentColor));--size: var(--igx-contained-button-size, var(--ig-contained-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-contained-button-default-size, var(--ig-contained-button-default-size, 2));--resting-elevation: var(--igx-contained-button-resting-elevation, var(--ig-contained-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-contained-button-hover-elevation, var(--ig-contained-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-contained-button-focus-elevation, var(--ig-contained-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-contained-button-active-elevation, var(--ig-contained-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-contained-button-background, var(--ig-contained-button-background, var(--ig-primary-300)));--active-background: var(--igx-contained-button-active-background, var(--ig-contained-button-active-background, var(--ig-primary-100)));--border-radius: var(--igx-contained-button-border-radius, var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--foreground: var(--igx-contained-button-foreground, var(--ig-contained-button-foreground, var(--ig-primary-300-contrast)));--hover-background: var(--igx-contained-button-hover-background, var(--ig-contained-button-hover-background, var(--ig-primary-200)));--hover-foreground: var(--igx-contained-button-hover-foreground, var(--ig-contained-button-hover-foreground, var(--ig-primary-300-contrast)));--focus-background: var(--igx-contained-button-focus-background, var(--ig-contained-button-focus-background, var(--ig-primary-100)));--focus-foreground: var(--igx-contained-button-focus-foreground, var(--ig-contained-button-focus-foreground, var(--ig-primary-300-contrast)));--active-foreground: var(--igx-contained-button-active-foreground, var(--ig-contained-button-active-foreground, var(--ig-primary-300-contrast)));--focus-hover-background: var(--igx-contained-button-focus-hover-background, var(--ig-contained-button-focus-hover-background, var(--ig-primary-200)));--focus-hover-foreground: var(--igx-contained-button-focus-hover-foreground, var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-300-contrast)));--focus-visible-foreground: var(--igx-contained-button-focus-visible-foreground, var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-300-contrast)));--focus-visible-background: var(--igx-contained-button-focus-visible-background, var(--ig-contained-button-focus-visible-background, var(--ig-primary-300)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper [igxButton=outlined],.dark-theme .grid-chart-contextmenu-wrapper igx-button[variant=outlined],.dark-theme .grid-chart-contextmenu-wrapper .igx-button--outlined{--shadow-color: var(--igx-outlined-button-shadow-color, var(--ig-outlined-button-shadow-color, transparent));--border-color: var(--igx-outlined-button-border-color, var(--ig-outlined-button-border-color, var(--ig-gray-400)));--hover-border-color: var(--igx-outlined-button-hover-border-color, var(--ig-outlined-button-hover-border-color, var(--ig-gray-400)));--focus-border-color: var(--igx-outlined-button-focus-border-color, var(--ig-outlined-button-focus-border-color, var(--ig-gray-400)));--focus-visible-border-color: var(--igx-outlined-button-focus-visible-border-color, var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-400)));--active-border-color: var(--igx-outlined-button-active-border-color, var(--ig-outlined-button-active-border-color, var(--ig-gray-400)));--disabled-border-color: var(--igx-outlined-button-disabled-border-color, var(--ig-outlined-button-disabled-border-color, var(--ig-gray-100)));--icon-color: var(--igx-outlined-button-icon-color, var(--ig-outlined-button-icon-color, currentColor));--icon-color-hover: var(--igx-outlined-button-icon-color-hover, var(--ig-outlined-button-icon-color-hover, currentColor));--disabled-background: var(--igx-outlined-button-disabled-background, var(--ig-outlined-button-disabled-background, var(--ig-gray-50)));--disabled-foreground: var(--igx-outlined-button-disabled-foreground, var(--ig-outlined-button-disabled-foreground, var(--ig-gray-200)));--disabled-icon-color: var(--igx-outlined-button-disabled-icon-color, var(--ig-outlined-button-disabled-icon-color, currentColor));--size: var(--igx-outlined-button-size, var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-outlined-button-default-size, var(--ig-outlined-button-default-size, 2));--resting-elevation: var(--igx-outlined-button-resting-elevation, var(--ig-outlined-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-outlined-button-hover-elevation, var(--ig-outlined-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-outlined-button-focus-elevation, var(--ig-outlined-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-outlined-button-active-elevation, var(--ig-outlined-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-outlined-button-background, var(--ig-outlined-button-background, transparent));--focus-foreground: var(--igx-outlined-button-focus-foreground, var(--ig-outlined-button-focus-foreground, var(--ig-gray-900)));--border-radius: var(--igx-outlined-button-border-radius, var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--foreground: var(--igx-outlined-button-foreground, var(--ig-outlined-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-outlined-button-hover-background, var(--ig-outlined-button-hover-background, var(--ig-gray-50)));--hover-foreground: var(--igx-outlined-button-hover-foreground, var(--ig-outlined-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-outlined-button-focus-background, var(--ig-outlined-button-focus-background, var(--ig-gray-100)));--active-background: var(--igx-outlined-button-active-background, var(--ig-outlined-button-active-background, var(--ig-gray-100)));--active-foreground: var(--igx-outlined-button-active-foreground, var(--ig-outlined-button-active-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-outlined-button-focus-hover-background, var(--ig-outlined-button-focus-hover-background, var(--ig-gray-50)));--focus-hover-foreground: var(--igx-outlined-button-focus-hover-foreground, var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900)));--focus-visible-foreground: var(--igx-outlined-button-focus-visible-foreground, var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-900)));--focus-visible-background: var(--igx-outlined-button-focus-visible-background, var(--ig-outlined-button-focus-visible-background, transparent));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper [igxButton=fab],.dark-theme .grid-chart-contextmenu-wrapper igx-button[variant=fab],.dark-theme .grid-chart-contextmenu-wrapper .igx-button--fab{--shadow-color: var(--igx-fab-button-shadow-color, var(--ig-fab-button-shadow-color, transparent));--border-color: var(--igx-fab-button-border-color, var(--ig-fab-button-border-color, transparent));--hover-border-color: var(--igx-fab-button-hover-border-color, var(--ig-fab-button-hover-border-color, transparent));--focus-border-color: var(--igx-fab-button-focus-border-color, var(--ig-fab-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-fab-button-focus-visible-border-color, var(--ig-fab-button-focus-visible-border-color, var(--ig-primary-300-contrast)));--active-border-color: var(--igx-fab-button-active-border-color, var(--ig-fab-button-active-border-color, transparent));--disabled-border-color: var(--igx-fab-button-disabled-border-color, var(--ig-fab-button-disabled-border-color, transparent));--icon-color: var(--igx-fab-button-icon-color, var(--ig-fab-button-icon-color, currentColor));--icon-color-hover: var(--igx-fab-button-icon-color-hover, var(--ig-fab-button-icon-color-hover, currentColor));--disabled-background: var(--igx-fab-button-disabled-background, var(--ig-fab-button-disabled-background, var(--ig-gray-50)));--disabled-foreground: var(--igx-fab-button-disabled-foreground, var(--ig-fab-button-disabled-foreground, var(--ig-gray-200)));--disabled-icon-color: var(--igx-fab-button-disabled-icon-color, var(--ig-fab-button-disabled-icon-color, currentColor));--size: var(--igx-fab-button-size, var(--ig-fab-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-fab-button-default-size, var(--ig-fab-button-default-size, 3));--resting-elevation: var(--igx-fab-button-resting-elevation, var(--ig-fab-button-resting-elevation, var(--ig-elevation-6)));--hover-elevation: var(--igx-fab-button-hover-elevation, var(--ig-fab-button-hover-elevation, var(--ig-elevation-12)));--focus-elevation: var(--igx-fab-button-focus-elevation, var(--ig-fab-button-focus-elevation, var(--ig-elevation-12)));--active-elevation: var(--igx-fab-button-active-elevation, var(--ig-fab-button-active-elevation, var(--ig-elevation-12)));--foreground: var(--igx-fab-button-foreground, var(--ig-fab-button-foreground, var(--ig-primary-300-contrast)));--hover-background: var(--igx-fab-button-hover-background, var(--ig-fab-button-hover-background, var(--ig-primary-200)));--hover-foreground: var(--igx-fab-button-hover-foreground, var(--ig-fab-button-hover-foreground, var(--ig-primary-300-contrast)));--focus-background: var(--igx-fab-button-focus-background, var(--ig-fab-button-focus-background, var(--ig-primary-100)));--focus-foreground: var(--igx-fab-button-focus-foreground, var(--ig-fab-button-focus-foreground, var(--ig-primary-300-contrast)));--active-background: var(--igx-fab-button-active-background, var(--ig-fab-button-active-background, var(--ig-primary-100)));--active-foreground: var(--igx-fab-button-active-foreground, var(--ig-fab-button-active-foreground, var(--ig-primary-300-contrast)));--focus-hover-background: var(--igx-fab-button-focus-hover-background, var(--ig-fab-button-focus-hover-background, var(--ig-primary-200)));--focus-hover-foreground: var(--igx-fab-button-focus-hover-foreground, var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-300-contrast)));--focus-visible-foreground: var(--igx-fab-button-focus-visible-foreground, var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-300-contrast)));--focus-visible-background: var(--igx-fab-button-focus-visible-background, var(--ig-fab-button-focus-visible-background, var(--ig-primary-300)));--border-radius: var(--igx-fab-button-border-radius, var(--ig-fab-button-border-radius, clamp(.75rem, calc(var(--ig-radius-factor, .5) * 1.75rem), 1.75rem)));--background: var(--igx-fab-button-background, var(--ig-fab-button-background, var(--ig-primary-300)));--ig-theme: fluent;--ig-theme-variant: dark}@layer ig.base;.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-data-chart{--title-text-color: var(--igx-data-chart-title-text-color, var(--ig-data-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-data-chart-subtitle-text-color, var(--ig-data-chart-subtitle-text-color, var(--ig-gray-600)));--brushes: var(--igx-data-chart-brushes, var(--ig-data-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-data-chart-marker-brushes, var(--ig-data-chart-marker-brushes, var(--chart-brushes)));--outlines: var(--igx-data-chart-outlines, var(--ig-data-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-data-chart-marker-outlines, var(--ig-data-chart-marker-outlines, var(--chart-brushes)));--plot-area-background: var(--igx-data-chart-plot-area-background, var(--ig-data-chart-plot-area-background, var(--ig-surface-500)));--axis-label-text-color: var(--igx-data-chart-axis-label-text-color, var(--ig-data-chart-axis-label-text-color, var(--ig-gray-700)));--axis-stroke: var(--igx-data-chart-axis-stroke, var(--ig-data-chart-axis-stroke, var(--ig-gray-500)));--axis-tick-stroke: var(--igx-data-chart-axis-tick-stroke, var(--ig-data-chart-axis-tick-stroke, var(--ig-gray-500)));--axis-title-text-color: var(--igx-data-chart-axis-title-text-color, var(--ig-data-chart-axis-title-text-color, var(--ig-gray-900)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-doughnut-chart{--brushes: var(--igx-doughnut-chart-brushes, var(--ig-doughnut-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-doughnut-chart-outlines, var(--ig-doughnut-chart-outlines, var(--chart-brushes)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-linear-gauge{--backing-brush: var(--igx-linear-gauge-backing-brush, var(--ig-linear-gauge-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-linear-gauge-backing-outline, var(--ig-linear-gauge-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-linear-gauge-font-brush, var(--ig-linear-gauge-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-linear-gauge-minor-tick-brush, var(--ig-linear-gauge-minor-tick-brush, var(--ig-surface-500-contrast)));--needle-brush: var(--igx-linear-gauge-needle-brush, var(--ig-linear-gauge-needle-brush, var(--ig-primary-500)));--needle-outline: var(--igx-linear-gauge-needle-outline, var(--ig-linear-gauge-needle-outline, var(--ig-surface-500)));--range-brushes: var(--igx-linear-gauge-range-brushes, var(--ig-linear-gauge-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-linear-gauge-range-outlines, var(--ig-linear-gauge-range-outlines, var(--chart-brushes)));--scale-brush: var(--igx-linear-gauge-scale-brush, var(--ig-linear-gauge-scale-brush, var(--ig-surface-500)));--tick-brush: var(--igx-linear-gauge-tick-brush, var(--ig-linear-gauge-tick-brush, var(--ig-surface-500-contrast)));--scale-outline: var(--igx-linear-gauge-scale-outline, var(--ig-linear-gauge-scale-outline, var(--ig-surface-500)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-radial-gauge{--backing-brush: var(--igx-radial-gauge-backing-brush, var(--ig-radial-gauge-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-radial-gauge-backing-outline, var(--ig-radial-gauge-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-radial-gauge-font-brush, var(--ig-radial-gauge-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-radial-gauge-minor-tick-brush, var(--ig-radial-gauge-minor-tick-brush, var(--ig-surface-500-contrast)));--needle-brush: var(--igx-radial-gauge-needle-brush, var(--ig-radial-gauge-needle-brush, var(--ig-primary-500)));--needle-outline: var(--igx-radial-gauge-needle-outline, var(--ig-radial-gauge-needle-outline, var(--ig-surface-500)));--range-brushes: var(--igx-radial-gauge-range-brushes, var(--ig-radial-gauge-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-radial-gauge-range-outlines, var(--ig-radial-gauge-range-outlines, var(--chart-brushes)));--scale-brush: var(--igx-radial-gauge-scale-brush, var(--ig-radial-gauge-scale-brush, var(--ig-surface-500)));--tick-brush: var(--igx-radial-gauge-tick-brush, var(--ig-radial-gauge-tick-brush, var(--ig-surface-500-contrast)));--needle-pivot-brush: var(--igx-radial-gauge-needle-pivot-brush, var(--ig-radial-gauge-needle-pivot-brush, var(--ig-primary-500)));--needle-pivot-outline: var(--igx-radial-gauge-needle-pivot-outline, var(--ig-radial-gauge-needle-pivot-outline, var(--ig-surface-500)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-financial-chart{--brushes: var(--igx-financial-chart-brushes, var(--ig-financial-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-financial-chart-outlines, var(--ig-financial-chart-outlines, var(--chart-brushes)));--marker-brushes: var(--igx-financial-chart-marker-brushes, var(--ig-financial-chart-marker-brushes, var(--chart-brushes)));--marker-outlines: var(--igx-financial-chart-marker-outlines, var(--ig-financial-chart-marker-outlines, var(--chart-brushes)));--indicator-brushes: var(--igx-financial-chart-indicator-brushes, var(--ig-financial-chart-indicator-brushes, var(--chart-brushes)));--indicator-negative-brushes: var(--igx-financial-chart-indicator-negative-brushes, var(--ig-financial-chart-indicator-negative-brushes, var(--chart-brushes)));--negative-brushes: var(--igx-financial-chart-negative-brushes, var(--ig-financial-chart-negative-brushes, var(--chart-brushes)));--negative-outlines: var(--igx-financial-chart-negative-outlines, var(--ig-financial-chart-negative-outlines, var(--chart-brushes)));--overlay-brushes: var(--igx-financial-chart-overlay-brushes, var(--ig-financial-chart-overlay-brushes, var(--chart-brushes)));--overlay-outlines: var(--igx-financial-chart-overlay-outlines, var(--ig-financial-chart-overlay-outlines, var(--chart-brushes)));--overlay-thickness: var(--igx-financial-chart-overlay-thickness, var(--ig-financial-chart-overlay-thickness, var(--chart-brushes)));--trend-line-brushes: var(--igx-financial-chart-trend-line-brushes, var(--ig-financial-chart-trend-line-brushes, var(--chart-brushes)));--volume-brushes: var(--igx-financial-chart-volume-brushes, var(--ig-financial-chart-volume-brushes, var(--chart-brushes)));--volume-outlines: var(--igx-financial-chart-volume-outlines, var(--ig-financial-chart-volume-outlines, var(--chart-brushes)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-bullet-graph{--backing-brush: var(--igx-bullet-graph-backing-brush, var(--ig-bullet-graph-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-bullet-graph-backing-outline, var(--ig-bullet-graph-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-bullet-graph-font-brush, var(--ig-bullet-graph-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-bullet-graph-minor-tick-brush, var(--ig-bullet-graph-minor-tick-brush, var(--ig-surface-500-contrast)));--range-brushes: var(--igx-bullet-graph-range-brushes, var(--ig-bullet-graph-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-bullet-graph-range-outlines, var(--ig-bullet-graph-range-outlines, var(--chart-brushes)));--scale-background-brush: var(--igx-bullet-graph-scale-background-brush, var(--ig-bullet-graph-scale-background-brush, var(--ig-primary-500)));--scale-background-outline: var(--igx-bullet-graph-scale-background-outline, var(--ig-bullet-graph-scale-background-outline, var(--ig-surface-500)));--target-value-brush: var(--igx-bullet-graph-target-value-brush, var(--ig-bullet-graph-target-value-brush, var(--ig-gray-800)));--tick-brush: var(--igx-bullet-graph-tick-brush, var(--ig-bullet-graph-tick-brush, var(--ig-surface-500-contrast)));--value-brush: var(--igx-bullet-graph-value-brush, var(--ig-bullet-graph-value-brush, var(--ig-gray-800)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-category-chart{--brushes: var(--igx-category-chart-brushes, var(--ig-category-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-category-chart-marker-brushes, var(--ig-category-chart-marker-brushes, var(--chart-brushes)));--negative-brushes: var(--igx-category-chart-negative-brushes, var(--ig-category-chart-negative-brushes, hsl(347, 82%, 64%)));--outlines: var(--igx-category-chart-outlines, var(--ig-category-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-category-chart-marker-outlines, var(--ig-category-chart-marker-outlines, var(--chart-brushes)));--negative-outlines: var(--igx-category-chart-negative-outlines, var(--ig-category-chart-negative-outlines, hsl(347, 82%, 64%)));--title-text-color: var(--igx-category-chart-title-text-color, var(--ig-category-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-category-chart-subtitle-text-color, var(--ig-category-chart-subtitle-text-color, var(--ig-gray-700)));--trend-line-brushes: var(--igx-category-chart-trend-line-brushes, var(--ig-category-chart-trend-line-brushes, var(--chart-brushes)));--x-axis-label-text-color: var(--igx-category-chart-x-axis-label-text-color, var(--ig-category-chart-x-axis-label-text-color, var(--ig-gray-700)));--x-axis-stroke: var(--igx-category-chart-x-axis-stroke, var(--ig-category-chart-x-axis-stroke, var(--ig-gray-500)));--x-axis-tick-stroke: var(--igx-category-chart-x-axis-tick-stroke, var(--ig-category-chart-x-axis-tick-stroke, var(--ig-gray-500)));--x-axis-title-text-color: var(--igx-category-chart-x-axis-title-text-color, var(--ig-category-chart-x-axis-title-text-color, var(--ig-gray-900)));--y-axis-label-text-color: var(--igx-category-chart-y-axis-label-text-color, var(--ig-category-chart-y-axis-label-text-color, var(--ig-gray-700)));--y-axis-major-stroke: var(--igx-category-chart-y-axis-major-stroke, var(--ig-category-chart-y-axis-major-stroke, var(--ig-gray-300)));--y-axis-title-text-color: var(--igx-category-chart-y-axis-title-text-color, var(--ig-category-chart-y-axis-title-text-color, var(--ig-gray-900)));--y-axis-tick-stroke: var(--igx-category-chart-y-axis-tick-stroke, var(--ig-category-chart-y-axis-tick-stroke, var(--ig-gray-500)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-geo-map{--plot-area-background: var(--igx-geo-map-plot-area-background, var(--ig-geo-map-plot-area-background, var(--ig-surface-500)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-pie-chart{--brushes: var(--igx-pie-chart-brushes, var(--ig-pie-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-pie-chart-outlines, var(--ig-pie-chart-outlines, var(--chart-brushes)));--label-extent: var(--igx-pie-chart-label-extent, var(--ig-pie-chart-label-extent, 30));--label-outer-color: var(--igx-pie-chart-label-outer-color, var(--ig-pie-chart-label-outer-color, var(--ig-gray-700)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-sparkline{--brush: var(--igx-sparkline-brush, var(--ig-sparkline-brush, var(--ig-primary-500)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-funnel-chart{--brushes: var(--igx-funnel-chart-brushes, var(--ig-funnel-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-funnel-chart-outlines, var(--ig-funnel-chart-outlines, var(--chart-brushes)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igx-shape-chart{--title-text-color: var(--igx-shape-chart-title-text-color, var(--ig-shape-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-shape-chart-subtitle-text-color, var(--ig-shape-chart-subtitle-text-color, var(--ig-gray-600)));--brushes: var(--igx-shape-chart-brushes, var(--ig-shape-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-shape-chart-marker-brushes, var(--ig-shape-chart-marker-brushes, var(--chart-brushes)));--outlines: var(--igx-shape-chart-outlines, var(--ig-shape-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-shape-chart-marker-outlines, var(--ig-shape-chart-marker-outlines, var(--chart-brushes)));--trend-line-brushes: var(--igx-shape-chart-trend-line-brushes, var(--ig-shape-chart-trend-line-brushes, var(--chart-brushes)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igc-dockmanager{--igc-active-color: var(--igx-dockmanager-active-color, var(--ig-dockmanager-active-color, var(--ig-primary-500)));--igc-background-color: var(--igx-dockmanager-background-color, var(--ig-dockmanager-background-color, var(--ig-gray-50)));--igc-border-color: var(--igx-dockmanager-border-color, var(--ig-dockmanager-border-color, var(--ig-gray-100)));--igc-button-component-text: var(--igx-dockmanager-button-component-text, var(--ig-dockmanager-button-component-text, var(--ig-surface-500-contrast)));--igc-context-menu-background-active: var(--igx-dockmanager-context-menu-background-active, var(--ig-dockmanager-context-menu-background-active, var(--ig-gray-50)));--igc-dock-background: var(--igx-dockmanager-dock-background, var(--ig-dockmanager-dock-background, var(--ig-gray-50)));--igc-drop-shadow-background: var(--igx-dockmanager-drop-shadow-background, var(--ig-dockmanager-drop-shadow-background, hsl(from var(--ig-primary-900) h s l/.3)));--igc-floating-pane-border-color: var(--igx-dockmanager-floating-pane-border-color, var(--ig-dockmanager-floating-pane-border-color, transparent));--igc-flyout-shadow-color: var(--igx-dockmanager-flyout-shadow-color, var(--ig-dockmanager-flyout-shadow-color, hsl(from var(--ig-gray-50) h s l/.3)));--igc-joystick-background-active: var(--igx-dockmanager-joystick-background-active, var(--ig-dockmanager-joystick-background-active, var(--ig-gray-50)));--igc-joystick-border-color: var(--igx-dockmanager-joystick-border-color, var(--ig-dockmanager-joystick-border-color, transparent));--igc-joystick-icon-color: var(--igx-dockmanager-joystick-icon-color, var(--ig-dockmanager-joystick-icon-color, var(--ig-surface-500-contrast)));--igc-joystick-icon-color-active: var(--igx-dockmanager-joystick-icon-color-active, var(--ig-dockmanager-joystick-icon-color-active, var(--ig-gray-800)));--igc-pane-content-background: var(--igx-dockmanager-pane-content-background, var(--ig-dockmanager-pane-content-background, var(--ig-surface-500)));--igc-pane-header-background: var(--igx-dockmanager-pane-header-background, var(--ig-dockmanager-pane-header-background, var(--ig-gray-50)));--igc-pinned-header-background: var(--igx-dockmanager-pinned-header-background, var(--ig-dockmanager-pinned-header-background, var(--ig-gray-50)));--igc-splitter-background: var(--igx-dockmanager-splitter-background, var(--ig-dockmanager-splitter-background, var(--ig-gray-100)));--igc-splitter-handle: var(--igx-dockmanager-splitter-handle, var(--ig-dockmanager-splitter-handle, var(--ig-gray-50)));--igc-tab-background-active: var(--igx-dockmanager-tab-background-active, var(--ig-dockmanager-tab-background-active, hsl(from var(--ig-gray-100) h s l/.3)));--igc-tab-background: var(--igx-dockmanager-tab-background, var(--ig-dockmanager-tab-background, hsl(from var(--ig-gray-100) h s l/.3)));--igc-tab-text: var(--igx-dockmanager-tab-text, var(--ig-dockmanager-tab-text, var(--ig-gray-700)));--igc-text-color: var(--igx-dockmanager-text-color, var(--ig-dockmanager-text-color, var(--ig-gray-800)));--igc-context-menu-color-active: var(--igx-dockmanager-context-menu-color-active, var(--ig-dockmanager-context-menu-color-active, var(--ig-gray-50-contrast)));--igc-context-menu-color: var(--igx-dockmanager-context-menu-color, var(--ig-dockmanager-context-menu-color, var(--ig-surface-500-contrast)));--igc-tab-border-color-active: var(--igx-dockmanager-tab-border-color-active, var(--ig-dockmanager-tab-border-color-active, var(--ig-gray-100)));--igc-tab-border-color: var(--igx-dockmanager-tab-border-color, var(--ig-dockmanager-tab-border-color, var(--ig-surface-500)));--igc-tab-text-active: var(--igx-dockmanager-tab-text-active, var(--ig-dockmanager-tab-text-active, var(--ig-primary-200)));--igc-joystick-background: var(--igx-dockmanager-joystick-background, var(--ig-dockmanager-joystick-background, var(--ig-gray-100)));--igc-context-menu-background: var(--igx-dockmanager-context-menu-background, var(--ig-dockmanager-context-menu-background, var(--ig-gray-100)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igc-rating{--label-color: var(--igx-rating-label-color, var(--ig-rating-label-color, var(--ig-gray-900)));--value-label: var(--igx-rating-value-label, var(--ig-rating-value-label, var(--ig-gray-900)));--symbol-empty-color: var(--igx-rating-symbol-empty-color, var(--ig-rating-symbol-empty-color, var(--ig-gray-400)));--symbol-full-color: var(--igx-rating-symbol-full-color, var(--ig-rating-symbol-full-color, var(--ig-gray-800)));--symbol-empty-filter: var(--igx-rating-symbol-empty-filter, var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%)));--symbol-full-filter: var(--igx-rating-symbol-full-filter, var(--ig-rating-symbol-full-filter, grayscale(50%)));--disabled-label-color: var(--igx-rating-disabled-label-color, var(--ig-rating-disabled-label-color, var(--ig-gray-400)));--disabled-value-label: var(--igx-rating-disabled-value-label, var(--ig-rating-disabled-value-label, var(--ig-gray-400)));--disabled-empty-symbol-color: var(--igx-rating-disabled-empty-symbol-color, var(--ig-rating-disabled-empty-symbol-color, var(--ig-warn-900)));--disabled-full-symbol-color: var(--igx-rating-disabled-full-symbol-color, var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-900)));--symbol-size: var(--igx-rating-symbol-size, var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))));--default-size: var(--igx-rating-default-size, var(--ig-rating-default-size, 2));--ig-theme: fluent;--ig-theme-variant: dark}@layer ig.base{.dark-theme .grid-chart-contextmenu-wrapper igc-rating::part(label){color:var(--label-color)}.dark-theme .grid-chart-contextmenu-wrapper igc-rating::part(value-label){color:var(--value-label)}.dark-theme .grid-chart-contextmenu-wrapper igc-rating[disabled]::part(label),.dark-theme .grid-chart-contextmenu-wrapper igc-rating[disabled]::part(value-label){color:var(--disabled-label-color)}.dark-theme .grid-chart-contextmenu-wrapper igc-rating[disabled]{--symbol-empty-color: var(--disabled-empty-symbol-color);--symbol-full-color: var(--disabled-full-symbol-color);--disabled-symbol-empty-filter: var(--symbol-empty-filter);--disabled-symbol-full-filter: var(--symbol-full-filter)}}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper .igx-highlight{--resting-background: var(--igx-highlight-resting-background, var(--ig-highlight-resting-background, var(--ig-gray-200)));--resting-color: var(--igx-highlight-resting-color, var(--ig-highlight-resting-color, var(--ig-gray-200-contrast)));--active-background: var(--igx-highlight-active-background, var(--ig-highlight-active-background, var(--ig-secondary-A100)));--active-color: var(--igx-highlight-active-color, var(--ig-highlight-active-color, var(--ig-secondary-A100-contrast)));--ig-theme: fluent;--ig-theme-variant: dark}@layer ig.base;.dark-theme .grid-chart-contextmenu-wrapper .igx-icon-button{--ig-icon-size: 1.125rem}.dark-theme .grid-chart-contextmenu-wrapper .igx-icon-button:is(a,span){position:revert-layer;display:revert-layer;align-items:revert-layer;justify-content:revert-layer;width:revert-layer;height:revert-layer;font-size:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;color:revert-layer;box-shadow:revert-layer;cursor:revert-layer;outline:revert-layer;text-decoration:none}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper [igxIconButton=flat],.dark-theme .grid-chart-contextmenu-wrapper igx-icon-button[variant=flat],.dark-theme .grid-chart-contextmenu-wrapper .igx-icon-button--flat{--shadow-color: var(--igx-flat-icon-button-shadow-color, var(--ig-flat-icon-button-shadow-color, transparent));--background: var(--igx-flat-icon-button-background, var(--ig-flat-icon-button-background, transparent));--foreground: var(--igx-flat-icon-button-foreground, var(--ig-flat-icon-button-foreground, var(--ig-primary-300)));--hover-background: var(--igx-flat-icon-button-hover-background, var(--ig-flat-icon-button-hover-background, var(--ig-gray-50)));--hover-foreground: var(--igx-flat-icon-button-hover-foreground, var(--ig-flat-icon-button-hover-foreground, var(--ig-primary-200)));--focus-background: var(--igx-flat-icon-button-focus-background, var(--ig-flat-icon-button-focus-background, transparent));--focus-foreground: var(--igx-flat-icon-button-focus-foreground, var(--ig-flat-icon-button-focus-foreground, var(--ig-primary-300)));--focus-hover-background: var(--igx-flat-icon-button-focus-hover-background, var(--ig-flat-icon-button-focus-hover-background, var(--ig-gray-50)));--focus-hover-foreground: var(--igx-flat-icon-button-focus-hover-foreground, var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-primary-200)));--active-background: var(--igx-flat-icon-button-active-background, var(--ig-flat-icon-button-active-background, var(--ig-gray-100)));--active-foreground: var(--igx-flat-icon-button-active-foreground, var(--ig-flat-icon-button-active-foreground, var(--ig-primary-100)));--border-color: var(--igx-flat-icon-button-border-color, var(--ig-flat-icon-button-border-color, transparent));--focus-border-color: var(--igx-flat-icon-button-focus-border-color, var(--ig-flat-icon-button-focus-border-color, var(--ig-gray-400)));--disabled-background: var(--igx-flat-icon-button-disabled-background, var(--ig-flat-icon-button-disabled-background, var(--ig-gray-50)));--disabled-foreground: var(--igx-flat-icon-button-disabled-foreground, var(--ig-flat-icon-button-disabled-foreground, var(--ig-gray-200)));--disabled-border-color: var(--igx-flat-icon-button-disabled-border-color, var(--ig-flat-icon-button-disabled-border-color, transparent));--border-radius: var(--igx-flat-icon-button-border-radius, var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--size: var(--igx-flat-icon-button-size, var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-flat-icon-button-default-size, var(--ig-flat-icon-button-default-size, 2));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper [igxIconButton=contained],.dark-theme .grid-chart-contextmenu-wrapper igx-icon-button[variant=contained],.dark-theme .grid-chart-contextmenu-wrapper .igx-icon-button--contained{--shadow-color: var(--igx-contained-icon-button-shadow-color, var(--ig-contained-icon-button-shadow-color, transparent));--background: var(--igx-contained-icon-button-background, var(--ig-contained-icon-button-background, var(--ig-primary-300)));--foreground: var(--igx-contained-icon-button-foreground, var(--ig-contained-icon-button-foreground, var(--ig-primary-300-contrast)));--hover-background: var(--igx-contained-icon-button-hover-background, var(--ig-contained-icon-button-hover-background, var(--ig-primary-200)));--hover-foreground: var(--igx-contained-icon-button-hover-foreground, var(--ig-contained-icon-button-hover-foreground, var(--ig-primary-300-contrast)));--focus-background: var(--igx-contained-icon-button-focus-background, var(--ig-contained-icon-button-focus-background, var(--ig-primary-300)));--focus-foreground: var(--igx-contained-icon-button-focus-foreground, var(--ig-contained-icon-button-focus-foreground, var(--ig-primary-300-contrast)));--focus-hover-background: var(--igx-contained-icon-button-focus-hover-background, var(--ig-contained-icon-button-focus-hover-background, var(--ig-primary-200)));--focus-hover-foreground: var(--igx-contained-icon-button-focus-hover-foreground, var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-primary-300-contrast)));--active-background: var(--igx-contained-icon-button-active-background, var(--ig-contained-icon-button-active-background, var(--ig-primary-100)));--active-foreground: var(--igx-contained-icon-button-active-foreground, var(--ig-contained-icon-button-active-foreground, var(--ig-primary-300-contrast)));--border-color: var(--igx-contained-icon-button-border-color, var(--ig-contained-icon-button-border-color, transparent));--focus-border-color: var(--igx-contained-icon-button-focus-border-color, var(--ig-contained-icon-button-focus-border-color, var(--ig-primary-300-contrast)));--disabled-background: var(--igx-contained-icon-button-disabled-background, var(--ig-contained-icon-button-disabled-background, var(--ig-gray-50)));--disabled-foreground: var(--igx-contained-icon-button-disabled-foreground, var(--ig-contained-icon-button-disabled-foreground, var(--ig-gray-200)));--disabled-border-color: var(--igx-contained-icon-button-disabled-border-color, var(--ig-contained-icon-button-disabled-border-color, transparent));--border-radius: var(--igx-contained-icon-button-border-radius, var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--size: var(--igx-contained-icon-button-size, var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-contained-icon-button-default-size, var(--ig-contained-icon-button-default-size, 2));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper [igxIconButton=outlined],.dark-theme .grid-chart-contextmenu-wrapper igx-icon-button[variant=outlined],.dark-theme .grid-chart-contextmenu-wrapper .igx-icon-button--outlined{--shadow-color: var(--igx-outlined-icon-button-shadow-color, var(--ig-outlined-icon-button-shadow-color, transparent));--background: var(--igx-outlined-icon-button-background, var(--ig-outlined-icon-button-background, transparent));--foreground: var(--igx-outlined-icon-button-foreground, var(--ig-outlined-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-outlined-icon-button-hover-background, var(--ig-outlined-icon-button-hover-background, var(--ig-gray-50)));--hover-foreground: var(--igx-outlined-icon-button-hover-foreground, var(--ig-outlined-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-outlined-icon-button-focus-background, var(--ig-outlined-icon-button-focus-background, transparent));--focus-foreground: var(--igx-outlined-icon-button-focus-foreground, var(--ig-outlined-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-outlined-icon-button-focus-hover-background, var(--ig-outlined-icon-button-focus-hover-background, var(--ig-gray-50)));--focus-hover-foreground: var(--igx-outlined-icon-button-focus-hover-foreground, var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-outlined-icon-button-active-background, var(--ig-outlined-icon-button-active-background, var(--ig-gray-100)));--active-foreground: var(--igx-outlined-icon-button-active-foreground, var(--ig-outlined-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-outlined-icon-button-border-color, var(--ig-outlined-icon-button-border-color, var(--ig-gray-400)));--focus-border-color: var(--igx-outlined-icon-button-focus-border-color, var(--ig-outlined-icon-button-focus-border-color, var(--ig-gray-400)));--disabled-background: var(--igx-outlined-icon-button-disabled-background, var(--ig-outlined-icon-button-disabled-background, var(--ig-gray-50)));--disabled-foreground: var(--igx-outlined-icon-button-disabled-foreground, var(--ig-outlined-icon-button-disabled-foreground, var(--ig-gray-200)));--disabled-border-color: var(--igx-outlined-icon-button-disabled-border-color, var(--ig-outlined-icon-button-disabled-border-color, var(--ig-gray-100)));--border-radius: var(--igx-outlined-icon-button-border-radius, var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1) * 1.25rem), 1.25rem)));--size: var(--igx-outlined-icon-button-size, var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-outlined-icon-button-default-size, var(--ig-outlined-icon-button-default-size, 2));--ig-theme: fluent;--ig-theme-variant: dark}@layer ig.base;.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper [igxLabel]{--color: var(--igx-label-color, var(--ig-label-color, var(--ig-gray-800)));--disabled-color: var(--igx-label-disabled-color, var(--ig-label-disabled-color, var(--ig-gray-300)));--ig-theme: fluent;--ig-theme-variant: dark}@layer ig.base;.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper .igx-overlay__wrapper--modal,.dark-theme .grid-chart-contextmenu-wrapper .igx-overlay__content--modal{--background-color: var(--igx-overlay-background-color, var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/.54)));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--ig-gray-300)));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--ig-gray-300)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--ig-gray-100)));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--ig-gray-100)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, transparent));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: fluent;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper .igx-tooltip{--elevation: var(--igx-tooltip-elevation, var(--ig-tooltip-elevation, var(--ig-elevation-0)));--background: var(--igx-tooltip-background, var(--ig-tooltip-background, hsl(from var(--ig-gray-900) h s l/.8)));--text-color: var(--igx-tooltip-text-color, var(--ig-tooltip-text-color, var(--ig-gray-900-contrast)));--border-radius: var(--igx-tooltip-border-radius, var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .125) * 1rem), 1rem)));--ig-theme: fluent;--ig-theme-variant: dark}@layer ig.base;.dark-theme .grid-chart-contextmenu-wrapper,.dark-theme .grid-chart-contextmenu-wrapper igc-trial-watermark{--base-color: var(--igx-watermark-base-color, var(--ig-watermark-base-color, var(--ig-primary-500)));--color: var(--igx-watermark-color, var(--ig-watermark-color, var(--ig-primary-800-contrast)));--border-radius: var(--igx-watermark-border-radius, var(--ig-watermark-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .125) * 1rem), 1rem)));--image-opacity: var(--igx-watermark-image-opacity, var(--ig-watermark-image-opacity, 15%));--ig-theme: fluent;--ig-theme-variant: dark}.dark-theme .grid-chart-contextmenu-wrapper igc-trial-watermark::part(link){font-family:var(--ig-font-family)}.fin-dark-theme{--ig-wcag-a: .31;--ig-wcag-aa: .185;--ig-wcag-aaa: .178;--ig-contrast-level: var(--ig-wcag-aa);--y: clamp(0, (y / var(--ig-contrast-level) - 1) * -infinity, 1);--y-contrast: xyz-d65 var(--y) var(--y) var(--y);--ig-primary-50: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*1.78) );--ig-primary-50-contrast: hsla(from color(from var(--ig-primary-50) var(--y-contrast)) h 0 l/1);--ig-primary-100: hsl(from var(--ig-primary-500) h calc(s*.8) calc(l*1.66) );--ig-primary-100-contrast: hsla(from color(from var(--ig-primary-100) var(--y-contrast)) h 0 l/1);--ig-primary-200: hsl(from var(--ig-primary-500) h calc(s*.64) calc(l*1.43) );--ig-primary-200-contrast: hsla(from color(from var(--ig-primary-200) var(--y-contrast)) h 0 l/1);--ig-primary-300: hsl(from var(--ig-primary-500) h calc(s*.73) calc(l*1.19) );--ig-primary-300-contrast: hsla(from color(from var(--ig-primary-300) var(--y-contrast)) h 0 l/1);--ig-primary-400: hsl(from var(--ig-primary-500) h calc(s*.875) calc(l*1.08) );--ig-primary-400-contrast: hsla(from color(from var(--ig-primary-400) var(--y-contrast)) h 0 l/1);--ig-primary-500: #0099ff;--ig-primary-500-contrast: hsla(from color(from var(--ig-primary-500) var(--y-contrast)) h 0 l/1);--ig-primary-600: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.89) );--ig-primary-600-contrast: hsla(from color(from var(--ig-primary-600) var(--y-contrast)) h 0 l/1);--ig-primary-700: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.81) );--ig-primary-700-contrast: hsla(from color(from var(--ig-primary-700) var(--y-contrast)) h 0 l/1);--ig-primary-800: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.73) );--ig-primary-800-contrast: hsla(from color(from var(--ig-primary-800) var(--y-contrast)) h 0 l/1);--ig-primary-900: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.64) );--ig-primary-900-contrast: hsla(from color(from var(--ig-primary-900) var(--y-contrast)) h 0 l/1);--ig-primary-seed: #0099ff;--ig-primary-seed-contrast: hsla(from color(from var(--ig-primary-seed) var(--y-contrast)) h 0 l/1);--ig-primary-A100: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*1.34) );--ig-primary-A100-contrast: hsla(from color(from var(--ig-primary-A100) var(--y-contrast)) h 0 l/1);--ig-primary-A200: hsl(from var(--ig-primary-500) h calc(s*1.22) calc(l*1.16) );--ig-primary-A200-contrast: hsla(from color(from var(--ig-primary-A200) var(--y-contrast)) h 0 l/1);--ig-primary-A400: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*.91) );--ig-primary-A400-contrast: hsla(from color(from var(--ig-primary-A400) var(--y-contrast)) h 0 l/1);--ig-primary-A700: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*.65) );--ig-primary-A700-contrast: hsla(from color(from var(--ig-primary-A700) var(--y-contrast)) h 0 l/1);--ig-secondary-50: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*1.78) );--ig-secondary-50-contrast: hsla(from color(from var(--ig-secondary-50) var(--y-contrast)) h 0 l/1);--ig-secondary-100: hsl(from var(--ig-secondary-500) h calc(s*.8) calc(l*1.66) );--ig-secondary-100-contrast: hsla(from color(from var(--ig-secondary-100) var(--y-contrast)) h 0 l/1);--ig-secondary-200: hsl(from var(--ig-secondary-500) h calc(s*.64) calc(l*1.43) );--ig-secondary-200-contrast: hsla(from color(from var(--ig-secondary-200) var(--y-contrast)) h 0 l/1);--ig-secondary-300: hsl(from var(--ig-secondary-500) h calc(s*.73) calc(l*1.19) );--ig-secondary-300-contrast: hsla(from color(from var(--ig-secondary-300) var(--y-contrast)) h 0 l/1);--ig-secondary-400: hsl(from var(--ig-secondary-500) h calc(s*.875) calc(l*1.08) );--ig-secondary-400-contrast: hsla(from color(from var(--ig-secondary-400) var(--y-contrast)) h 0 l/1);--ig-secondary-500: #72da67;--ig-secondary-500-contrast: hsla(from color(from var(--ig-secondary-500) var(--y-contrast)) h 0 l/1);--ig-secondary-600: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.89) );--ig-secondary-600-contrast: hsla(from color(from var(--ig-secondary-600) var(--y-contrast)) h 0 l/1);--ig-secondary-700: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.81) );--ig-secondary-700-contrast: hsla(from color(from var(--ig-secondary-700) var(--y-contrast)) h 0 l/1);--ig-secondary-800: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.73) );--ig-secondary-800-contrast: hsla(from color(from var(--ig-secondary-800) var(--y-contrast)) h 0 l/1);--ig-secondary-900: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.64) );--ig-secondary-900-contrast: hsla(from color(from var(--ig-secondary-900) var(--y-contrast)) h 0 l/1);--ig-secondary-seed: #72da67;--ig-secondary-seed-contrast: hsla(from color(from var(--ig-secondary-seed) var(--y-contrast)) h 0 l/1);--ig-secondary-A100: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*1.34) );--ig-secondary-A100-contrast: hsla(from color(from var(--ig-secondary-A100) var(--y-contrast)) h 0 l/1);--ig-secondary-A200: hsl(from var(--ig-secondary-500) h calc(s*1.22) calc(l*1.16) );--ig-secondary-A200-contrast: hsla(from color(from var(--ig-secondary-A200) var(--y-contrast)) h 0 l/1);--ig-secondary-A400: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*.91) );--ig-secondary-A400-contrast: hsla(from color(from var(--ig-secondary-A400) var(--y-contrast)) h 0 l/1);--ig-secondary-A700: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*.65) );--ig-secondary-A700-contrast: hsla(from color(from var(--ig-secondary-A700) var(--y-contrast)) h 0 l/1);--ig-gray-50: hsl(from var(--ig-gray-500) h s 13%);--ig-gray-50-contrast: hsla(from color(from var(--ig-gray-50) var(--y-contrast)) h 0 l/1);--ig-gray-100: hsl(from var(--ig-gray-500) h s 26%);--ig-gray-100-contrast: hsla(from color(from var(--ig-gray-100) var(--y-contrast)) h 0 l/1);--ig-gray-200: hsl(from var(--ig-gray-500) h s 38%);--ig-gray-200-contrast: hsla(from color(from var(--ig-gray-200) var(--y-contrast)) h 0 l/1);--ig-gray-300: hsl(from var(--ig-gray-500) h s 54%);--ig-gray-300-contrast: hsla(from color(from var(--ig-gray-300) var(--y-contrast)) h 0 l/1);--ig-gray-400: hsl(from var(--ig-gray-500) h s 62%);--ig-gray-400-contrast: hsla(from color(from var(--ig-gray-400) var(--y-contrast)) h 0 l/1);--ig-gray-500: hsl(0, 0%, 74%);--ig-gray-500-contrast: hsla(from color(from var(--ig-gray-500) var(--y-contrast)) h 0 l/1);--ig-gray-600: hsl(from var(--ig-gray-500) h s 88%);--ig-gray-600-contrast: hsla(from color(from var(--ig-gray-600) var(--y-contrast)) h 0 l/1);--ig-gray-700: hsl(from var(--ig-gray-500) h s 93%);--ig-gray-700-contrast: hsla(from color(from var(--ig-gray-700) var(--y-contrast)) h 0 l/1);--ig-gray-800: hsl(from var(--ig-gray-500) h s 96%);--ig-gray-800-contrast: hsla(from color(from var(--ig-gray-800) var(--y-contrast)) h 0 l/1);--ig-gray-900: hsl(from var(--ig-gray-500) h s 98%);--ig-gray-900-contrast: hsla(from color(from var(--ig-gray-900) var(--y-contrast)) h 0 l/1);--ig-gray-seed: rgb(74%, 74%, 74%);--ig-gray-seed-contrast: hsla(from color(from var(--ig-gray-seed) var(--y-contrast)) h 0 l/1);--ig-surface-50: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*1.78) );--ig-surface-50-contrast: hsla(from color(from var(--ig-surface-50) var(--y-contrast)) h 0 l/1);--ig-surface-100: hsl(from var(--ig-surface-500) h calc(s*.8) calc(l*1.66) );--ig-surface-100-contrast: hsla(from color(from var(--ig-surface-100) var(--y-contrast)) h 0 l/1);--ig-surface-200: hsl(from var(--ig-surface-500) h calc(s*.64) calc(l*1.43) );--ig-surface-200-contrast: hsla(from color(from var(--ig-surface-200) var(--y-contrast)) h 0 l/1);--ig-surface-300: hsl(from var(--ig-surface-500) h calc(s*.73) calc(l*1.19) );--ig-surface-300-contrast: hsla(from color(from var(--ig-surface-300) var(--y-contrast)) h 0 l/1);--ig-surface-400: hsl(from var(--ig-surface-500) h calc(s*.875) calc(l*1.08) );--ig-surface-400-contrast: hsla(from color(from var(--ig-surface-400) var(--y-contrast)) h 0 l/1);--ig-surface-500: #333333;--ig-surface-500-contrast: hsla(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l/1);--ig-surface-600: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.89) );--ig-surface-600-contrast: hsla(from color(from var(--ig-surface-600) var(--y-contrast)) h 0 l/1);--ig-surface-700: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.81) );--ig-surface-700-contrast: hsla(from color(from var(--ig-surface-700) var(--y-contrast)) h 0 l/1);--ig-surface-800: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.73) );--ig-surface-800-contrast: hsla(from color(from var(--ig-surface-800) var(--y-contrast)) h 0 l/1);--ig-surface-900: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.64) );--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #333333;--ig-surface-seed-contrast: hsla(from color(from var(--ig-surface-seed) var(--y-contrast)) h 0 l/1);--ig-surface-A100: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*1.34) );--ig-surface-A100-contrast: hsla(from color(from var(--ig-surface-A100) var(--y-contrast)) h 0 l/1);--ig-surface-A200: hsl(from var(--ig-surface-500) h calc(s*1.22) calc(l*1.16) );--ig-surface-A200-contrast: hsla(from color(from var(--ig-surface-A200) var(--y-contrast)) h 0 l/1);--ig-surface-A400: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*.91) );--ig-surface-A400-contrast: hsla(from color(from var(--ig-surface-A400) var(--y-contrast)) h 0 l/1);--ig-surface-A700: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*.65) );--ig-surface-A700-contrast: hsla(from color(from var(--ig-surface-A700) var(--y-contrast)) h 0 l/1);--ig-info-50: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*1.78) );--ig-info-50-contrast: hsla(from color(from var(--ig-info-50) var(--y-contrast)) h 0 l/1);--ig-info-100: hsl(from var(--ig-info-500) h calc(s*.8) calc(l*1.66) );--ig-info-100-contrast: hsla(from color(from var(--ig-info-100) var(--y-contrast)) h 0 l/1);--ig-info-200: hsl(from var(--ig-info-500) h calc(s*.64) calc(l*1.43) );--ig-info-200-contrast: hsla(from color(from var(--ig-info-200) var(--y-contrast)) h 0 l/1);--ig-info-300: hsl(from var(--ig-info-500) h calc(s*.73) calc(l*1.19) );--ig-info-300-contrast: hsla(from color(from var(--ig-info-300) var(--y-contrast)) h 0 l/1);--ig-info-400: hsl(from var(--ig-info-500) h calc(s*.875) calc(l*1.08) );--ig-info-400-contrast: hsla(from color(from var(--ig-info-400) var(--y-contrast)) h 0 l/1);--ig-info-500: #1377d5;--ig-info-500-contrast: hsla(from color(from var(--ig-info-500) var(--y-contrast)) h 0 l/1);--ig-info-600: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.89) );--ig-info-600-contrast: hsla(from color(from var(--ig-info-600) var(--y-contrast)) h 0 l/1);--ig-info-700: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.81) );--ig-info-700-contrast: hsla(from color(from var(--ig-info-700) var(--y-contrast)) h 0 l/1);--ig-info-800: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.73) );--ig-info-800-contrast: hsla(from color(from var(--ig-info-800) var(--y-contrast)) h 0 l/1);--ig-info-900: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.64) );--ig-info-900-contrast: hsla(from color(from var(--ig-info-900) var(--y-contrast)) h 0 l/1);--ig-info-seed: #1377d5;--ig-info-seed-contrast: hsla(from color(from var(--ig-info-seed) var(--y-contrast)) h 0 l/1);--ig-info-A100: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*1.34) );--ig-info-A100-contrast: hsla(from color(from var(--ig-info-A100) var(--y-contrast)) h 0 l/1);--ig-info-A200: hsl(from var(--ig-info-500) h calc(s*1.22) calc(l*1.16) );--ig-info-A200-contrast: hsla(from color(from var(--ig-info-A200) var(--y-contrast)) h 0 l/1);--ig-info-A400: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*.91) );--ig-info-A400-contrast: hsla(from color(from var(--ig-info-A400) var(--y-contrast)) h 0 l/1);--ig-info-A700: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*.65) );--ig-info-A700-contrast: hsla(from color(from var(--ig-info-A700) var(--y-contrast)) h 0 l/1);--ig-success-50: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*1.78) );--ig-success-50-contrast: hsla(from color(from var(--ig-success-50) var(--y-contrast)) h 0 l/1);--ig-success-100: hsl(from var(--ig-success-500) h calc(s*.8) calc(l*1.66) );--ig-success-100-contrast: hsla(from color(from var(--ig-success-100) var(--y-contrast)) h 0 l/1);--ig-success-200: hsl(from var(--ig-success-500) h calc(s*.64) calc(l*1.43) );--ig-success-200-contrast: hsla(from color(from var(--ig-success-200) var(--y-contrast)) h 0 l/1);--ig-success-300: hsl(from var(--ig-success-500) h calc(s*.73) calc(l*1.19) );--ig-success-300-contrast: hsla(from color(from var(--ig-success-300) var(--y-contrast)) h 0 l/1);--ig-success-400: hsl(from var(--ig-success-500) h calc(s*.875) calc(l*1.08) );--ig-success-400-contrast: hsla(from color(from var(--ig-success-400) var(--y-contrast)) h 0 l/1);--ig-success-500: #4eb862;--ig-success-500-contrast: hsla(from color(from var(--ig-success-500) var(--y-contrast)) h 0 l/1);--ig-success-600: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.89) );--ig-success-600-contrast: hsla(from color(from var(--ig-success-600) var(--y-contrast)) h 0 l/1);--ig-success-700: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.81) );--ig-success-700-contrast: hsla(from color(from var(--ig-success-700) var(--y-contrast)) h 0 l/1);--ig-success-800: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.73) );--ig-success-800-contrast: hsla(from color(from var(--ig-success-800) var(--y-contrast)) h 0 l/1);--ig-success-900: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.64) );--ig-success-900-contrast: hsla(from color(from var(--ig-success-900) var(--y-contrast)) h 0 l/1);--ig-success-seed: #4eb862;--ig-success-seed-contrast: hsla(from color(from var(--ig-success-seed) var(--y-contrast)) h 0 l/1);--ig-success-A100: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*1.34) );--ig-success-A100-contrast: hsla(from color(from var(--ig-success-A100) var(--y-contrast)) h 0 l/1);--ig-success-A200: hsl(from var(--ig-success-500) h calc(s*1.22) calc(l*1.16) );--ig-success-A200-contrast: hsla(from color(from var(--ig-success-A200) var(--y-contrast)) h 0 l/1);--ig-success-A400: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*.91) );--ig-success-A400-contrast: hsla(from color(from var(--ig-success-A400) var(--y-contrast)) h 0 l/1);--ig-success-A700: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*.65) );--ig-success-A700-contrast: hsla(from color(from var(--ig-success-A700) var(--y-contrast)) h 0 l/1);--ig-warn-50: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*1.78) );--ig-warn-50-contrast: hsla(from color(from var(--ig-warn-50) var(--y-contrast)) h 0 l/1);--ig-warn-100: hsl(from var(--ig-warn-500) h calc(s*.8) calc(l*1.66) );--ig-warn-100-contrast: hsla(from color(from var(--ig-warn-100) var(--y-contrast)) h 0 l/1);--ig-warn-200: hsl(from var(--ig-warn-500) h calc(s*.64) calc(l*1.43) );--ig-warn-200-contrast: hsla(from color(from var(--ig-warn-200) var(--y-contrast)) h 0 l/1);--ig-warn-300: hsl(from var(--ig-warn-500) h calc(s*.73) calc(l*1.19) );--ig-warn-300-contrast: hsla(from color(from var(--ig-warn-300) var(--y-contrast)) h 0 l/1);--ig-warn-400: hsl(from var(--ig-warn-500) h calc(s*.875) calc(l*1.08) );--ig-warn-400-contrast: hsla(from color(from var(--ig-warn-400) var(--y-contrast)) h 0 l/1);--ig-warn-500: #fbb13c;--ig-warn-500-contrast: hsla(from color(from var(--ig-warn-500) var(--y-contrast)) h 0 l/1);--ig-warn-600: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.89) );--ig-warn-600-contrast: hsla(from color(from var(--ig-warn-600) var(--y-contrast)) h 0 l/1);--ig-warn-700: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.81) );--ig-warn-700-contrast: hsla(from color(from var(--ig-warn-700) var(--y-contrast)) h 0 l/1);--ig-warn-800: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.73) );--ig-warn-800-contrast: hsla(from color(from var(--ig-warn-800) var(--y-contrast)) h 0 l/1);--ig-warn-900: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.64) );--ig-warn-900-contrast: hsla(from color(from var(--ig-warn-900) var(--y-contrast)) h 0 l/1);--ig-warn-seed: #fbb13c;--ig-warn-seed-contrast: hsla(from color(from var(--ig-warn-seed) var(--y-contrast)) h 0 l/1);--ig-warn-A100: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*1.34) );--ig-warn-A100-contrast: hsla(from color(from var(--ig-warn-A100) var(--y-contrast)) h 0 l/1);--ig-warn-A200: hsl(from var(--ig-warn-500) h calc(s*1.22) calc(l*1.16) );--ig-warn-A200-contrast: hsla(from color(from var(--ig-warn-A200) var(--y-contrast)) h 0 l/1);--ig-warn-A400: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*.91) );--ig-warn-A400-contrast: hsla(from color(from var(--ig-warn-A400) var(--y-contrast)) h 0 l/1);--ig-warn-A700: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*.65) );--ig-warn-A700-contrast: hsla(from color(from var(--ig-warn-A700) var(--y-contrast)) h 0 l/1);--ig-error-50: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*1.78) );--ig-error-50-contrast: hsla(from color(from var(--ig-error-50) var(--y-contrast)) h 0 l/1);--ig-error-100: hsl(from var(--ig-error-500) h calc(s*.8) calc(l*1.66) );--ig-error-100-contrast: hsla(from color(from var(--ig-error-100) var(--y-contrast)) h 0 l/1);--ig-error-200: hsl(from var(--ig-error-500) h calc(s*.64) calc(l*1.43) );--ig-error-200-contrast: hsla(from color(from var(--ig-error-200) var(--y-contrast)) h 0 l/1);--ig-error-300: hsl(from var(--ig-error-500) h calc(s*.73) calc(l*1.19) );--ig-error-300-contrast: hsla(from color(from var(--ig-error-300) var(--y-contrast)) h 0 l/1);--ig-error-400: hsl(from var(--ig-error-500) h calc(s*.875) calc(l*1.08) );--ig-error-400-contrast: hsla(from color(from var(--ig-error-400) var(--y-contrast)) h 0 l/1);--ig-error-500: #ff134a;--ig-error-500-contrast: hsla(from color(from var(--ig-error-500) var(--y-contrast)) h 0 l/1);--ig-error-600: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.89) );--ig-error-600-contrast: hsla(from color(from var(--ig-error-600) var(--y-contrast)) h 0 l/1);--ig-error-700: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.81) );--ig-error-700-contrast: hsla(from color(from var(--ig-error-700) var(--y-contrast)) h 0 l/1);--ig-error-800: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.73) );--ig-error-800-contrast: hsla(from color(from var(--ig-error-800) var(--y-contrast)) h 0 l/1);--ig-error-900: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.64) );--ig-error-900-contrast: hsla(from color(from var(--ig-error-900) var(--y-contrast)) h 0 l/1);--ig-error-seed: #ff134a;--ig-error-seed-contrast: hsla(from color(from var(--ig-error-seed) var(--y-contrast)) h 0 l/1);--ig-error-A100: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*1.34) );--ig-error-A100-contrast: hsla(from color(from var(--ig-error-A100) var(--y-contrast)) h 0 l/1);--ig-error-A200: hsl(from var(--ig-error-500) h calc(s*1.22) calc(l*1.16) );--ig-error-A200-contrast: hsla(from color(from var(--ig-error-A200) var(--y-contrast)) h 0 l/1);--ig-error-A400: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*.91) );--ig-error-A400-contrast: hsla(from color(from var(--ig-error-A400) var(--y-contrast)) h 0 l/1);--ig-error-A700: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*.65) );--ig-error-A700-contrast: hsla(from color(from var(--ig-error-A700) var(--y-contrast)) h 0 l/1);--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, .08);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, .08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, .08);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, .08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, .08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, .08);--ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, .08);--ig-theme: material;--ig-theme-variant: dark}@layer ig.reset,ig.base,ig.material,ig.derived;@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-action-strip{--actions-background: var(--igx-action-strip-actions-background, var(--ig-action-strip-actions-background, var(--ig-gray-200)));--background: var(--igx-action-strip-background, var(--ig-action-strip-background, hsl(from var(--ig-gray-100) h s l/.38)));--icon-color: var(--igx-action-strip-icon-color, var(--ig-action-strip-icon-color, "currentColor"));--delete-action: var(--igx-action-strip-delete-action, var(--ig-action-strip-delete-action, var(--ig-error-500)));--actions-border-radius: var(--igx-action-strip-actions-border-radius, var(--ig-action-strip-actions-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-avatar{--background: var(--igx-avatar-background, var(--ig-avatar-background, var(--ig-gray-200)));--color: var(--igx-avatar-color, var(--ig-avatar-color, var(--ig-gray-800)));--icon-color: var(--igx-avatar-icon-color, var(--ig-avatar-icon-color, var(--ig-gray-800)));--border-radius: var(--igx-avatar-border-radius, var(--ig-avatar-border-radius, .5rem));--size: var(--igx-avatar-size, var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--default-size: var(--igx-avatar-default-size, var(--ig-avatar-default-size, 1));--ig-theme: material;--ig-theme-variant: dark}.igx-badge{--elevation: var(--igx-badge-elevation, var(--ig-badge-elevation, var(--ig-elevation-1)));--icon-color: var(--igx-badge-icon-color, var(--ig-badge-icon-color, var(--ig-primary-900-contrast)));--text-color: var(--igx-badge-text-color, var(--ig-badge-text-color, var(--ig-primary-900-contrast)));--border-color: var(--igx-badge-border-color, var(--ig-badge-border-color, var(--ig-gray-900-contrast)));--background-color: var(--igx-badge-background-color, var(--ig-badge-background-color, var(--ig-primary-800)));--border-radius: var(--igx-badge-border-radius, var(--ig-badge-border-radius, 0));--size: var(--igx-badge-size, var(--ig-badge-size, max(var(--is-large, 1) * max(1.625rem, -1 * 1.625rem), var(--is-medium, 1) * max(1.375rem, -1 * 1.375rem), var(--is-small, 1) * max(1rem, -1 * 1rem))));--default-size: var(--igx-badge-default-size, var(--ig-badge-default-size, 2));--dot-size: var(--igx-badge-dot-size, var(--ig-badge-dot-size, max(var(--is-large, 1) * max(.75rem, -1 * .75rem), var(--is-medium, 1) * max(.625rem, -1 * .625rem), var(--is-small, 1) * max(.5rem, -1 * .5rem))));--ig-theme: material;--ig-theme-variant: dark}.igx-banner{--banner-background: var(--igx-banner-banner-background, var(--ig-banner-banner-background, var(--ig-surface-500)));--border-radius: var(--igx-banner-border-radius, var(--ig-banner-border-radius, 0));--banner-border-color: var(--igx-banner-banner-border-color, var(--ig-banner-banner-border-color, var(--ig-gray-300)));--banner-message-color: var(--igx-banner-banner-message-color, var(--ig-banner-banner-message-color, var(--ig-gray-900)));--banner-illustration-color: var(--igx-banner-banner-illustration-color, var(--ig-banner-banner-illustration-color, var(--ig-gray-900)));--ig-theme: material;--ig-theme-variant: dark}.igx-bottom-nav{--elevation: var(--igx-bottom-nav-elevation, var(--ig-bottom-nav-elevation, var(--ig-elevation-8)));--background: var(--igx-bottom-nav-background, var(--ig-bottom-nav-background, var(--ig-gray-50)));--icon-color: var(--igx-bottom-nav-icon-color, var(--ig-bottom-nav-icon-color, var(--ig-gray-700)));--icon-selected-color: var(--igx-bottom-nav-icon-selected-color, var(--ig-bottom-nav-icon-selected-color, var(--ig-primary-500)));--label-color: var(--igx-bottom-nav-label-color, var(--ig-bottom-nav-label-color, var(--ig-gray-700)));--label-selected-color: var(--igx-bottom-nav-label-selected-color, var(--ig-bottom-nav-label-selected-color, var(--ig-primary-500)));--icon-disabled-color: var(--igx-bottom-nav-icon-disabled-color, var(--ig-bottom-nav-icon-disabled-color, var(--ig-gray-700)));--label-disabled-color: var(--igx-bottom-nav-label-disabled-color, var(--ig-bottom-nav-label-disabled-color, var(--ig-gray-700)));--border-color: var(--igx-bottom-nav-border-color, var(--ig-bottom-nav-border-color, transparent));--ig-theme: material;--ig-theme-variant: dark}.igx-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-button-group-elevation, var(--ig-elevation-2)));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, var(--ig-button-group-idle-shadow-color, transparent));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, transparent));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--ig-gray-700)));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, var(--ig-gray-50)));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, var(--ig-gray-100)));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--ig-gray-100)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-button-group-item-hover-text-color, var(--ig-gray-800)));--item-focused-text-color: var(--igx-button-group-item-focused-text-color, var(--ig-button-group-item-focused-text-color, var(--ig-gray-800)));--item-focused-border-color: var(--igx-button-group-item-focused-border-color, var(--ig-button-group-item-focused-border-color, var(--ig-gray-200)));--item-focused-hover-text-color: var(--igx-button-group-item-focused-hover-text-color, var(--ig-button-group-item-focused-hover-text-color, var(--ig-gray-800)));--item-focused-hover-border-color: var(--igx-button-group-item-focused-hover-border-color, var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-300)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, var(--ig-gray-100)));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900)));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900)));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-button-group-item-selected-focus-background, var(--ig-gray-100)));--item-selected-focus-hover-background: var(--igx-button-group-item-selected-focus-hover-background, var(--ig-button-group-item-selected-focus-hover-background, var(--ig-gray-200)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, var(--ig-gray-200)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, var(--ig-gray-100)));--item-selected-active-border-color: var(--igx-button-group-item-selected-active-border-color, var(--ig-button-group-item-selected-active-border-color, var(--ig-gray-500)));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--ig-gray-50)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, var(--ig-button-group-default-size, 3));--item-icon-color: var(--igx-button-group-item-icon-color, var(--ig-button-group-item-icon-color, var(--ig-gray-700)));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--ig-gray-200)));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--ig-gray-100)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--ig-gray-800)));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800)));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-gray-100)));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--ig-gray-300)));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-500)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, var(--ig-gray-100)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, var(--ig-gray-200)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, var(--ig-gray-400)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--ig-gray-100)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-200)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-200)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, var(--ig-gray-50)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-100)));--ig-theme: material;--ig-theme-variant: dark}.igx-calendar,.igx-calendar-view--standalone,.igx-days-view--standalone,.igx-month-picker{--default-size: var(--igx-calendar-default-size, var(--ig-calendar-default-size, 2));--content-foreground: var(--igx-calendar-content-foreground, var(--ig-calendar-content-foreground, var(--ig-gray-900)));--content-background: var(--igx-calendar-content-background, var(--ig-calendar-content-background, var(--ig-surface-500)));--border-color: var(--igx-calendar-border-color, var(--ig-calendar-border-color, transparent));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-surface-500)));--picker-hover-foreground: var(--igx-calendar-picker-hover-foreground, var(--ig-calendar-picker-hover-foreground, var(--ig-secondary-200)));--picker-focus-foreground: var(--igx-calendar-picker-focus-foreground, var(--ig-calendar-picker-focus-foreground, var(--ig-secondary-200)));--navigation-color: var(--igx-calendar-navigation-color, var(--ig-calendar-navigation-color, var(--ig-gray-800)));--navigation-hover-color: var(--igx-calendar-navigation-hover-color, var(--ig-calendar-navigation-hover-color, var(--ig-secondary-200)));--navigation-focus-color: var(--igx-calendar-navigation-focus-color, var(--ig-calendar-navigation-focus-color, var(--ig-secondary-200)));--size: var(--igx-calendar-size, var(--ig-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, var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--date-border-radius: var(--igx-calendar-date-border-radius, var(--ig-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, var(--ig-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, var(--ig-calendar-week-number-foreground, var(--ig-gray-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, var(--ig-gray-200)));--inactive-color: var(--igx-calendar-inactive-color, var(--ig-calendar-inactive-color, var(--ig-gray-500)));--weekday-color: var(--igx-calendar-weekday-color, var(--ig-calendar-weekday-color, var(--ig-gray-500)));--weekend-color: var(--igx-calendar-weekend-color, var(--ig-calendar-weekend-color, var(--ig-gray-900)));--date-hover-foreground: var(--igx-calendar-date-hover-foreground, var(--ig-calendar-date-hover-foreground, var(--ig-gray-900)));--date-focus-foreground: var(--igx-calendar-date-focus-foreground, var(--ig-calendar-date-focus-foreground, var(--ig-gray-900)));--date-selected-range-hover-foreground: var(--igx-calendar-date-selected-range-hover-foreground, var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-900)));--date-selected-range-focus-foreground: var(--igx-calendar-date-selected-range-focus-foreground, var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-900)));--date-selected-current-range-foreground: var(--igx-calendar-date-selected-current-range-foreground, var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900)));--date-selected-current-range-hover-foreground: var(--igx-calendar-date-selected-current-range-hover-foreground, var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900)));--date-selected-current-range-focus-foreground: var(--igx-calendar-date-selected-current-range-focus-foreground, var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900)));--date-current-background: var(--igx-calendar-date-current-background, var(--ig-calendar-date-current-background, transparent));--date-current-hover-foreground: var(--igx-calendar-date-current-hover-foreground, var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900)));--date-current-focus-foreground: var(--igx-calendar-date-current-focus-foreground, var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900)));--date-current-focus-background: var(--igx-calendar-date-current-focus-background, var(--ig-calendar-date-current-focus-background, var(--ig-gray-100)));--date-special-background: var(--igx-calendar-date-special-background, var(--ig-calendar-date-special-background, transparent));--date-special-range-background: var(--igx-calendar-date-special-range-background, var(--ig-calendar-date-special-range-background, transparent));--date-border-color: var(--igx-calendar-date-border-color, var(--ig-calendar-date-border-color, transparent));--date-hover-border-color: var(--igx-calendar-date-hover-border-color, var(--ig-calendar-date-hover-border-color, transparent));--date-focus-border-color: var(--igx-calendar-date-focus-border-color, var(--ig-calendar-date-focus-border-color, transparent));--date-selected-border-color: var(--igx-calendar-date-selected-border-color, var(--ig-calendar-date-selected-border-color, transparent));--date-selected-hover-border-color: var(--igx-calendar-date-selected-hover-border-color, var(--ig-calendar-date-selected-hover-border-color, transparent));--date-selected-focus-border-color: var(--igx-calendar-date-selected-focus-border-color, var(--ig-calendar-date-selected-focus-border-color, transparent));--date-range-border-color: var(--igx-calendar-date-range-border-color, var(--ig-calendar-date-range-border-color, transparent));--date-range-preview-border-color: var(--igx-calendar-date-range-preview-border-color, var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-300)));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/.5)));--date-disabled-range-foreground: var(--igx-calendar-date-disabled-range-foreground, var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/.38)));--ym-current-outline-hover-color: var(--igx-calendar-ym-current-outline-hover-color, var(--ig-calendar-ym-current-outline-hover-color, var(--ig-gray-900)));--ym-current-outline-focus-color: var(--igx-calendar-ym-current-outline-focus-color, var(--ig-calendar-ym-current-outline-focus-color, var(--ig-gray-900)));--ym-selected-outline-color: var(--igx-calendar-ym-selected-outline-color, var(--ig-calendar-ym-selected-outline-color, transparent));--ym-selected-hover-outline-color: var(--igx-calendar-ym-selected-hover-outline-color, var(--ig-calendar-ym-selected-hover-outline-color, transparent));--ym-selected-focus-outline-color: var(--igx-calendar-ym-selected-focus-outline-color, var(--ig-calendar-ym-selected-focus-outline-color, transparent));--ym-border-radius: var(--igx-calendar-ym-border-radius, var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-secondary-900-contrast)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-secondary-500)));--date-current-border-radius: var(--igx-calendar-date-current-border-radius, var(--ig-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, var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--date-hover-background: var(--igx-calendar-date-hover-background, var(--ig-calendar-date-hover-background, var(--ig-gray-100)));--date-focus-background: var(--igx-calendar-date-focus-background, var(--ig-calendar-date-focus-background, var(--ig-gray-100)));--date-current-foreground: var(--igx-calendar-date-current-foreground, var(--ig-calendar-date-current-foreground, var(--ig-gray-900)));--date-current-hover-background: var(--igx-calendar-date-current-hover-background, var(--ig-calendar-date-current-hover-background, var(--ig-gray-100)));--date-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-secondary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-secondary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-secondary-700-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-secondary-700)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-secondary-700-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-secondary-700)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-secondary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-secondary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-secondary-700-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-secondary-700)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-secondary-700-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-secondary-700)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-secondary-900-contrast)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-secondary-500)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast)));--date-selected-current-hover-background: var(--igx-calendar-date-selected-current-hover-background, var(--ig-calendar-date-selected-current-hover-background, var(--ig-secondary-700)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast)));--date-selected-current-focus-background: var(--igx-calendar-date-selected-current-focus-background, var(--ig-calendar-date-selected-current-focus-background, var(--ig-secondary-700)));--date-selected-range-foreground: var(--igx-calendar-date-selected-range-foreground, var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900)));--date-selected-range-background: var(--igx-calendar-date-selected-range-background, var(--ig-calendar-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/.24)));--date-selected-range-hover-background: var(--igx-calendar-date-selected-range-hover-background, var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-100)));--date-selected-range-focus-background: var(--igx-calendar-date-selected-range-focus-background, var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-100)));--date-selected-current-range-background: var(--igx-calendar-date-selected-current-range-background, var(--ig-calendar-date-selected-current-range-background, transparent));--date-selected-current-range-hover-background: var(--igx-calendar-date-selected-current-range-hover-background, var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-100)));--date-selected-current-range-focus-background: var(--igx-calendar-date-selected-current-range-focus-background, var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-100)));--date-selected-special-border-color: var(--igx-calendar-date-selected-special-border-color, var(--ig-calendar-date-selected-special-border-color, var(--ig-secondary-900-contrast)));--date-selected-special-hover-border-color: var(--igx-calendar-date-selected-special-hover-border-color, var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast)));--date-selected-special-focus-border-color: var(--igx-calendar-date-selected-special-focus-border-color, var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast)));--date-special-foreground: var(--igx-calendar-date-special-foreground, var(--ig-calendar-date-special-foreground, var(--ig-secondary-200)));--date-special-hover-foreground: var(--igx-calendar-date-special-hover-foreground, var(--ig-calendar-date-special-hover-foreground, var(--ig-secondary-100)));--date-special-focus-foreground: var(--igx-calendar-date-special-focus-foreground, var(--ig-calendar-date-special-focus-foreground, var(--ig-secondary-100)));--date-special-hover-background: var(--igx-calendar-date-special-hover-background, var(--ig-calendar-date-special-hover-background, var(--ig-gray-100)));--date-special-focus-background: var(--igx-calendar-date-special-focus-background, var(--ig-calendar-date-special-focus-background, var(--ig-gray-100)));--date-special-range-hover-background: var(--igx-calendar-date-special-range-hover-background, var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-100)));--date-special-range-focus-background: var(--igx-calendar-date-special-range-focus-background, var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-100)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-secondary-200)));--date-special-range-hover-border-color: var(--igx-calendar-date-special-range-hover-border-color, var(--ig-calendar-date-special-range-hover-border-color, var(--ig-secondary-200)));--date-special-range-focus-border-color: var(--igx-calendar-date-special-range-focus-border-color, var(--ig-calendar-date-special-range-focus-border-color, var(--ig-secondary-200)));--date-special-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-secondary-200)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-secondary-100)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-secondary-100)));--date-current-border-color: var(--igx-calendar-date-current-border-color, var(--ig-calendar-date-current-border-color, var(--ig-gray-900)));--date-current-hover-border-color: var(--igx-calendar-date-current-hover-border-color, var(--ig-calendar-date-current-hover-border-color, var(--ig-gray-900)));--date-current-focus-border-color: var(--igx-calendar-date-current-focus-border-color, var(--ig-calendar-date-current-focus-border-color, var(--ig-gray-900)));--date-selected-current-border-color: var(--igx-calendar-date-selected-current-border-color, var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-900)));--date-selected-current-hover-border-color: var(--igx-calendar-date-selected-current-hover-border-color, var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-900)));--date-selected-current-focus-border-color: var(--igx-calendar-date-selected-current-focus-border-color, var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-900)));--date-special-range-foreground: var(--igx-calendar-date-special-range-foreground, var(--ig-calendar-date-special-range-foreground, var(--ig-secondary-200)));--date-special-range-hover-foreground: var(--igx-calendar-date-special-range-hover-foreground, var(--ig-calendar-date-special-range-hover-foreground, var(--ig-secondary-100)));--date-special-range-focus-foreground: var(--igx-calendar-date-special-range-focus-foreground, var(--ig-calendar-date-special-range-focus-foreground, var(--ig-secondary-100)));--week-number-border-radius: var(--igx-calendar-week-number-border-radius, var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .5) * .5rem), .5rem)));--ym-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast)));--ym-selected-current-hover-background: var(--igx-calendar-ym-selected-current-hover-background, var(--ig-calendar-ym-selected-current-hover-background, var(--ig-secondary-700)));--ym-hover-foreground: var(--igx-calendar-ym-hover-foreground, var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900)));--ym-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-100)));--ym-current-foreground: var(--igx-calendar-ym-current-foreground, var(--ig-calendar-ym-current-foreground, var(--ig-gray-900)));--ym-current-background: var(--igx-calendar-ym-current-background, var(--ig-calendar-ym-current-background, var(--ig-surface-500)));--ym-current-hover-foreground: var(--igx-calendar-ym-current-hover-foreground, var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900)));--ym-current-hover-background: var(--igx-calendar-ym-current-hover-background, var(--ig-calendar-ym-current-hover-background, var(--ig-gray-100)));--ym-selected-foreground: var(--igx-calendar-ym-selected-foreground, var(--ig-calendar-ym-selected-foreground, var(--ig-secondary-600-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-secondary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-secondary-700-contrast)));--ym-selected-hover-background: var(--igx-calendar-ym-selected-hover-background, var(--ig-calendar-ym-selected-hover-background, var(--ig-secondary-700)));--ym-selected-current-foreground: var(--igx-calendar-ym-selected-current-foreground, var(--ig-calendar-ym-selected-current-foreground, var(--ig-secondary-500-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-secondary-500)));--ym-selected-current-outline-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-900)));--ym-current-outline-color: var(--igx-calendar-ym-current-outline-color, var(--ig-calendar-ym-current-outline-color, var(--ig-gray-900)));--ym-selected-current-outline-hover-color: var(--igx-calendar-ym-selected-current-outline-hover-color, var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-900)));--ym-selected-current-outline-focus-color: var(--igx-calendar-ym-selected-current-outline-focus-color, var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-900)));--ig-theme: material;--ig-theme-variant: dark}.igx-card{--resting-elevation: var(--igx-card-resting-elevation, var(--ig-card-resting-elevation, var(--ig-elevation-4)));--hover-elevation: var(--igx-card-hover-elevation, var(--ig-card-hover-elevation, var(--ig-elevation-6)));--background: var(--igx-card-background, var(--ig-card-background, var(--ig-surface-500)));--header-text-color: var(--igx-card-header-text-color, var(--ig-card-header-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-card-subtitle-text-color, var(--ig-card-subtitle-text-color, var(--ig-gray-900)));--content-text-color: var(--igx-card-content-text-color, var(--ig-card-content-text-color, var(--ig-gray-700)));--actions-text-color: var(--igx-card-actions-text-color, var(--ig-card-actions-text-color, var(--ig-gray-900)));--outline-color: var(--igx-card-outline-color, var(--ig-card-outline-color, hsl(from var(--ig-gray-400) h s l/.38)));--border-radius: var(--igx-card-border-radius, var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--default-size: var(--igx-card-default-size, var(--ig-card-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}.igx-carousel{--button-elevation: var(--igx-carousel-button-elevation, var(--ig-carousel-button-elevation, var(--ig-elevation-1)));--slide-background: var(--igx-carousel-slide-background, var(--ig-carousel-slide-background, var(--ig-gray-900-contrast)));--button-background: var(--igx-carousel-button-background, var(--ig-carousel-button-background, var(--ig-gray-50)));--button-hover-background: var(--igx-carousel-button-hover-background, var(--ig-carousel-button-hover-background, var(--ig-gray-50)));--button-arrow-color: var(--igx-carousel-button-arrow-color, var(--ig-carousel-button-arrow-color, var(--ig-gray-700)));--button-hover-arrow-color: var(--igx-carousel-button-hover-arrow-color, var(--ig-carousel-button-hover-arrow-color, var(--ig-gray-900)));--button-disabled-background: var(--igx-carousel-button-disabled-background, var(--ig-carousel-button-disabled-background, var(--ig-gray-100)));--button-disabled-arrow-color: var(--igx-carousel-button-disabled-arrow-color, var(--ig-carousel-button-disabled-arrow-color, var(--ig-gray-400)));--indicator-focus-color: var(--igx-carousel-indicator-focus-color, var(--ig-carousel-indicator-focus-color, var(--ig-secondary-200)));--button-focus-border-color: var(--igx-carousel-button-focus-border-color, var(--ig-carousel-button-focus-border-color, var(--ig-secondary-200)));--button-border-color: var(--igx-carousel-button-border-color, var(--ig-carousel-button-border-color, transparent));--button-hover-border-color: var(--igx-carousel-button-hover-border-color, var(--ig-carousel-button-hover-border-color, transparent));--button-disabled-border-color: var(--igx-carousel-button-disabled-border-color, var(--ig-carousel-button-disabled-border-color, transparent));--indicator-dot-color: var(--igx-carousel-indicator-dot-color, var(--ig-carousel-indicator-dot-color, transparent));--indicator-hover-dot-color: var(--igx-carousel-indicator-hover-dot-color, var(--ig-carousel-indicator-hover-dot-color, transparent));--indicator-background: var(--igx-carousel-indicator-background, var(--ig-carousel-indicator-background, var(--ig-gray-50)));--label-indicator-background: var(--igx-carousel-label-indicator-background, var(--ig-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/.8)));--indicator-color: var(--igx-carousel-indicator-color, var(--ig-carousel-indicator-color, var(--ig-gray-700)));--indicator-border-color: var(--igx-carousel-indicator-border-color, var(--ig-carousel-indicator-border-color, hsl(from var(--ig-gray-900) h s l/.7)));--indicator-active-dot-color: var(--igx-carousel-indicator-active-dot-color, var(--ig-carousel-indicator-active-dot-color, var(--ig-gray-900)));--indicator-active-border-color: var(--igx-carousel-indicator-active-border-color, var(--ig-carousel-indicator-active-border-color, var(--ig-gray-900)));--indicator-active-hover-dot-color: var(--igx-carousel-indicator-active-hover-dot-color, var(--ig-carousel-indicator-active-hover-dot-color, var(--ig-gray-900)));--border-radius: var(--igx-carousel-border-radius, var(--ig-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(--ig-carousel-button-focus-arrow-color, var(--ig-secondary-200)));--ig-theme: material;--ig-theme-variant: dark}.igx-circular-bar{--track-color: var(--igx-circular-bar-track-color, var(--ig-circular-bar-track-color, var(--ig-gray-300)));--fill-color-default: var(--igx-circular-bar-fill-color-default, var(--ig-circular-bar-fill-color-default, var(--ig-primary-500)));--fill-color-danger: var(--igx-circular-bar-fill-color-danger, var(--ig-circular-bar-fill-color-danger, var(--ig-error-500)));--fill-color-warning: var(--igx-circular-bar-fill-color-warning, var(--ig-circular-bar-fill-color-warning, var(--ig-warn-500)));--fill-color-info: var(--igx-circular-bar-fill-color-info, var(--ig-circular-bar-fill-color-info, var(--ig-info-500)));--fill-color-success: var(--igx-circular-bar-fill-color-success, var(--ig-circular-bar-fill-color-success, var(--ig-success-500)));--text-color: var(--igx-circular-bar-text-color, var(--ig-circular-bar-text-color, var(--ig-gray-700)));--diameter: var(--igx-circular-bar-diameter, var(--ig-circular-bar-diameter, 2rem));--track-border-radius: var(--igx-circular-bar-track-border-radius, var(--ig-circular-bar-track-border-radius, 0rem));--ig-theme: material;--ig-theme-variant: dark}.igx-checkbox{--tick-color: var(--igx-checkbox-tick-color, var(--ig-checkbox-tick-color, var(--ig-gray-50)));--tick-width: var(--igx-checkbox-tick-width, var(--ig-checkbox-tick-width, 3));--label-color: var(--igx-checkbox-label-color, var(--ig-checkbox-label-color, var(--ig-gray-900)));--label-color-hover: var(--igx-checkbox-label-color-hover, var(--ig-checkbox-label-color-hover, var(--ig-gray-900)));--empty-fill-color: var(--igx-checkbox-empty-fill-color, var(--ig-checkbox-empty-fill-color, transparent));--fill-color: var(--igx-checkbox-fill-color, var(--ig-checkbox-fill-color, var(--ig-secondary-500)));--focus-outline-color-focused: var(--igx-checkbox-focus-outline-color-focused, var(--ig-checkbox-focus-outline-color-focused, transparent));--focus-outline-color-error: var(--igx-checkbox-focus-outline-color-error, var(--ig-checkbox-focus-outline-color-error, transparent));--disabled-color: var(--igx-checkbox-disabled-color, var(--ig-checkbox-disabled-color, var(--ig-gray-400)));--disabled-fill-color: var(--igx-checkbox-disabled-fill-color, var(--ig-checkbox-disabled-fill-color, var(--ig-gray-400)));--disabled-tick-color: var(--igx-checkbox-disabled-tick-color, var(--ig-checkbox-disabled-tick-color, var(--ig-gray-50)));--disabled-color-label: var(--igx-checkbox-disabled-color-label, var(--ig-checkbox-disabled-color-label, var(--ig-gray-500)));--error-color: var(--igx-checkbox-error-color, var(--ig-checkbox-error-color, var(--ig-error-500)));--border-radius: var(--igx-checkbox-border-radius, var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem)));--border-radius-ripple: var(--igx-checkbox-border-radius-ripple, var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--empty-color: var(--igx-checkbox-empty-color, var(--ig-checkbox-empty-color, var(--ig-gray-600)));--empty-color-hover: var(--igx-checkbox-empty-color-hover, var(--ig-checkbox-empty-color-hover, var(--ig-gray-600)));--tick-color-hover: var(--igx-checkbox-tick-color-hover, var(--ig-checkbox-tick-color-hover, var(--ig-gray-50)));--fill-color-hover: var(--igx-checkbox-fill-color-hover, var(--ig-checkbox-fill-color-hover, var(--ig-secondary-500)));--focus-outline-color: var(--igx-checkbox-focus-outline-color, var(--ig-checkbox-focus-outline-color, transparent));--focus-border-color: var(--igx-checkbox-focus-border-color, var(--ig-checkbox-focus-border-color, var(--ig-gray-600)));--error-color-hover: var(--igx-checkbox-error-color-hover, var(--ig-checkbox-error-color-hover, var(--ig-error-500)));--disabled-indeterminate-color: var(--igx-checkbox-disabled-indeterminate-color, var(--ig-checkbox-disabled-indeterminate-color, var(--ig-secondary-100)));--ig-theme: material;--ig-theme-variant: dark}.igx-chip{--ghost-elevation: var(--igx-chip-ghost-elevation, var(--ig-chip-ghost-elevation, var(--ig-elevation-8)));--remove-icon-color: var(--igx-chip-remove-icon-color, var(--ig-chip-remove-icon-color, "currentColor"));--focus-shadow-color: var(--igx-chip-focus-shadow-color, var(--ig-chip-focus-shadow-color, transparent));--focus-selected-shadow-color: var(--igx-chip-focus-selected-shadow-color, var(--ig-chip-focus-selected-shadow-color, transparent));--remove-icon-color-focus: var(--igx-chip-remove-icon-color-focus, var(--ig-chip-remove-icon-color-focus, "currentColor"));--background: var(--igx-chip-background, var(--ig-chip-background, var(--ig-gray-300)));--ghost-background: var(--igx-chip-ghost-background, var(--ig-chip-ghost-background, var(--ig-gray-400)));--ghost-text-color: var(--igx-chip-ghost-text-color, var(--ig-chip-ghost-text-color, var(--ig-gray-400-contrast)));--hover-text-color: var(--igx-chip-hover-text-color, var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast)));--hover-background: var(--igx-chip-hover-background, var(--ig-chip-hover-background, var(--ig-gray-400)));--focus-text-color: var(--igx-chip-focus-text-color, var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast)));--selected-text-color: var(--igx-chip-selected-text-color, var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast)));--selected-background: var(--igx-chip-selected-background, var(--ig-chip-selected-background, var(--ig-gray-300)));--hover-selected-text-color: var(--igx-chip-hover-selected-text-color, var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast)));--hover-selected-background: var(--igx-chip-hover-selected-background, var(--ig-chip-hover-selected-background, var(--ig-gray-400)));--border-radius: var(--igx-chip-border-radius, var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)));--disabled-text-color: var(--igx-chip-disabled-text-color, var(--ig-chip-disabled-text-color, var(--ig-gray-500)));--disabled-background: var(--igx-chip-disabled-background, var(--ig-chip-disabled-background, var(--ig-gray-200)));--disabled-selected-text-color: var(--igx-chip-disabled-selected-text-color, var(--ig-chip-disabled-selected-text-color, var(--ig-gray-500)));--disabled-selected-background: var(--igx-chip-disabled-selected-background, var(--ig-chip-disabled-selected-background, var(--ig-gray-200)));--size: var(--igx-chip-size, var(--ig-chip-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.25rem, -1 * 1.25rem))));--default-size: var(--igx-chip-default-size, var(--ig-chip-default-size, 2));--outlined-background: var(--igx-chip-outlined-background, var(--ig-chip-outlined-background, transparent));--outlined-text-color: var(--igx-chip-outlined-text-color, var(--ig-chip-outlined-text-color, var(--ig-gray-100-contrast)));--border-color: var(--igx-chip-border-color, var(--ig-chip-border-color, var(--ig-gray-100-contrast)));--selected-outlined-background: var(--igx-chip-selected-outlined-background, var(--ig-chip-selected-outlined-background, transparent));--selected-outlined-text-color: var(--igx-chip-selected-outlined-text-color, var(--ig-chip-selected-outlined-text-color, var(--ig-gray-100-contrast)));--selected-border-color: var(--igx-chip-selected-border-color, var(--ig-chip-selected-border-color, var(--ig-gray-100-contrast)));--hover-border-color: var(--igx-chip-hover-border-color, var(--ig-chip-hover-border-color, var(--ig-gray-100-contrast)));--hover-outlined-text-color: var(--igx-chip-hover-outlined-text-color, var(--ig-chip-hover-outlined-text-color, var(--ig-gray-100-contrast)));--hover-selected-border-color: var(--igx-chip-hover-selected-border-color, var(--ig-chip-hover-selected-border-color, var(--ig-gray-100-contrast)));--hover-selected-outlined-text-color: var(--igx-chip-hover-selected-outlined-text-color, var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-100-contrast)));--focus-border-color: var(--igx-chip-focus-border-color, var(--ig-chip-focus-border-color, var(--ig-gray-100-contrast)));--focus-outlined-text-color: var(--igx-chip-focus-outlined-text-color, var(--ig-chip-focus-outlined-text-color, var(--ig-gray-100-contrast)));--focus-selected-border-color: var(--igx-chip-focus-selected-border-color, var(--ig-chip-focus-selected-border-color, var(--ig-gray-100-contrast)));--focus-selected-outlined-text-color: var(--igx-chip-focus-selected-outlined-text-color, var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-100-contrast)));--disabled-outlined-background: var(--igx-chip-disabled-outlined-background, var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--disabled-outlined-text-color: var(--igx-chip-disabled-outlined-text-color, var(--ig-chip-disabled-outlined-text-color, var(--ig-gray-500)));--disabled-border-color: var(--igx-chip-disabled-border-color, var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-500) h s l/.3)));--disabled-selected-outlined-background: var(--igx-chip-disabled-selected-outlined-background, var(--ig-chip-disabled-selected-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--disabled-selected-outlined-text-color: var(--igx-chip-disabled-selected-outlined-text-color, var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-500)));--disabled-selected-border-color: var(--igx-chip-disabled-selected-border-color, var(--ig-chip-disabled-selected-border-color, hsl(from var(--ig-gray-500) h s l/.3)));--text-color: var(--igx-chip-text-color, var(--ig-chip-text-color, var(--ig-gray-300-contrast)));--focus-background: var(--igx-chip-focus-background, var(--ig-chip-focus-background, var(--ig-gray-500)));--focus-selected-text-color: var(--igx-chip-focus-selected-text-color, var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast)));--focus-selected-background: var(--igx-chip-focus-selected-background, var(--ig-chip-focus-selected-background, var(--ig-gray-500)));--hover-outlined-background: var(--igx-chip-hover-outlined-background, var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/.16)));--hover-selected-outlined-background: var(--igx-chip-hover-selected-outlined-background, var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/.16)));--focus-outlined-background: var(--igx-chip-focus-outlined-background, var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/.3)));--focus-selected-outlined-background: var(--igx-chip-focus-selected-outlined-background, var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/.3)));--ig-theme: material;--ig-theme-variant: dark}.igx-column-actions{--background: var(--igx-column-actions-background, var(--ig-column-actions-background, var(--ig-surface-500)));--title-color: var(--igx-column-actions-title-color, var(--ig-column-actions-title-color, var(--ig-primary-500)));--ig-theme: material;--ig-theme-variant: dark}.igx-combo{--toggle-button-background-focus--border: var(--igx-combo-toggle-button-background-focus--border, var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-100)));--case-icon-color: var(--igx-combo-case-icon-color, var(--ig-combo-case-icon-color, var(--ig-gray-400)));--case-icon-color--active: var(--igx-combo-case-icon-color--active, var(--ig-combo-case-icon-color--active, var(--ig-primary-500)));--empty-list-background: var(--igx-combo-empty-list-background, var(--ig-combo-empty-list-background, var(--ig-surface-500)));--search-separator-border-color: var(--igx-combo-search-separator-border-color, var(--ig-combo-search-separator-border-color, transparent));--empty-list-placeholder-color: var(--igx-combo-empty-list-placeholder-color, var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700)));--toggle-button-background: var(--igx-combo-toggle-button-background, var(--ig-combo-toggle-button-background, var(--ig-gray-100)));--toggle-button-background-focus: var(--igx-combo-toggle-button-background-focus, var(--ig-combo-toggle-button-background-focus, var(--ig-gray-200)));--toggle-button-foreground: var(--igx-combo-toggle-button-foreground, var(--ig-combo-toggle-button-foreground, var(--ig-gray-700)));--toggle-button-foreground-focus: var(--igx-combo-toggle-button-foreground-focus, var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900)));--toggle-button-foreground-filled: var(--igx-combo-toggle-button-foreground-filled, var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900)));--clear-button-background: var(--igx-combo-clear-button-background, var(--ig-combo-clear-button-background, transparent));--clear-button-foreground: var(--igx-combo-clear-button-foreground, var(--ig-combo-clear-button-foreground, var(--ig-gray-900)));--clear-button-foreground-focus: var(--igx-combo-clear-button-foreground-focus, var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900)));--toggle-button-background-disabled: var(--igx-combo-toggle-button-background-disabled, var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100)));--toggle-button-foreground-disabled: var(--igx-combo-toggle-button-foreground-disabled, var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500)));--default-size: var(--igx-combo-default-size, var(--ig-combo-default-size, 2));--clear-button-background-focus: var(--igx-combo-clear-button-background-focus, var(--ig-combo-clear-button-background-focus, transparent));--ig-theme: material;--ig-theme-variant: dark}.igx-date-picker{--default-size: var(--igx-calendar-default-size, var(--ig-calendar-default-size, 2));--content-foreground: var(--igx-calendar-content-foreground, var(--ig-calendar-content-foreground, var(--ig-gray-900)));--content-background: var(--igx-calendar-content-background, var(--ig-calendar-content-background, var(--ig-surface-500)));--border-color: var(--igx-calendar-border-color, var(--ig-calendar-border-color, transparent));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-secondary-900-contrast)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-secondary-500)));--ig-theme: material;--ig-theme-variant: dark}.igx-date-range-picker{--label-color: var(--igx-date-range-picker-label-color, var(--ig-date-range-picker-label-color, var(--ig-gray-700)));--ranges-background: var(--igx-date-range-picker-ranges-background, var(--ig-date-range-picker-ranges-background, var(--ig-surface-500)));--ranges-border: var(--igx-date-range-picker-ranges-border, var(--ig-date-range-picker-ranges-border, var(--ig-gray-100)));--default-size: var(--igx-date-range-picker-default-size, var(--ig-date-range-picker-default-size, 2));--size: var(--igx-date-range-picker-size, var(--ig-date-range-picker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--ig-theme: material;--ig-theme-variant: dark}.igx-dialog{--elevation: var(--igx-dialog-elevation, var(--ig-dialog-elevation, var(--ig-elevation-24)));--background: var(--igx-dialog-background, var(--ig-dialog-background, var(--ig-surface-500)));--title-color: var(--igx-dialog-title-color, var(--ig-dialog-title-color, var(--ig-gray-900)));--message-color: var(--igx-dialog-message-color, var(--ig-dialog-message-color, var(--ig-gray-500)));--border-color: var(--igx-dialog-border-color, var(--ig-dialog-border-color, transparent));--backdrop: var(--igx-dialog-backdrop, var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/.54)));--border-radius: var(--igx-dialog-border-radius, var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1111111111) * 2.25rem), 2.25rem)));--default-size: var(--igx-dialog-default-size, var(--ig-dialog-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}.igx-divider{--color: var(--igx-divider-color, var(--ig-divider-color, var(--ig-gray-300)));--inset: var(--igx-divider-inset, var(--ig-divider-inset, 0));--ig-theme: material;--ig-theme-variant: dark}.igx-drop-down{--elevation: var(--igx-drop-down-elevation, var(--ig-drop-down-elevation, var(--ig-elevation-3)));--background-color: var(--igx-drop-down-background-color, var(--ig-drop-down-background-color, var(--ig-surface-500)));--header-text-color: var(--igx-drop-down-header-text-color, var(--ig-drop-down-header-text-color, var(--ig-secondary-500)));--item-text-color: var(--igx-drop-down-item-text-color, var(--ig-drop-down-item-text-color, var(--ig-gray-800)));--item-icon-color: var(--igx-drop-down-item-icon-color, var(--ig-drop-down-item-icon-color, var(--ig-gray-800)));--hover-item-background: var(--igx-drop-down-hover-item-background, var(--ig-drop-down-hover-item-background, var(--ig-gray-100)));--hover-item-text-color: var(--igx-drop-down-hover-item-text-color, var(--ig-drop-down-hover-item-text-color, var(--ig-gray-800)));--hover-item-icon-color: var(--igx-drop-down-hover-item-icon-color, var(--ig-drop-down-hover-item-icon-color, var(--ig-gray-800)));--focused-item-background: var(--igx-drop-down-focused-item-background, var(--ig-drop-down-focused-item-background, var(--ig-gray-100)));--focused-item-text-color: var(--igx-drop-down-focused-item-text-color, var(--ig-drop-down-focused-item-text-color, var(--ig-gray-800)));--focused-item-border-color: var(--igx-drop-down-focused-item-border-color, var(--ig-drop-down-focused-item-border-color, transparent));--selected-item-background: var(--igx-drop-down-selected-item-background, var(--ig-drop-down-selected-item-background, var(--ig-secondary-100)));--disabled-item-background: var(--igx-drop-down-disabled-item-background, var(--ig-drop-down-disabled-item-background, transparent));--disabled-item-text-color: var(--igx-drop-down-disabled-item-text-color, var(--ig-drop-down-disabled-item-text-color, var(--ig-gray-300)));--border-color: var(--igx-drop-down-border-color, var(--ig-drop-down-border-color, var(--ig-gray-100)));--border-width: var(--igx-drop-down-border-width, var(--ig-drop-down-border-width, 0));--border-radius: var(--igx-drop-down-border-radius, var(--ig-drop-down-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--item-border-radius: var(--igx-drop-down-item-border-radius, var(--ig-drop-down-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem)));--size: var(--igx-drop-down-size, var(--ig-drop-down-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem))));--default-size: var(--igx-drop-down-default-size, var(--ig-drop-down-default-size, 2));--selected-item-text-color: var(--igx-drop-down-selected-item-text-color, var(--ig-drop-down-selected-item-text-color, var(--ig-secondary-100-contrast)));--selected-item-icon-color: var(--igx-drop-down-selected-item-icon-color, var(--ig-drop-down-selected-item-icon-color, var(--ig-secondary-100-contrast)));--selected-hover-item-background: var(--igx-drop-down-selected-hover-item-background, var(--ig-drop-down-selected-hover-item-background, var(--ig-secondary-200)));--selected-hover-item-text-color: var(--igx-drop-down-selected-hover-item-text-color, var(--ig-drop-down-selected-hover-item-text-color, var(--ig-secondary-200-contrast)));--selected-hover-item-icon-color: var(--igx-drop-down-selected-hover-item-icon-color, var(--ig-drop-down-selected-hover-item-icon-color, var(--ig-secondary-200-contrast)));--selected-focus-item-background: var(--igx-drop-down-selected-focus-item-background, var(--ig-drop-down-selected-focus-item-background, var(--ig-secondary-200)));--selected-focus-item-text-color: var(--igx-drop-down-selected-focus-item-text-color, var(--ig-drop-down-selected-focus-item-text-color, var(--ig-secondary-200-contrast)));--ig-theme: material;--ig-theme-variant: dark}.igx-excel-filter,.igx-excel-filter__secondary{--background: var(--igx-excel-filtering-background, var(--ig-excel-filtering-background, var(--ig-gray-50)));--secondary-background: var(--igx-excel-filtering-secondary-background, var(--ig-excel-filtering-secondary-background, var(--ig-gray-50)));--header-foreground: var(--igx-excel-filtering-header-foreground, var(--ig-excel-filtering-header-foreground, var(--ig-gray-700)));--subheader-foreground: var(--igx-excel-filtering-subheader-foreground, var(--ig-excel-filtering-subheader-foreground, var(--ig-gray-700)));--actions-foreground: var(--igx-excel-filtering-actions-foreground, var(--ig-excel-filtering-actions-foreground, var(--ig-gray-700)));--actions-icon-color: var(--igx-excel-filtering-actions-icon-color, var(--ig-excel-filtering-actions-icon-color, var(--ig-gray-700)));--actions-hover-foreground: var(--igx-excel-filtering-actions-hover-foreground, var(--ig-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--actions-hover-icon-color: var(--igx-excel-filtering-actions-hover-icon-color, var(--ig-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--actions-selected-icon-color: var(--igx-excel-filtering-actions-selected-icon-color, var(--ig-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--actions-hover-background: var(--igx-excel-filtering-actions-hover-background, var(--ig-excel-filtering-actions-hover-background, var(--ig-gray-100)));--actions-disabled-foreground: var(--igx-excel-filtering-actions-disabled-foreground, var(--ig-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--border-color: var(--igx-excel-filtering-border-color, var(--ig-excel-filtering-border-color, var(--ig-gray-300)));--ig-theme: material;--ig-theme-variant: dark}.igx-expansion-panel{--header-background: var(--igx-expansion-panel-header-background, var(--ig-expansion-panel-header-background, var(--ig-surface-500)));--body-background: var(--igx-expansion-panel-body-background, var(--ig-expansion-panel-body-background, var(--ig-surface-500)));--header-focus-background: var(--igx-expansion-panel-header-focus-background, var(--ig-expansion-panel-header-focus-background, hsl(from var(--ig-gray-100) h s l/.3)));--header-title-color: var(--igx-expansion-panel-header-title-color, var(--ig-expansion-panel-header-title-color, var(--ig-gray-900)));--header-description-color: var(--igx-expansion-panel-header-description-color, var(--ig-expansion-panel-header-description-color, var(--ig-gray-700)));--header-icon-color: var(--igx-expansion-panel-header-icon-color, var(--ig-expansion-panel-header-icon-color, var(--ig-gray-800)));--body-color: var(--igx-expansion-panel-body-color, var(--ig-expansion-panel-body-color, var(--ig-gray-900)));--disabled-text-color: var(--igx-expansion-panel-disabled-text-color, var(--ig-expansion-panel-disabled-text-color, var(--ig-gray-500)));--disabled-description-color: var(--igx-expansion-panel-disabled-description-color, var(--ig-expansion-panel-disabled-description-color, var(--ig-gray-500)));--expanded-margin: var(--igx-expansion-panel-expanded-margin, var(--ig-expansion-panel-expanded-margin, .5rem));--border-radius: var(--igx-expansion-panel-border-radius, var(--ig-expansion-panel-border-radius, 0rem, 0rem, 1rem));--ig-theme: material;--ig-theme-variant: dark}.igx-grid{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--grouparea-color: var(--igx-grid-grouparea-color, var(--ig-grid-grouparea-color, var(--ig-gray-500)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-gray-50)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/.4)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-100)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, .0625rem));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-200)));--action-border-color: var(--igx-grid-action-border-color, var(--ig-grid-action-border-color, var(--ig-gray-200)));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-300)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-surface-500)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-secondary-300)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-secondary-A700-contrast)));--row-hover-background: var(--igx-grid-row-hover-background, var(--ig-grid-row-hover-background, var(--ig-gray-100)));--body-column-hover-border-color: var(--igx-grid-body-column-hover-border-color, var(--ig-grid-body-column-hover-border-color, var(--ig-gray-100)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-100-contrast)));--row-border-width: var(--igx-grid-row-border-width, var(--ig-grid-row-border-width, .0625rem));--row-border-style: var(--igx-grid-row-border-style, var(--ig-grid-row-border-style, solid));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, hsl(from var(--ig-gray-200) h s l/.24)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, .125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-width: var(--igx-grid-cell-active-border-width, var(--ig-grid-cell-active-border-width, .0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-secondary-500)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-gray-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-100-contrast)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-gray-50)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-gray-100)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-secondary-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-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, var(--ig-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, var(--ig-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-border-color: var(--igx-grid-summaries-border-color, var(--ig-grid-summaries-border-color, var(--ig-gray-400)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-50)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-800) h s l/.7)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-secondary-600)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-secondary-600-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-secondary-A700)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-secondary-A400)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-secondary-A400-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-secondary-A700)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-secondary-A400)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-secondary-A400)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-secondary-A400-contrast)));--ig-theme: material;--ig-theme-variant: dark}.igx-grid-summary{--background-color: var(--igx-grid-summary-background-color, var(--ig-grid-summary-background-color, var(--ig-gray-50)));--label-color: var(--igx-grid-summary-label-color, var(--ig-grid-summary-label-color, var(--ig-primary-500)));--label-hover-color: var(--igx-grid-summary-label-hover-color, var(--ig-grid-summary-label-hover-color, var(--ig-primary-500)));--result-color: var(--igx-grid-summary-result-color, var(--ig-grid-summary-result-color, var(--ig-gray-50-contrast)));--border-style: var(--igx-grid-summary-border-style, var(--ig-grid-summary-border-style, solid));--border-color: var(--igx-grid-summary-border-color, var(--ig-grid-summary-border-color, transparent));--pinned-border-style: var(--igx-grid-summary-pinned-border-style, var(--ig-grid-summary-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-summary-pinned-border-color, var(--ig-grid-summary-pinned-border-color, var(--ig-gray-400)));--ig-theme: material;--ig-theme-variant: dark}.igx-grid-toolbar{--background: var(--igx-grid-toolbar-background, var(--ig-grid-toolbar-background, var(--ig-gray-50)));--title-text-color: var(--igx-grid-toolbar-title-text-color, var(--ig-grid-toolbar-title-text-color, var(--ig-gray-600)));--dropdown-background: var(--igx-grid-toolbar-dropdown-background, var(--ig-grid-toolbar-dropdown-background, var(--ig-surface-500)));--item-text-color: var(--igx-grid-toolbar-item-text-color, var(--ig-grid-toolbar-item-text-color, var(--ig-gray-600)));--item-hover-background: var(--igx-grid-toolbar-item-hover-background, var(--ig-grid-toolbar-item-hover-background, var(--ig-gray-100)));--item-hover-text-color: var(--igx-grid-toolbar-item-hover-text-color, var(--ig-grid-toolbar-item-hover-text-color, var(--ig-gray-600)));--item-focus-background: var(--igx-grid-toolbar-item-focus-background, var(--ig-grid-toolbar-item-focus-background, var(--ig-gray-100)));--item-focus-text-color: var(--igx-grid-toolbar-item-focus-text-color, var(--ig-grid-toolbar-item-focus-text-color, var(--ig-gray-600)));--size: var(--igx-grid-toolbar-size, var(--ig-grid-toolbar-size, max(var(--is-large, 1) * max(3.625rem, -1 * 3.625rem), var(--is-medium, 1) * max(3.25rem, -1 * 3.25rem), var(--is-small, 1) * max(2.75rem, -1 * 2.75rem))));--border-color: var(--igx-grid-toolbar-border-color, var(--ig-grid-toolbar-border-color, var(--ig-gray-300)));--ig-theme: material;--ig-theme-variant: dark}}}@scope(.igx-icon){.fin-dark-theme :scope:is(igx-icon){--color: var(--igx-icon-color, var(--ig-icon-color, "currentColor"));--disabled-color: var(--igx-icon-disabled-color, var(--ig-icon-disabled-color, "currentColor"));--size: var(--igx-icon-size, var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))));--default-size: var(--igx-icon-default-size, var(--ig-icon-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-input-group{--helper-text-color: var(--igx-input-group-helper-text-color, var(--ig-input-group-helper-text-color, var(--ig-gray-700)));--text-error-color: var(--igx-input-group-text-error-color, var(--ig-input-group-text-error-color, var(--ig-error-500)));--icon-error-color: var(--igx-input-group-icon-error-color, var(--ig-input-group-icon-error-color, var(--ig-error-500)));--input-prefix-background: var(--igx-input-group-input-prefix-background, var(--ig-input-group-input-prefix-background, transparent));--input-prefix-color: var(--igx-input-group-input-prefix-color, var(--ig-input-group-input-prefix-color, var(--ig-gray-700)));--input-prefix-background--filled: var(--igx-input-group-input-prefix-background--filled, var(--ig-input-group-input-prefix-background--filled, inherit));--input-prefix-color--filled: var(--igx-input-group-input-prefix-color--filled, var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-900)));--input-prefix-background--focused: var(--igx-input-group-input-prefix-background--focused, var(--ig-input-group-input-prefix-background--focused, inherit));--input-prefix-color--focused: var(--igx-input-group-input-prefix-color--focused, var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-900)));--input-suffix-background: var(--igx-input-group-input-suffix-background, var(--ig-input-group-input-suffix-background, transparent));--input-suffix-color: var(--igx-input-group-input-suffix-color, var(--ig-input-group-input-suffix-color, var(--ig-gray-700)));--input-suffix-background--filled: var(--igx-input-group-input-suffix-background--filled, var(--ig-input-group-input-suffix-background--filled, inherit));--input-suffix-color--filled: var(--igx-input-group-input-suffix-color--filled, var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-900)));--input-suffix-background--focused: var(--igx-input-group-input-suffix-background--focused, var(--ig-input-group-input-suffix-background--focused, inherit));--input-suffix-color--focused: var(--igx-input-group-input-suffix-color--focused, var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900)));--idle-text-color: var(--igx-input-group-idle-text-color, var(--ig-input-group-idle-text-color, var(--ig-gray-700)));--filled-text-color: var(--igx-input-group-filled-text-color, var(--ig-input-group-filled-text-color, var(--ig-gray-900)));--filled-text-hover-color: var(--igx-input-group-filled-text-hover-color, var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900)));--focused-text-color: var(--igx-input-group-focused-text-color, var(--ig-input-group-focused-text-color, var(--ig-gray-900)));--disabled-text-color: var(--igx-input-group-disabled-text-color, var(--ig-input-group-disabled-text-color, var(--ig-gray-500)));--idle-secondary-color: var(--igx-input-group-idle-secondary-color, var(--ig-input-group-idle-secondary-color, var(--ig-gray-700)));--filled-secondary-color: var(--igx-input-group-filled-secondary-color, var(--ig-input-group-filled-secondary-color, var(--ig-gray-600)));--focused-secondary-color: var(--igx-input-group-focused-secondary-color, var(--ig-input-group-focused-secondary-color, var(--ig-primary-500)));--idle-bottom-line-color: var(--igx-input-group-idle-bottom-line-color, var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500)));--hover-bottom-line-color: var(--igx-input-group-hover-bottom-line-color, var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800)));--focused-bottom-line-color: var(--igx-input-group-focused-bottom-line-color, var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500)));--disabled-bottom-line-color: var(--igx-input-group-disabled-bottom-line-color, var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500)));--disabled-border-color: var(--igx-input-group-disabled-border-color, var(--ig-input-group-disabled-border-color, var(--ig-gray-500)));--border-color: var(--igx-input-group-border-color, var(--ig-input-group-border-color, var(--ig-gray-500)));--hover-border-color: var(--igx-input-group-hover-border-color, var(--ig-input-group-hover-border-color, var(--ig-gray-800)));--focused-border-color: var(--igx-input-group-focused-border-color, var(--ig-input-group-focused-border-color, var(--ig-primary-500)));--border-background: var(--igx-input-group-border-background, var(--ig-input-group-border-background, transparent));--border-disabled-background: var(--igx-input-group-border-disabled-background, var(--ig-input-group-border-disabled-background, transparent));--search-background: var(--igx-input-group-search-background, var(--ig-input-group-search-background, var(--ig-surface-500)));--search-disabled-background: var(--igx-input-group-search-disabled-background, var(--ig-input-group-search-disabled-background, var(--ig-surface-500)));--success-secondary-color: var(--igx-input-group-success-secondary-color, var(--ig-input-group-success-secondary-color, var(--ig-success-500)));--warning-secondary-color: var(--igx-input-group-warning-secondary-color, var(--ig-input-group-warning-secondary-color, var(--ig-warn-500)));--error-secondary-color: var(--igx-input-group-error-secondary-color, var(--ig-input-group-error-secondary-color, var(--ig-error-500)));--placeholder-color: var(--igx-input-group-placeholder-color, var(--ig-input-group-placeholder-color, var(--ig-gray-700)));--hover-placeholder-color: var(--igx-input-group-hover-placeholder-color, var(--ig-input-group-hover-placeholder-color, var(--ig-gray-700)));--disabled-placeholder-color: var(--igx-input-group-disabled-placeholder-color, var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-500)));--box-background: var(--igx-input-group-box-background, var(--ig-input-group-box-background, hsl(from var(--ig-gray-200) h s l/.38)));--box-background-hover: var(--igx-input-group-box-background-hover, var(--ig-input-group-box-background-hover, hsl(from var(--ig-gray-200) h s l/.38)));--box-background-focus: var(--igx-input-group-box-background-focus, var(--ig-input-group-box-background-focus, hsl(from var(--ig-gray-300) h s l/.38)));--box-disabled-background: var(--igx-input-group-box-disabled-background, var(--ig-input-group-box-disabled-background, var(--ig-gray-100)));--box-border-radius: var(--igx-input-group-box-border-radius, var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--border-border-radius: var(--igx-input-group-border-border-radius, var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--search-border-radius: var(--igx-input-group-search-border-radius, var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--success-shadow-color: var(--igx-input-group-success-shadow-color, var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/.38)));--error-shadow-color: var(--igx-input-group-error-shadow-color, var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/.38)));--size: var(--igx-input-group-size, var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--default-size: var(--igx-input-group-default-size, var(--ig-input-group-default-size, 2));--search-resting-elevation: var(--igx-input-group-search-resting-elevation, var(--ig-input-group-search-resting-elevation, var(--ig-elevation-1)));--search-hover-elevation: var(--igx-input-group-search-hover-elevation, var(--ig-input-group-search-hover-elevation, var(--ig-elevation-2)));--search-disabled-elevation: var(--igx-input-group-search-disabled-elevation, var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-1)));--ig-theme: material;--ig-theme-variant: dark}.igx-file-input{--file-names-background: var(--igx-file-input-file-names-background, var(--ig-file-input-file-names-background, transparent));--file-names-background--focused: var(--igx-file-input-file-names-background--focused, var(--ig-file-input-file-names-background--focused, transparent));--file-names-background--filled: var(--igx-file-input-file-names-background--filled, var(--ig-file-input-file-names-background--filled, transparent));--file-names-background--disabled: var(--igx-file-input-file-names-background--disabled, var(--ig-file-input-file-names-background--disabled, transparent));--file-names-foreground: var(--igx-file-input-file-names-foreground, var(--ig-file-input-file-names-foreground, var(--ig-gray-700)));--file-names-foreground--focused: var(--igx-file-input-file-names-foreground--focused, var(--ig-file-input-file-names-foreground--focused, var(--ig-gray-900)));--file-names-foreground--filled: var(--igx-file-input-file-names-foreground--filled, var(--ig-file-input-file-names-foreground--filled, var(--ig-gray-900)));--file-names-foreground--disabled: var(--igx-file-input-file-names-foreground--disabled, var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-500)));--file-selector-button-background: var(--igx-file-input-file-selector-button-background, var(--ig-file-input-file-selector-button-background, transparent));--file-selector-button-background--focused: var(--igx-file-input-file-selector-button-background--focused, var(--ig-file-input-file-selector-button-background--focused, transparent));--file-selector-button-background--filled: var(--igx-file-input-file-selector-button-background--filled, var(--ig-file-input-file-selector-button-background--filled, transparent));--file-selector-button-background--disabled: var(--igx-file-input-file-selector-button-background--disabled, var(--ig-file-input-file-selector-button-background--disabled, transparent));--file-selector-button-foreground: var(--igx-file-input-file-selector-button-foreground, var(--ig-file-input-file-selector-button-foreground, var(--ig-secondary-500)));--file-selector-button-foreground--focused: var(--igx-file-input-file-selector-button-foreground--focused, var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-secondary-500)));--file-selector-button-foreground--filled: var(--igx-file-input-file-selector-button-foreground--filled, var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-secondary-500)));--file-selector-button-foreground--disabled: var(--igx-file-input-file-selector-button-foreground--disabled, var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-500)));--ig-theme: material;--ig-theme-variant: dark}.igx-linear-bar{--track-color: var(--igx-linear-bar-track-color, var(--ig-linear-bar-track-color, var(--ig-gray-300)));--fill-color-default: var(--igx-linear-bar-fill-color-default, var(--ig-linear-bar-fill-color-default, var(--ig-primary-500)));--fill-color-danger: var(--igx-linear-bar-fill-color-danger, var(--ig-linear-bar-fill-color-danger, var(--ig-error-500)));--fill-color-warning: var(--igx-linear-bar-fill-color-warning, var(--ig-linear-bar-fill-color-warning, var(--ig-warn-500)));--fill-color-info: var(--igx-linear-bar-fill-color-info, var(--ig-linear-bar-fill-color-info, var(--ig-info-500)));--fill-color-success: var(--igx-linear-bar-fill-color-success, var(--ig-linear-bar-fill-color-success, var(--ig-success-500)));--stripes-color: var(--igx-linear-bar-stripes-color, var(--ig-linear-bar-stripes-color, hsl(from var(--ig-gray-900) h s l/.7)));--text-color: var(--igx-linear-bar-text-color, var(--ig-linear-bar-text-color, var(--ig-gray-700)));--track-border-radius: var(--igx-linear-bar-track-border-radius, var(--ig-linear-bar-track-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .5rem), .5rem)));--track-height: var(--igx-linear-bar-track-height, var(--ig-linear-bar-track-height, .25rem));--strip-size: var(--igx-linear-bar-strip-size, var(--ig-linear-bar-strip-size, 1rem));--ig-theme: material;--ig-theme-variant: dark}.igx-list{--background: var(--igx-list-background, var(--ig-list-background, var(--ig-surface-500)));--header-background: var(--igx-list-header-background, var(--ig-list-header-background, var(--ig-surface-500)));--header-text-color: var(--igx-list-header-text-color, var(--ig-list-header-text-color, var(--ig-secondary-500)));--item-background: var(--igx-list-item-background, var(--ig-list-item-background, var(--ig-surface-500)));--item-background-hover: var(--igx-list-item-background-hover, var(--ig-list-item-background-hover, var(--ig-gray-100)));--item-background-active: var(--igx-list-item-background-active, var(--ig-list-item-background-active, var(--ig-gray-100)));--item-background-selected: var(--igx-list-item-background-selected, var(--ig-list-item-background-selected, var(--ig-gray-100)));--item-text-color: var(--igx-list-item-text-color, var(--ig-list-item-text-color, var(--ig-gray-700)));--item-text-color-hover: var(--igx-list-item-text-color-hover, var(--ig-list-item-text-color-hover, var(--ig-gray-700)));--item-text-color-active: var(--igx-list-item-text-color-active, var(--ig-list-item-text-color-active, var(--ig-gray-700)));--item-text-color-selected: var(--igx-list-item-text-color-selected, var(--ig-list-item-text-color-selected, var(--ig-gray-700)));--item-title-color: var(--igx-list-item-title-color, var(--ig-list-item-title-color, var(--ig-gray-900)));--item-title-color-hover: var(--igx-list-item-title-color-hover, var(--ig-list-item-title-color-hover, var(--ig-gray-900)));--item-title-color-active: var(--igx-list-item-title-color-active, var(--ig-list-item-title-color-active, var(--ig-gray-900)));--item-title-color-selected: var(--igx-list-item-title-color-selected, var(--ig-list-item-title-color-selected, var(--ig-gray-900)));--item-action-color: var(--igx-list-item-action-color, var(--ig-list-item-action-color, "currentColor"));--item-action-color-hover: var(--igx-list-item-action-color-hover, var(--ig-list-item-action-color-hover, "currentColor"));--item-action-color-active: var(--igx-list-item-action-color-active, var(--ig-list-item-action-color-active, "currentColor"));--item-action-color-selected: var(--igx-list-item-action-color-selected, var(--ig-list-item-action-color-selected, "currentColor"));--item-subtitle-color: var(--igx-list-item-subtitle-color, var(--ig-list-item-subtitle-color, var(--ig-gray-700)));--item-subtitle-color-hover: var(--igx-list-item-subtitle-color-hover, var(--ig-list-item-subtitle-color-hover, var(--ig-gray-700)));--item-subtitle-color-active: var(--igx-list-item-subtitle-color-active, var(--ig-list-item-subtitle-color-active, var(--ig-gray-700)));--item-subtitle-color-selected: var(--igx-list-item-subtitle-color-selected, var(--ig-list-item-subtitle-color-selected, var(--ig-gray-700)));--item-thumbnail-color: var(--igx-list-item-thumbnail-color, var(--ig-list-item-thumbnail-color, "currentColor"));--item-thumbnail-color-hover: var(--igx-list-item-thumbnail-color-hover, var(--ig-list-item-thumbnail-color-hover, "currentColor"));--item-thumbnail-color-active: var(--igx-list-item-thumbnail-color-active, var(--ig-list-item-thumbnail-color-active, "currentColor"));--item-thumbnail-color-selected: var(--igx-list-item-thumbnail-color-selected, var(--ig-list-item-thumbnail-color-selected, "currentColor"));--border-color: var(--igx-list-border-color, var(--ig-list-border-color, transparent));--border-width: var(--igx-list-border-width, var(--ig-list-border-width, 0));--border-radius: var(--igx-list-border-radius, var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--item-border-radius: var(--igx-list-item-border-radius, var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--default-size: var(--igx-list-default-size, var(--ig-list-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}.igx-nav-drawer{--elevation: var(--igx-nav-drawer-elevation, var(--ig-nav-drawer-elevation, var(--ig-elevation-0)));--size: var(--igx-nav-drawer-size, var(--ig-nav-drawer-size, 15rem));--size--mini: var(--igx-nav-drawer-size--mini, var(--ig-nav-drawer-size--mini, 3.5rem));--background: var(--igx-nav-drawer-background, var(--ig-nav-drawer-background, var(--ig-surface-500)));--item-disabled-text-color: var(--igx-nav-drawer-item-disabled-text-color, var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-300)));--item-disabled-icon-color: var(--igx-nav-drawer-item-disabled-icon-color, var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-200)));--border-radius: var(--igx-nav-drawer-border-radius, var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem)));--item-border-radius: var(--igx-nav-drawer-item-border-radius, var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--item-hover-icon-color: var(--igx-nav-drawer-item-hover-icon-color, var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900)));--item-hover-text-color: var(--igx-nav-drawer-item-hover-text-color, var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900)));--item-hover-background: var(--igx-nav-drawer-item-hover-background, var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200)));--item-text-color: var(--igx-nav-drawer-item-text-color, var(--ig-nav-drawer-item-text-color, var(--ig-gray-900)));--item-active-background: var(--igx-nav-drawer-item-active-background, var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/.12)));--item-active-icon-color: var(--igx-nav-drawer-item-active-icon-color, var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500)));--item-active-text-color: var(--igx-nav-drawer-item-active-text-color, var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500)));--border-color: var(--igx-nav-drawer-border-color, var(--ig-nav-drawer-border-color, var(--ig-gray-300)));--item-icon-color: var(--igx-nav-drawer-item-icon-color, var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700)));--item-header-text-color: var(--igx-nav-drawer-item-header-text-color, var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: dark}.igx-navbar{--elevation: var(--igx-navbar-elevation, var(--ig-navbar-elevation, var(--ig-elevation-4)));--background: var(--igx-navbar-background, var(--ig-navbar-background, var(--ig-primary-800)));--text-color: var(--igx-navbar-text-color, var(--ig-navbar-text-color, var(--ig-primary-800-contrast)));--idle-icon-color: var(--igx-navbar-idle-icon-color, var(--ig-navbar-idle-icon-color, var(--ig-gray-900)));--hover-icon-color: var(--igx-navbar-hover-icon-color, var(--ig-navbar-hover-icon-color, var(--ig-gray-900)));--border-color: var(--igx-navbar-border-color, var(--ig-navbar-border-color, transparent));--ig-theme: material;--ig-theme-variant: dark}.igx-paginator{--foreground: var(--igx-paginator-foreground, var(--ig-paginator-foreground, var(--ig-gray-800)));--background: var(--igx-paginator-background, var(--ig-paginator-background, var(--ig-surface-500)));--border-color: var(--igx-paginator-border-color, var(--ig-paginator-border-color, var(--ig-gray-200)));--size: var(--igx-paginator-size, var(--ig-paginator-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.75rem, -1 * 2.75rem))));--ig-theme: material;--ig-theme-variant: dark}.igx-pivot-data-selector{--background: var(--igx-pivot-data-selector-background, var(--ig-pivot-data-selector-background, var(--ig-surface-500)));--header-color: var(--igx-pivot-data-selector-header-color, var(--ig-pivot-data-selector-header-color, var(--ig-gray-100)));--ig-theme: material;--ig-theme-variant: dark}.igx-advanced-filtering-dialog,.igx-query-builder{--elevation: var(--igx-query-builder-elevation, var(--ig-query-builder-elevation, var(--ig-elevation-0)));--background: var(--igx-query-builder-background, var(--ig-query-builder-background, var(--ig-surface-500)));--header-background: var(--igx-query-builder-header-background, var(--ig-query-builder-header-background, var(--ig-surface-500)));--header-foreground: var(--igx-query-builder-header-foreground, var(--ig-query-builder-header-foreground, var(--ig-gray-900)));--header-border: var(--igx-query-builder-header-border, var(--ig-query-builder-header-border, transparent));--color-expression-group-and: var(--igx-query-builder-color-expression-group-and, var(--ig-query-builder-color-expression-group-and, #da64ff));--color-expression-group-or: var(--igx-query-builder-color-expression-group-or, var(--ig-query-builder-color-expression-group-or, #19ad87));--border-radius: var(--igx-query-builder-border-radius, var(--ig-query-builder-border-radius, .25rem));--subquery-header-background: var(--igx-query-builder-subquery-header-background, var(--ig-query-builder-subquery-header-background, var(--ig-gray-50)));--subquery-border-color: var(--igx-query-builder-subquery-border-color, var(--ig-query-builder-subquery-border-color, var(--ig-gray-200)));--subquery-border-radius: var(--igx-query-builder-subquery-border-radius, var(--ig-query-builder-subquery-border-radius, .75rem));--separator-color: var(--igx-query-builder-separator-color, var(--ig-query-builder-separator-color, var(--ig-gray-300)));--label-foreground: var(--igx-query-builder-label-foreground, var(--ig-query-builder-label-foreground, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: dark}.igx-radio{--empty-fill-color: var(--igx-radio-empty-fill-color, var(--ig-radio-empty-fill-color, transparent));--hover-color: var(--igx-radio-hover-color, var(--ig-radio-hover-color, transparent));--label-color: var(--igx-radio-label-color, var(--ig-radio-label-color, var(--ig-gray-900)));--label-color-hover: var(--igx-radio-label-color-hover, var(--ig-radio-label-color-hover, var(--ig-gray-900)));--fill-color: var(--igx-radio-fill-color, var(--ig-radio-fill-color, var(--ig-secondary-500)));--disabled-color: var(--igx-radio-disabled-color, var(--ig-radio-disabled-color, var(--ig-gray-400)));--disabled-fill-color: var(--igx-radio-disabled-fill-color, var(--ig-radio-disabled-fill-color, var(--ig-gray-400)));--disabled-label-color: var(--igx-radio-disabled-label-color, var(--ig-radio-disabled-label-color, var(--ig-gray-500)));--error-color: var(--igx-radio-error-color, var(--ig-radio-error-color, var(--ig-error-500)));--focus-border-color: var(--igx-radio-focus-border-color, var(--ig-radio-focus-border-color, transparent));--focus-outline-color-filled: var(--igx-radio-focus-outline-color-filled, var(--ig-radio-focus-outline-color-filled, transparent));--focus-outline-color-error: var(--igx-radio-focus-outline-color-error, var(--ig-radio-focus-outline-color-error, transparent));--focus-outline-color: var(--igx-radio-focus-outline-color, var(--ig-radio-focus-outline-color, transparent));--fill-hover-border-color: var(--igx-radio-fill-hover-border-color, var(--ig-radio-fill-hover-border-color, var(--ig-secondary-500)));--empty-color: var(--igx-radio-empty-color, var(--ig-radio-empty-color, var(--ig-gray-600)));--fill-color-hover: var(--igx-radio-fill-color-hover, var(--ig-radio-fill-color-hover, var(--ig-secondary-500)));--error-color-hover: var(--igx-radio-error-color-hover, var(--ig-radio-error-color-hover, var(--ig-error-500)));--ig-theme: material;--ig-theme-variant: dark}.igx-select{--toggle-button-background-focus--border: var(--igx-select-toggle-button-background-focus--border, var(--ig-select-toggle-button-background-focus--border, var(--ig-gray-100)));--toggle-button-background: var(--igx-select-toggle-button-background, var(--ig-select-toggle-button-background, var(--ig-gray-100)));--toggle-button-background-focus: var(--igx-select-toggle-button-background-focus, var(--ig-select-toggle-button-background-focus, var(--ig-gray-200)));--toggle-button-foreground: var(--igx-select-toggle-button-foreground, var(--ig-select-toggle-button-foreground, var(--ig-gray-700)));--toggle-button-foreground-focus: var(--igx-select-toggle-button-foreground-focus, var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-900)));--toggle-button-foreground-filled: var(--igx-select-toggle-button-foreground-filled, var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-900)));--toggle-button-background-disabled: var(--igx-select-toggle-button-background-disabled, var(--ig-select-toggle-button-background-disabled, var(--ig-gray-100)));--toggle-button-foreground-disabled: var(--igx-select-toggle-button-foreground-disabled, var(--ig-select-toggle-button-foreground-disabled, var(--ig-gray-500)));--default-size: var(--igx-select-default-size, var(--ig-select-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}.igx-slider{--track-color: var(--igx-slider-track-color, var(--ig-slider-track-color, var(--ig-secondary-500)));--track-step-color: var(--igx-slider-track-step-color, var(--ig-slider-track-step-color, var(--ig-secondary-200)));--track-step-size: var(--igx-slider-track-step-size, var(--ig-slider-track-step-size, .1875rem));--thumb-disabled-border-color: var(--igx-slider-thumb-disabled-border-color, var(--ig-slider-thumb-disabled-border-color, var(--ig-gray-400)));--label-background-color: var(--igx-slider-label-background-color, var(--ig-slider-label-background-color, var(--ig-gray-700)));--label-text-color: var(--igx-slider-label-text-color, var(--ig-slider-label-text-color, var(--ig-gray-700-contrast)));--tick-color: var(--igx-slider-tick-color, var(--ig-slider-tick-color, var(--ig-gray-500)));--tick-label-color: var(--igx-slider-tick-label-color, var(--ig-slider-tick-label-color, var(--ig-gray-500)));--thumb-color: var(--igx-slider-thumb-color, var(--ig-slider-thumb-color, var(--ig-secondary-500)));--thumb-border-color: var(--igx-slider-thumb-border-color, var(--ig-slider-thumb-border-color, var(--ig-secondary-500)));--thumb-border-hover-color: var(--igx-slider-thumb-border-hover-color, var(--ig-slider-thumb-border-hover-color, var(--ig-secondary-500)));--thumb-border-focus-color: var(--igx-slider-thumb-border-focus-color, var(--ig-slider-thumb-border-focus-color, var(--ig-secondary-500)));--track-hover-color: var(--igx-slider-track-hover-color, var(--ig-slider-track-hover-color, var(--ig-secondary-400)));--thumb-focus-color: var(--igx-slider-thumb-focus-color, var(--ig-slider-thumb-focus-color, transparent));--disabled-thumb-color: var(--igx-slider-disabled-thumb-color, var(--ig-slider-disabled-thumb-color, var(--ig-gray-400)));--base-track-color: var(--igx-slider-base-track-color, var(--ig-slider-base-track-color, hsl(from var(--ig-secondary-500) h s l/.24)));--base-track-hover-color: var(--igx-slider-base-track-hover-color, var(--ig-slider-base-track-hover-color, hsl(from var(--ig-secondary-500) h s l/.24)));--disabled-base-track-color: var(--igx-slider-disabled-base-track-color, var(--ig-slider-disabled-base-track-color, var(--ig-gray-200)));--disabled-fill-track-color: var(--igx-slider-disabled-fill-track-color, var(--ig-slider-disabled-fill-track-color, var(--ig-gray-400)));--ig-theme: material;--ig-theme-variant: dark}.igx-snackbar{--elevation: var(--igx-snackbar-elevation, var(--ig-snackbar-elevation, var(--ig-elevation-4)));--background: var(--igx-snackbar-background, var(--ig-snackbar-background, var(--ig-gray-900)));--text-color: var(--igx-snackbar-text-color, var(--ig-snackbar-text-color, var(--ig-gray-900-contrast)));--button-color: var(--igx-snackbar-button-color, var(--ig-snackbar-button-color, var(--ig-secondary-500)));--border-radius: var(--igx-snackbar-border-radius, var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-splitter{--bar-color: var(--igx-splitter-bar-color, var(--ig-splitter-bar-color, var(--ig-gray-200)));--focus-color: var(--igx-splitter-focus-color, var(--ig-splitter-focus-color, var(--ig-secondary-500)));--handle-color: var(--igx-splitter-handle-color, var(--ig-splitter-handle-color, var(--ig-gray-800)));--expander-color: var(--igx-splitter-expander-color, var(--ig-splitter-expander-color, var(--ig-gray-800)));--bar-color-active: var(--igx-splitter-bar-color-active, var(--ig-splitter-bar-color-active, var(--ig-gray-300)));--handle-color-active: var(--igx-splitter-handle-color-active, var(--ig-splitter-handle-color-active, var(--ig-gray-800)));--expander-color-active: var(--igx-splitter-expander-color-active, var(--ig-splitter-expander-color-active, var(--ig-gray-800)));--size: var(--igx-splitter-size, var(--ig-splitter-size, .25rem));--border-radius: var(--igx-splitter-border-radius, var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * .125rem), .125rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-stepper{--content-foreground: var(--igx-stepper-content-foreground, var(--ig-stepper-content-foreground, var(--ig-gray-900)));--step-background: var(--igx-stepper-step-background, var(--ig-stepper-step-background, transparent));--indicator-background: var(--igx-stepper-indicator-background, var(--ig-stepper-indicator-background, var(--ig-gray-300)));--indicator-outline: var(--igx-stepper-indicator-outline, var(--ig-stepper-indicator-outline, var(--ig-gray-300)));--title-color: var(--igx-stepper-title-color, var(--ig-stepper-title-color, var(--ig-gray-900)));--title-hover-color: var(--igx-stepper-title-hover-color, var(--ig-stepper-title-hover-color, var(--ig-gray-900)));--title-focus-color: var(--igx-stepper-title-focus-color, var(--ig-stepper-title-focus-color, var(--ig-gray-900)));--subtitle-color: var(--igx-stepper-subtitle-color, var(--ig-stepper-subtitle-color, var(--ig-gray-700)));--subtitle-hover-color: var(--igx-stepper-subtitle-hover-color, var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700)));--subtitle-focus-color: var(--igx-stepper-subtitle-focus-color, var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700)));--complete-step-background: var(--igx-stepper-complete-step-background, var(--ig-stepper-complete-step-background, transparent));--complete-title-color: var(--igx-stepper-complete-title-color, var(--ig-stepper-complete-title-color, var(--ig-gray-900)));--complete-title-hover-color: var(--igx-stepper-complete-title-hover-color, var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900)));--complete-title-focus-color: var(--igx-stepper-complete-title-focus-color, var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900)));--complete-subtitle-color: var(--igx-stepper-complete-subtitle-color, var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700)));--complete-subtitle-hover-color: var(--igx-stepper-complete-subtitle-hover-color, var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700)));--complete-subtitle-focus-color: var(--igx-stepper-complete-subtitle-focus-color, var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700)));--current-step-background: var(--igx-stepper-current-step-background, var(--ig-stepper-current-step-background, transparent));--current-indicator-background: var(--igx-stepper-current-indicator-background, var(--ig-stepper-current-indicator-background, var(--ig-primary-800)));--current-indicator-outline: var(--igx-stepper-current-indicator-outline, var(--ig-stepper-current-indicator-outline, var(--ig-primary-800)));--current-indicator-color: var(--igx-stepper-current-indicator-color, var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast)));--current-title-color: var(--igx-stepper-current-title-color, var(--ig-stepper-current-title-color, var(--ig-gray-900)));--current-title-hover-color: var(--igx-stepper-current-title-hover-color, var(--ig-stepper-current-title-hover-color, var(--ig-gray-900)));--current-title-focus-color: var(--igx-stepper-current-title-focus-color, var(--ig-stepper-current-title-focus-color, var(--ig-gray-900)));--current-subtitle-color: var(--igx-stepper-current-subtitle-color, var(--ig-stepper-current-subtitle-color, var(--ig-gray-700)));--current-subtitle-hover-color: var(--igx-stepper-current-subtitle-hover-color, var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700)));--current-subtitle-focus-color: var(--igx-stepper-current-subtitle-focus-color, var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700)));--invalid-step-background: var(--igx-stepper-invalid-step-background, var(--ig-stepper-invalid-step-background, transparent));--invalid-indicator-background: var(--igx-stepper-invalid-indicator-background, var(--ig-stepper-invalid-indicator-background, var(--ig-error-500)));--invalid-indicator-outline: var(--igx-stepper-invalid-indicator-outline, var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500)));--invalid-indicator-color: var(--igx-stepper-invalid-indicator-color, var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast)));--invalid-title-color: var(--igx-stepper-invalid-title-color, var(--ig-stepper-invalid-title-color, var(--ig-error-500)));--invalid-title-hover-color: var(--igx-stepper-invalid-title-hover-color, var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500)));--invalid-title-focus-color: var(--igx-stepper-invalid-title-focus-color, var(--ig-stepper-invalid-title-focus-color, var(--ig-error-300)));--invalid-subtitle-color: var(--igx-stepper-invalid-subtitle-color, var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500)));--invalid-subtitle-hover-color: var(--igx-stepper-invalid-subtitle-hover-color, var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500)));--invalid-subtitle-focus-color: var(--igx-stepper-invalid-subtitle-focus-color, var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-300)));--disabled-indicator-color: var(--igx-stepper-disabled-indicator-color, var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500)));--disabled-indicator-background: var(--igx-stepper-disabled-indicator-background, var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200)));--disabled-indicator-outline: var(--igx-stepper-disabled-indicator-outline, var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200)));--disabled-title-color: var(--igx-stepper-disabled-title-color, var(--ig-stepper-disabled-title-color, var(--ig-gray-500)));--disabled-subtitle-color: var(--igx-stepper-disabled-subtitle-color, var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500)));--step-separator-color: var(--igx-stepper-step-separator-color, var(--ig-stepper-step-separator-color, var(--ig-gray-300)));--complete-step-separator-color: var(--igx-stepper-complete-step-separator-color, var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900)));--step-separator-style: var(--igx-stepper-step-separator-style, var(--ig-stepper-step-separator-style, dashed));--complete-step-separator-style: var(--igx-stepper-complete-step-separator-style, var(--ig-stepper-complete-step-separator-style, solid));--border-radius-indicator: var(--igx-stepper-border-radius-indicator, var(--ig-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, var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem)));--indicator-color: var(--igx-stepper-indicator-color, var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast)));--complete-indicator-background: var(--igx-stepper-complete-indicator-background, var(--ig-stepper-complete-indicator-background, var(--ig-gray-900)));--complete-indicator-outline: var(--igx-stepper-complete-indicator-outline, var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900)));--complete-indicator-color: var(--igx-stepper-complete-indicator-color, var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast)));--step-hover-background: var(--igx-stepper-step-hover-background, var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--complete-step-hover-background: var(--igx-stepper-complete-step-hover-background, var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--current-step-hover-background: var(--igx-stepper-current-step-hover-background, var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--invalid-step-hover-background: var(--igx-stepper-invalid-step-hover-background, var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--step-focus-background: var(--igx-stepper-step-focus-background, var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-100) h s l/.5)));--complete-step-focus-background: var(--igx-stepper-complete-step-focus-background, var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-100) h s l/.5)));--current-step-focus-background: var(--igx-stepper-current-step-focus-background, var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-100) h s l/.5)));--invalid-step-focus-background: var(--igx-stepper-invalid-step-focus-background, var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-100) h s l/.5)));--ig-theme: material;--ig-theme-variant: dark}.igx-switch{--border-on-color: var(--igx-switch-border-on-color, var(--ig-switch-border-on-color, transparent));--track-on-color: var(--igx-switch-track-on-color, var(--ig-switch-track-on-color, var(--ig-secondary-200)));--track-disabled-color: var(--igx-switch-track-disabled-color, var(--ig-switch-track-disabled-color, var(--ig-gray-300)));--track-off-color: var(--igx-switch-track-off-color, var(--ig-switch-track-off-color, var(--ig-gray-500)));--thumb-on-color: var(--igx-switch-thumb-on-color, var(--ig-switch-thumb-on-color, var(--ig-secondary-500)));--thumb-on-disabled-color: var(--igx-switch-thumb-on-disabled-color, var(--ig-switch-thumb-on-disabled-color, var(--ig-secondary-100)));--label-color: var(--igx-switch-label-color, var(--ig-switch-label-color, var(--ig-gray-900)));--label-hover-color: var(--igx-switch-label-hover-color, var(--ig-switch-label-hover-color, var(--ig-gray-900)));--label-disabled-color: var(--igx-switch-label-disabled-color, var(--ig-switch-label-disabled-color, var(--ig-gray-500)));--track-on-disabled-color: var(--igx-switch-track-on-disabled-color, var(--ig-switch-track-on-disabled-color, var(--ig-secondary-50)));--border-radius-thumb: var(--igx-switch-border-radius-thumb, var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * .625rem), .625rem)));--border-radius-ripple: var(--igx-switch-border-radius-ripple, var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--resting-elevation: var(--igx-switch-resting-elevation, var(--ig-switch-resting-elevation, var(--ig-elevation-1)));--hover-elevation: var(--igx-switch-hover-elevation, var(--ig-switch-hover-elevation, var(--ig-elevation-1)));--disabled-elevation: var(--igx-switch-disabled-elevation, var(--ig-switch-disabled-elevation, var(--ig-elevation-1)));--focus-outline-color: var(--igx-switch-focus-outline-color, var(--ig-switch-focus-outline-color, transparent));--border-color: var(--igx-switch-border-color, var(--ig-switch-border-color, transparent));--border-hover-color: var(--igx-switch-border-hover-color, var(--ig-switch-border-hover-color, transparent));--focus-fill-color: var(--igx-switch-focus-fill-color, var(--ig-switch-focus-fill-color, transparent));--focus-fill-hover-color: var(--igx-switch-focus-fill-hover-color, var(--ig-switch-focus-fill-hover-color, transparent));--border-on-hover-color: var(--igx-switch-border-on-hover-color, var(--ig-switch-border-on-hover-color, transparent));--border-disabled-color: var(--igx-switch-border-disabled-color, var(--ig-switch-border-disabled-color, transparent));--thumb-off-color: var(--igx-switch-thumb-off-color, var(--ig-switch-thumb-off-color, var(--ig-gray-100)));--thumb-off-hover-color: var(--igx-switch-thumb-off-hover-color, var(--ig-switch-thumb-off-hover-color, var(--ig-gray-100)));--thumb-disabled-color: var(--igx-switch-thumb-disabled-color, var(--ig-switch-thumb-disabled-color, var(--ig-gray-200)));--track-on-hover-color: var(--igx-switch-track-on-hover-color, var(--ig-switch-track-on-hover-color, var(--ig-secondary-200)));--border-radius-track: var(--igx-switch-border-radius-track, var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * .4375rem), .4375rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-tabs{--item-text-color: var(--igx-tabs-item-text-color, var(--ig-tabs-item-text-color, var(--ig-gray-700)));--item-background: var(--igx-tabs-item-background, var(--ig-tabs-item-background, var(--ig-surface-500)));--item-hover-background: var(--igx-tabs-item-hover-background, var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--item-hover-color: var(--igx-tabs-item-hover-color, var(--ig-tabs-item-hover-color, var(--ig-gray-700)));--item-active-color: var(--igx-tabs-item-active-color, var(--ig-tabs-item-active-color, var(--ig-primary-500)));--item-active-hover-color: var(--igx-tabs-item-active-hover-color, var(--ig-tabs-item-active-hover-color, var(--ig-primary-500)));--item-icon-color: var(--igx-tabs-item-icon-color, var(--ig-tabs-item-icon-color, var(--ig-gray-700)));--item-active-icon-color: var(--igx-tabs-item-active-icon-color, var(--ig-tabs-item-active-icon-color, var(--ig-primary-500)));--item-active-hover-icon-color: var(--igx-tabs-item-active-hover-icon-color, var(--ig-tabs-item-active-hover-icon-color, var(--ig-primary-500)));--item-hover-icon-color: var(--igx-tabs-item-hover-icon-color, var(--ig-tabs-item-hover-icon-color, var(--ig-gray-700)));--item-disabled-icon-color: var(--igx-tabs-item-disabled-icon-color, var(--ig-tabs-item-disabled-icon-color, var(--ig-gray-200)));--item-active-background: var(--igx-tabs-item-active-background, var(--ig-tabs-item-active-background, var(--ig-surface-500)));--item-active-hover-background: var(--igx-tabs-item-active-hover-background, var(--ig-tabs-item-active-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--item-disabled-color: var(--igx-tabs-item-disabled-color, var(--ig-tabs-item-disabled-color, var(--ig-gray-200)));--indicator-color: var(--igx-tabs-indicator-color, var(--ig-tabs-indicator-color, var(--ig-primary-500)));--button-color: var(--igx-tabs-button-color, var(--ig-tabs-button-color, var(--ig-gray-700)));--button-background: var(--igx-tabs-button-background, var(--ig-tabs-button-background, var(--ig-surface-500)));--button-hover-background: var(--igx-tabs-button-hover-background, var(--ig-tabs-button-hover-background, var(--ig-gray-100)));--button-hover-color: var(--igx-tabs-button-hover-color, var(--ig-tabs-button-hover-color, var(--ig-gray-900)));--button-disabled-color: var(--igx-tabs-button-disabled-color, var(--ig-tabs-button-disabled-color, var(--ig-gray-500)));--tab-ripple-color: var(--igx-tabs-tab-ripple-color, var(--ig-tabs-tab-ripple-color, var(--ig-gray-100)));--button-ripple-color: var(--igx-tabs-button-ripple-color, var(--ig-tabs-button-ripple-color, var(--ig-gray-100)));--border-color: var(--igx-tabs-border-color, var(--ig-tabs-border-color, transparent));--border-color--hover: var(--igx-tabs-border-color--hover, var(--ig-tabs-border-color--hover, transparent));--border-radius: var(--igx-tabs-border-radius, var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .375rem), .375rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-time-picker{--modal-elevation: var(--igx-time-picker-modal-elevation, var(--ig-time-picker-modal-elevation, var(--ig-elevation-24)));--dropdown-elevation: var(--igx-time-picker-dropdown-elevation, var(--ig-time-picker-dropdown-elevation, var(--ig-elevation-3)));--text-color: var(--igx-time-picker-text-color, var(--ig-time-picker-text-color, var(--ig-gray-900)));--hover-text-color: var(--igx-time-picker-hover-text-color, var(--ig-time-picker-hover-text-color, var(--ig-secondary-200)));--selected-text-color: var(--igx-time-picker-selected-text-color, var(--ig-time-picker-selected-text-color, var(--ig-secondary-200)));--active-item-foreground: var(--igx-time-picker-active-item-foreground, var(--ig-time-picker-active-item-foreground, var(--ig-secondary-500-contrast)));--active-item-background: var(--igx-time-picker-active-item-background, var(--ig-time-picker-active-item-background, var(--ig-secondary-500)));--disabled-text-color: var(--igx-time-picker-disabled-text-color, var(--ig-time-picker-disabled-text-color, var(--ig-gray-400)));--disabled-item-background: var(--igx-time-picker-disabled-item-background, var(--ig-time-picker-disabled-item-background, transparent));--background-color: var(--igx-time-picker-background-color, var(--ig-time-picker-background-color, var(--ig-surface-500)));--border-color: var(--igx-time-picker-border-color, var(--ig-time-picker-border-color, transparent));--divider-color: var(--igx-time-picker-divider-color, var(--ig-time-picker-divider-color, var(--ig-gray-100)));--border-radius: var(--igx-time-picker-border-radius, var(--ig-time-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--time-item-size: var(--igx-time-picker-time-item-size, var(--ig-time-picker-time-item-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-time-picker-default-size, var(--ig-time-picker-default-size, 2));--header-background: var(--igx-time-picker-header-background, var(--ig-time-picker-header-background, var(--ig-secondary-500)));--header-hour-text-color: var(--igx-time-picker-header-hour-text-color, var(--ig-time-picker-header-hour-text-color, var(--ig-secondary-500-contrast)));--active-item-border-radius: var(--igx-time-picker-active-item-border-radius, var(--ig-time-picker-active-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .75) * 1.25rem), 1.25rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-toast{--elevation: var(--igx-toast-elevation, var(--ig-toast-elevation, var(--ig-elevation-0)));--background: var(--igx-toast-background, var(--ig-toast-background, var(--ig-gray-700)));--border-color: var(--igx-toast-border-color, var(--ig-toast-border-color, var(--ig-gray-700)));--text-color: var(--igx-toast-text-color, var(--ig-toast-text-color, var(--ig-gray-700-contrast)));--border-radius: var(--igx-toast-border-radius, var(--ig-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.625rem), 1.625rem)));--ig-theme: material;--ig-theme-variant: dark}.igx-tree-node{--background: var(--igx-tree-background, var(--ig-tree-background, var(--ig-surface-500)));--foreground: var(--igx-tree-foreground, var(--ig-tree-foreground, var(--ig-surface-500-contrast)));--icon-color: var(--igx-tree-icon-color, var(--ig-tree-icon-color, var(--ig-surface-500-contrast)));--background-selected: var(--igx-tree-background-selected, var(--ig-tree-background-selected, var(--ig-secondary-200)));--background-active: var(--igx-tree-background-active, var(--ig-tree-background-active, var(--ig-gray-100)));--foreground-active: var(--igx-tree-foreground-active, var(--ig-tree-foreground-active, var(--ig-gray-900)));--background-disabled: var(--igx-tree-background-disabled, var(--ig-tree-background-disabled, var(--ig-surface-500)));--foreground-disabled: var(--igx-tree-foreground-disabled, var(--ig-tree-foreground-disabled, var(--ig-gray-500)));--drop-area-color: var(--igx-tree-drop-area-color, var(--ig-tree-drop-area-color, var(--ig-secondary-500)));--hover-color: var(--igx-tree-hover-color, var(--ig-tree-hover-color, hsl(from var(--ig-gray-200) h s l/.5)));--hover-selected-color: var(--igx-tree-hover-selected-color, var(--ig-tree-hover-selected-color, hsl(from var(--ig-gray-50) h s l/.1)));--size: var(--igx-tree-size, var(--ig-tree-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))));--default-size: var(--igx-tree-default-size, var(--ig-tree-default-size, 2));--foreground-selected: var(--igx-tree-foreground-selected, var(--ig-tree-foreground-selected, var(--ig-secondary-200-contrast)));--background-active-selected: var(--igx-tree-background-active-selected, var(--ig-tree-background-active-selected, var(--ig-secondary-300)));--foreground-active-selected: var(--igx-tree-foreground-active-selected, var(--ig-tree-foreground-active-selected, var(--ig-secondary-300-contrast)));--border-color: var(--igx-tree-border-color, var(--ig-tree-border-color, var(--ig-secondary-500)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.derived{.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_grid-background: var(--background, var(--ig-grid-background));--_grid-foreground: var(--foreground, var(--ig-grid-foreground));--_grid-accent-color: var(--accent-color, var(--ig-grid-accent-color));--ig-action-strip-actions-background: var(--_grid-accent-color);--ig-action-strip-background: var(--_grid-accent-color);--ig-action-strip-icon-color: var(--_grid-accent-color);--ig-action-strip-delete-action: var(--ig-error-500);--ig-action-strip-actions-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-badge-elevation: var(--ig-elevation-1);--ig-badge-icon-color: hsla(from color(from var(--ig-badge-background-color) var(--y-contrast)) h 0 l/1);--ig-badge-text-color: hsla(from color(from var(--ig-badge-background-color) var(--y-contrast)) h 0 l/1);--ig-badge-border-color: var(--ig-gray-900-contrast);--ig-badge-background-color: var(--_grid-accent-color);--ig-badge-border-radius: 0;--ig-badge-default-size: 2;--ig-banner-banner-background: var(--_grid-background);--ig-banner-border-radius: 0;--ig-banner-banner-border-color: var(--_grid-foreground);--ig-banner-banner-message-color: var(--_grid-foreground);--ig-banner-banner-illustration-color: var(--_grid-foreground);--ig-calendar-default-size: 2;--ig-calendar-content-foreground: var(--_grid-foreground);--ig-calendar-content-background: var(--_grid-background);--ig-calendar-border-color: transparent;--ig-calendar-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-calendar-picker-background: var(--ig-calendar-content-background);--ig-calendar-picker-hover-foreground: hsl(from hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1) h s l/.8);--ig-calendar-picker-focus-foreground: var(--ig-calendar-picker-hover-foreground);--ig-calendar-navigation-color: hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1);--ig-calendar-navigation-hover-color: var(--ig-calendar-picker-hover-foreground);--ig-calendar-navigation-focus-color: var(--ig-calendar-navigation-hover-color);--ig-calendar-date-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-range-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-week-number-foreground: hsl(from hsla(from color(from var(--ig-calendar-week-number-background) var(--y-contrast)) h 0 l/1) h s l/.5);--ig-calendar-week-number-background: hsl(from var(--ig-calendar-content-background) h s calc(l*.8) );--ig-calendar-inactive-color: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.5);--ig-calendar-weekday-color: var(--ig-calendar-inactive-color);--ig-calendar-weekend-color: var(--ig-calendar-content-foreground);--ig-calendar-date-hover-foreground: hsla(from color(from var(--ig-calendar-date-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-focus-foreground: var(--ig-calendar-date-hover-foreground);--ig-calendar-date-selected-range-hover-foreground: hsla(from color(from hsl(from var(--ig-calendar-date-selected-range-hover-background) h s l/1) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-range-focus-foreground: hsla(from color(from hsl(from var(--ig-calendar-date-selected-range-focus-background) h s l/1) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-range-foreground: hsla(from color(from var(--ig-calendar-date-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-range-hover-foreground: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-current-range-focus-foreground: var(--ig-gray-900);--ig-calendar-date-current-background: var(--ig-calendar-content-background);--ig-calendar-date-current-hover-foreground: hsla(from color(from var(--ig-calendar-date-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-focus-foreground: hsla(from color(from var(--ig-calendar-date-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-focus-background: var(--ig-calendar-date-focus-background);--ig-calendar-date-special-background: transparent;--ig-calendar-date-special-range-background: transparent;--ig-calendar-date-border-color: transparent;--ig-calendar-date-hover-border-color: transparent;--ig-calendar-date-focus-border-color: transparent;--ig-calendar-date-selected-border-color: transparent;--ig-calendar-date-selected-hover-border-color: transparent;--ig-calendar-date-selected-focus-border-color: transparent;--ig-calendar-date-range-border-color: transparent;--ig-calendar-date-range-preview-border-color: hsl(from var(--ig-calendar-date-selected-background) h s l/.5);--ig-calendar-date-disabled-foreground: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.3);--ig-calendar-date-disabled-range-foreground: hsl(from hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1) h s l/.3);--ig-calendar-ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-color);--ig-calendar-ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-hover-color);--ig-calendar-ym-selected-outline-color: transparent;--ig-calendar-ym-selected-hover-outline-color: transparent;--ig-calendar-ym-selected-focus-outline-color: transparent;--ig-calendar-ym-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-picker-foreground: hsla(from color(from var(--ig-calendar-picker-background) var(--y-contrast)) h 0 l/1);--ig-calendar-actions-divider-color: var(--ig-gray-200);--ig-calendar-header-foreground: hsla(from color(from var(--ig-calendar-header-background) var(--y-contrast)) h 0 l/1);--ig-calendar-header-background: var(--_grid-accent-color);--ig-calendar-date-current-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-special-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-calendar-date-hover-background: lch(from var(--ig-calendar-content-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-date-focus-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-current-foreground: hsla(from color(from var(--ig-calendar-date-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-current-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-selected-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-background: var(--ig-calendar-header-background);--ig-calendar-date-selected-hover-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-hover-background: lch(from var(--ig-calendar-date-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-date-selected-focus-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-focus-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-special-foreground: var(--ig-calendar-date-selected-foreground);--ig-calendar-date-selected-special-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-special-hover-foreground: var(--ig-calendar-date-selected-hover-foreground);--ig-calendar-date-selected-special-hover-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-special-focus-foreground: var(--ig-calendar-date-selected-special-hover-foreground);--ig-calendar-date-selected-special-focus-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-current-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-current-hover-foreground: hsla(from color(from var(--ig-calendar-date-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-hover-background: var(--ig-calendar-date-selected-hover-background);--ig-calendar-date-selected-current-focus-foreground: hsla(from color(from var(--ig-calendar-date-selected-current-focus-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-selected-current-focus-background: var(--ig-calendar-date-selected-background);--ig-calendar-date-selected-range-foreground: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-range-background: hsl(from var(--ig-calendar-date-selected-background) h s l/.24);--ig-calendar-date-selected-range-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-selected-range-focus-background: var(--ig-calendar-date-selected-range-hover-background);--ig-calendar-date-selected-current-range-background: var(--ig-calendar-date-current-background);--ig-calendar-date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-background);--ig-calendar-date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-hover-background);--ig-calendar-date-selected-special-border-color: var(--ig-calendar-date-selected-foreground);--ig-calendar-date-selected-special-hover-border-color: var(--ig-calendar-date-selected-hover-foreground);--ig-calendar-date-selected-special-focus-border-color: var(--ig-calendar-date-selected-focus-foreground);--ig-calendar-date-special-foreground: hsla(from color(from var(--ig-calendar-content-background) var(--y-contrast)) h 0 l/1);--ig-calendar-date-special-hover-foreground: lch(from var(--ig-calendar-date-special-foreground) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-calendar-date-special-focus-foreground: var(--ig-calendar-date-special-hover-border-color);--ig-calendar-date-special-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-date-special-focus-background: var(--ig-calendar-date-focus-background);--ig-calendar-date-special-range-hover-background: var(--ig-calendar-date-selected-range-hover-background);--ig-calendar-date-special-range-focus-background: var(--ig-calendar-date-special-focus-background);--ig-calendar-date-special-range-border-color: var(--ig-calendar-date-special-border-color);--ig-calendar-date-special-range-hover-border-color: var(--ig-calendar-date-special-range-border-color);--ig-calendar-date-special-range-focus-border-color: var(--ig-calendar-date-special-range-hover-border-color);--ig-calendar-date-special-border-color: var(--ig-calendar-date-special-foreground);--ig-calendar-date-special-hover-border-color: lch(from var(--ig-calendar-date-special-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-calendar-date-special-focus-border-color: var(--ig-calendar-date-special-hover-border-color);--ig-calendar-date-current-border-color: var(--ig-calendar-date-current-foreground);--ig-calendar-date-current-hover-border-color: var(--ig-calendar-date-current-hover-foreground);--ig-calendar-date-current-focus-border-color: var(--ig-calendar-date-current-focus-foreground);--ig-calendar-date-selected-current-border-color: var(--ig-calendar-content-foreground);--ig-calendar-date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-border-color);--ig-calendar-date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-hover-border-color);--ig-calendar-date-special-range-foreground: var(--ig-calendar-date-special-foreground);--ig-calendar-date-special-range-hover-foreground: var(--ig-calendar-date-special-hover-foreground);--ig-calendar-date-special-range-focus-foreground: var(--ig-calendar-date-special-range-hover-foreground);--ig-calendar-week-number-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .5) * .5rem), .5rem);--ig-calendar-ym-selected-current-hover-foreground: hsla(from color(from var(--ig-calendar-ym-selected-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-current-hover-background: var(--ig-calendar-ym-selected-hover-background);--ig-calendar-ym-hover-foreground: hsla(from color(from var(--ig-calendar-ym-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-hover-background: var(--ig-calendar-date-hover-background);--ig-calendar-ym-current-foreground: hsla(from color(from var(--ig-calendar-ym-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-current-background: var(--ig-calendar-date-current-background);--ig-calendar-ym-current-hover-foreground: hsla(from color(from var(--ig-calendar-ym-current-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-current-hover-background: var(--ig-calendar-date-current-hover-background);--ig-calendar-ym-selected-foreground: hsla(from color(from var(--ig-calendar-ym-selected-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-background: var(--ig-calendar-header-background);--ig-calendar-ym-selected-hover-foreground: hsla(from color(from var(--ig-calendar-ym-selected-hover-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-hover-background: lch(from var(--ig-calendar-ym-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-calendar-ym-selected-current-foreground: hsla(from color(from var(--ig-calendar-ym-selected-current-background) var(--y-contrast)) h 0 l/1);--ig-calendar-ym-selected-current-background: var(--ig-calendar-ym-selected-background);--ig-calendar-ym-selected-current-outline-color: var(--ig-calendar-ym-current-outline-color);--ig-calendar-ym-current-outline-color: var(--ig-calendar-date-current-border-color);--ig-calendar-ym-selected-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color);--ig-calendar-ym-selected-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color);--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_grid-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_grid-background);--ig-checkbox-fill-color: var(--_grid-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_grid-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_grid-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_grid-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-500);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5)}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-action-strip-actions-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-action-strip-background: color-mix(in srgb, var(--_grid-accent-color) 12%, transparent)}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-banner-banner-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-empty-color: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_grid-foreground) 40%, var(--_grid-background))}}.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--ig-grid-header-text-color);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--ig-grid-header-background);--ig-checkbox-fill-color: var(--_grid-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--ig-grid-header-text-color);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--ig-grid-header-text-color);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--ig-grid-header-text-color);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-500);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5)}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-disabled-color: color-mix(in srgb, var(--ig-grid-header-text-color) 50%, var(--ig-grid-header-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) igx-grid-header-row{--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--ig-grid-header-text-color) 40%, var(--ig-grid-header-background))}}.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-ghost-elevation: var(--ig-elevation-8);--ig-chip-remove-icon-color: "currentColor";--ig-chip-focus-shadow-color: transparent;--ig-chip-focus-selected-shadow-color: transparent;--ig-chip-remove-icon-color-focus: "currentColor";--ig-chip-background: var(--_grid-foreground);--ig-chip-ghost-background: var(--_grid-foreground);--ig-chip-ghost-text-color: var(--_grid-foreground);--ig-chip-hover-text-color: var(--ig-chip-text-color);--ig-chip-hover-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-hover-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-hover-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem);--ig-chip-disabled-text-color: var(--_grid-foreground);--ig-chip-disabled-background: var(--_grid-foreground);--ig-chip-disabled-selected-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-background: var(--ig-gray-200);--ig-chip-default-size: 2;--ig-chip-outlined-background: transparent;--ig-chip-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-border-color: var(--ig-gray-100-contrast);--ig-chip-selected-outlined-background: transparent;--ig-chip-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-disabled-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-border-color: var(--_grid-foreground);--ig-chip-disabled-selected-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-selected-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-border-color: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-text-color: var(--_grid-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-hover-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-hover-selected-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-focus-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-focus-selected-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: transparent;--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_grid-accent-color);--ig-contained-button-disabled-foreground: var(--_grid-foreground);--ig-contained-button-disabled-icon-color: var(--_grid-foreground);--ig-contained-button-default-size: 3;--ig-contained-button-resting-elevation: var(--ig-elevation-2);--ig-contained-button-hover-elevation: var(--ig-elevation-4);--ig-contained-button-focus-elevation: var(--ig-elevation-8);--ig-contained-button-active-elevation: var(--ig-elevation-4);--ig-contained-button-background: var(--_grid-accent-color);--ig-contained-button-active-background: var(--ig-contained-button-focus-background);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-focus-background);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_grid-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_grid-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_grid-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_grid-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_grid-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_grid-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_grid-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_grid-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-excel-filtering-background: var(--_grid-background);--ig-excel-filtering-secondary-background: var(--ig-excel-filtering-background);--ig-excel-filtering-header-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-subheader-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-icon-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-hover-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-hover-icon-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-actions-selected-icon-color: var(--ig-excel-filtering-accent-color);--ig-excel-filtering-actions-hover-background: var(--ig-excel-filtering-accent-color);--ig-excel-filtering-actions-disabled-foreground: var(--ig-excel-filtering-foreground);--ig-excel-filtering-border-color: var(--ig-excel-filtering-foreground);--ig-excel-filtering-foreground: var(--_grid-foreground);--ig-excel-filtering-accent-color: var(--_grid-accent-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_grid-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_grid-accent-color);--ig-flat-button-disabled-icon-color: var(--_grid-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_grid-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_grid-accent-color);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.16);--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: transparent;--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_grid-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 3;--ig-grid-summary-background-color: var(--_grid-foreground);--ig-grid-summary-label-color: var(--_grid-accent-color);--ig-grid-summary-label-hover-color: var(--ig-grid-summary-label-color);--ig-grid-summary-result-color: var(--_grid-foreground);--ig-grid-summary-border-style: solid;--ig-grid-summary-border-color: var(--_grid-foreground);--ig-grid-summary-pinned-border-style: solid;--ig-grid-summary-pinned-border-color: var(--_grid-foreground);--ig-grid-toolbar-background: var(--_grid-background);--ig-grid-toolbar-title-text-color: var(--_grid-foreground);--ig-grid-toolbar-dropdown-background: var(--ig-grid-toolbar-background);--ig-grid-toolbar-item-text-color: var(--ig-grid-toolbar-foreground);--ig-grid-toolbar-item-hover-background: var(--ig-grid-toolbar-accent-color);--ig-grid-toolbar-item-hover-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-item-focus-background: var(--ig-grid-toolbar-accent-color);--ig-grid-toolbar-item-focus-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-border-color: var(--ig-grid-toolbar-foreground);--ig-grid-toolbar-foreground: var(--_grid-foreground);--ig-grid-toolbar-accent-color: var(--_grid-accent-color);--ig-highlight-resting-background: var(--_grid-foreground);--ig-highlight-resting-color: hsla(from color(from var(--ig-highlight-resting-background) var(--y-contrast)) h 0 l/1);--ig-highlight-active-background: var(--_grid-accent-color);--ig-highlight-active-color: hsla(from color(from var(--ig-highlight-active-background) var(--y-contrast)) h 0 l/1);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_grid-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--_grid-foreground);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--_grid-accent-color);--ig-input-group-idle-bottom-line-color: var(--_grid-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_grid-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--_grid-foreground);--ig-input-group-search-disabled-background: hsl(from var(--ig-input-group-search-background) h s l/.4);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_grid-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--_grid-background);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_grid-accent-color);--ig-outlined-button-icon-color: var(--_grid-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_grid-accent-color);--ig-outlined-button-disabled-icon-color: var(--_grid-accent-color);--ig-outlined-button-default-size: 3;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-focus-visible-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/1);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1);--ig-outlined-icon-button-shadow-color: transparent;--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_grid-accent-color);--ig-outlined-icon-button-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.08);--ig-outlined-icon-button-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.16);--ig-outlined-icon-button-focus-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-focus-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-active-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-active-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-border-color: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.4);--ig-outlined-icon-button-focus-border-color: var(--ig-gray-300);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: var(--_grid-accent-color);--ig-outlined-icon-button-disabled-border-color: var(--_grid-accent-color);--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 3;--ig-paginator-foreground: var(--_grid-foreground);--ig-paginator-background: var(--_grid-background);--ig-paginator-border-color: var(--_grid-foreground);--ig-paginator-accent-color: var(--_grid-accent-color);--ig-circular-bar-track-color: var(--_grid-foreground);--ig-circular-bar-fill-color-default: var(--_grid-accent-color);--ig-circular-bar-fill-color-danger: var(--ig-error-500);--ig-circular-bar-fill-color-warning: var(--ig-warn-500);--ig-circular-bar-fill-color-info: var(--ig-info-500);--ig-circular-bar-fill-color-success: var(--ig-success-500);--ig-circular-bar-text-color: var(--_grid-foreground);--ig-circular-bar-diameter: 2rem;--ig-circular-bar-track-border-radius: 0rem;--ig-circular-bar-fill-color-default-start: var(--ig-primary-500);--ig-circular-bar-fill-color-default-end: var(--ig-primary-500);--ig-linear-bar-track-color: var(--_grid-foreground);--ig-linear-bar-fill-color-default: var(--_grid-accent-color);--ig-linear-bar-fill-color-danger: var(--ig-error-500);--ig-linear-bar-fill-color-warning: var(--ig-warn-500);--ig-linear-bar-fill-color-info: var(--ig-info-500);--ig-linear-bar-fill-color-success: var(--ig-success-500);--ig-linear-bar-stripes-color: hsl(from var(--ig-gray-900) h s l/.7);--ig-linear-bar-text-color: var(--_grid-foreground);--ig-linear-bar-track-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * .5rem), .5rem);--ig-linear-bar-track-height: .25rem;--ig-linear-bar-strip-size: 1rem;--ig-query-builder-elevation: var(--ig-elevation-0);--ig-query-builder-background: var(--_grid-background);--ig-query-builder-header-background: var(--ig-query-builder-background);--ig-query-builder-header-foreground: var(--_grid-foreground);--ig-query-builder-header-border: transparent;--ig-query-builder-color-expression-group-and: #da64ff;--ig-query-builder-color-expression-group-or: #19ad87;--ig-query-builder-border-radius: .25rem;--ig-query-builder-subquery-header-background: lch(from var(--ig-query-builder-header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-subquery-border-color: lch(from var(--ig-query-builder-subquery-header-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-subquery-border-radius: .75rem;--ig-query-builder-separator-color: lch(from var(--ig-query-builder-subquery-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-query-builder-label-foreground: hsl(from hsla(from color(from var(--ig-query-builder-background) var(--y-contrast)) h 0 l/1) h s l/.6);--ig-query-builder-foreground: var(--_grid-foreground);--ig-query-builder-accent-color: var(--_grid-accent-color);--_scrollbar-thumb-color: var(--_grid-foreground);--_scrollbar-track-border-color: var(--_grid-foreground)}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-ghost-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-text-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-disabled-border-color: color-mix(in srgb, var(--_grid-foreground) 24%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 8%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-border-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_grid-accent-color) 24%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-actions-hover-background: color-mix(in srgb, var(--ig-excel-filtering-accent-color) 8%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-actions-disabled-foreground: color-mix(in srgb, var(--ig-excel-filtering-foreground) 50%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-excel-filtering-border-color: color-mix(in srgb, var(--ig-excel-filtering-foreground) 16%, var(--ig-excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-background-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-summary-pinned-border-color: color-mix(in srgb, var(--_grid-foreground) 30%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-item-hover-background: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 8%, var(--ig-grid-toolbar-dropdown-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-item-focus-background: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 12%, var(--ig-grid-toolbar-dropdown-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-grid-toolbar-border-color: color-mix(in srgb, var(--ig-grid-toolbar-foreground) 20%, var(--ig-grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-highlight-resting-background: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-input-group-search-background: color-mix(in srgb, var(--_grid-foreground) 6%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-paginator-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-circular-bar-track-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-linear-bar-track-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_scrollbar-thumb-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--_scrollbar-track-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background))}}.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite),.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_grid-background, var(--content-background), var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-select-toggle-button-background-focus--border: var(--ig-gray-100);--ig-select-toggle-button-background: var(--_grid-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-tooltip-elevation: var(--ig-elevation-0);--ig-tooltip-background: hsl(from var(--_grid-foreground) h s l/80%);--ig-tooltip-text-color: hsla(from color(from hsl(from var(--_grid-foreground) h s l/80%) var(--y-contrast)) h 0 l/1);--ig-tooltip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .25) * 1rem), 1rem);--ig-tree-background: var(--_grid-background);--ig-tree-foreground: hsla(from color(from var(--ig-tree-background) var(--y-contrast)) h 0 l/1);--ig-tree-icon-color: var(--ig-surface-500-contrast);--ig-tree-background-selected: lch(from var(--ig-tree-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-background-active: lch(from var(--ig-tree-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-foreground-active: hsla(from color(from var(--ig-tree-background-active) var(--y-contrast)) h 0 l/1);--ig-tree-background-disabled: var(--ig-tree-background);--ig-tree-foreground-disabled: hsla(from color(from var(--ig-tree-background-disabled) var(--y-contrast)) h 0 l/1);--ig-tree-drop-area-color: var(--ig-secondary-500);--ig-tree-hover-color: hsl(from hsla(from color(from var(--ig-tree-background) var(--y-contrast)) h 0 l/1) h s l/.1);--ig-tree-hover-selected-color: lch(from var(--ig-tree-background-selected) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-default-size: 2;--ig-tree-foreground-selected: hsla(from color(from var(--ig-tree-background-selected) var(--y-contrast)) h 0 l/1);--ig-tree-background-active-selected: lch(from var(--ig-tree-background-active) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tree-foreground-active-selected: hsla(from color(from var(--ig-tree-background-active-selected) var(--y-contrast)) h 0 l/1);--ig-tree-border-color: var(--ig-secondary-500);--ig-watermark-base-color: var(--_grid-accent-color);--ig-watermark-color: var(--_grid-foreground);--ig-watermark-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1rem), 1rem);--ig-watermark-image-opacity: 15%;--ig-watermark-border-color: var(--_grid-accent-color)}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-tree-background-disabled: color-mix(in hsl, var(--ig-tree-background), transparent 50%)}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-watermark-base-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-watermark-border-color: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background))}}.fin-dark-theme :where(.igx-column-actions){--_column-actions-background: var(--background, var(--ig-column-actions-background));--_column-actions-foreground: var(--foreground, var(--ig-column-actions-foreground));--_column-actions-accent-color: var(--accent-color, var(--ig-column-actions-accent-color));--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_column-actions-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_column-actions-background);--ig-checkbox-fill-color: var(--_column-actions-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_column-actions-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_column-actions-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_column-actions-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-500);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_column-actions-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_column-actions-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_column-actions-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_column-actions-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_column-actions-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_column-actions-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_column-actions-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_column-actions-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_column-actions-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_column-actions-accent-color);--ig-flat-button-disabled-icon-color: var(--_column-actions-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_column-actions-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_column-actions-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: hsl(from hsla(from color(from var(--ig-input-group-box-background) var(--y-contrast)) h 0 l/1) h s l/.9);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-bottom-line-color);--ig-input-group-idle-bottom-line-color: var(--_column-actions-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_column-actions-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--ig-surface-500);--ig-input-group-search-disabled-background: var(--ig-surface-500);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_column-actions-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--_column-actions-background);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--_scrollbar-thumb-color: var(--_column-actions-foreground);--_scrollbar-track-border-color: var(--_column-actions-foreground)}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-checkbox-empty-color: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_column-actions-foreground) 40%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 8%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-drop-down-border-color: color-mix(in srgb, var(--_column-actions-foreground) 12%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 16%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 24%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--_scrollbar-thumb-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-column-actions){--_scrollbar-track-border-color: color-mix(in srgb, var(--_column-actions-foreground) 16%, var(--_column-actions-background))}}.fin-dark-theme :where(.igx-column-actions),.fin-dark-theme :where(.igx-column-actions) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_column-actions-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.fin-dark-theme :where(.igx-grid-toolbar){--_grid-toolbar-background: var(--background, var(--ig-grid-toolbar-background));--_grid-toolbar-foreground: var(--foreground, var(--ig-grid-toolbar-foreground));--_grid-toolbar-accent-color: var(--accent-color, var(--ig-grid-toolbar-accent-color));--ig-grid-toolbar-title-text-color: var(--_grid-toolbar-foreground);--ig-column-actions-background: var(--_grid-toolbar-background);--ig-column-actions-title-color: var(--_grid-toolbar-accent-color);--ig-column-actions-foreground: var(--_grid-toolbar-foreground);--ig-column-actions-accent-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-icon-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_grid-toolbar-accent-color);--ig-outlined-button-disabled-icon-color: var(--_grid-toolbar-accent-color);--ig-outlined-button-default-size: 3;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-toolbar-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-focus-visible-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/1);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1)}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid-toolbar){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid-toolbar){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-grid-toolbar){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background))}}.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--_excel-filtering-background: var(--background, var(--ig-excel-filtering-background));--_excel-filtering-secondary-background: var(--secondary-background, var(--ig-excel-filtering-secondary-background));--_excel-filtering-foreground: var(--foreground, var(--ig-excel-filtering-foreground));--_excel-filtering-accent-color: var(--accent-color, var(--ig-excel-filtering-accent-color))}.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group{--ig-btn-group-selected-bg: var(--_excel-filtering-accent-color)}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group{--ig-btn-group-selected-bg: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-buttongroup,.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-button-group,.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group,.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group igx-buttongroup,.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group igx-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-button-group-elevation, none));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, var(--ig-button-group-idle-shadow-color, hsl(from var(--item-background) h s l/.5)));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, var(--idle-shadow-color)));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--_excel-filtering-foreground, var(--ig-gray-700))));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, transparent));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, transparent));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--item-selected-background)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-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, var(--ig-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(--ig-button-group-item-focused-border-color, var(--item-border-color)));--item-focused-hover-text-color: var(--igx-button-group-item-focused-hover-text-color, var(--ig-button-group-item-focused-hover-text-color, var(--item-focused-text-color)));--item-focused-hover-border-color: var(--igx-button-group-item-focused-hover-border-color, var(--ig-button-group-item-focused-hover-border-color, var(--item-focused-border-color)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, lch(from var(--item-focused-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, var(--ig-button-group-item-selected-hover-text-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--ig-button-group-item-selected-hover-icon-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-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(--ig-button-group-item-selected-focus-hover-background, var(--item-selected-hover-background)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, lch(from var(--item-selected-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, transparent));--item-selected-active-border-color: var(--igx-button-group-item-selected-active-border-color, var(--ig-button-group-item-selected-active-border-color, transparent));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--item-background)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, var(--ig-button-group-default-size, 3));--item-icon-color: var(--igx-button-group-item-icon-color, var(--ig-button-group-item-icon-color, var(--_excel-filtering-foreground, var(--ig-gray-700))));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--item-hover-text-color)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--item-border-color)));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--item-hover-background)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--_excel-filtering-accent-color, var(--ig-secondary-500))));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-btn-group-selected-bg, var(--ig-gray-100))));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--item-border-color)));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--ig-button-group-item-selected-hover-border-color, var(--item-border-color)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, lch(from var(--item-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*3) c h)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, lch(from var(--item-hover-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, hsl(from var(--item-text-color) h s l/.6)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--item-border-color)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--disabled-text-color)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--disabled-selected-text-color)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, hsl(from var(--item-selected-background) h s l/.3)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--item-border-color)));--border: var(--igx-button-group-border, var(--ig-button-group-border, none));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: transparent;--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_excel-filtering-accent-color);--ig-contained-button-disabled-foreground: var(--_excel-filtering-foreground);--ig-contained-button-disabled-icon-color: var(--_excel-filtering-foreground);--ig-contained-button-default-size: 3;--ig-contained-button-resting-elevation: var(--ig-elevation-2);--ig-contained-button-hover-elevation: var(--ig-elevation-4);--ig-contained-button-focus-elevation: var(--ig-elevation-8);--ig-contained-button-active-elevation: var(--ig-elevation-4);--ig-contained-button-background: var(--_excel-filtering-accent-color);--ig-contained-button-active-background: var(--ig-contained-button-focus-background);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-focus-background);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_excel-filtering-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_excel-filtering-accent-color);--ig-flat-button-disabled-icon-color: var(--_excel-filtering-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_excel-filtering-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_excel-filtering-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: transparent;--ig-checkbox-fill-color: var(--_excel-filtering-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_excel-filtering-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_excel-filtering-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_excel-filtering-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-500);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_excel-filtering-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_excel-filtering-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_excel-filtering-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_excel-filtering-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--_excel-filtering-secondary-background: lch(from var(--secondary-background, var(--ig-excel-filtering-secondary-background)) calc(l + (95 - l)*.1 + sign(95 - l)*3) c h);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_excel-filtering-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: hsl(from hsla(from color(from var(--ig-input-group-box-background) var(--y-contrast)) h 0 l/1) h s l/.9);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-bottom-line-color);--ig-input-group-idle-bottom-line-color: var(--_excel-filtering-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--ig-input-group-idle-bottom-line-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--ig-surface-500);--ig-input-group-search-disabled-background: var(--ig-surface-500);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_excel-filtering-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: lch(from var(--_excel-filtering-background) calc(l + (95 - l)*.1 + sign(95 - l)*3) c h);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-select-toggle-button-background-focus--border: var(--ig-gray-100);--ig-select-toggle-button-background: var(--_excel-filtering-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_excel-filtering-foreground);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.16);--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: transparent;--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_excel-filtering-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 3;--ig-list-background: var(--_excel-filtering-secondary-background);--ig-list-header-background: var(--ig-list-background);--ig-list-header-text-color: hsla(from color(from var(--ig-list-header-background) var(--y-contrast)) h 0 l/1);--ig-list-item-background: var(--ig-list-background);--ig-list-item-background-hover: var(--_excel-filtering-accent-color);--ig-list-item-background-active: var(--ig-list-item-background-hover);--ig-list-item-background-selected: var(--ig-list-item-background-active);--ig-list-item-text-color: hsla(from color(from var(--ig-list-item-background) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-hover: hsla(from color(from var(--ig-list-item-background-hover) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-active: hsla(from color(from var(--ig-list-item-background-active) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-selected: hsla(from color(from var(--ig-list-item-background-selected) var(--y-contrast)) h 0 l/1);--ig-list-item-title-color: var(--ig-list-item-text-color);--ig-list-item-title-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-title-color-active: var(--ig-list-item-text-color-active);--ig-list-item-title-color-selected: var(--ig-list-item-text-color-selected);--ig-list-item-action-color: var(--ig-list-item-text-color);--ig-list-item-action-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-action-color-active: var(--ig-list-item-text-color-active);--ig-list-item-action-color-selected: var(--ig-list-item-text-color-selected);--ig-list-item-subtitle-color: hsl(from var(--ig-list-item-text-color) h s l/.74);--ig-list-item-subtitle-color-hover: hsl(from var(--ig-list-item-text-color-hover) h s l/.74);--ig-list-item-subtitle-color-active: hsl(from var(--ig-list-item-text-color-active) h s l/.74);--ig-list-item-subtitle-color-selected: hsl(from var(--ig-list-item-text-color-selected) h s l/.74);--ig-list-item-thumbnail-color: var(--ig-list-item-text-color);--ig-list-item-thumbnail-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-thumbnail-color-active: var(--ig-list-item-text-color-active);--ig-list-item-thumbnail-color-selected: var(--ig-list-item-text-color-selected);--ig-list-border-color: transparent;--ig-list-border-width: 0;--ig-list-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-list-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-list-default-size: 2;--_scrollbar-thumb-color: var(--_excel-filtering-foreground);--_scrollbar-track-border-color: var(--_excel-filtering-foreground)}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-empty-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_excel-filtering-foreground) 40%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 12%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 16%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 24%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-list-item-background-hover: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--_scrollbar-thumb-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary){--_scrollbar-track-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 16%, var(--_excel-filtering-background))}}.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary),.fin-dark-theme :where(.igx-excel-filter,.igx-excel-filter__secondary) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_excel-filtering-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.fin-dark-theme :where(.igx-paginator){--_paginator-background: var(--background, var(--ig-paginator-background));--_paginator-foreground: var(--foreground, var(--ig-paginator-foreground));--_paginator-accent-color: var( --igx-paginator-accent-color, var(--ig-paginator-accent-color, var(--accent-color)) );--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_paginator-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_paginator-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_paginator-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_paginator-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_paginator-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_paginator-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_paginator-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_paginator-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-icon-button-shadow-color: transparent;--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_paginator-accent-color);--ig-flat-icon-button-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.08);--ig-flat-icon-button-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.16);--ig-flat-icon-button-focus-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-focus-hover-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-active-background: hsl(from var(--ig-flat-icon-button-foreground) h s l/.24);--ig-flat-icon-button-active-foreground: var(--ig-flat-icon-button-foreground);--ig-flat-icon-button-border-color: transparent;--ig-flat-icon-button-focus-border-color: transparent;--ig-flat-icon-button-disabled-background: transparent;--ig-flat-icon-button-disabled-foreground: var(--_paginator-accent-color);--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 3;--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_paginator-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--ig-input-group-placeholder-color);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-input-group-focused-bottom-line-color);--ig-input-group-idle-bottom-line-color: var(--_paginator-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_paginator-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--ig-surface-500);--ig-input-group-search-disabled-background: var(--ig-surface-500);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_paginator-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: hsl(from var(--ig-gray-200) h s l/.38);--ig-input-group-box-background-hover: hsl(from var(--ig-gray-200) h s l/.38);--ig-input-group-box-background-focus: hsl(from var(--ig-gray-300) h s l/.38);--ig-input-group-box-disabled-background: var(--ig-gray-100);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-select-toggle-button-background-focus--border: var(--_paginator-accent-color);--ig-select-toggle-button-background: var(--_paginator-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-paginator){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 8%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-paginator){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-paginator){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-paginator){--ig-drop-down-border-color: color-mix(in srgb, var(--_paginator-foreground) 12%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-paginator){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 16%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-paginator){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_paginator-accent-color) 24%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-paginator){--ig-flat-icon-button-disabled-foreground: color-mix(in srgb, var(--_paginator-accent-color) 50%, var(--_paginator-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-paginator){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_paginator-foreground) 80%, var(--_paginator-background))}}.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--_query-builder-background: var(--background, var(--ig-query-builder-background));--_query-builder-foreground: var(--foreground, var(--ig-query-builder-foreground));--_query-builder-accent-color: var(--accent-color, var(--ig-query-builder-accent-color))}.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog),.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog) igx-query-builder{--elevation: var(--igx-query-builder-elevation, var(--ig-query-builder-elevation, var(--ig-elevation-0)));--background: var(--igx-query-builder-background, var(--ig-query-builder-background, var(--ig-surface-500)));--header-background: var(--igx-query-builder-header-background, var(--ig-query-builder-header-background, var(--ig-surface-500)));--header-foreground: var(--igx-query-builder-header-foreground, var(--ig-query-builder-header-foreground, var(--ig-gray-900)));--header-border: var(--igx-query-builder-header-border, var(--ig-query-builder-header-border, transparent));--color-expression-group-and: var(--igx-query-builder-color-expression-group-and, var(--ig-query-builder-color-expression-group-and, #da64ff));--color-expression-group-or: var(--igx-query-builder-color-expression-group-or, var(--ig-query-builder-color-expression-group-or, #19ad87));--border-radius: var(--igx-query-builder-border-radius, var(--ig-query-builder-border-radius, .25rem));--subquery-header-background: var(--igx-query-builder-subquery-header-background, var(--ig-query-builder-subquery-header-background, var(--ig-gray-50)));--subquery-border-color: var(--igx-query-builder-subquery-border-color, var(--ig-query-builder-subquery-border-color, var(--ig-gray-200)));--subquery-border-radius: var(--igx-query-builder-subquery-border-radius, var(--ig-query-builder-subquery-border-radius, .75rem));--separator-color: var(--igx-query-builder-separator-color, var(--ig-query-builder-separator-color, var(--ig-gray-300)));--label-foreground: var(--igx-query-builder-label-foreground, var(--ig-query-builder-label-foreground, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-tick-color: hsla(from color(from var(--ig-checkbox-fill-color) var(--y-contrast)) h 0 l/1);--ig-checkbox-tick-width: 3;--ig-checkbox-label-color: var(--_query-builder-foreground);--ig-checkbox-label-color-hover: lch(from var(--ig-checkbox-label-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-empty-fill-color: var(--_query-builder-background);--ig-checkbox-fill-color: var(--_query-builder-accent-color);--ig-checkbox-focus-outline-color-focused: transparent;--ig-checkbox-focus-outline-color-error: transparent;--ig-checkbox-disabled-color: var(--_query-builder-foreground);--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-checkbox-disabled-tick-color: var(--ig-gray-50);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem);--ig-checkbox-empty-color: var(--_query-builder-foreground);--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-tick-color-hover: var(--_query-builder-foreground);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-checkbox-focus-outline-color: transparent;--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-error-color-hover: var(--ig-error-500);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/.5);--ig-chip-ghost-elevation: var(--ig-elevation-8);--ig-chip-remove-icon-color: "currentColor";--ig-chip-focus-shadow-color: transparent;--ig-chip-focus-selected-shadow-color: transparent;--ig-chip-remove-icon-color-focus: "currentColor";--ig-chip-background: var(--_query-builder-foreground);--ig-chip-ghost-background: var(--_query-builder-foreground);--ig-chip-ghost-text-color: var(--_query-builder-foreground);--ig-chip-hover-text-color: var(--ig-chip-text-color);--ig-chip-hover-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-hover-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-hover-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem);--ig-chip-disabled-text-color: var(--_query-builder-foreground);--ig-chip-disabled-background: var(--_query-builder-foreground);--ig-chip-disabled-selected-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-background: var(--ig-gray-200);--ig-chip-default-size: 2;--ig-chip-outlined-background: transparent;--ig-chip-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-border-color: var(--ig-gray-100-contrast);--ig-chip-selected-outlined-background: transparent;--ig-chip-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-disabled-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-border-color: var(--_query-builder-foreground);--ig-chip-disabled-selected-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-selected-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-border-color: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-text-color: var(--_query-builder-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-hover-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-hover-selected-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-focus-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-focus-selected-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-combo-toggle-button-background-focus--border: var(--ig-combo-toggle-button-background);--ig-combo-case-icon-color: var(--ig-gray-400);--ig-combo-case-icon-color--active: var(--ig-primary-500);--ig-combo-empty-list-background: var(--ig-surface-500);--ig-combo-search-separator-border-color: transparent;--ig-combo-empty-list-placeholder-color: var(--ig-gray-700);--ig-combo-toggle-button-background: var(--_query-builder-accent-color);--ig-combo-toggle-button-background-focus: lch(from var(--ig-combo-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-combo-toggle-button-foreground: hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-combo-toggle-button-foreground-focus: hsla(from color(from var(--ig-combo-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-combo-toggle-button-foreground-filled: hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-combo-clear-button-background: transparent;--ig-combo-clear-button-foreground: var(--_query-builder-foreground);--ig-combo-clear-button-foreground-focus: var(--ig-combo-clear-button-foreground);--ig-combo-toggle-button-background-disabled: hsl(from var(--ig-combo-toggle-button-background) h s l/.3);--ig-combo-toggle-button-foreground-disabled: hsl(from hsla(from color(from var(--ig-combo-toggle-button-background) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-combo-default-size: 2;--ig-combo-clear-button-background-focus: transparent;--ig-contained-button-shadow-color: transparent;--ig-contained-button-border-color: transparent;--ig-contained-button-hover-border-color: transparent;--ig-contained-button-focus-border-color: transparent;--ig-contained-button-focus-visible-border-color: transparent;--ig-contained-button-active-border-color: transparent;--ig-contained-button-disabled-border-color: transparent;--ig-contained-button-icon-color: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-icon-color-hover: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-disabled-background: var(--_query-builder-accent-color);--ig-contained-button-disabled-foreground: var(--_query-builder-foreground);--ig-contained-button-disabled-icon-color: var(--_query-builder-foreground);--ig-contained-button-default-size: 3;--ig-contained-button-resting-elevation: var(--ig-elevation-2);--ig-contained-button-hover-elevation: var(--ig-elevation-4);--ig-contained-button-focus-elevation: var(--ig-elevation-8);--ig-contained-button-active-elevation: var(--ig-elevation-4);--ig-contained-button-background: var(--_query-builder-accent-color);--ig-contained-button-active-background: var(--ig-contained-button-focus-background);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-contained-button-foreground: hsla(from color(from var(--ig-contained-button-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-hover-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-contained-button-hover-foreground: hsla(from color(from var(--ig-contained-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-background: lch(from var(--ig-contained-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-contained-button-focus-foreground: hsla(from color(from var(--ig-contained-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-hover-background: var(--ig-contained-button-hover-background);--ig-contained-button-focus-hover-foreground: hsla(from color(from var(--ig-contained-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-focus-visible-background: var(--ig-contained-button-focus-background);--ig-contained-button-focus-visible-foreground: hsla(from color(from var(--ig-contained-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-contained-button-active-foreground: hsla(from color(from var(--ig-contained-button-active-background) var(--y-contrast)) h 0 l/1);--ig-drop-down-elevation: var(--ig-elevation-3);--ig-drop-down-background-color: var(--_query-builder-background);--ig-drop-down-header-text-color: hsl(from hsla(from color(from var(--ig-drop-down-background-color) var(--y-contrast)) h 0 l/1) h s l/.7);--ig-drop-down-item-text-color: var(--_query-builder-foreground);--ig-drop-down-item-icon-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.8);--ig-drop-down-hover-item-background: var(--_query-builder-accent-color);--ig-drop-down-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-hover-item-icon-color: hsl(from var(--ig-drop-down-hover-item-text-color) h s l/.8);--ig-drop-down-focused-item-background: var(--_query-builder-accent-color);--ig-drop-down-focused-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-focused-item-border-color: transparent;--ig-drop-down-selected-item-background: var(--_query-builder-accent-color);--ig-drop-down-disabled-item-background: transparent;--ig-drop-down-disabled-item-text-color: hsl(from var(--ig-drop-down-item-text-color) h s l/.4);--ig-drop-down-border-color: var(--_query-builder-foreground);--ig-drop-down-border-width: 0;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-drop-down-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem);--ig-drop-down-default-size: 2;--ig-drop-down-selected-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-item-icon-color: hsl(from var(--ig-drop-down-selected-item-text-color) h s l/.8);--ig-drop-down-selected-hover-item-background: var(--_query-builder-accent-color);--ig-drop-down-selected-hover-item-text-color: var(--ig-drop-down-item-text-color);--ig-drop-down-selected-hover-item-icon-color: hsl(from var(--ig-drop-down-selected-hover-item-text-color) h s l/.8);--ig-drop-down-selected-focus-item-background: var(--_query-builder-accent-color);--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color);--ig-flat-button-shadow-color: transparent;--ig-flat-button-border-color: transparent;--ig-flat-button-hover-border-color: transparent;--ig-flat-button-focus-border-color: transparent;--ig-flat-button-focus-visible-border-color: transparent;--ig-flat-button-active-border-color: transparent;--ig-flat-button-disabled-border-color: transparent;--ig-flat-button-icon-color: var(--_query-builder-accent-color);--ig-flat-button-icon-color-hover: var(--ig-flat-button-hover-foreground);--ig-flat-button-disabled-background: transparent;--ig-flat-button-disabled-foreground: var(--_query-builder-accent-color);--ig-flat-button-disabled-icon-color: var(--_query-builder-accent-color);--ig-flat-button-default-size: 3;--ig-flat-button-resting-elevation: var(--ig-elevation-0);--ig-flat-button-hover-elevation: var(--ig-elevation-0);--ig-flat-button-focus-elevation: var(--ig-elevation-0);--ig-flat-button-active-elevation: var(--ig-elevation-0);--ig-flat-button-background: transparent;--ig-flat-button-focus-foreground: hsl(from var(--ig-flat-button-focus-background) h s l/1);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_query-builder-accent-color);--ig-flat-button-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.08);--ig-flat-button-hover-foreground: hsl(from var(--ig-flat-button-hover-background) h s l/1);--ig-flat-button-focus-background: hsl(from var(--ig-flat-button-foreground) h s l/.32);--ig-flat-button-focus-visible-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-focus-hover-background: hsl(from var(--ig-flat-button-foreground) h s l/.24);--ig-flat-button-focus-hover-foreground: hsl(from var(--ig-flat-button-focus-hover-background) h s l/1);--ig-flat-button-focus-visible-foreground: hsl(from var(--ig-flat-button-focus-visible-background) h s l/1);--ig-flat-button-active-background: hsl(from var(--ig-flat-button-foreground) h s l/.16);--ig-flat-button-active-foreground: hsl(from var(--ig-flat-button-active-background) h s l/1);--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: var(--ig-input-group-idle-text-color);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: var(--ig-input-group-idle-text-color);--ig-input-group-idle-text-color: var(--_query-builder-foreground);--ig-input-group-filled-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-filled-text-hover-color: var(--ig-input-group-idle-text-color);--ig-input-group-focused-text-color: var(--ig-input-group-idle-text-color);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--_query-builder-foreground);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--_query-builder-accent-color);--ig-input-group-idle-bottom-line-color: var(--_query-builder-accent-color);--ig-input-group-hover-bottom-line-color: lch(from var(--ig-input-group-idle-bottom-line-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-bottom-line-color: var(--ig-input-group-hover-bottom-line-color);--ig-input-group-disabled-bottom-line-color: hsl(from var(--ig-input-group-idle-bottom-line-color) h s l/.5);--ig-input-group-disabled-border-color: var(--ig-gray-500);--ig-input-group-border-color: var(--_query-builder-accent-color);--ig-input-group-hover-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-input-group-focused-border-color: var(--ig-input-group-hover-border-color);--ig-input-group-border-background: transparent;--ig-input-group-border-disabled-background: transparent;--ig-input-group-search-background: var(--_query-builder-foreground);--ig-input-group-search-disabled-background: hsl(from var(--ig-input-group-search-background) h s l/.4);--ig-input-group-success-secondary-color: var(--ig-success-500);--ig-input-group-warning-secondary-color: var(--ig-warn-500);--ig-input-group-error-secondary-color: var(--ig-error-500);--ig-input-group-placeholder-color: var(--_query-builder-foreground);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: var(--_query-builder-background);--ig-input-group-box-background-hover: var(--ig-input-group-box-background);--ig-input-group-box-background-focus: lch(from var(--ig-input-group-box-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-input-group-box-disabled-background: hsl(from var(--ig-input-group-box-background) h s l/.4);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1);--ig-outlined-button-shadow-color: transparent;--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-foreground);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-foreground);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-foreground);--ig-outlined-button-disabled-border-color: var(--_query-builder-accent-color);--ig-outlined-button-icon-color: var(--_query-builder-accent-color);--ig-outlined-button-icon-color-hover: var(--ig-outlined-button-hover-foreground);--ig-outlined-button-disabled-background: transparent;--ig-outlined-button-disabled-foreground: var(--_query-builder-accent-color);--ig-outlined-button-disabled-icon-color: var(--_query-builder-accent-color);--ig-outlined-button-default-size: 3;--ig-outlined-button-resting-elevation: var(--ig-elevation-0);--ig-outlined-button-hover-elevation: var(--ig-elevation-0);--ig-outlined-button-focus-elevation: var(--ig-elevation-0);--ig-outlined-button-active-elevation: var(--ig-elevation-0);--ig-outlined-button-background: transparent;--ig-outlined-button-focus-foreground: hsl(from var(--ig-outlined-button-focus-background) h s l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_query-builder-accent-color);--ig-outlined-button-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.08);--ig-outlined-button-hover-foreground: hsl(from var(--ig-outlined-button-hover-background) h s l/1);--ig-outlined-button-focus-background: hsl(from var(--ig-outlined-button-foreground) h s l/.32);--ig-outlined-button-focus-visible-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-focus-hover-background: hsl(from var(--ig-outlined-button-foreground) h s l/.24);--ig-outlined-button-focus-hover-foreground: hsl(from var(--ig-outlined-button-focus-hover-background) h s l/1);--ig-outlined-button-focus-visible-foreground: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/1);--ig-outlined-button-active-background: hsl(from var(--ig-outlined-button-foreground) h s l/.16);--ig-outlined-button-active-foreground: hsl(from var(--ig-outlined-button-active-background) h s l/1);--ig-outlined-icon-button-shadow-color: transparent;--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_query-builder-accent-color);--ig-outlined-icon-button-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.08);--ig-outlined-icon-button-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.16);--ig-outlined-icon-button-focus-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-hover-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-focus-hover-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-active-background: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.24);--ig-outlined-icon-button-active-foreground: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-border-color: hsl(from var(--ig-outlined-icon-button-foreground) h s l/.4);--ig-outlined-icon-button-focus-border-color: var(--ig-gray-300);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: var(--_query-builder-accent-color);--ig-outlined-icon-button-disabled-border-color: var(--_query-builder-accent-color);--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 3;--_scrollbar-thumb-color: var(--_query-builder-foreground);--_scrollbar-track-border-color: var(--_query-builder-foreground)}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-disabled-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-empty-color: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_query-builder-foreground) 40%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-ghost-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-text-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-disabled-border-color: color-mix(in srgb, var(--_query-builder-foreground) 24%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-background: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 8%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-border-color: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 16%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 24%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-flat-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-input-group-search-background: color-mix(in srgb, var(--_query-builder-foreground) 6%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-input-group-placeholder-color: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--_scrollbar-thumb-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background))}}@supports (color: color-mix(in lab,red,red)){.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--_scrollbar-track-border-color: color-mix(in srgb, var(--_query-builder-foreground) 16%, var(--_query-builder-background))}}.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog),.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog) .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--_scrollbar-thumb-color, var(--ig-gray-400))));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--sb-thumb-bg-color)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--_query-builder-background, var(--ig-gray-100))));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--sb-track-bg-color)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, var(--_scrollbar-track-border-color, transparent)));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.fin-dark-theme :where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-select-toggle-button-background-focus--border: var(--ig-gray-100);--ig-select-toggle-button-background: var(--_query-builder-accent-color);--ig-select-toggle-button-background-focus: lch(from var(--ig-select-toggle-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-select-toggle-button-foreground: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-focus: hsla(from color(from var(--ig-select-toggle-button-background-focus) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-foreground-filled: hsla(from color(from var(--ig-select-toggle-button-background) var(--y-contrast)) h 0 l/1);--ig-select-toggle-button-background-disabled: hsl(from var(--ig-select-toggle-button-background) h s l/.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/.5);--ig-select-default-size: 2;--ig-tooltip-elevation: var(--ig-elevation-0);--ig-tooltip-background: hsl(from var(--_query-builder-foreground) h s l/80%);--ig-tooltip-text-color: hsla(from color(from hsl(from var(--_query-builder-foreground) h s l/80%) var(--y-contrast)) h 0 l/1);--ig-tooltip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .25) * 1rem), 1rem)}}.fin-dark-theme,.fin-dark-theme [igxRipple]{--color: var(--igx-ripple-color, var(--ig-ripple-color, hsl(from var(--ig-gray-800) h s l/.7)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme [igxRipple]{--ig-theme: inherit;--ig-theme-variant: inherit}@layer ig.base;.fin-dark-theme .igx-button{--component-size: var(--ig-size, var(--ig-size-large));--ig-icon-size: 1.125rem}.fin-dark-theme .igx-button:is(a,span){display:revert-layer;min-width:revert-layer;min-height:revert-layer;padding-inline:revert-layer;padding-block:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;color:revert-layer;box-shadow:revert-layer;cursor:revert-layer;justify-content:center;text-decoration:none}.fin-dark-theme,.fin-dark-theme [igxButton=flat],.fin-dark-theme igx-button[variant=flat],.fin-dark-theme .igx-button--flat{--shadow-color: var(--igx-flat-button-shadow-color, var(--ig-flat-button-shadow-color, transparent));--border-color: var(--igx-flat-button-border-color, var(--ig-flat-button-border-color, transparent));--hover-border-color: var(--igx-flat-button-hover-border-color, var(--ig-flat-button-hover-border-color, transparent));--focus-border-color: var(--igx-flat-button-focus-border-color, var(--ig-flat-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-flat-button-focus-visible-border-color, var(--ig-flat-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-flat-button-active-border-color, var(--ig-flat-button-active-border-color, transparent));--disabled-border-color: var(--igx-flat-button-disabled-border-color, var(--ig-flat-button-disabled-border-color, transparent));--icon-color: var(--igx-flat-button-icon-color, var(--ig-flat-button-icon-color, currentColor));--icon-color-hover: var(--igx-flat-button-icon-color-hover, var(--ig-flat-button-icon-color-hover, currentColor));--disabled-background: var(--igx-flat-button-disabled-background, var(--ig-flat-button-disabled-background, transparent));--disabled-foreground: var(--igx-flat-button-disabled-foreground, var(--ig-flat-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-flat-button-disabled-icon-color, var(--ig-flat-button-disabled-icon-color, currentColor));--size: var(--igx-flat-button-size, var(--ig-flat-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-flat-button-default-size, var(--ig-flat-button-default-size, 3));--resting-elevation: var(--igx-flat-button-resting-elevation, var(--ig-flat-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-flat-button-hover-elevation, var(--ig-flat-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-flat-button-focus-elevation, var(--ig-flat-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-flat-button-active-elevation, var(--ig-flat-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-flat-button-background, var(--ig-flat-button-background, transparent));--focus-foreground: var(--igx-flat-button-focus-foreground, var(--ig-flat-button-focus-foreground, var(--ig-secondary-200)));--border-radius: var(--igx-flat-button-border-radius, var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-flat-button-foreground, var(--ig-flat-button-foreground, var(--ig-secondary-500)));--hover-background: var(--igx-flat-button-hover-background, var(--ig-flat-button-hover-background, hsl(from var(--ig-secondary-500) h s l/.08)));--hover-foreground: var(--igx-flat-button-hover-foreground, var(--ig-flat-button-hover-foreground, var(--ig-secondary-300)));--focus-background: var(--igx-flat-button-focus-background, var(--ig-flat-button-focus-background, hsl(from var(--ig-secondary-500) h s l/.32)));--focus-visible-background: var(--igx-flat-button-focus-visible-background, var(--ig-flat-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/.16)));--focus-hover-background: var(--igx-flat-button-focus-hover-background, var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/.24)));--focus-hover-foreground: var(--igx-flat-button-focus-hover-foreground, var(--ig-flat-button-focus-hover-foreground, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-flat-button-focus-visible-foreground, var(--ig-flat-button-focus-visible-foreground, var(--ig-secondary-300)));--active-background: var(--igx-flat-button-active-background, var(--ig-flat-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16)));--active-foreground: var(--igx-flat-button-active-foreground, var(--ig-flat-button-active-foreground, var(--ig-secondary-300)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme [igxButton=contained],.fin-dark-theme igx-button[variant=contained],.fin-dark-theme .igx-button--contained{--shadow-color: var(--igx-contained-button-shadow-color, var(--ig-contained-button-shadow-color, transparent));--border-color: var(--igx-contained-button-border-color, var(--ig-contained-button-border-color, transparent));--hover-border-color: var(--igx-contained-button-hover-border-color, var(--ig-contained-button-hover-border-color, transparent));--focus-border-color: var(--igx-contained-button-focus-border-color, var(--ig-contained-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-contained-button-focus-visible-border-color, var(--ig-contained-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-contained-button-active-border-color, var(--ig-contained-button-active-border-color, transparent));--disabled-border-color: var(--igx-contained-button-disabled-border-color, var(--ig-contained-button-disabled-border-color, transparent));--icon-color: var(--igx-contained-button-icon-color, var(--ig-contained-button-icon-color, currentColor));--icon-color-hover: var(--igx-contained-button-icon-color-hover, var(--ig-contained-button-icon-color-hover, currentColor));--disabled-background: var(--igx-contained-button-disabled-background, var(--ig-contained-button-disabled-background, var(--ig-gray-100)));--disabled-foreground: var(--igx-contained-button-disabled-foreground, var(--ig-contained-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-contained-button-disabled-icon-color, var(--ig-contained-button-disabled-icon-color, currentColor));--size: var(--igx-contained-button-size, var(--ig-contained-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-contained-button-default-size, var(--ig-contained-button-default-size, 3));--resting-elevation: var(--igx-contained-button-resting-elevation, var(--ig-contained-button-resting-elevation, var(--ig-elevation-2)));--hover-elevation: var(--igx-contained-button-hover-elevation, var(--ig-contained-button-hover-elevation, var(--ig-elevation-4)));--focus-elevation: var(--igx-contained-button-focus-elevation, var(--ig-contained-button-focus-elevation, var(--ig-elevation-8)));--active-elevation: var(--igx-contained-button-active-elevation, var(--ig-contained-button-active-elevation, var(--ig-elevation-4)));--background: var(--igx-contained-button-background, var(--ig-contained-button-background, var(--ig-secondary-500)));--active-background: var(--igx-contained-button-active-background, var(--ig-contained-button-active-background, var(--ig-secondary-300)));--border-radius: var(--igx-contained-button-border-radius, var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-contained-button-foreground, var(--ig-contained-button-foreground, var(--ig-secondary-400-contrast)));--hover-background: var(--igx-contained-button-hover-background, var(--ig-contained-button-hover-background, var(--ig-secondary-400)));--hover-foreground: var(--igx-contained-button-hover-foreground, var(--ig-contained-button-hover-foreground, var(--ig-secondary-400-contrast)));--focus-background: var(--igx-contained-button-focus-background, var(--ig-contained-button-focus-background, var(--ig-secondary-300)));--focus-foreground: var(--igx-contained-button-focus-foreground, var(--ig-contained-button-focus-foreground, var(--ig-secondary-300-contrast)));--focus-hover-background: var(--igx-contained-button-focus-hover-background, var(--ig-contained-button-focus-hover-background, var(--ig-secondary-400)));--focus-hover-foreground: var(--igx-contained-button-focus-hover-foreground, var(--ig-contained-button-focus-hover-foreground, var(--ig-secondary-400-contrast)));--focus-visible-background: var(--igx-contained-button-focus-visible-background, var(--ig-contained-button-focus-visible-background, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-contained-button-focus-visible-foreground, var(--ig-contained-button-focus-visible-foreground, var(--ig-secondary-300-contrast)));--active-foreground: var(--igx-contained-button-active-foreground, var(--ig-contained-button-active-foreground, var(--ig-secondary-300-contrast)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme [igxButton=outlined],.fin-dark-theme igx-button[variant=outlined],.fin-dark-theme .igx-button--outlined{--shadow-color: var(--igx-outlined-button-shadow-color, var(--ig-outlined-button-shadow-color, transparent));--border-color: var(--igx-outlined-button-border-color, var(--ig-outlined-button-border-color, var(--ig-secondary-500)));--hover-border-color: var(--igx-outlined-button-hover-border-color, var(--ig-outlined-button-hover-border-color, var(--ig-secondary-300)));--focus-border-color: var(--igx-outlined-button-focus-border-color, var(--ig-outlined-button-focus-border-color, var(--ig-secondary-200)));--focus-visible-border-color: var(--igx-outlined-button-focus-visible-border-color, var(--ig-outlined-button-focus-visible-border-color, var(--ig-secondary-300)));--active-border-color: var(--igx-outlined-button-active-border-color, var(--ig-outlined-button-active-border-color, var(--ig-secondary-300)));--disabled-border-color: var(--igx-outlined-button-disabled-border-color, var(--ig-outlined-button-disabled-border-color, var(--ig-gray-300)));--icon-color: var(--igx-outlined-button-icon-color, var(--ig-outlined-button-icon-color, currentColor));--icon-color-hover: var(--igx-outlined-button-icon-color-hover, var(--ig-outlined-button-icon-color-hover, currentColor));--disabled-background: var(--igx-outlined-button-disabled-background, var(--ig-outlined-button-disabled-background, transparent));--disabled-foreground: var(--igx-outlined-button-disabled-foreground, var(--ig-outlined-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-outlined-button-disabled-icon-color, var(--ig-outlined-button-disabled-icon-color, currentColor));--size: var(--igx-outlined-button-size, var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-outlined-button-default-size, var(--ig-outlined-button-default-size, 3));--resting-elevation: var(--igx-outlined-button-resting-elevation, var(--ig-outlined-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-outlined-button-hover-elevation, var(--ig-outlined-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-outlined-button-focus-elevation, var(--ig-outlined-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-outlined-button-active-elevation, var(--ig-outlined-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-outlined-button-background, var(--ig-outlined-button-background, transparent));--focus-foreground: var(--igx-outlined-button-focus-foreground, var(--ig-outlined-button-focus-foreground, var(--ig-secondary-200)));--border-radius: var(--igx-outlined-button-border-radius, var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-outlined-button-foreground, var(--ig-outlined-button-foreground, var(--ig-secondary-500)));--hover-background: var(--igx-outlined-button-hover-background, var(--ig-outlined-button-hover-background, hsl(from var(--ig-secondary-500) h s l/.08)));--hover-foreground: var(--igx-outlined-button-hover-foreground, var(--ig-outlined-button-hover-foreground, var(--ig-secondary-300)));--focus-background: var(--igx-outlined-button-focus-background, var(--ig-outlined-button-focus-background, hsl(from var(--ig-secondary-500) h s l/.32)));--focus-visible-background: var(--igx-outlined-button-focus-visible-background, var(--ig-outlined-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/.16)));--focus-hover-background: var(--igx-outlined-button-focus-hover-background, var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/.24)));--focus-hover-foreground: var(--igx-outlined-button-focus-hover-foreground, var(--ig-outlined-button-focus-hover-foreground, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-outlined-button-focus-visible-foreground, var(--ig-outlined-button-focus-visible-foreground, var(--ig-secondary-300)));--active-background: var(--igx-outlined-button-active-background, var(--ig-outlined-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16)));--active-foreground: var(--igx-outlined-button-active-foreground, var(--ig-outlined-button-active-foreground, var(--ig-secondary-300)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme [igxButton=fab],.fin-dark-theme igx-button[variant=fab],.fin-dark-theme .igx-button--fab{--shadow-color: var(--igx-fab-button-shadow-color, var(--ig-fab-button-shadow-color, transparent));--border-color: var(--igx-fab-button-border-color, var(--ig-fab-button-border-color, transparent));--hover-border-color: var(--igx-fab-button-hover-border-color, var(--ig-fab-button-hover-border-color, transparent));--focus-border-color: var(--igx-fab-button-focus-border-color, var(--ig-fab-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-fab-button-focus-visible-border-color, var(--ig-fab-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-fab-button-active-border-color, var(--ig-fab-button-active-border-color, transparent));--disabled-border-color: var(--igx-fab-button-disabled-border-color, var(--ig-fab-button-disabled-border-color, transparent));--icon-color: var(--igx-fab-button-icon-color, var(--ig-fab-button-icon-color, currentColor));--icon-color-hover: var(--igx-fab-button-icon-color-hover, var(--ig-fab-button-icon-color-hover, currentColor));--disabled-background: var(--igx-fab-button-disabled-background, var(--ig-fab-button-disabled-background, var(--ig-gray-100)));--disabled-foreground: var(--igx-fab-button-disabled-foreground, var(--ig-fab-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-fab-button-disabled-icon-color, var(--ig-fab-button-disabled-icon-color, currentColor));--size: var(--igx-fab-button-size, var(--ig-fab-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-fab-button-default-size, var(--ig-fab-button-default-size, 3));--resting-elevation: var(--igx-fab-button-resting-elevation, var(--ig-fab-button-resting-elevation, var(--ig-elevation-6)));--hover-elevation: var(--igx-fab-button-hover-elevation, var(--ig-fab-button-hover-elevation, var(--ig-elevation-12)));--focus-elevation: var(--igx-fab-button-focus-elevation, var(--ig-fab-button-focus-elevation, var(--ig-elevation-12)));--active-elevation: var(--igx-fab-button-active-elevation, var(--ig-fab-button-active-elevation, var(--ig-elevation-12)));--background: var(--igx-fab-button-background, var(--ig-fab-button-background, var(--ig-secondary-500)));--active-background: var(--igx-fab-button-active-background, var(--ig-fab-button-active-background, var(--ig-secondary-300)));--border-radius: var(--igx-fab-button-border-radius, var(--ig-fab-button-border-radius, clamp(.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem)));--foreground: var(--igx-fab-button-foreground, var(--ig-fab-button-foreground, var(--ig-secondary-400-contrast)));--hover-background: var(--igx-fab-button-hover-background, var(--ig-fab-button-hover-background, var(--ig-secondary-400)));--hover-foreground: var(--igx-fab-button-hover-foreground, var(--ig-fab-button-hover-foreground, var(--ig-secondary-400-contrast)));--focus-background: var(--igx-fab-button-focus-background, var(--ig-fab-button-focus-background, var(--ig-secondary-300)));--focus-foreground: var(--igx-fab-button-focus-foreground, var(--ig-fab-button-focus-foreground, var(--ig-secondary-300-contrast)));--focus-hover-background: var(--igx-fab-button-focus-hover-background, var(--ig-fab-button-focus-hover-background, var(--ig-secondary-400)));--focus-hover-foreground: var(--igx-fab-button-focus-hover-foreground, var(--ig-fab-button-focus-hover-foreground, var(--ig-secondary-400-contrast)));--focus-visible-background: var(--igx-fab-button-focus-visible-background, var(--ig-fab-button-focus-visible-background, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-fab-button-focus-visible-foreground, var(--ig-fab-button-focus-visible-foreground, var(--ig-secondary-300-contrast)));--active-foreground: var(--igx-fab-button-active-foreground, var(--ig-fab-button-active-foreground, var(--ig-secondary-300-contrast)));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base;.fin-dark-theme,.fin-dark-theme igx-data-chart{--title-text-color: var(--igx-data-chart-title-text-color, var(--ig-data-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-data-chart-subtitle-text-color, var(--ig-data-chart-subtitle-text-color, var(--ig-gray-600)));--brushes: var(--igx-data-chart-brushes, var(--ig-data-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-data-chart-marker-brushes, var(--ig-data-chart-marker-brushes, var(--chart-brushes)));--outlines: var(--igx-data-chart-outlines, var(--ig-data-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-data-chart-marker-outlines, var(--ig-data-chart-marker-outlines, var(--chart-brushes)));--plot-area-background: var(--igx-data-chart-plot-area-background, var(--ig-data-chart-plot-area-background, var(--ig-surface-500)));--axis-label-text-color: var(--igx-data-chart-axis-label-text-color, var(--ig-data-chart-axis-label-text-color, var(--ig-gray-700)));--axis-stroke: var(--igx-data-chart-axis-stroke, var(--ig-data-chart-axis-stroke, var(--ig-gray-500)));--axis-tick-stroke: var(--igx-data-chart-axis-tick-stroke, var(--ig-data-chart-axis-tick-stroke, var(--ig-gray-500)));--axis-title-text-color: var(--igx-data-chart-axis-title-text-color, var(--ig-data-chart-axis-title-text-color, var(--ig-gray-900)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-doughnut-chart{--brushes: var(--igx-doughnut-chart-brushes, var(--ig-doughnut-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-doughnut-chart-outlines, var(--ig-doughnut-chart-outlines, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-linear-gauge{--backing-brush: var(--igx-linear-gauge-backing-brush, var(--ig-linear-gauge-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-linear-gauge-backing-outline, var(--ig-linear-gauge-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-linear-gauge-font-brush, var(--ig-linear-gauge-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-linear-gauge-minor-tick-brush, var(--ig-linear-gauge-minor-tick-brush, var(--ig-surface-500-contrast)));--needle-brush: var(--igx-linear-gauge-needle-brush, var(--ig-linear-gauge-needle-brush, var(--ig-primary-500)));--needle-outline: var(--igx-linear-gauge-needle-outline, var(--ig-linear-gauge-needle-outline, var(--ig-surface-500)));--range-brushes: var(--igx-linear-gauge-range-brushes, var(--ig-linear-gauge-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-linear-gauge-range-outlines, var(--ig-linear-gauge-range-outlines, var(--chart-brushes)));--scale-brush: var(--igx-linear-gauge-scale-brush, var(--ig-linear-gauge-scale-brush, var(--ig-surface-500)));--tick-brush: var(--igx-linear-gauge-tick-brush, var(--ig-linear-gauge-tick-brush, var(--ig-surface-500-contrast)));--scale-outline: var(--igx-linear-gauge-scale-outline, var(--ig-linear-gauge-scale-outline, var(--ig-surface-500)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-radial-gauge{--backing-brush: var(--igx-radial-gauge-backing-brush, var(--ig-radial-gauge-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-radial-gauge-backing-outline, var(--ig-radial-gauge-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-radial-gauge-font-brush, var(--ig-radial-gauge-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-radial-gauge-minor-tick-brush, var(--ig-radial-gauge-minor-tick-brush, var(--ig-surface-500-contrast)));--needle-brush: var(--igx-radial-gauge-needle-brush, var(--ig-radial-gauge-needle-brush, var(--ig-primary-500)));--needle-outline: var(--igx-radial-gauge-needle-outline, var(--ig-radial-gauge-needle-outline, var(--ig-surface-500)));--range-brushes: var(--igx-radial-gauge-range-brushes, var(--ig-radial-gauge-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-radial-gauge-range-outlines, var(--ig-radial-gauge-range-outlines, var(--chart-brushes)));--scale-brush: var(--igx-radial-gauge-scale-brush, var(--ig-radial-gauge-scale-brush, var(--ig-surface-500)));--tick-brush: var(--igx-radial-gauge-tick-brush, var(--ig-radial-gauge-tick-brush, var(--ig-surface-500-contrast)));--needle-pivot-brush: var(--igx-radial-gauge-needle-pivot-brush, var(--ig-radial-gauge-needle-pivot-brush, var(--ig-primary-500)));--needle-pivot-outline: var(--igx-radial-gauge-needle-pivot-outline, var(--ig-radial-gauge-needle-pivot-outline, var(--ig-surface-500)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-financial-chart{--brushes: var(--igx-financial-chart-brushes, var(--ig-financial-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-financial-chart-outlines, var(--ig-financial-chart-outlines, var(--chart-brushes)));--marker-brushes: var(--igx-financial-chart-marker-brushes, var(--ig-financial-chart-marker-brushes, var(--chart-brushes)));--marker-outlines: var(--igx-financial-chart-marker-outlines, var(--ig-financial-chart-marker-outlines, var(--chart-brushes)));--indicator-brushes: var(--igx-financial-chart-indicator-brushes, var(--ig-financial-chart-indicator-brushes, var(--chart-brushes)));--indicator-negative-brushes: var(--igx-financial-chart-indicator-negative-brushes, var(--ig-financial-chart-indicator-negative-brushes, var(--chart-brushes)));--negative-brushes: var(--igx-financial-chart-negative-brushes, var(--ig-financial-chart-negative-brushes, var(--chart-brushes)));--negative-outlines: var(--igx-financial-chart-negative-outlines, var(--ig-financial-chart-negative-outlines, var(--chart-brushes)));--overlay-brushes: var(--igx-financial-chart-overlay-brushes, var(--ig-financial-chart-overlay-brushes, var(--chart-brushes)));--overlay-outlines: var(--igx-financial-chart-overlay-outlines, var(--ig-financial-chart-overlay-outlines, var(--chart-brushes)));--overlay-thickness: var(--igx-financial-chart-overlay-thickness, var(--ig-financial-chart-overlay-thickness, var(--chart-brushes)));--trend-line-brushes: var(--igx-financial-chart-trend-line-brushes, var(--ig-financial-chart-trend-line-brushes, var(--chart-brushes)));--volume-brushes: var(--igx-financial-chart-volume-brushes, var(--ig-financial-chart-volume-brushes, var(--chart-brushes)));--volume-outlines: var(--igx-financial-chart-volume-outlines, var(--ig-financial-chart-volume-outlines, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-bullet-graph{--backing-brush: var(--igx-bullet-graph-backing-brush, var(--ig-bullet-graph-backing-brush, var(--ig-surface-500)));--backing-outline: var(--igx-bullet-graph-backing-outline, var(--ig-bullet-graph-backing-outline, var(--ig-surface-500)));--font-brush: var(--igx-bullet-graph-font-brush, var(--ig-bullet-graph-font-brush, var(--ig-surface-500-contrast)));--minor-tick-brush: var(--igx-bullet-graph-minor-tick-brush, var(--ig-bullet-graph-minor-tick-brush, var(--ig-surface-500-contrast)));--range-brushes: var(--igx-bullet-graph-range-brushes, var(--ig-bullet-graph-range-brushes, var(--chart-brushes)));--range-outlines: var(--igx-bullet-graph-range-outlines, var(--ig-bullet-graph-range-outlines, var(--chart-brushes)));--scale-background-brush: var(--igx-bullet-graph-scale-background-brush, var(--ig-bullet-graph-scale-background-brush, var(--ig-primary-500)));--scale-background-outline: var(--igx-bullet-graph-scale-background-outline, var(--ig-bullet-graph-scale-background-outline, var(--ig-surface-500)));--target-value-brush: var(--igx-bullet-graph-target-value-brush, var(--ig-bullet-graph-target-value-brush, var(--ig-gray-800)));--tick-brush: var(--igx-bullet-graph-tick-brush, var(--ig-bullet-graph-tick-brush, var(--ig-surface-500-contrast)));--value-brush: var(--igx-bullet-graph-value-brush, var(--ig-bullet-graph-value-brush, var(--ig-gray-800)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-category-chart{--brushes: var(--igx-category-chart-brushes, var(--ig-category-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-category-chart-marker-brushes, var(--ig-category-chart-marker-brushes, var(--chart-brushes)));--negative-brushes: var(--igx-category-chart-negative-brushes, var(--ig-category-chart-negative-brushes, hsl(347, 82%, 64%)));--outlines: var(--igx-category-chart-outlines, var(--ig-category-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-category-chart-marker-outlines, var(--ig-category-chart-marker-outlines, var(--chart-brushes)));--negative-outlines: var(--igx-category-chart-negative-outlines, var(--ig-category-chart-negative-outlines, hsl(347, 82%, 64%)));--title-text-color: var(--igx-category-chart-title-text-color, var(--ig-category-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-category-chart-subtitle-text-color, var(--ig-category-chart-subtitle-text-color, var(--ig-gray-700)));--trend-line-brushes: var(--igx-category-chart-trend-line-brushes, var(--ig-category-chart-trend-line-brushes, var(--chart-brushes)));--x-axis-label-text-color: var(--igx-category-chart-x-axis-label-text-color, var(--ig-category-chart-x-axis-label-text-color, var(--ig-gray-700)));--x-axis-stroke: var(--igx-category-chart-x-axis-stroke, var(--ig-category-chart-x-axis-stroke, var(--ig-gray-500)));--x-axis-tick-stroke: var(--igx-category-chart-x-axis-tick-stroke, var(--ig-category-chart-x-axis-tick-stroke, var(--ig-gray-500)));--x-axis-title-text-color: var(--igx-category-chart-x-axis-title-text-color, var(--ig-category-chart-x-axis-title-text-color, var(--ig-gray-900)));--y-axis-label-text-color: var(--igx-category-chart-y-axis-label-text-color, var(--ig-category-chart-y-axis-label-text-color, var(--ig-gray-700)));--y-axis-major-stroke: var(--igx-category-chart-y-axis-major-stroke, var(--ig-category-chart-y-axis-major-stroke, var(--ig-gray-300)));--y-axis-title-text-color: var(--igx-category-chart-y-axis-title-text-color, var(--ig-category-chart-y-axis-title-text-color, var(--ig-gray-900)));--y-axis-tick-stroke: var(--igx-category-chart-y-axis-tick-stroke, var(--ig-category-chart-y-axis-tick-stroke, var(--ig-gray-500)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-geo-map{--plot-area-background: var(--igx-geo-map-plot-area-background, var(--ig-geo-map-plot-area-background, var(--ig-surface-500)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-pie-chart{--brushes: var(--igx-pie-chart-brushes, var(--ig-pie-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-pie-chart-outlines, var(--ig-pie-chart-outlines, var(--chart-brushes)));--label-extent: var(--igx-pie-chart-label-extent, var(--ig-pie-chart-label-extent, 30));--label-outer-color: var(--igx-pie-chart-label-outer-color, var(--ig-pie-chart-label-outer-color, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-sparkline{--brush: var(--igx-sparkline-brush, var(--ig-sparkline-brush, var(--ig-primary-500)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-funnel-chart{--brushes: var(--igx-funnel-chart-brushes, var(--ig-funnel-chart-brushes, var(--chart-brushes)));--outlines: var(--igx-funnel-chart-outlines, var(--ig-funnel-chart-outlines, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igx-shape-chart{--title-text-color: var(--igx-shape-chart-title-text-color, var(--ig-shape-chart-title-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-shape-chart-subtitle-text-color, var(--ig-shape-chart-subtitle-text-color, var(--ig-gray-600)));--brushes: var(--igx-shape-chart-brushes, var(--ig-shape-chart-brushes, var(--chart-brushes)));--marker-brushes: var(--igx-shape-chart-marker-brushes, var(--ig-shape-chart-marker-brushes, var(--chart-brushes)));--outlines: var(--igx-shape-chart-outlines, var(--ig-shape-chart-outlines, var(--chart-brushes)));--marker-outlines: var(--igx-shape-chart-marker-outlines, var(--ig-shape-chart-marker-outlines, var(--chart-brushes)));--trend-line-brushes: var(--igx-shape-chart-trend-line-brushes, var(--ig-shape-chart-trend-line-brushes, var(--chart-brushes)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igc-dockmanager{--igc-active-color: var(--igx-dockmanager-active-color, var(--ig-dockmanager-active-color, var(--ig-primary-500)));--igc-background-color: var(--igx-dockmanager-background-color, var(--ig-dockmanager-background-color, var(--ig-gray-50)));--igc-border-color: var(--igx-dockmanager-border-color, var(--ig-dockmanager-border-color, var(--ig-gray-100)));--igc-button-component-text: var(--igx-dockmanager-button-component-text, var(--ig-dockmanager-button-component-text, var(--ig-surface-500-contrast)));--igc-context-menu-background-active: var(--igx-dockmanager-context-menu-background-active, var(--ig-dockmanager-context-menu-background-active, var(--ig-gray-50)));--igc-dock-background: var(--igx-dockmanager-dock-background, var(--ig-dockmanager-dock-background, var(--ig-gray-50)));--igc-drop-shadow-background: var(--igx-dockmanager-drop-shadow-background, var(--ig-dockmanager-drop-shadow-background, hsl(from var(--ig-primary-900) h s l/.3)));--igc-floating-pane-border-color: var(--igx-dockmanager-floating-pane-border-color, var(--ig-dockmanager-floating-pane-border-color, var(--ig-gray-50)));--igc-flyout-shadow-color: var(--igx-dockmanager-flyout-shadow-color, var(--ig-dockmanager-flyout-shadow-color, hsl(from var(--ig-gray-50) h s l/.3)));--igc-joystick-background-active: var(--igx-dockmanager-joystick-background-active, var(--ig-dockmanager-joystick-background-active, var(--ig-gray-50)));--igc-joystick-border-color: var(--igx-dockmanager-joystick-border-color, var(--ig-dockmanager-joystick-border-color, hsl(from var(--ig-gray-200) h s l/.5)));--igc-joystick-icon-color: var(--igx-dockmanager-joystick-icon-color, var(--ig-dockmanager-joystick-icon-color, var(--ig-surface-500-contrast)));--igc-joystick-icon-color-active: var(--igx-dockmanager-joystick-icon-color-active, var(--ig-dockmanager-joystick-icon-color-active, var(--ig-surface-500-contrast)));--igc-pane-content-background: var(--igx-dockmanager-pane-content-background, var(--ig-dockmanager-pane-content-background, var(--ig-surface-500)));--igc-pane-header-background: var(--igx-dockmanager-pane-header-background, var(--ig-dockmanager-pane-header-background, var(--ig-gray-50)));--igc-pinned-header-background: var(--igx-dockmanager-pinned-header-background, var(--ig-dockmanager-pinned-header-background, var(--ig-gray-50)));--igc-splitter-background: var(--igx-dockmanager-splitter-background, var(--ig-dockmanager-splitter-background, var(--ig-gray-100)));--igc-splitter-handle: var(--igx-dockmanager-splitter-handle, var(--ig-dockmanager-splitter-handle, var(--ig-gray-400)));--igc-tab-background-active: var(--igx-dockmanager-tab-background-active, var(--ig-dockmanager-tab-background-active, hsl(from var(--ig-gray-100) h s l/.3)));--igc-tab-background: var(--igx-dockmanager-tab-background, var(--ig-dockmanager-tab-background, hsl(from var(--ig-gray-100) h s l/.3)));--igc-tab-text: var(--igx-dockmanager-tab-text, var(--ig-dockmanager-tab-text, var(--ig-gray-700)));--igc-text-color: var(--igx-dockmanager-text-color, var(--ig-dockmanager-text-color, var(--ig-gray-800)));--igc-context-menu-color-active: var(--igx-dockmanager-context-menu-color-active, var(--ig-dockmanager-context-menu-color-active, var(--ig-gray-50-contrast)));--igc-joystick-background: var(--igx-dockmanager-joystick-background, var(--ig-dockmanager-joystick-background, var(--ig-gray-100)));--igc-context-menu-background: var(--igx-dockmanager-context-menu-background, var(--ig-dockmanager-context-menu-background, var(--ig-gray-100)));--igc-context-menu-color: var(--igx-dockmanager-context-menu-color, var(--ig-dockmanager-context-menu-color, var(--ig-surface-500-contrast)));--igc-tab-border-color-active: var(--igx-dockmanager-tab-border-color-active, var(--ig-dockmanager-tab-border-color-active, var(--ig-gray-100)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme igc-rating{--label-color: var(--igx-rating-label-color, var(--ig-rating-label-color, var(--ig-gray-900)));--value-label: var(--igx-rating-value-label, var(--ig-rating-value-label, var(--ig-gray-700)));--symbol-empty-color: var(--igx-rating-symbol-empty-color, var(--ig-rating-symbol-empty-color, var(--ig-gray-600)));--symbol-full-color: var(--igx-rating-symbol-full-color, var(--ig-rating-symbol-full-color, var(--ig-warn-500)));--symbol-empty-filter: var(--igx-rating-symbol-empty-filter, var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%)));--symbol-full-filter: var(--igx-rating-symbol-full-filter, var(--ig-rating-symbol-full-filter, grayscale(50%)));--disabled-label-color: var(--igx-rating-disabled-label-color, var(--ig-rating-disabled-label-color, var(--ig-gray-400)));--disabled-value-label: var(--igx-rating-disabled-value-label, var(--ig-rating-disabled-value-label, var(--ig-gray-400)));--disabled-empty-symbol-color: var(--igx-rating-disabled-empty-symbol-color, var(--ig-rating-disabled-empty-symbol-color, var(--ig-gray-400)));--disabled-full-symbol-color: var(--igx-rating-disabled-full-symbol-color, var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-200)));--symbol-size: var(--igx-rating-symbol-size, var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))));--default-size: var(--igx-rating-default-size, var(--ig-rating-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base{.fin-dark-theme igc-rating::part(label){color:var(--label-color)}.fin-dark-theme igc-rating::part(value-label){color:var(--value-label)}.fin-dark-theme igc-rating[disabled]::part(label),.fin-dark-theme igc-rating[disabled]::part(value-label){color:var(--disabled-label-color)}.fin-dark-theme igc-rating[disabled]{--symbol-empty-color: var(--disabled-empty-symbol-color);--symbol-full-color: var(--disabled-full-symbol-color);--disabled-symbol-empty-filter: var(--symbol-empty-filter);--disabled-symbol-full-filter: var(--symbol-full-filter)}}.fin-dark-theme,.fin-dark-theme .igx-highlight{--resting-background: var(--igx-highlight-resting-background, var(--ig-highlight-resting-background, var(--ig-gray-200)));--resting-color: var(--igx-highlight-resting-color, var(--ig-highlight-resting-color, var(--ig-gray-200-contrast)));--active-background: var(--igx-highlight-active-background, var(--ig-highlight-active-background, var(--ig-secondary-A100)));--active-color: var(--igx-highlight-active-color, var(--ig-highlight-active-color, var(--ig-secondary-A100-contrast)));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base;.fin-dark-theme .igx-icon-button{--ig-icon-size: 1.125rem}.fin-dark-theme .igx-icon-button:is(a,span){position:revert-layer;display:revert-layer;align-items:revert-layer;justify-content:revert-layer;width:revert-layer;height:revert-layer;font-size:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;color:revert-layer;box-shadow:revert-layer;cursor:revert-layer;outline:revert-layer;text-decoration:none}.fin-dark-theme,.fin-dark-theme [igxIconButton=flat],.fin-dark-theme igx-icon-button[variant=flat],.fin-dark-theme .igx-icon-button--flat{--shadow-color: var(--igx-flat-icon-button-shadow-color, var(--ig-flat-icon-button-shadow-color, transparent));--background: var(--igx-flat-icon-button-background, var(--ig-flat-icon-button-background, transparent));--foreground: var(--igx-flat-icon-button-foreground, var(--ig-flat-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-flat-icon-button-hover-background, var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/.08)));--hover-foreground: var(--igx-flat-icon-button-hover-foreground, var(--ig-flat-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-flat-icon-button-focus-background, var(--ig-flat-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/.16)));--focus-foreground: var(--igx-flat-icon-button-focus-foreground, var(--ig-flat-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-flat-icon-button-focus-hover-background, var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/.24)));--focus-hover-foreground: var(--igx-flat-icon-button-focus-hover-foreground, var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-flat-icon-button-active-background, var(--ig-flat-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/.32)));--active-foreground: var(--igx-flat-icon-button-active-foreground, var(--ig-flat-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-flat-icon-button-border-color, var(--ig-flat-icon-button-border-color, transparent));--focus-border-color: var(--igx-flat-icon-button-focus-border-color, var(--ig-flat-icon-button-focus-border-color, transparent));--disabled-background: var(--igx-flat-icon-button-disabled-background, var(--ig-flat-icon-button-disabled-background, transparent));--disabled-foreground: var(--igx-flat-icon-button-disabled-foreground, var(--ig-flat-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-flat-icon-button-disabled-border-color, var(--ig-flat-icon-button-disabled-border-color, transparent));--border-radius: var(--igx-flat-icon-button-border-radius, var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-flat-icon-button-size, var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-flat-icon-button-default-size, var(--ig-flat-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme [igxIconButton=contained],.fin-dark-theme igx-icon-button[variant=contained],.fin-dark-theme .igx-icon-button--contained{--shadow-color: var(--igx-contained-icon-button-shadow-color, var(--ig-contained-icon-button-shadow-color, transparent));--background: var(--igx-contained-icon-button-background, var(--ig-contained-icon-button-background, hsl(from var(--ig-gray-900) h s l/.24)));--foreground: var(--igx-contained-icon-button-foreground, var(--ig-contained-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-contained-icon-button-hover-background, var(--ig-contained-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/.32)));--hover-foreground: var(--igx-contained-icon-button-hover-foreground, var(--ig-contained-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-contained-icon-button-focus-background, var(--ig-contained-icon-button-focus-background, hsl(from var(--ig-gray-900) h s l/.4)));--focus-foreground: var(--igx-contained-icon-button-focus-foreground, var(--ig-contained-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-contained-icon-button-focus-hover-background, var(--ig-contained-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/.44)));--focus-hover-foreground: var(--igx-contained-icon-button-focus-hover-foreground, var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-contained-icon-button-active-background, var(--ig-contained-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/.5)));--active-foreground: var(--igx-contained-icon-button-active-foreground, var(--ig-contained-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-contained-icon-button-border-color, var(--ig-contained-icon-button-border-color, transparent));--focus-border-color: var(--igx-contained-icon-button-focus-border-color, var(--ig-contained-icon-button-focus-border-color, transparent));--disabled-background: var(--igx-contained-icon-button-disabled-background, var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/.16)));--disabled-foreground: var(--igx-contained-icon-button-disabled-foreground, var(--ig-contained-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-contained-icon-button-disabled-border-color, var(--ig-contained-icon-button-disabled-border-color, transparent));--border-radius: var(--igx-contained-icon-button-border-radius, var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-contained-icon-button-size, var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-contained-icon-button-default-size, var(--ig-contained-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme [igxIconButton=outlined],.fin-dark-theme igx-icon-button[variant=outlined],.fin-dark-theme .igx-icon-button--outlined{--shadow-color: var(--igx-outlined-icon-button-shadow-color, var(--ig-outlined-icon-button-shadow-color, transparent));--background: var(--igx-outlined-icon-button-background, var(--ig-outlined-icon-button-background, transparent));--foreground: var(--igx-outlined-icon-button-foreground, var(--ig-outlined-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-outlined-icon-button-hover-background, var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/.08)));--hover-foreground: var(--igx-outlined-icon-button-hover-foreground, var(--ig-outlined-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-outlined-icon-button-focus-background, var(--ig-outlined-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/.16)));--focus-foreground: var(--igx-outlined-icon-button-focus-foreground, var(--ig-outlined-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-outlined-icon-button-focus-hover-background, var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/.24)));--focus-hover-foreground: var(--igx-outlined-icon-button-focus-hover-foreground, var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-outlined-icon-button-active-background, var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/.32)));--active-foreground: var(--igx-outlined-icon-button-active-foreground, var(--ig-outlined-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-outlined-icon-button-border-color, var(--ig-outlined-icon-button-border-color, var(--ig-gray-300)));--focus-border-color: var(--igx-outlined-icon-button-focus-border-color, var(--ig-outlined-icon-button-focus-border-color, var(--ig-gray-300)));--disabled-background: var(--igx-outlined-icon-button-disabled-background, var(--ig-outlined-icon-button-disabled-background, transparent));--disabled-foreground: var(--igx-outlined-icon-button-disabled-foreground, var(--ig-outlined-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-outlined-icon-button-disabled-border-color, var(--ig-outlined-icon-button-disabled-border-color, var(--ig-gray-300)));--border-radius: var(--igx-outlined-icon-button-border-radius, var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-outlined-icon-button-size, var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-outlined-icon-button-default-size, var(--ig-outlined-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base;.fin-dark-theme,.fin-dark-theme [igxLabel]{--color: var(--igx-label-color, var(--ig-label-color, var(--ig-gray-700)));--disabled-color: var(--igx-label-disabled-color, var(--ig-label-disabled-color, var(--ig-gray-500)));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base;.fin-dark-theme,.fin-dark-theme .igx-overlay__wrapper--modal,.fin-dark-theme .igx-overlay__content--modal{--background-color: var(--igx-overlay-background-color, var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/.54)));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme,.fin-dark-theme .ig-scrollbar{--sb-size: var(--igx-scrollbar-sb-size, var(--ig-scrollbar-sb-size, 1rem));--sb-thumb-min-height: var(--igx-scrollbar-sb-thumb-min-height, var(--ig-scrollbar-sb-thumb-min-height, 2rem));--sb-thumb-bg-color: var(--igx-scrollbar-sb-thumb-bg-color, var(--ig-scrollbar-sb-thumb-bg-color, var(--ig-gray-400)));--sb-thumb-bg-color-hover: var(--igx-scrollbar-sb-thumb-bg-color-hover, var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--ig-gray-400)));--sb-thumb-border-color: var(--igx-scrollbar-sb-thumb-border-color, var(--ig-scrollbar-sb-thumb-border-color, transparent));--sb-thumb-border-size: var(--igx-scrollbar-sb-thumb-border-size, var(--ig-scrollbar-sb-thumb-border-size, 0));--sb-thumb-border-radius: var(--igx-scrollbar-sb-thumb-border-radius, var(--ig-scrollbar-sb-thumb-border-radius, 0));--sb-track-bg-color: var(--igx-scrollbar-sb-track-bg-color, var(--ig-scrollbar-sb-track-bg-color, var(--ig-gray-100)));--sb-track-bg-color-hover: var(--igx-scrollbar-sb-track-bg-color-hover, var(--ig-scrollbar-sb-track-bg-color-hover, var(--ig-gray-100)));--sb-track-border-color: var(--igx-scrollbar-sb-track-border-color, var(--ig-scrollbar-sb-track-border-color, transparent));--sb-track-border-size: var(--igx-scrollbar-sb-track-border-size, var(--ig-scrollbar-sb-track-border-size, 0));--sb-corner-bg: var(--igx-scrollbar-sb-corner-bg, var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100)));--sb-corner-border-color: var(--igx-scrollbar-sb-corner-border-color, var(--ig-scrollbar-sb-corner-border-color, transparent));--sb-corner-border-size: var(--igx-scrollbar-sb-corner-border-size, var(--ig-scrollbar-sb-corner-border-size, 0));--ig-theme: material;--ig-theme-variant: dark;scrollbar-width:var(--sb-width, auto);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}.fin-dark-theme,.fin-dark-theme .igx-tooltip{--elevation: var(--igx-tooltip-elevation, var(--ig-tooltip-elevation, var(--ig-elevation-0)));--background: var(--igx-tooltip-background, var(--ig-tooltip-background, hsl(from var(--ig-gray-700) h s l/.9)));--text-color: var(--igx-tooltip-text-color, var(--ig-tooltip-text-color, var(--ig-gray-700-contrast)));--border-radius: var(--igx-tooltip-border-radius, var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .25) * 1rem), 1rem)));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base;.fin-dark-theme,.fin-dark-theme igc-trial-watermark{--base-color: var(--igx-watermark-base-color, var(--ig-watermark-base-color, var(--ig-primary-500)));--color: var(--igx-watermark-color, var(--ig-watermark-color, var(--ig-primary-800-contrast)));--border-radius: var(--igx-watermark-border-radius, var(--ig-watermark-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1rem), 1rem)));--image-opacity: var(--igx-watermark-image-opacity, var(--ig-watermark-image-opacity, 15%));--ig-theme: material;--ig-theme-variant: dark}.fin-dark-theme igc-trial-watermark::part(link){font-family:var(--ig-font-family)}.fin-dark-theme{background:#333}.fin-dark-theme ::-moz-placeholder{opacity:1}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-divide-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-divide-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-divide-x-reverse: 0;--tw-border-style: solid;--tw-divide-y-reverse: 0;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial;--tw-ease: initial}}}