igniteui-angular 22.1.0-beta.2 → 22.1.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/fesm2022/igniteui-angular-accordion.mjs +7 -7
  2. package/fesm2022/igniteui-angular-action-strip.mjs +10 -10
  3. package/fesm2022/igniteui-angular-avatar.mjs +7 -7
  4. package/fesm2022/igniteui-angular-badge.mjs +7 -7
  5. package/fesm2022/igniteui-angular-banner.mjs +11 -11
  6. package/fesm2022/igniteui-angular-banner.mjs.map +1 -1
  7. package/fesm2022/igniteui-angular-bottom-nav.mjs +27 -24
  8. package/fesm2022/igniteui-angular-bottom-nav.mjs.map +1 -1
  9. package/fesm2022/igniteui-angular-button-group.mjs +7 -7
  10. package/fesm2022/igniteui-angular-calendar.mjs +65 -65
  11. package/fesm2022/igniteui-angular-calendar.mjs.map +1 -1
  12. package/fesm2022/igniteui-angular-card.mjs +39 -34
  13. package/fesm2022/igniteui-angular-card.mjs.map +1 -1
  14. package/fesm2022/igniteui-angular-carousel.mjs +22 -22
  15. package/fesm2022/igniteui-angular-chat-extras.mjs +6 -6
  16. package/fesm2022/igniteui-angular-chat.mjs +12 -12
  17. package/fesm2022/igniteui-angular-checkbox.mjs +7 -7
  18. package/fesm2022/igniteui-angular-chips.mjs +11 -11
  19. package/fesm2022/igniteui-angular-chips.mjs.map +1 -1
  20. package/fesm2022/igniteui-angular-combo.mjs +55 -55
  21. package/fesm2022/igniteui-angular-combo.mjs.map +1 -1
  22. package/fesm2022/igniteui-angular-core.mjs +54 -54
  23. package/fesm2022/igniteui-angular-date-picker.mjs +38 -38
  24. package/fesm2022/igniteui-angular-dialog.mjs +17 -15
  25. package/fesm2022/igniteui-angular-dialog.mjs.map +1 -1
  26. package/fesm2022/igniteui-angular-directives.mjs +219 -193
  27. package/fesm2022/igniteui-angular-directives.mjs.map +1 -1
  28. package/fesm2022/igniteui-angular-drop-down.mjs +30 -30
  29. package/fesm2022/igniteui-angular-drop-down.mjs.map +1 -1
  30. package/fesm2022/igniteui-angular-expansion-panel.mjs +34 -30
  31. package/fesm2022/igniteui-angular-expansion-panel.mjs.map +1 -1
  32. package/fesm2022/igniteui-angular-grids-core.mjs +433 -431
  33. package/fesm2022/igniteui-angular-grids-core.mjs.map +1 -1
  34. package/fesm2022/igniteui-angular-grids-grid.mjs +58 -53
  35. package/fesm2022/igniteui-angular-grids-grid.mjs.map +1 -1
  36. package/fesm2022/igniteui-angular-grids-hierarchical-grid.mjs +39 -39
  37. package/fesm2022/igniteui-angular-grids-hierarchical-grid.mjs.map +1 -1
  38. package/fesm2022/igniteui-angular-grids-lite.mjs +12 -12
  39. package/fesm2022/igniteui-angular-grids-pivot-grid.mjs +82 -82
  40. package/fesm2022/igniteui-angular-grids-pivot-grid.mjs.map +1 -1
  41. package/fesm2022/igniteui-angular-grids-tree-grid.mjs +57 -57
  42. package/fesm2022/igniteui-angular-grids-tree-grid.mjs.map +1 -1
  43. package/fesm2022/igniteui-angular-icon.mjs +11 -11
  44. package/fesm2022/igniteui-angular-icon.mjs.map +1 -1
  45. package/fesm2022/igniteui-angular-input-group.mjs +26 -26
  46. package/fesm2022/igniteui-angular-input-group.mjs.map +1 -1
  47. package/fesm2022/igniteui-angular-list.mjs +46 -42
  48. package/fesm2022/igniteui-angular-list.mjs.map +1 -1
  49. package/fesm2022/igniteui-angular-navbar.mjs +18 -15
  50. package/fesm2022/igniteui-angular-navbar.mjs.map +1 -1
  51. package/fesm2022/igniteui-angular-navigation-drawer.mjs +21 -18
  52. package/fesm2022/igniteui-angular-navigation-drawer.mjs.map +1 -1
  53. package/fesm2022/igniteui-angular-paginator.mjs +19 -19
  54. package/fesm2022/igniteui-angular-progressbar.mjs +19 -19
  55. package/fesm2022/igniteui-angular-query-builder.mjs +23 -23
  56. package/fesm2022/igniteui-angular-query-builder.mjs.map +1 -1
  57. package/fesm2022/igniteui-angular-radio.mjs +10 -10
  58. package/fesm2022/igniteui-angular-select.mjs +27 -27
  59. package/fesm2022/igniteui-angular-select.mjs.map +1 -1
  60. package/fesm2022/igniteui-angular-simple-combo.mjs +9 -9
  61. package/fesm2022/igniteui-angular-simple-combo.mjs.map +1 -1
  62. package/fesm2022/igniteui-angular-slider.mjs +28 -28
  63. package/fesm2022/igniteui-angular-snackbar.mjs +8 -8
  64. package/fesm2022/igniteui-angular-snackbar.mjs.map +1 -1
  65. package/fesm2022/igniteui-angular-splitter.mjs +13 -13
  66. package/fesm2022/igniteui-angular-stepper.mjs +42 -39
  67. package/fesm2022/igniteui-angular-stepper.mjs.map +1 -1
  68. package/fesm2022/igniteui-angular-switch.mjs +7 -7
  69. package/fesm2022/igniteui-angular-tabs.mjs +39 -37
  70. package/fesm2022/igniteui-angular-tabs.mjs.map +1 -1
  71. package/fesm2022/igniteui-angular-time-picker.mjs +21 -21
  72. package/fesm2022/igniteui-angular-time-picker.mjs.map +1 -1
  73. package/fesm2022/igniteui-angular-toast.mjs +10 -9
  74. package/fesm2022/igniteui-angular-toast.mjs.map +1 -1
  75. package/fesm2022/igniteui-angular-tree.mjs +30 -30
  76. package/fesm2022/igniteui-angular-tree.mjs.map +1 -1
  77. package/lib/core/styles/components/button/_button-theme.scss +13 -12
  78. package/lib/core/styles/components/highlight/highlight-theme.scss +1 -6
  79. package/lib/core/styles/components/icon-button/_icon-button-theme.scss +5 -7
  80. package/lib/core/styles/components/label/_label-theme.scss +1 -6
  81. package/lib/core/styles/components/rating/_rating-theme.scss +1 -6
  82. package/lib/core/styles/components/ripple/_ripple-theme.scss +1 -6
  83. package/lib/core/styles/components/tooltip/_tooltip-theme.scss +1 -6
  84. package/lib/core/styles/themes/generators/_base.scss +6 -2
  85. package/lib/core/styles/typography/_typography.scss +3 -5
  86. package/package.json +2 -2
  87. package/styles/igniteui-angular-dark.css +1 -1
  88. package/styles/igniteui-angular.css +1 -1
  89. package/styles/igniteui-bootstrap-dark.css +1 -1
  90. package/styles/igniteui-bootstrap-light.css +1 -1
  91. package/styles/igniteui-dark-green.css +1 -1
  92. package/styles/igniteui-fluent-dark-excel.css +1 -1
  93. package/styles/igniteui-fluent-dark-word.css +1 -1
  94. package/styles/igniteui-fluent-dark.css +1 -1
  95. package/styles/igniteui-fluent-light-excel.css +1 -1
  96. package/styles/igniteui-fluent-light-word.css +1 -1
  97. package/styles/igniteui-fluent-light.css +1 -1
  98. package/styles/igniteui-indigo-dark.css +1 -1
  99. package/styles/igniteui-indigo-light.css +1 -1
  100. package/styles/maps/igniteui-angular-dark.css.map +1 -1
  101. package/styles/maps/igniteui-angular.css.map +1 -1
  102. package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
  103. package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
  104. package/styles/maps/igniteui-dark-green.css.map +1 -1
  105. package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
  106. package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
  107. package/styles/maps/igniteui-fluent-dark.css.map +1 -1
  108. package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
  109. package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
  110. package/styles/maps/igniteui-fluent-light.css.map +1 -1
  111. package/styles/maps/igniteui-indigo-dark.css.map +1 -1
  112. package/styles/maps/igniteui-indigo-light.css.map +1 -1
  113. package/types/igniteui-angular-bottom-nav.d.ts +2 -1
  114. package/types/igniteui-angular-card.d.ts +4 -3
  115. package/types/igniteui-angular-dialog.d.ts +2 -1
  116. package/types/igniteui-angular-directives.d.ts +17 -1
  117. package/types/igniteui-angular-expansion-panel.d.ts +3 -2
  118. package/types/igniteui-angular-grids-core.d.ts +2 -1
  119. package/types/igniteui-angular-list.d.ts +3 -2
  120. package/types/igniteui-angular-navbar.d.ts +2 -1
  121. package/types/igniteui-angular-navigation-drawer.d.ts +2 -1
  122. package/types/igniteui-angular-stepper.d.ts +3 -2
  123. package/types/igniteui-angular-tabs.d.ts +2 -1
  124. package/types/igniteui-angular-toast.d.ts +2 -1
package/styles/igniteui-bootstrap-light.css CHANGED
@@ -1,3 +1,3 @@
1
- .igx-display-container{display:inherit;flex-flow:inherit;position:relative;width:100%;overflow:hidden;flex-shrink:0}.igx-display-container--inactive{width:100%}.igx-drag{touch-action:none}.igx-drag--select-disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none}.igx-drag__handle{-webkit-user-select:none;-moz-user-select:none;user-select:none}.igx-vhelper--vertical,.igx-vhelper--horizontal{display:block;overflow:auto;z-index:10001}.igx-vhelper--vertical{position:absolute;top:0;inset-inline-end:0;width:var(--vhelper-scrollbar-size)}.igx-vhelper--horizontal{width:100%}.igx-vhelper--vertical .igx-vhelper__placeholder-content{width:1px}.igx-vhelper--horizontal .igx-vhelper__placeholder-content{height:1px}[hidden]{display:none !important}[class^=igx-],[class^=igx-] *,[class^=igx-] *::before,[class^=igx-] *::after,[class^=ig-],[class^=ig-] *,[class^=ig-] *::before,[class^=ig-] *::after{box-sizing:border-box}@property --ig-size-small{syntax:"<number> | <integer>";initial-value:1;inherits:true}@property --ig-size-medium{syntax:"<number> | <integer>";initial-value:2;inherits:true}@property --ig-size-large{syntax:"<number> | <integer>";initial-value:3;inherits:true}@property --ig-spacing{syntax:"<number> | <integer>";initial-value:1;inherits:true}:root{--ig-spacing-inline-small: var(--ig-spacing-inline, var(--ig-spacing-small));--ig-spacing-inline-medium: var(--ig-spacing-inline, var(--ig-spacing-medium));--ig-spacing-inline-large: var(--ig-spacing-inline, var(--ig-spacing-large));--ig-spacing-block-small: var(--ig-spacing-block, var(--ig-spacing-small));--ig-spacing-block-medium: var(--ig-spacing-block, var(--ig-spacing-medium));--ig-spacing-block-large: var(--ig-spacing-block, var(--ig-spacing-large))}@property --_transition-delay{syntax:"<time>";initial-value:-1s;inherits:true}@property --_progress-integer{syntax:"<number>";initial-value:0;inherits:true}@property --_progress-fraction{syntax:"<number>";initial-value:0;inherits:true}@property --ig-theme{syntax:"material | indigo | fluent | bootstrap";initial-value:material;inherits:true}@property --ig-theme-variant{syntax:"light | dark";initial-value:light;inherits:true}@property --vhelper-scollbar-size{syntax:"<length>";initial-value:16px;inherits:true}@media print{html,body,app-root{min-height:100vh;min-width:100vw;margin:0}app-root{display:block}*{-webkit-print-color-adjust:exact;filter:opacity(1);print-color-adjust:exact;text-shadow:none !important}a[href^=http]::after{content:"[" attr(href) "]";color:blue}.igx-no-print{display:none !important}.igx-bw-print{filter:grayscale(100%)}igx-circular-bar,igx-linear-bar,.igx-carousel__indicators,.igx-carousel__arrow--prev,.igx-carousel__arrow--next,.igx-ripple,.igx-grid__tbody-scrollbar,igx-switch__ripple,igx-virtual-helper{display:none !important}igx-grid .igx-grid-th__title,igx-grid .igx-grid__td-text{white-space:unset !important;text-overflow:initial !important;overflow:visible !important}}@keyframes enable-transitions{to{--_transition-delay: 0s}}@layer ig.typography{.ig-typography{font-family:var(--ig-font-family)}.ig-typography igx-category-chart{--title-text-style: var(--igx-category-chart-title-text-style, var(--ig-category-chart-title-text-style, 500 1rem var(--ig-font-family)));--subtitle-text-style: var(--igx-category-chart-subtitle-text-style, var(--ig-category-chart-subtitle-text-style, 700 1rem var(--ig-font-family)));--x-axis-label-text-style: var(--igx-category-chart-x-axis-label-text-style, var(--ig-category-chart-x-axis-label-text-style, 400 0.875rem var(--ig-font-family)));--x-axis-title-text-style: var(--igx-category-chart-x-axis-title-text-style, var(--ig-category-chart-x-axis-title-text-style, 400 0.875rem var(--ig-font-family)));--y-axis-label-text-style: var(--igx-category-chart-y-axis-label-text-style, var(--ig-category-chart-y-axis-label-text-style, 400 0.875rem var(--ig-font-family)));--y-axis-title-text-style: var(--igx-category-chart-y-axis-title-text-style, var(--ig-category-chart-y-axis-title-text-style, 400 0.875rem var(--ig-font-family)))}.ig-typography igx-data-chart{--title-text-style: var(--igx-data-chart-title-text-style, var(--ig-data-chart-title-text-style, 500 1rem var(--ig-font-family)));--subtitle-text-style: var(--igx-data-chart-subtitle-text-style, var(--ig-data-chart-subtitle-text-style, 700 1rem var(--ig-font-family)))}.ig-typography igx-financial-chart{--title-text-style: var(--igx-financial-chart-title-text-style, var(--ig-financial-chart-title-text-style, 500 1rem var(--ig-font-family)));--subtitle-text-style: var(--igx-financial-chart-subtitle-text-style, var(--ig-financial-chart-subtitle-text-style, 700 1rem var(--ig-font-family)));--x-axis-label-text-style: var(--igx-financial-chart-x-axis-label-text-style, var(--ig-financial-chart-x-axis-label-text-style, 400 0.875rem var(--ig-font-family)));--x-axis-title-text-style: var(--igx-financial-chart-x-axis-title-text-style, var(--ig-financial-chart-x-axis-title-text-style, 400 0.875rem var(--ig-font-family)));--y-axis-label-text-style: var(--igx-financial-chart-y-axis-label-text-style, var(--ig-financial-chart-y-axis-label-text-style, 400 0.875rem var(--ig-font-family)));--y-axis-title-text-style: var(--igx-financial-chart-y-axis-title-text-style, var(--ig-financial-chart-y-axis-title-text-style, 400 0.875rem var(--ig-font-family)))}.ig-typography igx-funnel-chart{--outer-label-text-style: var(--igx-funnel-chart-outer-label-text-style, var(--ig-funnel-chart-outer-label-text-style, 500 2.5rem var(--ig-font-family)));--text-style: var(--igx-funnel-chart-text-style, var(--ig-funnel-chart-text-style, 700 1rem var(--ig-font-family)))}.ig-typography igx-linear-gauge{--linear-gauge-font: var(--ig-font-family, inherit)}.ig-typography igx-radial-gauge{--radial-gauge-font: var(--ig-font-family, inherit)}.ig-typography igx-bullet-graph{--bullet-graph-font: var(--ig-font-family, inherit)}.ig-typography igx-pie-chart{--text-style: var(--igx-pie-chart-text-style, var(--ig-pie-chart-text-style, 400 0.875rem var(--ig-font-family)))}.ig-typography igx-shape-chart{--title-text-style: var(--igx-shape-chart-title-text-style, var(--ig-shape-chart-title-text-style, 500 1rem var(--ig-font-family)));--subtitle-text-style: var(--igx-shape-chart-subtitle-text-style, var(--ig-shape-chart-subtitle-text-style, 700 1rem var(--ig-font-family)));--x-axis-title-text-style: var(--igx-shape-chart-x-axis-title-text-style, var(--ig-shape-chart-x-axis-title-text-style, 500 1.75rem var(--ig-font-family)));--x-axis-label-text-style: var(--igx-shape-chart-x-axis-label-text-style, var(--ig-shape-chart-x-axis-label-text-style, 500 1.5rem var(--ig-font-family)));--y-axis-title-text-style: var(--igx-shape-chart-y-axis-title-text-style, var(--ig-shape-chart-y-axis-title-text-style, 500 1.75rem var(--ig-font-family)));--y-axis-label-text-style: var(--igx-shape-chart-y-axis-label-text-style, var(--ig-shape-chart-y-axis-label-text-style, 500 1.5rem var(--ig-font-family)))}.ig-typography .igx-button{font-family:var(--ig-button-font-family, var(--ig-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);text-align:center}.ig-typography .igx-button--fab{font-family:var(--ig-button-font-family, var(--ig-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);text-align:center;margin:0}.ig-typography igx-dock-manager{--igc-font-family: var(--ig-font-family, inherit)}.ig-typography .igx-icon-button{font-family:var(--ig-button-font-family, var(--ig-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);text-align:center}.ig-typography [igxLabel]{font-family:var(--ig-body-1-font-family, var(--ig-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);margin:0}.ig-typography .igx-tooltip{line-height:1rem;font-size:.625rem;font-weight:600}}@layer ig.typography{:root{--ig-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--ig-base-font-size: 16px;--ig-h1-font-size: 2.5rem;--ig-h1-font-weight: 500;--ig-h1-font-style: normal;--ig-h1-line-height: 3rem;--ig-h1-letter-spacing: -0.09375rem;--ig-h1-text-transform: none;--ig-h1-margin-top: 0;--ig-h1-margin-bottom: 0.5rem;--ig-h2-font-size: 2rem;--ig-h2-font-weight: 500;--ig-h2-font-style: normal;--ig-h2-line-height: 2.4rem;--ig-h2-letter-spacing: normal;--ig-h2-text-transform: none;--ig-h2-margin-top: 0;--ig-h2-margin-bottom: 0.5rem;--ig-h3-font-size: 1.75rem;--ig-h3-font-weight: 500;--ig-h3-font-style: normal;--ig-h3-line-height: 2.1rem;--ig-h3-letter-spacing: normal;--ig-h3-text-transform: none;--ig-h3-margin-top: 0;--ig-h3-margin-bottom: 0.5rem;--ig-h4-font-size: 1.5rem;--ig-h4-font-weight: 500;--ig-h4-font-style: normal;--ig-h4-line-height: 1.8rem;--ig-h4-letter-spacing: normal;--ig-h4-text-transform: none;--ig-h4-margin-top: 0;--ig-h4-margin-bottom: 0.5rem;--ig-h5-font-size: 1.25rem;--ig-h5-font-weight: 500;--ig-h5-font-style: normal;--ig-h5-line-height: 1.5rem;--ig-h5-letter-spacing: normal;--ig-h5-text-transform: none;--ig-h5-margin-top: 0;--ig-h5-margin-bottom: 0.5rem;--ig-h6-font-size: 1rem;--ig-h6-font-weight: 500;--ig-h6-font-style: normal;--ig-h6-line-height: 1.2rem;--ig-h6-letter-spacing: normal;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0.5rem;--ig-subtitle-1-font-size: 1rem;--ig-subtitle-1-font-weight: 700;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.5rem;--ig-subtitle-1-letter-spacing: normal;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.875rem;--ig-subtitle-2-font-weight: 700;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1.5rem;--ig-subtitle-2-letter-spacing: normal;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 1rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.5rem;--ig-body-1-letter-spacing: normal;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 0;--ig-body-1-margin-bottom: 0;--ig-body-2-font-size: 0.875rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1.3125rem;--ig-body-2-letter-spacing: normal;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 1rem;--ig-button-font-weight: 400;--ig-button-font-style: normal;--ig-button-line-height: 1.5rem;--ig-button-letter-spacing: normal;--ig-button-text-transform: none;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.75rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 1rem;--ig-caption-letter-spacing: normal;--ig-caption-text-transform: none;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.625rem;--ig-overline-font-weight: 400;--ig-overline-font-style: normal;--ig-overline-line-height: 1rem;--ig-overline-letter-spacing: 0.09375rem;--ig-overline-text-transform: uppercase;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0;--ig-calendar-labels-font-size: 0.8125rem;--ig-calendar-labels-font-weight: 400;--ig-calendar-labels-font-style: normal;--ig-calendar-labels-line-height: normal;--ig-calendar-labels-letter-spacing: normal;--ig-calendar-labels-text-transform: none;--ig-calendar-labels-margin-top: 0;--ig-calendar-labels-margin-bottom: 0}.ig-typography h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography p{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}}:root{--ig-wcag-a: 0.31;--ig-wcag-aa: 0.185;--ig-wcag-aaa: 0.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)}:root{--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 * 0.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 * 0.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 * 0.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 * 0.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: #0d6efd;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-primary-900-contrast: hsla(from color(from var(--ig-primary-900) var(--y-contrast)) h 0 l/1);--ig-primary-seed: #0d6efd;--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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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: #6c757d;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-secondary-900-contrast: hsla(from color(from var(--ig-secondary-900) var(--y-contrast)) h 0 l/1);--ig-secondary-seed: #6c757d;--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 * 0.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 * 0.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(210, 10.81%, 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: #adb5bd;--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 * 0.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 * 0.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 * 0.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 * 0.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: #f8f9fa;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #f8f9fa;--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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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: #0dcaf0;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-info-900-contrast: hsla(from color(from var(--ig-info-900) var(--y-contrast)) h 0 l/1);--ig-info-seed: #0dcaf0;--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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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: #198754;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-success-900-contrast: hsla(from color(from var(--ig-success-900) var(--y-contrast)) h 0 l/1);--ig-success-seed: #198754;--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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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: #ffc107;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-warn-900-contrast: hsla(from color(from var(--ig-warn-900) var(--y-contrast)) h 0 l/1);--ig-warn-seed: #ffc107;--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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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: #dc3545;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-error-900-contrast: hsla(from color(from var(--ig-error-900) var(--y-contrast)) h 0 l/1);--ig-error-seed: #dc3545;--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 * 0.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 * 0.65));--ig-error-A700-contrast: hsla(from color(from var(--ig-error-A700) var(--y-contrast)) h 0 l/1)}:root{--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--ig-theme: bootstrap;--ig-theme-variant: light}@layer ig.base, ig.typography, ig.bootstrap, ig.derived;@layer ig.bootstrap{@container style(--ig-theme: bootstrap) 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/0.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.1666666667) * 1.5rem), 1.5rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, 0.25rem));--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-100-contrast)));--text-color: var(--igx-badge-text-color, var(--ig-badge-text-color, var(--ig-primary-100-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, max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem))));--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(0.875rem, -1 * 0.875rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem))));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-800)));--banner-illustration-color: var(--igx-banner-banner-illustration-color, var(--ig-banner-banner-illustration-color, var(--ig-gray-800)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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, hsl(from var(--ig-primary-600) h s l/0.5)));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--ig-primary-600-contrast)));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, var(--ig-primary-500)));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, var(--ig-primary-500)));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--ig-primary-600)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-button-group-item-hover-text-color, var(--ig-primary-600-contrast)));--item-focused-text-color: var(--igx-button-group-item-focused-text-color, var(--ig-button-group-item-focused-text-color, var(--ig-primary-600-contrast)));--item-focused-border-color: var(--igx-button-group-item-focused-border-color, var(--ig-button-group-item-focused-border-color, var(--ig-primary-500)));--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-primary-600-contrast)));--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-primary-600)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, var(--ig-primary-600)));--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-primary-700-contrast)));--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-primary-700-contrast)));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-button-group-item-selected-focus-background, var(--ig-primary-700)));--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-primary-800)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, var(--ig-primary-900)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, var(--ig-primary-800)));--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-primary-900)));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--ig-primary-50)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, 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-primary-600-contrast)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--ig-primary-600)));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--ig-primary-600-contrast)));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--ig-primary-500)));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-primary-700)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--ig-primary-700-contrast)));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--ig-primary-700-contrast)));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--ig-primary-700)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, var(--ig-primary-800)));--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-primary-800)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, var(--ig-primary-800)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, var(--ig-primary-200)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--ig-primary-50)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, var(--ig-primary-100)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--ig-primary-200)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--ig-primary-200)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--ig-primary-100)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-calendar{--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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-gray-100)));--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, 0.2) * 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, 0.2) * 1.25rem), 1.25rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-primary-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, transparent));--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-primary-900)));--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-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, 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, transparent));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.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/0.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, 0.2) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--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, 0.2) * 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)));--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) * 0.5rem), 0.5rem)));--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-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-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-800)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-800)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-800)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-800)));--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-800)));--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-800)));--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-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-primary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-primary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-primary-600)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-primary-600)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-primary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-600)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-600)));--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-200)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-500)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-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-600)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-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-600)));--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-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-gray-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-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-primary-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-primary-900-contrast)));--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-primary-500) h s l/0.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-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-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-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-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast)));--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-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--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, transparent));--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-primary-900-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast)));--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-primary-900-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500)));--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-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-calendar-picker--standalone{--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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-gray-100)));--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, 0.2) * 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, 0.2) * 1.25rem), 1.25rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-primary-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, transparent));--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-primary-900)));--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-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, 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, transparent));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.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/0.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, 0.2) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--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, 0.2) * 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)));--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) * 0.5rem), 0.5rem)));--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-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-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-800)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-800)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-800)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-800)));--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-800)));--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-800)));--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-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-primary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-primary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-primary-600)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-primary-600)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-primary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-600)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-600)));--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-200)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-500)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-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-600)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-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-600)));--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-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-gray-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-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-primary-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-primary-900-contrast)));--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-primary-500) h s l/0.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-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-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-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-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast)));--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-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--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, transparent));--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-primary-900-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast)));--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-primary-900-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500)));--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-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-calendar-view--standalone{--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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-gray-100)));--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, 0.2) * 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, 0.2) * 1.25rem), 1.25rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-primary-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, transparent));--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-primary-900)));--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-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, 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, transparent));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.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/0.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, 0.2) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--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, 0.2) * 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)));--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) * 0.5rem), 0.5rem)));--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-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-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-800)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-800)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-800)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-800)));--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-800)));--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-800)));--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-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-primary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-primary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-primary-600)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-primary-600)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-primary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-600)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-600)));--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-200)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-500)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-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-600)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-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-600)));--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-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-gray-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-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-primary-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-primary-900-contrast)));--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-primary-500) h s l/0.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-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-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-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-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast)));--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-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--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, transparent));--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-primary-900-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast)));--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-primary-900-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500)));--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-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-days-view--standalone{--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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-gray-100)));--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, 0.2) * 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, 0.2) * 1.25rem), 1.25rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-primary-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, transparent));--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-primary-900)));--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-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, 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, transparent));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.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/0.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, 0.2) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--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, 0.2) * 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)));--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) * 0.5rem), 0.5rem)));--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-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-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-800)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-800)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-800)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-800)));--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-800)));--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-800)));--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-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-primary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-primary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-primary-600)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-primary-600)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-primary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-600)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-600)));--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-200)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-500)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-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-600)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-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-600)));--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-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-gray-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-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-primary-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-primary-900-contrast)));--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-primary-500) h s l/0.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-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-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-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-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast)));--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-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--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, transparent));--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-primary-900-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast)));--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-primary-900-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500)));--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-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-gray-100)));--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, 0.2) * 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, 0.2) * 1.25rem), 1.25rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-primary-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, transparent));--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-primary-900)));--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-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, 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, transparent));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.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/0.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, 0.2) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--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, 0.2) * 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)));--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) * 0.5rem), 0.5rem)));--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-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-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-800)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-800)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-800)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-800)));--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-800)));--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-800)));--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-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-primary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-primary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-primary-600)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-primary-600)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-primary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-600)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-600)));--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-200)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-500)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-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-600)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-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-600)));--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-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-gray-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-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-primary-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-primary-900-contrast)));--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-primary-500) h s l/0.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-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-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-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-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast)));--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-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--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, transparent));--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-primary-900-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast)));--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-primary-900-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500)));--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-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-800)));--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-500)));--outline-color: var(--igx-card-outline-color, var(--ig-card-outline-color, var(--ig-gray-400)));--border-radius: var(--igx-card-border-radius, var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem)));--default-size: var(--igx-card-default-size, var(--ig-card-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-carousel{--button-elevation: var(--igx-carousel-button-elevation, var(--ig-carousel-button-elevation, var(--ig-elevation-0)));--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-primary-600)));--button-focus-border-color: var(--igx-carousel-button-focus-border-color, var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5)));--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/0.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/0.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, 0.1111111111) * 2.25rem), 2.25rem)));--button-focus-arrow-color: var(--igx-carousel-button-focus-arrow-color, var(--ig-carousel-button-focus-arrow-color, var(--ig-gray-700)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, 3.375rem));--track-border-radius: var(--igx-circular-bar-track-border-radius, var(--ig-circular-bar-track-border-radius, 0rem));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-checkbox{--tick-color: var(--igx-checkbox-tick-color, var(--ig-checkbox-tick-color, var(--ig-primary-900-contrast)));--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, var(--ig-gray-900-contrast)));--fill-color: var(--igx-checkbox-fill-color, var(--ig-checkbox-fill-color, var(--ig-primary-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, hsl(from var(--ig-error-200) h s l/0.5)));--disabled-color: var(--igx-checkbox-disabled-color, var(--ig-checkbox-disabled-color, var(--ig-gray-300)));--disabled-fill-color: var(--igx-checkbox-disabled-fill-color, var(--ig-checkbox-disabled-fill-color, var(--ig-primary-200)));--disabled-tick-color: var(--igx-checkbox-disabled-tick-color, var(--ig-checkbox-disabled-tick-color, var(--ig-primary-900-contrast)));--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, 0.4) * 0.625rem), 0.625rem)));--border-radius-ripple: var(--igx-checkbox-border-radius-ripple, var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem)));--tick-color-hover: var(--igx-checkbox-tick-color-hover, var(--ig-checkbox-tick-color-hover, var(--ig-primary-900-contrast)));--empty-color: var(--igx-checkbox-empty-color, var(--ig-checkbox-empty-color, var(--ig-gray-400)));--empty-color-hover: var(--igx-checkbox-empty-color-hover, var(--ig-checkbox-empty-color-hover, var(--ig-gray-500)));--focus-border-color: var(--igx-checkbox-focus-border-color, var(--ig-checkbox-focus-border-color, var(--ig-primary-200)));--focus-outline-color: var(--igx-checkbox-focus-outline-color, var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5)));--fill-color-hover: var(--igx-checkbox-fill-color-hover, var(--ig-checkbox-fill-color-hover, var(--ig-primary-600)));--disabled-indeterminate-color: var(--igx-checkbox-disabled-indeterminate-color, var(--ig-checkbox-disabled-indeterminate-color, var(--ig-primary-200)));--error-color-hover: var(--igx-checkbox-error-color-hover, var(--ig-checkbox-error-color-hover, var(--ig-error-600)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-chip{--ghost-elevation: var(--igx-chip-ghost-elevation, var(--ig-chip-ghost-elevation, var(--ig-elevation-0)));--remove-icon-color: var(--igx-chip-remove-icon-color, var(--ig-chip-remove-icon-color, 'currentColor'));--focus-outline-color: var(--igx-chip-focus-outline-color, var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-500) h s l/0.38)));--focus-selected-outline-color: var(--igx-chip-focus-selected-outline-color, var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-gray-500) h s l/0.38)));--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)));--border-color: var(--igx-chip-border-color, var(--ig-chip-border-color, transparent));--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)));--hover-border-color: var(--igx-chip-hover-border-color, var(--ig-chip-hover-border-color, transparent));--focus-text-color: var(--igx-chip-focus-text-color, var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast)));--focus-border-color: var(--igx-chip-focus-border-color, var(--ig-chip-focus-border-color, transparent));--selected-text-color: var(--igx-chip-selected-text-color, var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast)));--selected-background: var(--igx-chip-selected-background, var(--ig-chip-selected-background, var(--ig-gray-200)));--selected-border-color: var(--igx-chip-selected-border-color, var(--ig-chip-selected-border-color, transparent));--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)));--hover-selected-border-color: var(--igx-chip-hover-selected-border-color, var(--ig-chip-hover-selected-border-color, transparent));--focus-selected-border-color: var(--igx-chip-focus-selected-border-color, var(--ig-chip-focus-selected-border-color, transparent));--border-radius: var(--igx-chip-border-radius, var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 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-border-color: var(--igx-chip-disabled-border-color, var(--ig-chip-disabled-border-color, 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));--text-color: var(--igx-chip-text-color, var(--ig-chip-text-color, var(--ig-gray-200-contrast)));--focus-background: var(--igx-chip-focus-background, var(--ig-chip-focus-background, var(--ig-gray-200)));--focus-selected-background: var(--igx-chip-focus-selected-background, var(--ig-chip-focus-selected-background, var(--ig-gray-200)));--focus-selected-text-color: var(--igx-chip-focus-selected-text-color, var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-600)));--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-300)));--toggle-button-foreground: var(--igx-combo-toggle-button-foreground, var(--ig-combo-toggle-button-foreground, var(--ig-gray-800)));--toggle-button-foreground-focus: var(--igx-combo-toggle-button-foreground-focus, var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-800)));--toggle-button-foreground-filled: var(--igx-combo-toggle-button-foreground-filled, var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-800)));--clear-button-background: var(--igx-combo-clear-button-background, var(--ig-combo-clear-button-background, var(--ig-gray-300)));--clear-button-foreground: var(--igx-combo-clear-button-foreground, var(--ig-combo-clear-button-foreground, var(--ig-gray-800)));--clear-button-foreground-focus: var(--igx-combo-clear-button-foreground-focus, var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-800)));--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-400)));--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-300)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-300)));--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.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-dialog{--elevation: var(--igx-dialog-elevation, var(--ig-dialog-elevation, var(--ig-elevation-0)));--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, var(--ig-gray-300)));--backdrop: var(--igx-dialog-backdrop, var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54)));--border-radius: var(--igx-dialog-border-radius, var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem)));--default-size: var(--igx-dialog-default-size, var(--ig-dialog-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-drop-down{--elevation: var(--igx-drop-down-elevation, var(--ig-drop-down-elevation, var(--ig-elevation-0)));--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-gray-700)));--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-200)));--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-200)));--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-primary-500)));--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-400)));--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, 1px));--border-radius: var(--igx-drop-down-border-radius, var(--ig-drop-down-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.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-primary-600-contrast)));--selected-item-icon-color: var(--igx-drop-down-selected-item-icon-color, var(--ig-drop-down-selected-item-icon-color, var(--ig-primary-600-contrast)));--selected-hover-item-background: var(--igx-drop-down-selected-hover-item-background, var(--ig-drop-down-selected-hover-item-background, var(--ig-primary-600)));--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-primary-600-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-primary-600-contrast)));--selected-focus-item-background: var(--igx-drop-down-selected-focus-item-background, var(--ig-drop-down-selected-focus-item-background, var(--ig-primary-600)));--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-primary-600-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-excel-filter{--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-primary-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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-primary-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-800)));--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, 0.5rem));--border-radius: var(--igx-expansion-panel-border-radius, var(--ig-expansion-panel-border-radius, 0rem, 0rem, 1rem));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-surface-500)));--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-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 0.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-100)));--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-primary-400)));--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, 0.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/0.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, 0.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, 0.0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-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-primary-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-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-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-600)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-600)));--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-primary-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, 0.25) * 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, var(--ig-surface-500-contrast)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-50)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-primary-50-contrast)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-primary-100)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-primary-100-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-primary-50)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-primary-100)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-primary-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-primary-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-primary-100)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-700)));--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-gray-300-contrast)));--border-width: var(--igx-grid-summary-border-width, var(--ig-grid-summary-border-width, 1px));--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-width: var(--igx-grid-summary-pinned-border-width, var(--ig-grid-summary-pinned-border-width, 2px));--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-100)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) 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, var(--ig-gray-300)));--input-prefix-color: var(--igx-input-group-input-prefix-color, var(--ig-input-group-input-prefix-color, var(--ig-gray-800)));--input-prefix-background--filled: var(--igx-input-group-input-prefix-background--filled, var(--ig-input-group-input-prefix-background--filled, var(--ig-gray-300)));--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, var(--ig-gray-300)));--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, var(--ig-gray-300)));--input-suffix-color: var(--igx-input-group-input-suffix-color, var(--ig-input-group-input-suffix-color, var(--ig-gray-800)));--input-suffix-background--filled: var(--igx-input-group-input-suffix-background--filled, var(--ig-input-group-input-suffix-background--filled, var(--ig-gray-300)));--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, var(--ig-gray-300)));--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-400)));--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, hsl(from var(--ig-primary-500) h s l/0.38)));--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-300)));--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-900)));--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-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-400)));--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, 0.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, 0.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, 0.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/0.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/0.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.375rem, -1 * 2.375rem), 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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, var(--ig-gray-100)));--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-400)));--file-selector-button-background: var(--igx-file-input-file-selector-button-background, var(--ig-file-input-file-selector-button-background, var(--ig-gray-300)));--file-selector-button-background--focused: var(--igx-file-input-file-selector-button-background--focused, var(--ig-file-input-file-selector-button-background--focused, var(--ig-gray-300)));--file-selector-button-background--filled: var(--igx-file-input-file-selector-button-background--filled, var(--ig-file-input-file-selector-button-background--filled, var(--ig-gray-300)));--file-selector-button-background--disabled: var(--igx-file-input-file-selector-button-background--disabled, var(--ig-file-input-file-selector-button-background--disabled, var(--ig-gray-100)));--file-selector-button-foreground: var(--igx-file-input-file-selector-button-foreground, var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-800)));--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-400)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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/0.2)));--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.5) * 0.5rem), 0.5rem)));--track-height: var(--igx-linear-bar-track-height, var(--ig-linear-bar-track-height, 1rem));--strip-size: var(--igx-linear-bar-strip-size, var(--ig-linear-bar-strip-size, 0.3125rem));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-gray-900-contrast)));--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-gray-900-contrast)));--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-900)));--item-text-color-hover: var(--igx-list-item-text-color-hover, var(--ig-list-item-text-color-hover, var(--ig-gray-900)));--item-text-color-active: var(--igx-list-item-text-color-active, var(--ig-list-item-text-color-active, var(--ig-gray-900)));--item-text-color-selected: var(--igx-list-item-text-color-selected, var(--ig-list-item-text-color-selected, var(--ig-gray-900)));--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-300)));--border-width: var(--igx-list-border-width, var(--ig-list-border-width, 0.0625rem));--border-radius: var(--igx-list-border-radius, var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, 5.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-400)));--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, 0.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, hsl(from var(--ig-gray-200) h s l/0.8)));--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, var(--ig-primary-500)));--item-active-icon-color: var(--igx-nav-drawer-item-active-icon-color, var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast)));--item-active-text-color: var(--igx-nav-drawer-item-active-text-color, var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast)));--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-900)));--item-header-text-color: var(--igx-nav-drawer-item-header-text-color, var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-900)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-navbar{--elevation: var(--igx-navbar-elevation, var(--ig-navbar-elevation, var(--ig-elevation-0)));--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-surface-500-contrast)));--idle-icon-color: var(--igx-navbar-idle-icon-color, var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast)));--hover-icon-color: var(--igx-navbar-hover-icon-color, var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast)));--border-color: var(--igx-navbar-border-color, var(--ig-navbar-border-color, var(--ig-gray-300)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-50)));--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-advanced-filtering-dialog{--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, var(--ig-gray-300)));--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, 0.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, 0.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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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, var(--ig-gray-300)));--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, 0.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, 0.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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-radio{--empty-fill-color: var(--igx-radio-empty-fill-color, var(--ig-radio-empty-fill-color, var(--ig-gray-900-contrast)));--hover-color: var(--igx-radio-hover-color, var(--ig-radio-hover-color, var(--ig-gray-500)));--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-500)));--disabled-color: var(--igx-radio-disabled-color, var(--ig-radio-disabled-color, var(--ig-gray-300)));--disabled-fill-color: var(--igx-radio-disabled-fill-color, var(--ig-radio-disabled-fill-color, var(--ig-primary-200)));--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, var(--ig-primary-200)));--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, hsl(from var(--ig-error-200) h s l/0.5)));--empty-color: var(--igx-radio-empty-color, var(--ig-radio-empty-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-900-contrast)));--fill-color-hover: var(--igx-radio-fill-color-hover, var(--ig-radio-fill-color-hover, var(--ig-primary-600)));--focus-outline-color: var(--igx-radio-focus-outline-color, var(--ig-radio-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5)));--error-color-hover: var(--igx-radio-error-color-hover, var(--ig-radio-error-color-hover, var(--ig-error-600)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-300)));--toggle-button-foreground: var(--igx-select-toggle-button-foreground, var(--ig-select-toggle-button-foreground, var(--ig-gray-800)));--toggle-button-foreground-focus: var(--igx-select-toggle-button-foreground-focus, var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-800)));--toggle-button-foreground-filled: var(--igx-select-toggle-button-foreground-filled, var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-800)));--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-400)));--default-size: var(--igx-select-default-size, var(--ig-select-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-slider{--track-color: var(--igx-slider-track-color, var(--ig-slider-track-color, var(--ig-gray-800)));--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, 0.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)));--track-hover-color: var(--igx-slider-track-hover-color, var(--ig-slider-track-hover-color, var(--ig-primary-500)));--thumb-color: var(--igx-slider-thumb-color, var(--ig-slider-thumb-color, var(--ig-primary-500)));--thumb-border-color: var(--igx-slider-thumb-border-color, var(--ig-slider-thumb-border-color, var(--ig-primary-500)));--thumb-border-hover-color: var(--igx-slider-thumb-border-hover-color, var(--ig-slider-thumb-border-hover-color, var(--ig-primary-500)));--thumb-border-focus-color: var(--igx-slider-thumb-border-focus-color, var(--ig-slider-thumb-border-focus-color, var(--ig-surface-500)));--thumb-focus-color: var(--igx-slider-thumb-focus-color, var(--ig-slider-thumb-focus-color, var(--ig-primary-200)));--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/0.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/0.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-500)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-snackbar{--elevation: var(--igx-snackbar-elevation, var(--ig-snackbar-elevation, var(--ig-elevation-10)));--background: var(--igx-snackbar-background, var(--ig-snackbar-background, var(--ig-surface-500)));--text-color: var(--igx-snackbar-text-color, var(--ig-snackbar-text-color, var(--ig-surface-500-contrast)));--button-color: var(--igx-snackbar-button-color, var(--ig-snackbar-button-color, var(--ig-primary-500)));--border-radius: var(--igx-snackbar-border-radius, var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-primary-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, 0.25rem));--border-radius: var(--igx-splitter-border-radius, var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, transparent));--indicator-outline: var(--igx-stepper-indicator-outline, var(--ig-stepper-indicator-outline, var(--ig-gray-400)));--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-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-800)));--invalid-title-hover-color: var(--igx-stepper-invalid-title-hover-color, var(--ig-stepper-invalid-title-hover-color, var(--ig-error-800)));--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-800)));--invalid-subtitle-hover-color: var(--igx-stepper-invalid-subtitle-hover-color, var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-800)));--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, transparent));--disabled-indicator-outline: var(--igx-stepper-disabled-indicator-outline, var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-300)));--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, solid));--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, 0.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, 0.02) * 6.25rem), 6.25rem)));--indicator-color: var(--igx-stepper-indicator-color, var(--ig-stepper-indicator-color, var(--ig-primary-600)));--step-hover-background: var(--igx-stepper-step-hover-background, var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5)));--complete-step-hover-background: var(--igx-stepper-complete-step-hover-background, var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5)));--current-step-hover-background: var(--igx-stepper-current-step-hover-background, var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5)));--invalid-step-hover-background: var(--igx-stepper-invalid-step-hover-background, var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5)));--step-focus-background: var(--igx-stepper-step-focus-background, var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5)));--complete-step-focus-background: var(--igx-stepper-complete-step-focus-background, var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5)));--current-step-focus-background: var(--igx-stepper-current-step-focus-background, var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5)));--invalid-step-focus-background: var(--igx-stepper-invalid-step-focus-background, var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5)));--complete-indicator-background: var(--igx-stepper-complete-indicator-background, var(--ig-stepper-complete-indicator-background, var(--ig-gray-400)));--complete-indicator-outline: var(--igx-stepper-complete-indicator-outline, var(--ig-stepper-complete-indicator-outline, var(--ig-gray-400)));--complete-indicator-color: var(--igx-stepper-complete-indicator-color, var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-switch{--border-on-color: var(--igx-switch-border-on-color, var(--ig-switch-border-on-color, var(--ig-primary-500)));--track-on-color: var(--igx-switch-track-on-color, var(--ig-switch-track-on-color, var(--ig-primary-500)));--track-disabled-color: var(--igx-switch-track-disabled-color, var(--ig-switch-track-disabled-color, var(--ig-primary-800-contrast)));--track-off-color: var(--igx-switch-track-off-color, var(--ig-switch-track-off-color, var(--ig-gray-900-contrast)));--thumb-on-color: var(--igx-switch-thumb-on-color, var(--ig-switch-thumb-on-color, var(--ig-primary-800-contrast)));--thumb-on-disabled-color: var(--igx-switch-thumb-on-disabled-color, var(--ig-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast)));--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-primary-200)));--border-radius-thumb: var(--igx-switch-border-radius-thumb, var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem)));--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, hsl(from var(--ig-primary-200) h s l/0.5)));--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-500)));--border-hover-color: var(--igx-switch-border-hover-color, var(--ig-switch-border-hover-color, var(--ig-gray-500)));--focus-fill-color: var(--igx-switch-focus-fill-color, var(--ig-switch-focus-fill-color, var(--ig-primary-200)));--focus-fill-hover-color: var(--igx-switch-focus-fill-hover-color, var(--ig-switch-focus-fill-hover-color, var(--ig-primary-300)));--track-on-hover-color: var(--igx-switch-track-on-hover-color, var(--ig-switch-track-on-hover-color, var(--ig-primary-600)));--border-on-hover-color: var(--igx-switch-border-on-hover-color, var(--ig-switch-border-on-hover-color, var(--ig-primary-600)));--thumb-disabled-color: var(--igx-switch-thumb-disabled-color, var(--ig-switch-thumb-disabled-color, var(--ig-gray-300)));--border-disabled-color: var(--igx-switch-border-disabled-color, var(--ig-switch-border-disabled-color, var(--ig-gray-300)));--border-radius-track: var(--igx-switch-border-radius-track, var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-tabs{--item-text-color: var(--igx-tabs-item-text-color, var(--ig-tabs-item-text-color, var(--ig-primary-500)));--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-surface-500)));--item-hover-color: var(--igx-tabs-item-hover-color, var(--ig-tabs-item-hover-color, var(--ig-primary-700)));--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-800)));--item-icon-color: var(--igx-tabs-item-icon-color, var(--ig-tabs-item-icon-color, var(--ig-primary-500)));--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-800)));--item-hover-icon-color: var(--igx-tabs-item-hover-icon-color, var(--ig-tabs-item-hover-icon-color, var(--ig-primary-700)));--item-disabled-icon-color: var(--igx-tabs-item-disabled-icon-color, var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5)));--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-surface-500)));--item-disabled-color: var(--igx-tabs-item-disabled-color, var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5)));--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-primary-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-primary-500)));--button-disabled-color: var(--igx-tabs-button-disabled-color, var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5)));--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, var(--ig-gray-300)));--border-color--hover: var(--igx-tabs-border-color--hover, var(--ig-tabs-border-color--hover, var(--ig-gray-200)));--border-radius: var(--igx-tabs-border-radius, var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-primary-600)));--selected-text-color: var(--igx-time-picker-selected-text-color, var(--ig-time-picker-selected-text-color, var(--ig-primary-600)));--active-item-foreground: var(--igx-time-picker-active-item-foreground, var(--ig-time-picker-active-item-foreground, var(--ig-primary-500-contrast)));--active-item-background: var(--igx-time-picker-active-item-background, var(--ig-time-picker-active-item-background, var(--ig-primary-600)));--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, var(--ig-gray-300)));--divider-color: var(--igx-time-picker-divider-color, var(--ig-time-picker-divider-color, var(--ig-gray-300)));--border-radius: var(--igx-time-picker-border-radius, var(--ig-time-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.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-gray-100)));--header-hour-text-color: var(--igx-time-picker-header-hour-text-color, var(--ig-time-picker-header-hour-text-color, var(--ig-gray-100-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, 0.2) * 1.25rem), 1.25rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-toast{--elevation: var(--igx-toast-elevation, var(--ig-toast-elevation, var(--ig-elevation-10)));--background: var(--igx-toast-background, var(--ig-toast-background, var(--ig-surface-500)));--border-color: var(--igx-toast-border-color, var(--ig-toast-border-color, var(--ig-gray-300)));--text-color: var(--igx-toast-text-color, var(--ig-toast-text-color, var(--ig-gray-900)));--border-radius: var(--igx-toast-border-radius, var(--ig-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1538461538) * 1.625rem), 1.625rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-primary-500)));--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-primary-800)));--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/0.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/0.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-primary-600-contrast)));--background-active-selected: var(--igx-tree-background-active-selected, var(--ig-tree-background-active-selected, var(--ig-primary-600)));--foreground-active-selected: var(--igx-tree-foreground-active-selected, var(--ig-tree-foreground-active-selected, var(--ig-primary-600-contrast)));--border-color: var(--igx-tree-border-color, var(--ig-tree-border-color, var(--ig-primary-200)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.derived{: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))}: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));--ig-action-strip-background: color-mix(in srgb, var(--_grid-accent-color) 12%, transparent);--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.1666666667) * 1.5rem), 1.5rem)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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-default-size: 2}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-banner-banner-background: var(--_grid-background);--ig-banner-border-radius: 0;--ig-banner-banner-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background));--ig-banner-banner-message-color: var(--_grid-foreground);--ig-banner-banner-illustration-color: var(--_grid-foreground)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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, 0.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/0.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/0.5);--ig-calendar-week-number-background: hsl(from var(--ig-calendar-content-background) h s calc(l * 0.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/0.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/0.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/0.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/0.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) * 0.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) * 0.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/0.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) * 0.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) * 0.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, 0.5) * 0.5rem), 0.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) * 0.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)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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) * 0.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: hsl(from var(--ig-error-200) h s l/0.5);--ig-checkbox-disabled-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background));--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-disabled-tick-color: var(--ig-primary-900-contrast);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/0.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_grid-foreground) 40%, var(--_grid-background));--ig-checkbox-empty-color: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background));--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-focus-outline-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-error-color-hover: var(--ig-error-600)}: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) * 0.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: hsl(from var(--ig-error-200) h s l/0.5);--ig-checkbox-disabled-color: color-mix(in srgb, var(--ig-grid-header-text-color) 50%, var(--ig-grid-header-background));--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-disabled-tick-color: var(--ig-primary-900-contrast);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/0.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--ig-grid-header-text-color) 40%, var(--ig-grid-header-background));--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) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-focus-outline-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-error-color-hover: var(--ig-error-600)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-ghost-elevation: var(--ig-elevation-0);--ig-chip-remove-icon-color: 'currentColor';--ig-chip-focus-outline-color: hsl(from var(--ig-chip-focus-background) h s l/0.4);--ig-chip-focus-selected-outline-color: hsl(from var(--ig-chip-focus-selected-background) h s l/0.4);--ig-chip-remove-icon-color-focus: 'currentColor';--ig-chip-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background));--ig-chip-border-color: var(--ig-chip-background);--ig-chip-ghost-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background));--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) * 0.1 + sign(50 - l) * 5) c h);--ig-chip-hover-border-color: var(--ig-chip-hover-background);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-focus-border-color: var(--ig-chip-focus-background);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-selected-border-color: var(--ig-chip-selected-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) * 0.1 + sign(50 - l) * 5) c h);--ig-chip-hover-selected-border-color: var(--ig-chip-hover-selected-background);--ig-chip-focus-selected-border-color: var(--ig-chip-focus-selected-background);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem);--ig-chip-disabled-text-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background));--ig-chip-disabled-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background));--ig-chip-disabled-border-color: color-mix(in srgb, var(--_grid-foreground) 24%, var(--_grid-background));--ig-chip-default-size: 2;--ig-chip-text-color: var(--_grid-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-shadow-color: hsl(from var(--ig-contained-button-focus-visible-background) h s l/0.5);--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: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background));--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background));--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) * 0.1 + sign(50 - l) * 10) c h);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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) * 0.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) * 0.1 + sign(50 - l) * 10) c h);--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-foreground: hsla(from color(from var(--ig-contained-button-focus-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)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-elevation: var(--ig-elevation-0);--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/0.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/0.8);--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 8%, var(--_grid-background));--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/0.8);--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background));--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: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background));--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/0.4);--ig-drop-down-border-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background));--ig-drop-down-border-width: 1px;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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/0.8);--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background));--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/0.8);--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_grid-accent-color) 24%, var(--_grid-background));--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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: color-mix(in srgb, var(--ig-excel-filtering-accent-color) 8%, var(--ig-excel-filtering-background));--ig-excel-filtering-actions-disabled-foreground: color-mix(in srgb, var(--ig-excel-filtering-foreground) 50%, var(--ig-excel-filtering-background));--ig-excel-filtering-border-color: color-mix(in srgb, var(--ig-excel-filtering-foreground) 16%, var(--ig-excel-filtering-background));--ig-excel-filtering-foreground: var(--_grid-foreground);--ig-excel-filtering-accent-color: var(--_grid-accent-color)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-button-shadow-color: hsl(from var(--ig-flat-button-focus-visible-foreground) h s l/0.5);--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: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--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: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_grid-accent-color);--ig-flat-button-hover-background: transparent;--ig-flat-button-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-background: transparent;--ig-flat-button-focus-hover-background: transparent;--ig-flat-button-focus-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-visible-background: transparent;--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-foreground);--ig-flat-button-active-background: transparent;--ig-flat-button-active-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-icon-button-shadow-color: hsl(from var(--ig-flat-icon-button-foreground) h s l/0.5);--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_grid-accent-color);--ig-flat-icon-button-hover-background: transparent;--ig-flat-icon-button-hover-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--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: transparent;--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-hover-foreground);--ig-flat-icon-button-active-background: transparent;--ig-flat-icon-button-active-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 2}: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));--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-width: 1px;--ig-grid-summary-border-style: solid;--ig-grid-summary-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background));--ig-grid-summary-pinned-border-width: 2px;--ig-grid-summary-pinned-border-style: solid;--ig-grid-summary-pinned-border-color: color-mix(in srgb, var(--_grid-foreground) 30%, var(--_grid-background))}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 8%, var(--ig-grid-toolbar-dropdown-background));--ig-grid-toolbar-item-hover-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-item-focus-background: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 12%, var(--ig-grid-toolbar-dropdown-background));--ig-grid-toolbar-item-focus-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-border-color: color-mix(in srgb, var(--ig-grid-toolbar-foreground) 20%, var(--ig-grid-toolbar-background));--ig-grid-toolbar-foreground: var(--_grid-foreground);--ig-grid-toolbar-accent-color: var(--_grid-accent-color)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-highlight-resting-background: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background));--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)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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/0.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: hsl(from var(--ig-input-group-focused-border-color) h s l/0.4);--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: color-mix(in srgb, var(--_grid-accent-color) 50%, transparent);--ig-input-group-border-color: var(--_grid-accent-color);--ig-input-group-hover-border-color: var(--ig-gray-900);--ig-input-group-focused-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background));--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/0.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, 0.2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/0.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/0.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)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-shadow-color: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/0.5);--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-background);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-background);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-background);--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--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: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--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: hsla(from color(from var(--ig-outlined-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-accent-color);--ig-outlined-button-hover-background: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-foreground: hsla(from color(from var(--ig-outlined-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-focus-hover-background: lch(from var(--ig-outlined-button-hover-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-outlined-button-focus-hover-foreground: hsla(from color(from var(--ig-outlined-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-visible-background: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-visible-foreground: hsla(from color(from var(--ig-outlined-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-active-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-active-foreground: hsla(from color(from var(--ig-outlined-button-active-background) var(--y-contrast)) h 0 l/1)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-icon-button-shadow-color: hsl(from var(--ig-outlined-icon-button-focus-background) h s l/0.5);--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_grid-accent-color);--ig-outlined-icon-button-hover-background: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-hover-foreground: hsla(from color(from var(--ig-outlined-icon-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-focus-background: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-foreground: hsla(from color(from var(--ig-outlined-icon-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-focus-hover-background: lch(from var(--ig-outlined-icon-button-focus-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-outlined-icon-button-focus-hover-foreground: hsla(from color(from var(--ig-outlined-icon-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-active-background: lch(from var(--ig-outlined-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-icon-button-active-foreground: hsla(from color(from var(--ig-outlined-icon-button-active-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-border-color: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-border-color: var(--ig-outlined-icon-button-active-background);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 2}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-paginator-foreground: var(--_grid-foreground);--ig-paginator-background: var(--_grid-background);--ig-paginator-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background));--ig-paginator-accent-color: var(--_grid-accent-color)}: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));--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: 3.375rem;--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)}: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));--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/0.2);--ig-linear-bar-text-color: var(--_grid-foreground);--ig-linear-bar-track-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem);--ig-linear-bar-track-height: 1rem;--ig-linear-bar-strip-size: 0.3125rem}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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: hsla(from color(from var(--ig-query-builder-header-background) var(--y-contrast)) h 0 l/1);--ig-query-builder-header-border: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background));--ig-query-builder-color-expression-group-and: #9c27b0;--ig-query-builder-color-expression-group-or: #007254;--ig-query-builder-border-radius: 0.25rem;--ig-query-builder-subquery-header-background: lch(from var(--ig-query-builder-header-background) calc(l + (50 - l) * 0.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) * 0.1 + sign(50 - l) * 5) c h);--ig-query-builder-subquery-border-radius: 0.75rem;--ig-query-builder-separator-color: lch(from var(--ig-query-builder-subquery-border-color) calc(l + (50 - l) * 0.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/0.6);--ig-query-builder-foreground: var(--_grid-foreground);--ig-query-builder-accent-color: var(--_grid-accent-color)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--_scrollbar-thumb-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background));--_scrollbar-track-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background))}:where(.igx-grid,igx-grid-lite,igc-grid-lite),: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: bootstrap;--ig-theme-variant: light}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-select-toggle-button-background-focus--border: var(--ig-select-toggle-button-background);--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--border) 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/0.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/0.5);--ig-select-default-size: 2}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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, 0.25) * 1rem), 1rem)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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) * 0.1 + sign(50 - l) * 5) c h);--ig-tree-background-active: lch(from var(--ig-tree-background) calc(l + (50 - l) * 0.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: color-mix(in hsl, var(--ig-tree-background), transparent 50%);--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/0.1);--ig-tree-hover-selected-color: lch(from var(--ig-tree-background-selected) calc(l + (50 - l) * 0.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) * 0.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-primary-200)}: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));--ig-watermark-color: var(--_grid-foreground);--ig-watermark-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem);--ig-watermark-border-color: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background))}}@layer ig.derived{: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))}:where(.igx-column-actions){--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) * 0.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: hsl(from var(--ig-error-200) h s l/0.5);--ig-checkbox-disabled-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background));--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-disabled-tick-color: var(--ig-primary-900-contrast);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/0.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_column-actions-foreground) 40%, var(--_column-actions-background));--ig-checkbox-empty-color: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background));--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-focus-outline-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-error-color-hover: var(--ig-error-600)}:where(.igx-column-actions){--ig-drop-down-elevation: var(--ig-elevation-0);--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/0.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/0.8);--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 8%, var(--_column-actions-background));--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/0.8);--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background));--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: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background));--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/0.4);--ig-drop-down-border-color: color-mix(in srgb, var(--_column-actions-foreground) 12%, var(--_column-actions-background));--ig-drop-down-border-width: 1px;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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/0.8);--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 16%, var(--_column-actions-background));--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/0.8);--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 24%, var(--_column-actions-background));--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color)}:where(.igx-column-actions){--ig-flat-button-shadow-color: hsl(from var(--ig-flat-button-focus-visible-foreground) h s l/0.5);--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: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background));--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background));--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: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_column-actions-accent-color);--ig-flat-button-hover-background: transparent;--ig-flat-button-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-background: transparent;--ig-flat-button-focus-hover-background: transparent;--ig-flat-button-focus-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-visible-background: transparent;--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-foreground);--ig-flat-button-active-background: transparent;--ig-flat-button-active-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h)}:where(.igx-column-actions){--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-300);--ig-input-group-input-prefix-color: var(--ig-gray-800);--ig-input-group-input-prefix-background--filled: var(--ig-gray-300);--ig-input-group-input-prefix-color--filled: var(--ig-gray-900);--ig-input-group-input-prefix-background--focused: var(--ig-gray-300);--ig-input-group-input-prefix-color--focused: var(--ig-gray-900);--ig-input-group-input-suffix-background: var(--ig-gray-300);--ig-input-group-input-suffix-color: var(--ig-gray-800);--ig-input-group-input-suffix-background--filled: var(--ig-gray-300);--ig-input-group-input-suffix-color--filled: var(--ig-gray-900);--ig-input-group-input-suffix-background--focused: var(--ig-gray-300);--ig-input-group-input-suffix-color--focused: var(--ig-gray-900);--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/0.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: hsl(from var(--ig-input-group-focused-border-color) h s l/0.4);--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-300);--ig-input-group-border-color: var(--_column-actions-accent-color);--ig-input-group-hover-border-color: var(--ig-gray-900);--ig-input-group-focused-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background));--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/0.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, 0.2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/0.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/0.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)}:where(.igx-column-actions){--_scrollbar-thumb-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background));--_scrollbar-track-border-color: color-mix(in srgb, var(--_column-actions-foreground) 16%, var(--_column-actions-background))}:where(.igx-column-actions),: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: bootstrap;--ig-theme-variant: light}}@layer ig.derived{: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)}:where(.igx-grid-toolbar){--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)}:where(.igx-grid-toolbar){--ig-outlined-button-shadow-color: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/0.5);--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-background);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-background);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-background);--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background));--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: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background));--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background));--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: hsla(from color(from var(--ig-outlined-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-toolbar-accent-color);--ig-outlined-button-hover-background: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-foreground: hsla(from color(from var(--ig-outlined-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-focus-hover-background: lch(from var(--ig-outlined-button-hover-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-outlined-button-focus-hover-foreground: hsla(from color(from var(--ig-outlined-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-visible-background: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-visible-foreground: hsla(from color(from var(--ig-outlined-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-active-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-active-foreground: hsla(from color(from var(--ig-outlined-button-active-background) var(--y-contrast)) h 0 l/1)}}@layer ig.derived{: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))}:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,: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))}:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-buttongroup,:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-button-group,:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group,:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group igx-buttongroup,: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/0.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, var(--_excel-filtering-foreground, var(--ig-gray-700))));--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) * 0.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) * 0.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, 0.2) * 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-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--item-border-color)));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-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-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) * 0.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) * 0.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/0.6)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--item-border-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/0.3)));--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-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-primary-700)));--ig-theme: bootstrap;--ig-theme-variant: light}:where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-shadow-color: hsl(from var(--ig-contained-button-focus-visible-background) h s l/0.5);--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: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background));--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background));--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background));--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) * 0.1 + sign(50 - l) * 10) c h);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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) * 0.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) * 0.1 + sign(50 - l) * 10) c h);--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-foreground: hsla(from color(from var(--ig-contained-button-focus-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)}:where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-button-shadow-color: hsl(from var(--ig-flat-button-focus-visible-foreground) h s l/0.5);--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: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background));--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background));--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: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_excel-filtering-accent-color);--ig-flat-button-hover-background: transparent;--ig-flat-button-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-background: transparent;--ig-flat-button-focus-hover-background: transparent;--ig-flat-button-focus-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-visible-background: transparent;--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-foreground);--ig-flat-button-active-background: transparent;--ig-flat-button-active-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h)}:where(.igx-excel-filter,.igx-excel-filter__secondary){--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) * 0.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: hsl(from var(--ig-error-200) h s l/0.5);--ig-checkbox-disabled-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background));--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-disabled-tick-color: var(--ig-primary-900-contrast);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/0.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_excel-filtering-foreground) 40%, var(--_excel-filtering-background));--ig-checkbox-empty-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background));--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-focus-outline-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-error-color-hover: var(--ig-error-600)}:where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-elevation: var(--ig-elevation-0);--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/0.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/0.8);--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background));--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/0.8);--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background));--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: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background));--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/0.4);--ig-drop-down-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 12%, var(--_excel-filtering-background));--ig-drop-down-border-width: 1px;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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/0.8);--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 16%, var(--_excel-filtering-background));--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/0.8);--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 24%, var(--_excel-filtering-background));--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color)}:where(.igx-excel-filter,.igx-excel-filter__secondary){--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/0.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: hsl(from var(--ig-input-group-focused-border-color) h s l/0.4);--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-300);--ig-input-group-border-color: var(--_excel-filtering-accent-color);--ig-input-group-hover-border-color: var(--ig-gray-900);--ig-input-group-focused-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background));--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/0.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, 0.2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/0.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/0.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)}:where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-select-toggle-button-background-focus--border: var(--ig-select-toggle-button-background);--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--border) 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/0.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/0.5);--ig-select-default-size: 2}:where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-icon-button-shadow-color: hsl(from var(--ig-flat-icon-button-foreground) h s l/0.5);--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_excel-filtering-foreground);--ig-flat-icon-button-hover-background: transparent;--ig-flat-icon-button-hover-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--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: transparent;--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-hover-foreground);--ig-flat-icon-button-active-background: transparent;--ig-flat-icon-button-active-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background));--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 2}:where(.igx-excel-filter,.igx-excel-filter__secondary){--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: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background));--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/0.74);--ig-list-item-subtitle-color-hover: hsl(from var(--ig-list-item-text-color-hover) h s l/0.74);--ig-list-item-subtitle-color-active: hsl(from var(--ig-list-item-text-color-active) h s l/0.74);--ig-list-item-subtitle-color-selected: hsl(from var(--ig-list-item-text-color-selected) h s l/0.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/0.15);--ig-list-border-width: 0.0625rem;--ig-list-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 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}:where(.igx-excel-filter,.igx-excel-filter__secondary){--_scrollbar-thumb-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background));--_scrollbar-track-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 16%, var(--_excel-filtering-background))}:where(.igx-excel-filter,.igx-excel-filter__secondary),: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: bootstrap;--ig-theme-variant: light}}@layer ig.derived{: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)) )}:where(.igx-paginator){--ig-drop-down-elevation: var(--ig-elevation-0);--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/0.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/0.8);--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 8%, var(--_paginator-background));--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/0.8);--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background));--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: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background));--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/0.4);--ig-drop-down-border-color: color-mix(in srgb, var(--_paginator-foreground) 12%, var(--_paginator-background));--ig-drop-down-border-width: 1px;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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/0.8);--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 16%, var(--_paginator-background));--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/0.8);--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_paginator-accent-color) 24%, var(--_paginator-background));--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color)}:where(.igx-paginator){--ig-flat-icon-button-shadow-color: hsl(from var(--ig-flat-icon-button-foreground) h s l/0.5);--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_paginator-accent-color);--ig-flat-icon-button-hover-background: transparent;--ig-flat-icon-button-hover-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--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: transparent;--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-hover-foreground);--ig-flat-icon-button-active-background: transparent;--ig-flat-icon-button-active-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_paginator-accent-color) 50%, var(--_paginator-background));--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 2}:where(.igx-paginator){--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-300);--ig-input-group-input-prefix-color: var(--ig-gray-800);--ig-input-group-input-prefix-background--filled: var(--ig-gray-300);--ig-input-group-input-prefix-color--filled: var(--ig-gray-900);--ig-input-group-input-prefix-background--focused: var(--ig-gray-300);--ig-input-group-input-prefix-color--focused: var(--ig-gray-900);--ig-input-group-input-suffix-background: var(--ig-gray-300);--ig-input-group-input-suffix-color: var(--ig-gray-800);--ig-input-group-input-suffix-background--filled: var(--ig-gray-300);--ig-input-group-input-suffix-color--filled: var(--ig-gray-900);--ig-input-group-input-suffix-background--focused: var(--ig-gray-300);--ig-input-group-input-suffix-color--focused: var(--ig-gray-900);--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/0.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: hsl(from var(--ig-input-group-focused-border-color) h s l/0.4);--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-300);--ig-input-group-border-color: var(--_paginator-accent-color);--ig-input-group-hover-border-color: var(--ig-gray-900);--ig-input-group-focused-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_paginator-foreground) 80%, var(--_paginator-background));--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/0.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, 0.2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/0.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/0.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)}:where(.igx-paginator){--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--border) 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/0.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/0.5);--ig-select-default-size: 2}}@layer ig.derived{: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))}:where(.igx-query-builder,igx-advanced-filtering-dialog),: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, var(--ig-gray-300)));--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, 0.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, 0.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: bootstrap;--ig-theme-variant: light}: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) * 0.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: hsl(from var(--ig-error-200) h s l/0.5);--ig-checkbox-disabled-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background));--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-disabled-tick-color: var(--ig-primary-900-contrast);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/0.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_query-builder-foreground) 40%, var(--_query-builder-background));--ig-checkbox-empty-color: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background));--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-focus-outline-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-error-color-hover: var(--ig-error-600)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-ghost-elevation: var(--ig-elevation-0);--ig-chip-remove-icon-color: 'currentColor';--ig-chip-focus-outline-color: hsl(from var(--ig-chip-focus-background) h s l/0.4);--ig-chip-focus-selected-outline-color: hsl(from var(--ig-chip-focus-selected-background) h s l/0.4);--ig-chip-remove-icon-color-focus: 'currentColor';--ig-chip-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background));--ig-chip-border-color: var(--ig-chip-background);--ig-chip-ghost-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background));--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) * 0.1 + sign(50 - l) * 5) c h);--ig-chip-hover-border-color: var(--ig-chip-hover-background);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-focus-border-color: var(--ig-chip-focus-background);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-selected-border-color: var(--ig-chip-selected-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) * 0.1 + sign(50 - l) * 5) c h);--ig-chip-hover-selected-border-color: var(--ig-chip-hover-selected-background);--ig-chip-focus-selected-border-color: var(--ig-chip-focus-selected-background);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem);--ig-chip-disabled-text-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background));--ig-chip-disabled-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background));--ig-chip-disabled-border-color: color-mix(in srgb, var(--_query-builder-foreground) 24%, var(--_query-builder-background));--ig-chip-default-size: 2;--ig-chip-text-color: var(--_query-builder-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--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-600);--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-300);--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/0.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/0.7);--ig-combo-default-size: 2;--ig-combo-clear-button-background-focus: var(--ig-gray-300)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-shadow-color: hsl(from var(--ig-contained-button-focus-visible-background) h s l/0.5);--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: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background));--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background));--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) * 0.1 + sign(50 - l) * 10) c h);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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) * 0.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) * 0.1 + sign(50 - l) * 10) c h);--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-foreground: hsla(from color(from var(--ig-contained-button-focus-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)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-elevation: var(--ig-elevation-0);--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/0.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/0.8);--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 8%, var(--_query-builder-background));--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/0.8);--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background));--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: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background));--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/0.4);--ig-drop-down-border-color: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background));--ig-drop-down-border-width: 1px;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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/0.8);--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 16%, var(--_query-builder-background));--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/0.8);--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 24%, var(--_query-builder-background));--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-flat-button-shadow-color: hsl(from var(--ig-flat-button-focus-visible-foreground) h s l/0.5);--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: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--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: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_query-builder-accent-color);--ig-flat-button-hover-background: transparent;--ig-flat-button-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-background: transparent;--ig-flat-button-focus-hover-background: transparent;--ig-flat-button-focus-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-visible-background: transparent;--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-foreground);--ig-flat-button-active-background: transparent;--ig-flat-button-active-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--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/0.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: hsl(from var(--ig-input-group-focused-border-color) h s l/0.4);--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: color-mix(in srgb, var(--_query-builder-accent-color) 50%, transparent);--ig-input-group-border-color: var(--_query-builder-accent-color);--ig-input-group-hover-border-color: var(--ig-gray-900);--ig-input-group-focused-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background));--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/0.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, 0.2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/0.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/0.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)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-shadow-color: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/0.5);--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-background);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-background);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-background);--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--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: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--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: hsla(from color(from var(--ig-outlined-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_query-builder-accent-color);--ig-outlined-button-hover-background: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-foreground: hsla(from color(from var(--ig-outlined-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-focus-hover-background: lch(from var(--ig-outlined-button-hover-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-outlined-button-focus-hover-foreground: hsla(from color(from var(--ig-outlined-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-visible-background: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-visible-foreground: hsla(from color(from var(--ig-outlined-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-active-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-active-foreground: hsla(from color(from var(--ig-outlined-button-active-background) var(--y-contrast)) h 0 l/1)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-icon-button-shadow-color: hsl(from var(--ig-outlined-icon-button-focus-background) h s l/0.5);--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_query-builder-accent-color);--ig-outlined-icon-button-hover-background: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-hover-foreground: hsla(from color(from var(--ig-outlined-icon-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-focus-background: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-foreground: hsla(from color(from var(--ig-outlined-icon-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-focus-hover-background: lch(from var(--ig-outlined-icon-button-focus-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-outlined-icon-button-focus-hover-foreground: hsla(from color(from var(--ig-outlined-icon-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-active-background: lch(from var(--ig-outlined-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-icon-button-active-foreground: hsla(from color(from var(--ig-outlined-icon-button-active-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-border-color: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-border-color: var(--ig-outlined-icon-button-active-background);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 2}:where(.igx-query-builder,igx-advanced-filtering-dialog){--_scrollbar-thumb-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background));--_scrollbar-track-border-color: color-mix(in srgb, var(--_query-builder-foreground) 16%, var(--_query-builder-background))}:where(.igx-query-builder,igx-advanced-filtering-dialog),: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: bootstrap;--ig-theme-variant: light}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-select-toggle-button-background-focus--border: var(--ig-select-toggle-button-background);--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--border) 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/0.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/0.5);--ig-select-default-size: 2}:where(.igx-query-builder,igx-advanced-filtering-dialog){--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, 0.25) * 1rem), 1rem)}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){[igxRipple]{--color: var(--igx-ripple-color, var(--ig-ripple-color, hsl(from var(--ig-gray-800) h s l/0.7)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.base{.igx-ripple__inner{display:block;position:absolute;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);background:var(--color);pointer-events:none;transform-origin:center;transform:translate3d(0, 0, 0) scale(0);will-change:opacity,transform;opacity:.5;margin:0 !important;border:none !important}.igx-ripple{overflow:hidden}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-button igx-icon{--component-size: var(--ig-size, var(--ig-size-large));--size: var(--ig-icon-size, 1.125rem);justify-content:center}[igxButton=flat],igx-button[variant=flat],.igx-button--flat{--shadow-color: var(--igx-flat-button-shadow-color, var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--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-primary-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(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--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-primary-800)));--border-radius: var(--igx-flat-button-border-radius, var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--foreground: var(--igx-flat-button-foreground, var(--ig-flat-button-foreground, var(--ig-primary-500)));--hover-background: var(--igx-flat-button-hover-background, var(--ig-flat-button-hover-background, transparent));--hover-foreground: var(--igx-flat-button-hover-foreground, var(--ig-flat-button-hover-foreground, var(--ig-primary-600)));--focus-background: var(--igx-flat-button-focus-background, var(--ig-flat-button-focus-background, transparent));--focus-hover-background: var(--igx-flat-button-focus-hover-background, var(--ig-flat-button-focus-hover-background, transparent));--focus-hover-foreground: var(--igx-flat-button-focus-hover-foreground, var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-600)));--focus-visible-background: var(--igx-flat-button-focus-visible-background, var(--ig-flat-button-focus-visible-background, transparent));--focus-visible-foreground: var(--igx-flat-button-focus-visible-foreground, var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500)));--active-background: var(--igx-flat-button-active-background, var(--ig-flat-button-active-background, transparent));--active-foreground: var(--igx-flat-button-active-foreground, var(--ig-flat-button-active-foreground, var(--ig-primary-800)));--ig-theme: bootstrap;--ig-theme-variant: light}[igxButton=contained],igx-button[variant=contained],.igx-button--contained{--shadow-color: var(--igx-contained-button-shadow-color, var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--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-primary-50)));--disabled-foreground: var(--igx-contained-button-disabled-foreground, var(--ig-contained-button-disabled-foreground, var(--ig-primary-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(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--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-500)));--active-background: var(--igx-contained-button-active-background, var(--ig-contained-button-active-background, var(--ig-primary-800)));--border-radius: var(--igx-contained-button-border-radius, var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--foreground: var(--igx-contained-button-foreground, var(--ig-contained-button-foreground, var(--ig-primary-600-contrast)));--hover-background: var(--igx-contained-button-hover-background, var(--ig-contained-button-hover-background, var(--ig-primary-600)));--hover-foreground: var(--igx-contained-button-hover-foreground, var(--ig-contained-button-hover-foreground, var(--ig-primary-600-contrast)));--focus-background: var(--igx-contained-button-focus-background, var(--ig-contained-button-focus-background, var(--ig-primary-800)));--focus-hover-background: var(--igx-contained-button-focus-hover-background, var(--ig-contained-button-focus-hover-background, var(--ig-primary-600)));--focus-hover-foreground: var(--igx-contained-button-focus-hover-foreground, var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-600-contrast)));--focus-foreground: var(--igx-contained-button-focus-foreground, var(--ig-contained-button-focus-foreground, var(--ig-primary-800-contrast)));--focus-visible-background: var(--igx-contained-button-focus-visible-background, var(--ig-contained-button-focus-visible-background, var(--ig-primary-500)));--focus-visible-foreground: var(--igx-contained-button-focus-visible-foreground, var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-600-contrast)));--active-foreground: var(--igx-contained-button-active-foreground, var(--ig-contained-button-active-foreground, var(--ig-primary-800-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}[igxButton=outlined],igx-button[variant=outlined],.igx-button--outlined{--shadow-color: var(--igx-outlined-button-shadow-color, var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--border-color: var(--igx-outlined-button-border-color, var(--ig-outlined-button-border-color, var(--ig-primary-500)));--hover-border-color: var(--igx-outlined-button-hover-border-color, var(--ig-outlined-button-hover-border-color, var(--ig-primary-600)));--focus-border-color: var(--igx-outlined-button-focus-border-color, var(--ig-outlined-button-focus-border-color, var(--ig-primary-600)));--focus-visible-border-color: var(--igx-outlined-button-focus-visible-border-color, var(--ig-outlined-button-focus-visible-border-color, var(--ig-primary-500)));--active-border-color: var(--igx-outlined-button-active-border-color, var(--ig-outlined-button-active-border-color, var(--ig-primary-800)));--disabled-border-color: var(--igx-outlined-button-disabled-border-color, var(--ig-outlined-button-disabled-border-color, var(--ig-primary-50)));--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-primary-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(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--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-primary-800-contrast)));--border-radius: var(--igx-outlined-button-border-radius, var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--foreground: var(--igx-outlined-button-foreground, var(--ig-outlined-button-foreground, var(--ig-primary-500)));--hover-background: var(--igx-outlined-button-hover-background, var(--ig-outlined-button-hover-background, var(--ig-primary-600)));--hover-foreground: var(--igx-outlined-button-hover-foreground, var(--ig-outlined-button-hover-foreground, var(--ig-primary-600-contrast)));--focus-background: var(--igx-outlined-button-focus-background, var(--ig-outlined-button-focus-background, var(--ig-primary-800)));--focus-hover-background: var(--igx-outlined-button-focus-hover-background, var(--ig-outlined-button-focus-hover-background, var(--ig-primary-600)));--focus-hover-foreground: var(--igx-outlined-button-focus-hover-foreground, var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-600-contrast)));--focus-visible-background: var(--igx-outlined-button-focus-visible-background, var(--ig-outlined-button-focus-visible-background, var(--ig-primary-500)));--focus-visible-foreground: var(--igx-outlined-button-focus-visible-foreground, var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-600-contrast)));--active-background: var(--igx-outlined-button-active-background, var(--ig-outlined-button-active-background, var(--ig-primary-800)));--active-foreground: var(--igx-outlined-button-active-foreground, var(--ig-outlined-button-active-foreground, var(--ig-primary-800-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}[igxButton=fab],igx-button[variant=fab],.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-300)));--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(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem)));--foreground: var(--igx-fab-button-foreground, var(--ig-fab-button-foreground, var(--ig-primary-600-contrast)));--hover-background: var(--igx-fab-button-hover-background, var(--ig-fab-button-hover-background, var(--ig-primary-600)));--hover-foreground: var(--igx-fab-button-hover-foreground, var(--ig-fab-button-hover-foreground, var(--ig-primary-600-contrast)));--focus-background: var(--igx-fab-button-focus-background, var(--ig-fab-button-focus-background, var(--ig-primary-800)));--focus-hover-background: var(--igx-fab-button-focus-hover-background, var(--ig-fab-button-focus-hover-background, var(--ig-primary-600)));--focus-hover-foreground: var(--igx-fab-button-focus-hover-foreground, var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-600-contrast)));--focus-foreground: var(--igx-fab-button-focus-foreground, var(--ig-fab-button-focus-foreground, var(--ig-primary-800-contrast)));--focus-visible-background: var(--igx-fab-button-focus-visible-background, var(--ig-fab-button-focus-visible-background, var(--ig-primary-500)));--focus-visible-foreground: var(--igx-fab-button-focus-visible-foreground, var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-600-contrast)));--active-foreground: var(--igx-fab-button-active-foreground, var(--ig-fab-button-active-foreground, var(--ig-primary-800-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.base{.igx-button{--_button-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:5.5rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));min-height:var(--size);border:.0625rem solid var(--border-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;gap:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-button--ready{transition:var(--_button-transition)}.igx-button--ready igx-icon{transition:color .15s ease-in-out}igx-grid-filtering-row{--filtering-row-button-size: max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.3125rem, -1 * 1.3125rem))}igx-grid-filtering-row .igx-button{min-height:var(--filtering-row-button-size);padding-block:0}igx-grid-filtering-row .igx-button>*{display:flex;align-items:center;height:1.125rem}.igx-button--flat{--component-size: var( --ig-size, var(--default-size) );background:var(--background);color:var(--foreground);border-radius:var(--border-radius)}.igx-button--flat igx-icon{color:var(--icon-color)}.igx-button--flat:hover{background:var(--hover-background);color:var(--hover-foreground);border-color:var(--hover-border-color)}.igx-button--flat:hover igx-icon{color:var(--icon-color-hover)}.igx-button--flat:active{background:var(--active-background);color:var(--active-foreground);border-color:var(--active-border-color)}.igx-button--flat:active igx-icon{color:var(--active-foreground)}.igx-button--flat.igx-button--focused{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--flat.igx-button--focused igx-icon{color:var(--icon-color)}.igx-button--flat.igx-button--focused:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground)}.igx-button--flat.igx-button--focused:hover igx-icon{color:var(--icon-color-hover)}.igx-button--flat.igx-button--focused:active{background:var(--focus-background);color:var(--focus-foreground);border-color:var(--focus-border-color)}.igx-button--flat.igx-button--focused:active igx-icon{color:var(--focus-foreground)}.igx-button--flat.igx-button--focused{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-button--outlined{--component-size: var( --ig-size, var(--default-size) );background:var(--background);color:var(--foreground);border-color:var(--border-color);border-radius:var(--border-radius);padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-button--outlined igx-icon{color:var(--icon-color)}.igx-button--outlined:hover{background:var(--hover-background);color:var(--hover-foreground);border-color:var(--hover-border-color)}.igx-button--outlined:hover igx-icon{color:var(--icon-color-hover)}.igx-button--outlined:active{background:var(--active-background);color:var(--active-foreground);border-color:var(--active-border-color)}.igx-button--outlined:active igx-icon{color:var(--active-foreground)}.igx-button--outlined.igx-button--focused{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--outlined.igx-button--focused igx-icon{color:var(--icon-color-hover)}.igx-button--outlined.igx-button--focused{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-button--outlined.igx-button--focused:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground);border-color:var(--hover-border-color)}.igx-button--outlined.igx-button--focused:hover igx-icon{color:var(--icon-color-hover)}.igx-button--outlined.igx-button--focused:active{background:var(--focus-background);color:var(--focus-foreground);border-color:var(--focus-border-color)}.igx-button--outlined.igx-button--focused:active igx-icon{color:var(--focus-foreground)}.igx-button--contained{--component-size: var( --ig-size, var(--default-size) );color:var(--foreground);background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius)}.igx-button--contained igx-icon{color:var(--icon-color)}.igx-button--contained:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}.igx-button--contained:hover igx-icon{color:var(--icon-color-hover)}.igx-button--contained:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}.igx-button--contained:active igx-icon{color:var(--active-foreground)}.igx-button--contained.igx-button--focused{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--contained.igx-button--focused igx-icon{color:var(--icon-color)}.igx-button--contained.igx-button--focused{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-button--contained.igx-button--focused:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background);border-color:var(--hover-border-color)}.igx-button--contained.igx-button--focused:hover igx-icon{color:var(--icon-color-hover)}.igx-button--contained.igx-button--focused:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}.igx-button--contained.igx-button--focused:active igx-icon{color:var(--focus-foreground)}.igx-button--fab{display:inline-flex;position:relative;flex-direction:row;justify-content:center;align-items:center;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;filter:blur(0)}.igx-button--fab{--component-size: var( --ig-size, var(--default-size) );padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0, -1 * 0)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));min-width:var(--size);min-height:var(--size);line-height:unset;white-space:nowrap;color:var(--foreground);background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius)}.igx-button--fab igx-icon{color:var(--icon-color)}.igx-button--fab:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}.igx-button--fab:hover igx-icon{color:var(--icon-color-hover)}.igx-button--fab:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}.igx-button--fab:active igx-icon{color:var(--active-foreground)}.igx-button--fab.igx-button--focused{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--fab.igx-button--focused igx-icon{color:var(--icon-color)}.igx-button--fab.igx-button--focused{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-button--fab.igx-button--focused:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background);border-color:var(--hover-border-color)}.igx-button--fab.igx-button--focused:hover igx-icon{color:var(--icon-color-hover)}.igx-button--fab.igx-button--focused:active{background:var(--focus-background);color:var(--focus-foreground);border-color:var(--focus-border-color)}.igx-button--fab.igx-button--focused:active igx-icon{color:var(--focus-foreground)}.igx-button--disabled,.igx-icon-button--disabled{background:var(--disabled-background);color:var(--disabled-foreground);border-color:var(--disabled-border-color);pointer-events:none;box-shadow:none}.igx-button--disabled igx-icon,.igx-icon-button--disabled igx-icon{color:var(--disabled-icon-color)}.igx-button--disabled:focus,.igx-icon-button--disabled:focus{box-shadow:none}}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}igx-sparkline{--brush: var(--igx-sparkline-brush, var(--ig-sparkline-brush, var(--ig-primary-500)));--ig-theme: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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-primary-500)));--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-100)));--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/0.1)));--igc-floating-pane-border-color: var(--igx-dockmanager-floating-pane-border-color, var(--ig-dockmanager-floating-pane-border-color, var(--ig-gray-300)));--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/0.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-primary-500)));--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-100)));--igc-pinned-header-background: var(--igx-dockmanager-pinned-header-background, var(--ig-dockmanager-pinned-header-background, var(--ig-gray-100)));--igc-splitter-background: var(--igx-dockmanager-splitter-background, var(--ig-dockmanager-splitter-background, var(--ig-gray-200)));--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-primary-500)));--igc-text-color: var(--igx-dockmanager-text-color, var(--ig-dockmanager-text-color, var(--ig-gray-800)));--igc-context-menu-background: var(--igx-dockmanager-context-menu-background, var(--ig-dockmanager-context-menu-background, var(--ig-surface-500)));--igc-context-menu-color-active: var(--igx-dockmanager-context-menu-color-active, var(--ig-dockmanager-context-menu-color-active, var(--ig-surface-500)));--igc-context-menu-color: var(--igx-dockmanager-context-menu-color, var(--ig-dockmanager-context-menu-color, var(--ig-primary-500)));--igc-tab-border-color-active: var(--igx-dockmanager-tab-border-color-active, var(--ig-dockmanager-tab-border-color-active, var(--ig-gray-300)));--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-gray-800)));--ig-theme: bootstrap;--ig-theme-variant: light}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){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-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: bootstrap;--ig-theme-variant: light}}}@layer ig.base{igc-rating::part(label){color:var(--label-color)}igc-rating::part(value-label){color:var(--value-label)}igc-rating[disabled]::part(label),igc-rating[disabled]::part(value-label){color:var(--disabled-label-color)}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)}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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: bootstrap;--ig-theme-variant: light}}}@layer ig.base{.igx-highlight,.igx-highlight--active{color:var(--resting-color);background:var(--resting-background)}.igx-highlight--active{color:var(--active-color);background:var(--active-background)}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-icon-button igx-icon{--size: var(--ig-icon-size, 1.125rem)}[igxIconButton=flat],igx-icon-button[variant=flat],.igx-icon-button--flat{--shadow-color: var(--igx-flat-icon-button-shadow-color, var(--ig-flat-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--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-500)));--hover-background: var(--igx-flat-icon-button-hover-background, var(--ig-flat-icon-button-hover-background, transparent));--hover-foreground: var(--igx-flat-icon-button-hover-foreground, var(--ig-flat-icon-button-hover-foreground, var(--ig-primary-600)));--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-500)));--focus-hover-background: var(--igx-flat-icon-button-focus-hover-background, var(--ig-flat-icon-button-focus-hover-background, transparent));--focus-hover-foreground: var(--igx-flat-icon-button-focus-hover-foreground, var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-primary-600)));--active-background: var(--igx-flat-icon-button-active-background, var(--ig-flat-icon-button-active-background, transparent));--active-foreground: var(--igx-flat-icon-button-active-foreground, var(--ig-flat-icon-button-active-foreground, var(--ig-primary-800)));--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-primary-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, 0.2) * 1.25rem), 1.25rem)));--size: var(--igx-flat-icon-button-size, var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-flat-icon-button-default-size, var(--ig-flat-icon-button-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}[igxIconButton=contained],igx-icon-button[variant=contained],.igx-icon-button--contained{--shadow-color: var(--igx-contained-icon-button-shadow-color, var(--ig-contained-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--background: var(--igx-contained-icon-button-background, var(--ig-contained-icon-button-background, var(--ig-primary-500)));--foreground: var(--igx-contained-icon-button-foreground, var(--ig-contained-icon-button-foreground, var(--ig-primary-600-contrast)));--hover-background: var(--igx-contained-icon-button-hover-background, var(--ig-contained-icon-button-hover-background, var(--ig-primary-600)));--hover-foreground: var(--igx-contained-icon-button-hover-foreground, var(--ig-contained-icon-button-hover-foreground, var(--ig-primary-600-contrast)));--focus-background: var(--igx-contained-icon-button-focus-background, var(--ig-contained-icon-button-focus-background, var(--ig-primary-500)));--focus-foreground: var(--igx-contained-icon-button-focus-foreground, var(--ig-contained-icon-button-focus-foreground, var(--ig-primary-600-contrast)));--focus-hover-background: var(--igx-contained-icon-button-focus-hover-background, var(--ig-contained-icon-button-focus-hover-background, var(--ig-primary-600)));--focus-hover-foreground: var(--igx-contained-icon-button-focus-hover-foreground, var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast)));--active-background: var(--igx-contained-icon-button-active-background, var(--ig-contained-icon-button-active-background, var(--ig-primary-800)));--active-foreground: var(--igx-contained-icon-button-active-foreground, var(--ig-contained-icon-button-active-foreground, var(--ig-primary-800-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, transparent));--disabled-background: var(--igx-contained-icon-button-disabled-background, var(--ig-contained-icon-button-disabled-background, var(--ig-primary-50)));--disabled-foreground: var(--igx-contained-icon-button-disabled-foreground, var(--ig-contained-icon-button-disabled-foreground, var(--ig-primary-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, 0.2) * 1.25rem), 1.25rem)));--size: var(--igx-contained-icon-button-size, var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-contained-icon-button-default-size, var(--ig-contained-icon-button-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}[igxIconButton=outlined],igx-icon-button[variant=outlined],.igx-icon-button--outlined{--shadow-color: var(--igx-outlined-icon-button-shadow-color, var(--ig-outlined-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--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-primary-500)));--hover-background: var(--igx-outlined-icon-button-hover-background, var(--ig-outlined-icon-button-hover-background, var(--ig-primary-600)));--hover-foreground: var(--igx-outlined-icon-button-hover-foreground, var(--ig-outlined-icon-button-hover-foreground, var(--ig-primary-600-contrast)));--focus-background: var(--igx-outlined-icon-button-focus-background, var(--ig-outlined-icon-button-focus-background, var(--ig-primary-500)));--focus-foreground: var(--igx-outlined-icon-button-focus-foreground, var(--ig-outlined-icon-button-focus-foreground, var(--ig-primary-600-contrast)));--focus-hover-background: var(--igx-outlined-icon-button-focus-hover-background, var(--ig-outlined-icon-button-focus-hover-background, var(--ig-primary-600)));--focus-hover-foreground: var(--igx-outlined-icon-button-focus-hover-foreground, var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast)));--active-background: var(--igx-outlined-icon-button-active-background, var(--ig-outlined-icon-button-active-background, var(--ig-primary-800)));--active-foreground: var(--igx-outlined-icon-button-active-foreground, var(--ig-outlined-icon-button-active-foreground, var(--ig-primary-800-contrast)));--border-color: var(--igx-outlined-icon-button-border-color, var(--ig-outlined-icon-button-border-color, var(--ig-primary-500)));--focus-border-color: var(--igx-outlined-icon-button-focus-border-color, var(--ig-outlined-icon-button-focus-border-color, var(--ig-primary-800)));--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-primary-200)));--disabled-border-color: var(--igx-outlined-icon-button-disabled-border-color, var(--ig-outlined-icon-button-disabled-border-color, var(--ig-primary-50)));--border-radius: var(--igx-outlined-icon-button-border-radius, var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--size: var(--igx-outlined-icon-button-size, var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-outlined-icon-button-default-size, var(--ig-outlined-icon-button-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.base{.igx-icon-button{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--ig-icon-size, 1.125rem);height:var(--ig-icon-size, 1.125rem);font-size:var(--ig-icon-size, 1.125rem);cursor:pointer}.igx-icon-button:focus-visible{outline:none}.igx-icon-button--ready{transition:box-shadow .15s ease-out,color .15s ease-out}.igx-icon-button--flat{--component-size: var( --ig-size, var(--default-size) );width:var(--size);height:var(--size);background:var(--background);color:var(--foreground);border:.0625rem solid var(--border-color);border-radius:var(--border-radius)}.igx-icon-button--flat:hover{background:var(--hover-background);color:var(--hover-foreground)}.igx-icon-button--flat:active{background:var(--active-background);color:var(--active-foreground)}.igx-button--focused.igx-icon-button--flat{background:var(--focus-background);color:var(--focus-foreground)}.igx-button--focused.igx-icon-button--flat:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground)}.igx-button--focused.igx-icon-button--flat:active{background:var(--active-background);color:var(--active-foreground)}.igx-button--focused.igx-icon-button--flat{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-icon-button--contained{--component-size: var( --ig-size, var(--default-size) );width:var(--size);height:var(--size);background:var(--background);color:var(--foreground);border:.0625rem solid var(--border-color);border-radius:var(--border-radius)}.igx-icon-button--contained:hover{background:var(--hover-background);color:var(--hover-foreground)}.igx-icon-button--contained:active{background:var(--active-background);color:var(--active-foreground)}.igx-button--focused.igx-icon-button--contained{background:var(--focus-background);color:var(--focus-foreground);border-color:var(--focus-border-color)}.igx-button--focused.igx-icon-button--contained:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground)}.igx-button--focused.igx-icon-button--contained:active{background:var(--active-background);color:var(--active-foreground)}.igx-button--focused.igx-icon-button--contained{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-icon-button--outlined{--component-size: var(--ig-size, var(--default-size));width:var(--size);height:var(--size);background:var(--background);color:var(--foreground);border:.0625rem solid var(--border-color);border-radius:var(--border-radius)}.igx-icon-button--outlined:hover{background:var(--hover-background);color:var(--hover-foreground);border-color:var(--hover-background)}.igx-icon-button--outlined:active{background:var(--active-background);color:var(--active-foreground);border-color:var(--focus-border-color)}.igx-button--focused.igx-icon-button--outlined{background:var(--focus-background);color:var(--focus-foreground)}.igx-button--focused.igx-icon-button--outlined:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground);border-color:var(--focus-hover-background)}.igx-button--focused.igx-icon-button--outlined:active{background:var(--active-background);color:var(--active-foreground);border-color:var(--focus-border-color)}.igx-button--focused.igx-icon-button--outlined{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-button--disabled,.igx-icon-button--disabled{background:var(--disabled-background);color:var(--disabled-foreground);border-color:var(--disabled-border-color);pointer-events:none;box-shadow:none}.igx-button--disabled:focus,.igx-icon-button--disabled:focus{box-shadow:none}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){[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-400)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.base{[igxLabel]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;color:var(--color);max-width:100%}[dir=rtl] [igxLabel]{transform-origin:top right}[igxLabel]{height:auto}}.igx-overlay__wrapper--modal,.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/0.54)));--ig-theme: bootstrap;--ig-theme-variant: light}.igx-overlay{width:0;height:0;box-sizing:content-box}.igx-overlay__wrapper,.igx-overlay__wrapper--modal,.igx-overlay__wrapper--flex,.igx-overlay__wrapper--flex-container{position:fixed;inset:0;background:rgba(0,0,0,0);transition:background .25s cubic-bezier(0.455, 0.03, 0.515, 0.955);pointer-events:none;box-sizing:content-box}[popover].igx-overlay__wrapper,[popover].igx-overlay__wrapper--modal,[popover].igx-overlay__wrapper--flex,[popover].igx-overlay__wrapper--flex-container{position:fixed !important;margin:0 !important;border:0 !important;padding:0 !important;width:auto;height:auto;overflow:visible !important}[popover].igx-overlay__wrapper:not(:popover-open),[popover].igx-overlay__wrapper--modal:not(:popover-open),[popover].igx-overlay__wrapper--flex:not(:popover-open),[popover].igx-overlay__wrapper--flex-container:not(:popover-open){display:initial !important}.igx-overlay__wrapper--modal{background:var(--background-color);pointer-events:initial}.igx-overlay__wrapper--flex{display:flex}.igx-overlay__wrapper--flex-container{display:flex;position:absolute}.igx-overlay__content,.igx-overlay__content--modal,.igx-overlay__content--elastic,.igx-overlay__content--relative{position:absolute;pointer-events:all;box-sizing:content-box}.igx-overlay__content--modal{pointer-events:initial}.igx-overlay__content--elastic{overflow:auto}.igx-overlay__content--relative{position:relative}.igx-toggle--hidden:not(.igx-toggle--hidden-webkit){display:none !important}.igx-toggle--hidden-webkit{position:absolute;visibility:hidden;width:0;min-width:0;height:0;padding:0 !important;top:0;left:0;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.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: bootstrap;--ig-theme-variant: light}@-moz-document url-prefix(){.ig-scrollbar{scrollbar-width:var(--sb-size);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}}.ig-scrollbar ::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}.ig-scrollbar ::-webkit-scrollbar-track{background:var(--sb-track-bg-color)}.ig-scrollbar ::-webkit-scrollbar-track:hover,.ig-scrollbar ::-webkit-scrollbar-track:active{background:var(--sb-track-bg-color-hover)}.ig-scrollbar ::-webkit-scrollbar-thumb{min-height:var(--sb-thumb-min-height);border-radius:var(--sb-thumb-border-radius);border:var(--sb-thumb-border-size) solid var(--sb-thumb-border-color);background-clip:content-box;background-color:var(--sb-thumb-bg-color)}.ig-scrollbar ::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-bg-color-hover)}.ig-scrollbar ::-webkit-scrollbar-corner{background:var(--sb-corner-bg);border:var(--sb-corner-border-size) solid var(--sb-corner-border-color)}.ig-scrollbar ::-webkit-scrollbar-track-piece{border:var(--sb-track-border-size) solid var(--sb-track-border-color)}@media(hover: none){.ig-scrollbar ::-webkit-scrollbar{width:auto;height:auto}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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/0.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, 0.25) * 1rem), 1rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.base{.igx-tooltip{display:flex;align-items:flex-start;text-align:start;background:var(--background);color:var(--text-color);border-radius:var(--border-radius);box-shadow:var(--elevation);padding:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;min-height:1.5rem;min-width:1.5rem;max-width:12.5rem;width:-moz-fit-content;width:fit-content}.igx-tooltip igx-icon{--component-size: 1}.igx-tooltip igx-tooltip-close-button{display:flex;cursor:default}.igx-tooltip:not([data-default]){max-width:initial}.igx-tooltip--top{border-left:.25rem solid rgba(0,0,0,0);border-right:.25rem solid rgba(0,0,0,0);border-top:.25rem solid var(--background)}.igx-tooltip--bottom{border-left:.25rem solid rgba(0,0,0,0);border-right:.25rem solid rgba(0,0,0,0);border-bottom:.25rem solid var(--background)}.igx-tooltip--left{border-top:.25rem solid rgba(0,0,0,0);border-bottom:.25rem solid rgba(0,0,0,0);border-left:.25rem solid var(--background)}.igx-tooltip--right{border-top:.25rem solid rgba(0,0,0,0);border-bottom:.25rem solid rgba(0,0,0,0);border-right:.25rem solid var(--background)}.igx-tooltip--hidden{display:none}}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.25) * 1rem), 1rem)));--ig-theme: bootstrap;--ig-theme-variant: light}igc-trial-watermark::part(link){font-family:var(--ig-font-family)}
1
+ .igx-display-container{display:inherit;flex-flow:inherit;position:relative;width:100%;overflow:hidden;flex-shrink:0}.igx-display-container--inactive{width:100%}.igx-drag{touch-action:none}.igx-drag--select-disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none}.igx-drag__handle{-webkit-user-select:none;-moz-user-select:none;user-select:none}.igx-vhelper--vertical,.igx-vhelper--horizontal{display:block;overflow:auto;z-index:10001}.igx-vhelper--vertical{position:absolute;top:0;inset-inline-end:0;width:var(--vhelper-scrollbar-size)}.igx-vhelper--horizontal{width:100%}.igx-vhelper--vertical .igx-vhelper__placeholder-content{width:1px}.igx-vhelper--horizontal .igx-vhelper__placeholder-content{height:1px}[hidden]{display:none !important}[class^=igx-],[class^=igx-] *,[class^=igx-] *::before,[class^=igx-] *::after,[class^=ig-],[class^=ig-] *,[class^=ig-] *::before,[class^=ig-] *::after{box-sizing:border-box}@property --ig-size-small{syntax:"<number> | <integer>";initial-value:1;inherits:true}@property --ig-size-medium{syntax:"<number> | <integer>";initial-value:2;inherits:true}@property --ig-size-large{syntax:"<number> | <integer>";initial-value:3;inherits:true}@property --ig-spacing{syntax:"<number> | <integer>";initial-value:1;inherits:true}:root{--ig-spacing-inline-small: var(--ig-spacing-inline, var(--ig-spacing-small));--ig-spacing-inline-medium: var(--ig-spacing-inline, var(--ig-spacing-medium));--ig-spacing-inline-large: var(--ig-spacing-inline, var(--ig-spacing-large));--ig-spacing-block-small: var(--ig-spacing-block, var(--ig-spacing-small));--ig-spacing-block-medium: var(--ig-spacing-block, var(--ig-spacing-medium));--ig-spacing-block-large: var(--ig-spacing-block, var(--ig-spacing-large))}@property --_transition-delay{syntax:"<time>";initial-value:-1s;inherits:true}@property --_progress-integer{syntax:"<number>";initial-value:0;inherits:true}@property --_progress-fraction{syntax:"<number>";initial-value:0;inherits:true}@property --ig-theme{syntax:"material | indigo | fluent | bootstrap";initial-value:material;inherits:true}@property --ig-theme-variant{syntax:"light | dark";initial-value:light;inherits:true}@property --vhelper-scollbar-size{syntax:"<length>";initial-value:16px;inherits:true}@media print{html,body,app-root{min-height:100vh;min-width:100vw;margin:0}app-root{display:block}*{-webkit-print-color-adjust:exact;filter:opacity(1);print-color-adjust:exact;text-shadow:none !important}a[href^=http]::after{content:"[" attr(href) "]";color:blue}.igx-no-print{display:none !important}.igx-bw-print{filter:grayscale(100%)}igx-circular-bar,igx-linear-bar,.igx-carousel__indicators,.igx-carousel__arrow--prev,.igx-carousel__arrow--next,.igx-ripple,.igx-grid__tbody-scrollbar,igx-switch__ripple,igx-virtual-helper{display:none !important}igx-grid .igx-grid-th__title,igx-grid .igx-grid__td-text{white-space:unset !important;text-overflow:initial !important;overflow:visible !important}}@keyframes enable-transitions{to{--_transition-delay: 0s}}@layer ig.base{.ig-typography{font-family:var(--ig-font-family)}.ig-typography igx-category-chart{--title-text-style: var(--igx-category-chart-title-text-style, var(--ig-category-chart-title-text-style, 500 1rem var(--ig-font-family)));--subtitle-text-style: var(--igx-category-chart-subtitle-text-style, var(--ig-category-chart-subtitle-text-style, 700 1rem var(--ig-font-family)));--x-axis-label-text-style: var(--igx-category-chart-x-axis-label-text-style, var(--ig-category-chart-x-axis-label-text-style, 400 0.875rem var(--ig-font-family)));--x-axis-title-text-style: var(--igx-category-chart-x-axis-title-text-style, var(--ig-category-chart-x-axis-title-text-style, 400 0.875rem var(--ig-font-family)));--y-axis-label-text-style: var(--igx-category-chart-y-axis-label-text-style, var(--ig-category-chart-y-axis-label-text-style, 400 0.875rem var(--ig-font-family)));--y-axis-title-text-style: var(--igx-category-chart-y-axis-title-text-style, var(--ig-category-chart-y-axis-title-text-style, 400 0.875rem var(--ig-font-family)))}.ig-typography igx-data-chart{--title-text-style: var(--igx-data-chart-title-text-style, var(--ig-data-chart-title-text-style, 500 1rem var(--ig-font-family)));--subtitle-text-style: var(--igx-data-chart-subtitle-text-style, var(--ig-data-chart-subtitle-text-style, 700 1rem var(--ig-font-family)))}.ig-typography igx-financial-chart{--title-text-style: var(--igx-financial-chart-title-text-style, var(--ig-financial-chart-title-text-style, 500 1rem var(--ig-font-family)));--subtitle-text-style: var(--igx-financial-chart-subtitle-text-style, var(--ig-financial-chart-subtitle-text-style, 700 1rem var(--ig-font-family)));--x-axis-label-text-style: var(--igx-financial-chart-x-axis-label-text-style, var(--ig-financial-chart-x-axis-label-text-style, 400 0.875rem var(--ig-font-family)));--x-axis-title-text-style: var(--igx-financial-chart-x-axis-title-text-style, var(--ig-financial-chart-x-axis-title-text-style, 400 0.875rem var(--ig-font-family)));--y-axis-label-text-style: var(--igx-financial-chart-y-axis-label-text-style, var(--ig-financial-chart-y-axis-label-text-style, 400 0.875rem var(--ig-font-family)));--y-axis-title-text-style: var(--igx-financial-chart-y-axis-title-text-style, var(--ig-financial-chart-y-axis-title-text-style, 400 0.875rem var(--ig-font-family)))}.ig-typography igx-funnel-chart{--outer-label-text-style: var(--igx-funnel-chart-outer-label-text-style, var(--ig-funnel-chart-outer-label-text-style, 500 2.5rem var(--ig-font-family)));--text-style: var(--igx-funnel-chart-text-style, var(--ig-funnel-chart-text-style, 700 1rem var(--ig-font-family)))}.ig-typography igx-linear-gauge{--linear-gauge-font: var(--ig-font-family, inherit)}.ig-typography igx-radial-gauge{--radial-gauge-font: var(--ig-font-family, inherit)}.ig-typography igx-bullet-graph{--bullet-graph-font: var(--ig-font-family, inherit)}.ig-typography igx-pie-chart{--text-style: var(--igx-pie-chart-text-style, var(--ig-pie-chart-text-style, 400 0.875rem var(--ig-font-family)))}.ig-typography igx-shape-chart{--title-text-style: var(--igx-shape-chart-title-text-style, var(--ig-shape-chart-title-text-style, 500 1rem var(--ig-font-family)));--subtitle-text-style: var(--igx-shape-chart-subtitle-text-style, var(--ig-shape-chart-subtitle-text-style, 700 1rem var(--ig-font-family)));--x-axis-title-text-style: var(--igx-shape-chart-x-axis-title-text-style, var(--ig-shape-chart-x-axis-title-text-style, 500 1.75rem var(--ig-font-family)));--x-axis-label-text-style: var(--igx-shape-chart-x-axis-label-text-style, var(--ig-shape-chart-x-axis-label-text-style, 500 1.5rem var(--ig-font-family)));--y-axis-title-text-style: var(--igx-shape-chart-y-axis-title-text-style, var(--ig-shape-chart-y-axis-title-text-style, 500 1.75rem var(--ig-font-family)));--y-axis-label-text-style: var(--igx-shape-chart-y-axis-label-text-style, var(--ig-shape-chart-y-axis-label-text-style, 500 1.5rem var(--ig-font-family)))}.ig-typography .igx-button{font-family:var(--ig-button-font-family, var(--ig-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);text-align:center}.ig-typography .igx-button--fab{font-family:var(--ig-button-font-family, var(--ig-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);text-align:center;margin:0}.ig-typography igx-dock-manager{--igc-font-family: var(--ig-font-family, inherit)}.ig-typography .igx-icon-button{font-family:var(--ig-button-font-family, var(--ig-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);text-align:center}.ig-typography [igxLabel]{font-family:var(--ig-body-1-font-family, var(--ig-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);margin:0}.ig-typography .igx-tooltip{line-height:1rem;font-size:.625rem;font-weight:600}}:root{--ig-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--ig-base-font-size: 16px;--ig-h1-font-size: 2.5rem;--ig-h1-font-weight: 500;--ig-h1-font-style: normal;--ig-h1-line-height: 3rem;--ig-h1-letter-spacing: -0.09375rem;--ig-h1-text-transform: none;--ig-h1-margin-top: 0;--ig-h1-margin-bottom: 0.5rem;--ig-h2-font-size: 2rem;--ig-h2-font-weight: 500;--ig-h2-font-style: normal;--ig-h2-line-height: 2.4rem;--ig-h2-letter-spacing: normal;--ig-h2-text-transform: none;--ig-h2-margin-top: 0;--ig-h2-margin-bottom: 0.5rem;--ig-h3-font-size: 1.75rem;--ig-h3-font-weight: 500;--ig-h3-font-style: normal;--ig-h3-line-height: 2.1rem;--ig-h3-letter-spacing: normal;--ig-h3-text-transform: none;--ig-h3-margin-top: 0;--ig-h3-margin-bottom: 0.5rem;--ig-h4-font-size: 1.5rem;--ig-h4-font-weight: 500;--ig-h4-font-style: normal;--ig-h4-line-height: 1.8rem;--ig-h4-letter-spacing: normal;--ig-h4-text-transform: none;--ig-h4-margin-top: 0;--ig-h4-margin-bottom: 0.5rem;--ig-h5-font-size: 1.25rem;--ig-h5-font-weight: 500;--ig-h5-font-style: normal;--ig-h5-line-height: 1.5rem;--ig-h5-letter-spacing: normal;--ig-h5-text-transform: none;--ig-h5-margin-top: 0;--ig-h5-margin-bottom: 0.5rem;--ig-h6-font-size: 1rem;--ig-h6-font-weight: 500;--ig-h6-font-style: normal;--ig-h6-line-height: 1.2rem;--ig-h6-letter-spacing: normal;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0.5rem;--ig-subtitle-1-font-size: 1rem;--ig-subtitle-1-font-weight: 700;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.5rem;--ig-subtitle-1-letter-spacing: normal;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.875rem;--ig-subtitle-2-font-weight: 700;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1.5rem;--ig-subtitle-2-letter-spacing: normal;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 1rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.5rem;--ig-body-1-letter-spacing: normal;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 0;--ig-body-1-margin-bottom: 0;--ig-body-2-font-size: 0.875rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1.3125rem;--ig-body-2-letter-spacing: normal;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 1rem;--ig-button-font-weight: 400;--ig-button-font-style: normal;--ig-button-line-height: 1.5rem;--ig-button-letter-spacing: normal;--ig-button-text-transform: none;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.75rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 1rem;--ig-caption-letter-spacing: normal;--ig-caption-text-transform: none;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.625rem;--ig-overline-font-weight: 400;--ig-overline-font-style: normal;--ig-overline-line-height: 1rem;--ig-overline-letter-spacing: 0.09375rem;--ig-overline-text-transform: uppercase;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0;--ig-calendar-labels-font-size: 0.8125rem;--ig-calendar-labels-font-weight: 400;--ig-calendar-labels-font-style: normal;--ig-calendar-labels-line-height: normal;--ig-calendar-labels-letter-spacing: normal;--ig-calendar-labels-text-transform: none;--ig-calendar-labels-margin-top: 0;--ig-calendar-labels-margin-bottom: 0}.ig-typography :where(h1):not(:where([data-no-typography],[data-no-typography] *)){font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography :where(h2):not(:where([data-no-typography],[data-no-typography] *)){font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography :where(h3):not(:where([data-no-typography],[data-no-typography] *)){font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography :where(h4):not(:where([data-no-typography],[data-no-typography] *)){font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography :where(h5):not(:where([data-no-typography],[data-no-typography] *)){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography :where(h6):not(:where([data-no-typography],[data-no-typography] *)){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography :where(p):not(:where([data-no-typography],[data-no-typography] *)){font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}:root{--ig-wcag-a: 0.31;--ig-wcag-aa: 0.185;--ig-wcag-aaa: 0.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)}:root{--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 * 0.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 * 0.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 * 0.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 * 0.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: #0d6efd;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-primary-900-contrast: hsla(from color(from var(--ig-primary-900) var(--y-contrast)) h 0 l/1);--ig-primary-seed: #0d6efd;--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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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: #6c757d;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-secondary-900-contrast: hsla(from color(from var(--ig-secondary-900) var(--y-contrast)) h 0 l/1);--ig-secondary-seed: #6c757d;--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 * 0.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 * 0.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(210, 10.81%, 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: #adb5bd;--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 * 0.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 * 0.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 * 0.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 * 0.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: #f8f9fa;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #f8f9fa;--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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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: #0dcaf0;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-info-900-contrast: hsla(from color(from var(--ig-info-900) var(--y-contrast)) h 0 l/1);--ig-info-seed: #0dcaf0;--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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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: #198754;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-success-900-contrast: hsla(from color(from var(--ig-success-900) var(--y-contrast)) h 0 l/1);--ig-success-seed: #198754;--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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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: #ffc107;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-warn-900-contrast: hsla(from color(from var(--ig-warn-900) var(--y-contrast)) h 0 l/1);--ig-warn-seed: #ffc107;--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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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 * 0.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: #dc3545;--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 * 0.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 * 0.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 * 0.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 * 0.64));--ig-error-900-contrast: hsla(from color(from var(--ig-error-900) var(--y-contrast)) h 0 l/1);--ig-error-seed: #dc3545;--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 * 0.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 * 0.65));--ig-error-A700-contrast: hsla(from color(from var(--ig-error-A700) var(--y-contrast)) h 0 l/1)}:root{--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--ig-theme: bootstrap;--ig-theme-variant: light}@layer ig.reset, ig.base, ig.bootstrap, ig.derived;@layer ig.bootstrap{@container style(--ig-theme: bootstrap) 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/0.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.1666666667) * 1.5rem), 1.5rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, 0.25rem));--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-100-contrast)));--text-color: var(--igx-badge-text-color, var(--ig-badge-text-color, var(--ig-primary-100-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, max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem))));--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(0.875rem, -1 * 0.875rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem))));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-800)));--banner-illustration-color: var(--igx-banner-banner-illustration-color, var(--ig-banner-banner-illustration-color, var(--ig-gray-800)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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, hsl(from var(--ig-primary-600) h s l/0.5)));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--ig-primary-600-contrast)));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, var(--ig-primary-500)));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, var(--ig-primary-500)));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--ig-primary-600)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-button-group-item-hover-text-color, var(--ig-primary-600-contrast)));--item-focused-text-color: var(--igx-button-group-item-focused-text-color, var(--ig-button-group-item-focused-text-color, var(--ig-primary-600-contrast)));--item-focused-border-color: var(--igx-button-group-item-focused-border-color, var(--ig-button-group-item-focused-border-color, var(--ig-primary-500)));--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-primary-600-contrast)));--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-primary-600)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, var(--ig-primary-600)));--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-primary-700-contrast)));--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-primary-700-contrast)));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-button-group-item-selected-focus-background, var(--ig-primary-700)));--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-primary-800)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, var(--ig-primary-900)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, var(--ig-primary-800)));--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-primary-900)));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--ig-primary-50)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, 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-primary-600-contrast)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--ig-primary-600)));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--ig-primary-600-contrast)));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--ig-primary-500)));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-primary-700)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--ig-primary-700-contrast)));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--ig-primary-700-contrast)));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--ig-primary-700)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, var(--ig-primary-800)));--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-primary-800)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, var(--ig-primary-800)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, var(--ig-primary-200)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--ig-primary-50)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, var(--ig-primary-100)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--ig-primary-200)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--ig-primary-200)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--ig-primary-100)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-calendar{--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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-gray-100)));--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, 0.2) * 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, 0.2) * 1.25rem), 1.25rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-primary-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, transparent));--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-primary-900)));--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-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, 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, transparent));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.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/0.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, 0.2) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--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, 0.2) * 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)));--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) * 0.5rem), 0.5rem)));--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-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-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-800)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-800)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-800)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-800)));--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-800)));--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-800)));--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-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-primary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-primary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-primary-600)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-primary-600)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-primary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-600)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-600)));--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-200)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-500)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-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-600)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-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-600)));--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-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-gray-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-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-primary-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-primary-900-contrast)));--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-primary-500) h s l/0.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-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-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-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-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast)));--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-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--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, transparent));--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-primary-900-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast)));--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-primary-900-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500)));--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-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-calendar-picker--standalone{--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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-gray-100)));--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, 0.2) * 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, 0.2) * 1.25rem), 1.25rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-primary-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, transparent));--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-primary-900)));--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-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, 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, transparent));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.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/0.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, 0.2) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--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, 0.2) * 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)));--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) * 0.5rem), 0.5rem)));--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-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-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-800)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-800)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-800)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-800)));--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-800)));--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-800)));--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-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-primary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-primary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-primary-600)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-primary-600)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-primary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-600)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-600)));--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-200)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-500)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-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-600)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-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-600)));--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-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-gray-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-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-primary-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-primary-900-contrast)));--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-primary-500) h s l/0.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-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-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-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-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast)));--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-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--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, transparent));--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-primary-900-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast)));--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-primary-900-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500)));--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-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-calendar-view--standalone{--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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-gray-100)));--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, 0.2) * 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, 0.2) * 1.25rem), 1.25rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-primary-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, transparent));--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-primary-900)));--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-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, 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, transparent));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.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/0.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, 0.2) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--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, 0.2) * 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)));--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) * 0.5rem), 0.5rem)));--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-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-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-800)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-800)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-800)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-800)));--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-800)));--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-800)));--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-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-primary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-primary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-primary-600)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-primary-600)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-primary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-600)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-600)));--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-200)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-500)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-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-600)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-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-600)));--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-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-gray-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-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-primary-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-primary-900-contrast)));--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-primary-500) h s l/0.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-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-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-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-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast)));--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-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--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, transparent));--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-primary-900-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast)));--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-primary-900-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500)));--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-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-days-view--standalone{--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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-gray-100)));--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, 0.2) * 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, 0.2) * 1.25rem), 1.25rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-primary-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, transparent));--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-primary-900)));--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-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, 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, transparent));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.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/0.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, 0.2) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--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, 0.2) * 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)));--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) * 0.5rem), 0.5rem)));--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-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-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-800)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-800)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-800)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-800)));--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-800)));--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-800)));--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-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-primary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-primary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-primary-600)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-primary-600)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-primary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-600)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-600)));--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-200)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-500)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-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-600)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-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-600)));--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-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-gray-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-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-primary-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-primary-900-contrast)));--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-primary-500) h s l/0.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-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-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-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-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast)));--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-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--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, transparent));--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-primary-900-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast)));--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-primary-900-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500)));--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-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--picker-background: var(--igx-calendar-picker-background, var(--ig-calendar-picker-background, var(--ig-gray-100)));--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, 0.2) * 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, 0.2) * 1.25rem), 1.25rem)));--week-number-foreground: var(--igx-calendar-week-number-foreground, var(--ig-calendar-week-number-foreground, var(--ig-primary-600)));--week-number-background: var(--igx-calendar-week-number-background, var(--ig-calendar-week-number-background, transparent));--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-primary-900)));--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-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, 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, transparent));--date-disabled-foreground: var(--igx-calendar-date-disabled-foreground, var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.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/0.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, 0.2) * 1.25rem), 1.25rem)));--picker-foreground: var(--igx-calendar-picker-foreground, var(--ig-calendar-picker-foreground, var(--ig-gray-900)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--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, 0.2) * 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)));--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) * 0.5rem), 0.5rem)));--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-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-border-color: var(--igx-calendar-date-special-border-color, var(--ig-calendar-date-special-border-color, var(--ig-primary-800)));--date-special-hover-border-color: var(--igx-calendar-date-special-hover-border-color, var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-800)));--date-special-focus-border-color: var(--igx-calendar-date-special-focus-border-color, var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-800)));--date-special-range-border-color: var(--igx-calendar-date-special-range-border-color, var(--ig-calendar-date-special-range-border-color, var(--ig-primary-800)));--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-800)));--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-800)));--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-selected-foreground: var(--igx-calendar-date-selected-foreground, var(--ig-calendar-date-selected-foreground, var(--ig-primary-900-contrast)));--date-selected-background: var(--igx-calendar-date-selected-background, var(--ig-calendar-date-selected-background, var(--ig-primary-500)));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, var(--ig-calendar-date-selected-hover-background, var(--ig-primary-600)));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, var(--ig-calendar-date-selected-focus-background, var(--ig-primary-600)));--date-selected-special-foreground: var(--igx-calendar-date-selected-special-foreground, var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-900-contrast)));--date-selected-special-background: var(--igx-calendar-date-selected-special-background, var(--ig-calendar-date-selected-special-background, var(--ig-primary-500)));--date-selected-special-hover-foreground: var(--igx-calendar-date-selected-special-hover-foreground, var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast)));--date-selected-special-hover-background: var(--igx-calendar-date-selected-special-hover-background, var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-600)));--date-selected-special-focus-foreground: var(--igx-calendar-date-selected-special-focus-foreground, var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast)));--date-selected-special-focus-background: var(--igx-calendar-date-selected-special-focus-background, var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-600)));--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-200)));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, var(--ig-calendar-date-selected-current-background, var(--ig-primary-500)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast)));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-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-600)));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-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-600)));--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-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-gray-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-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-primary-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-primary-900-contrast)));--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-primary-500) h s l/0.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-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-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-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-selected-current-hover-foreground: var(--igx-calendar-ym-selected-current-hover-foreground, var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast)));--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-hover-background: var(--igx-calendar-ym-hover-background, var(--ig-calendar-ym-hover-background, var(--ig-gray-200)));--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, transparent));--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-primary-900-contrast)));--ym-selected-background: var(--igx-calendar-ym-selected-background, var(--ig-calendar-ym-selected-background, var(--ig-primary-500)));--ym-selected-hover-foreground: var(--igx-calendar-ym-selected-hover-foreground, var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast)));--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-primary-900-contrast)));--ym-selected-current-background: var(--igx-calendar-ym-selected-current-background, var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500)));--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-color: var(--igx-calendar-ym-selected-current-outline-color, var(--ig-calendar-ym-selected-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-800)));--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-500)));--outline-color: var(--igx-card-outline-color, var(--ig-card-outline-color, var(--ig-gray-400)));--border-radius: var(--igx-card-border-radius, var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem)));--default-size: var(--igx-card-default-size, var(--ig-card-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-carousel{--button-elevation: var(--igx-carousel-button-elevation, var(--ig-carousel-button-elevation, var(--ig-elevation-0)));--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-primary-600)));--button-focus-border-color: var(--igx-carousel-button-focus-border-color, var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5)));--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/0.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/0.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, 0.1111111111) * 2.25rem), 2.25rem)));--button-focus-arrow-color: var(--igx-carousel-button-focus-arrow-color, var(--ig-carousel-button-focus-arrow-color, var(--ig-gray-700)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, 3.375rem));--track-border-radius: var(--igx-circular-bar-track-border-radius, var(--ig-circular-bar-track-border-radius, 0rem));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-checkbox{--tick-color: var(--igx-checkbox-tick-color, var(--ig-checkbox-tick-color, var(--ig-primary-900-contrast)));--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, var(--ig-gray-900-contrast)));--fill-color: var(--igx-checkbox-fill-color, var(--ig-checkbox-fill-color, var(--ig-primary-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, hsl(from var(--ig-error-200) h s l/0.5)));--disabled-color: var(--igx-checkbox-disabled-color, var(--ig-checkbox-disabled-color, var(--ig-gray-300)));--disabled-fill-color: var(--igx-checkbox-disabled-fill-color, var(--ig-checkbox-disabled-fill-color, var(--ig-primary-200)));--disabled-tick-color: var(--igx-checkbox-disabled-tick-color, var(--ig-checkbox-disabled-tick-color, var(--ig-primary-900-contrast)));--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, 0.4) * 0.625rem), 0.625rem)));--border-radius-ripple: var(--igx-checkbox-border-radius-ripple, var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem)));--tick-color-hover: var(--igx-checkbox-tick-color-hover, var(--ig-checkbox-tick-color-hover, var(--ig-primary-900-contrast)));--empty-color: var(--igx-checkbox-empty-color, var(--ig-checkbox-empty-color, var(--ig-gray-400)));--empty-color-hover: var(--igx-checkbox-empty-color-hover, var(--ig-checkbox-empty-color-hover, var(--ig-gray-500)));--focus-border-color: var(--igx-checkbox-focus-border-color, var(--ig-checkbox-focus-border-color, var(--ig-primary-200)));--focus-outline-color: var(--igx-checkbox-focus-outline-color, var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5)));--fill-color-hover: var(--igx-checkbox-fill-color-hover, var(--ig-checkbox-fill-color-hover, var(--ig-primary-600)));--disabled-indeterminate-color: var(--igx-checkbox-disabled-indeterminate-color, var(--ig-checkbox-disabled-indeterminate-color, var(--ig-primary-200)));--error-color-hover: var(--igx-checkbox-error-color-hover, var(--ig-checkbox-error-color-hover, var(--ig-error-600)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-chip{--ghost-elevation: var(--igx-chip-ghost-elevation, var(--ig-chip-ghost-elevation, var(--ig-elevation-0)));--remove-icon-color: var(--igx-chip-remove-icon-color, var(--ig-chip-remove-icon-color, 'currentColor'));--focus-outline-color: var(--igx-chip-focus-outline-color, var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-500) h s l/0.38)));--focus-selected-outline-color: var(--igx-chip-focus-selected-outline-color, var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-gray-500) h s l/0.38)));--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)));--border-color: var(--igx-chip-border-color, var(--ig-chip-border-color, transparent));--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)));--hover-border-color: var(--igx-chip-hover-border-color, var(--ig-chip-hover-border-color, transparent));--focus-text-color: var(--igx-chip-focus-text-color, var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast)));--focus-border-color: var(--igx-chip-focus-border-color, var(--ig-chip-focus-border-color, transparent));--selected-text-color: var(--igx-chip-selected-text-color, var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast)));--selected-background: var(--igx-chip-selected-background, var(--ig-chip-selected-background, var(--ig-gray-200)));--selected-border-color: var(--igx-chip-selected-border-color, var(--ig-chip-selected-border-color, transparent));--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)));--hover-selected-border-color: var(--igx-chip-hover-selected-border-color, var(--ig-chip-hover-selected-border-color, transparent));--focus-selected-border-color: var(--igx-chip-focus-selected-border-color, var(--ig-chip-focus-selected-border-color, transparent));--border-radius: var(--igx-chip-border-radius, var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 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-border-color: var(--igx-chip-disabled-border-color, var(--ig-chip-disabled-border-color, 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));--text-color: var(--igx-chip-text-color, var(--ig-chip-text-color, var(--ig-gray-200-contrast)));--focus-background: var(--igx-chip-focus-background, var(--ig-chip-focus-background, var(--ig-gray-200)));--focus-selected-background: var(--igx-chip-focus-selected-background, var(--ig-chip-focus-selected-background, var(--ig-gray-200)));--focus-selected-text-color: var(--igx-chip-focus-selected-text-color, var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-600)));--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-300)));--toggle-button-foreground: var(--igx-combo-toggle-button-foreground, var(--ig-combo-toggle-button-foreground, var(--ig-gray-800)));--toggle-button-foreground-focus: var(--igx-combo-toggle-button-foreground-focus, var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-800)));--toggle-button-foreground-filled: var(--igx-combo-toggle-button-foreground-filled, var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-800)));--clear-button-background: var(--igx-combo-clear-button-background, var(--ig-combo-clear-button-background, var(--ig-gray-300)));--clear-button-foreground: var(--igx-combo-clear-button-foreground, var(--ig-combo-clear-button-foreground, var(--ig-gray-800)));--clear-button-foreground-focus: var(--igx-combo-clear-button-foreground-focus, var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-800)));--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-400)));--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-300)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, var(--ig-gray-300)));--border-radius: var(--igx-calendar-border-radius, var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--header-background: var(--igx-calendar-header-background, var(--ig-calendar-header-background, var(--ig-gray-100)));--header-foreground: var(--igx-calendar-header-foreground, var(--ig-calendar-header-foreground, var(--ig-gray-100-contrast)));--actions-divider-color: var(--igx-calendar-actions-divider-color, var(--ig-calendar-actions-divider-color, var(--ig-gray-300)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-300)));--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.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-dialog{--elevation: var(--igx-dialog-elevation, var(--ig-dialog-elevation, var(--ig-elevation-0)));--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, var(--ig-gray-300)));--backdrop: var(--igx-dialog-backdrop, var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54)));--border-radius: var(--igx-dialog-border-radius, var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem)));--default-size: var(--igx-dialog-default-size, var(--ig-dialog-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-drop-down{--elevation: var(--igx-drop-down-elevation, var(--ig-drop-down-elevation, var(--ig-elevation-0)));--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-gray-700)));--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-200)));--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-200)));--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-primary-500)));--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-400)));--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, 1px));--border-radius: var(--igx-drop-down-border-radius, var(--ig-drop-down-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.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-primary-600-contrast)));--selected-item-icon-color: var(--igx-drop-down-selected-item-icon-color, var(--ig-drop-down-selected-item-icon-color, var(--ig-primary-600-contrast)));--selected-hover-item-background: var(--igx-drop-down-selected-hover-item-background, var(--ig-drop-down-selected-hover-item-background, var(--ig-primary-600)));--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-primary-600-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-primary-600-contrast)));--selected-focus-item-background: var(--igx-drop-down-selected-focus-item-background, var(--ig-drop-down-selected-focus-item-background, var(--ig-primary-600)));--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-primary-600-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-excel-filter{--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-primary-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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-primary-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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-800)));--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, 0.5rem));--border-radius: var(--igx-expansion-panel-border-radius, var(--ig-expansion-panel-border-radius, 0rem, 0rem, 1rem));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-surface-500)));--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-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 0.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-100)));--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-primary-400)));--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, 0.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/0.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, 0.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, 0.0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-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-primary-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-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-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-600)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-600)));--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-primary-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, 0.25) * 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, var(--ig-surface-500-contrast)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-50)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-primary-50-contrast)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-primary-100)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-primary-100-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-primary-50)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-primary-100)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-primary-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-primary-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-primary-100)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-700)));--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-gray-300-contrast)));--border-width: var(--igx-grid-summary-border-width, var(--ig-grid-summary-border-width, 1px));--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-width: var(--igx-grid-summary-pinned-border-width, var(--ig-grid-summary-pinned-border-width, 2px));--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-100)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@scope (.igx-icon){: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: bootstrap;--ig-theme-variant: light}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) 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, var(--ig-gray-300)));--input-prefix-color: var(--igx-input-group-input-prefix-color, var(--ig-input-group-input-prefix-color, var(--ig-gray-800)));--input-prefix-background--filled: var(--igx-input-group-input-prefix-background--filled, var(--ig-input-group-input-prefix-background--filled, var(--ig-gray-300)));--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, var(--ig-gray-300)));--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, var(--ig-gray-300)));--input-suffix-color: var(--igx-input-group-input-suffix-color, var(--ig-input-group-input-suffix-color, var(--ig-gray-800)));--input-suffix-background--filled: var(--igx-input-group-input-suffix-background--filled, var(--ig-input-group-input-suffix-background--filled, var(--ig-gray-300)));--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, var(--ig-gray-300)));--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-400)));--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, hsl(from var(--ig-primary-500) h s l/0.38)));--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-300)));--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-900)));--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-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-400)));--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, 0.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, 0.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, 0.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/0.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/0.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.375rem, -1 * 2.375rem), 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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, var(--ig-gray-100)));--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-400)));--file-selector-button-background: var(--igx-file-input-file-selector-button-background, var(--ig-file-input-file-selector-button-background, var(--ig-gray-300)));--file-selector-button-background--focused: var(--igx-file-input-file-selector-button-background--focused, var(--ig-file-input-file-selector-button-background--focused, var(--ig-gray-300)));--file-selector-button-background--filled: var(--igx-file-input-file-selector-button-background--filled, var(--ig-file-input-file-selector-button-background--filled, var(--ig-gray-300)));--file-selector-button-background--disabled: var(--igx-file-input-file-selector-button-background--disabled, var(--ig-file-input-file-selector-button-background--disabled, var(--ig-gray-100)));--file-selector-button-foreground: var(--igx-file-input-file-selector-button-foreground, var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-800)));--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-400)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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/0.2)));--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.5) * 0.5rem), 0.5rem)));--track-height: var(--igx-linear-bar-track-height, var(--ig-linear-bar-track-height, 1rem));--strip-size: var(--igx-linear-bar-strip-size, var(--ig-linear-bar-strip-size, 0.3125rem));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-gray-900-contrast)));--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-gray-900-contrast)));--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-900)));--item-text-color-hover: var(--igx-list-item-text-color-hover, var(--ig-list-item-text-color-hover, var(--ig-gray-900)));--item-text-color-active: var(--igx-list-item-text-color-active, var(--ig-list-item-text-color-active, var(--ig-gray-900)));--item-text-color-selected: var(--igx-list-item-text-color-selected, var(--ig-list-item-text-color-selected, var(--ig-gray-900)));--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-300)));--border-width: var(--igx-list-border-width, var(--ig-list-border-width, 0.0625rem));--border-radius: var(--igx-list-border-radius, var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, 5.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-400)));--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, 0.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, hsl(from var(--ig-gray-200) h s l/0.8)));--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, var(--ig-primary-500)));--item-active-icon-color: var(--igx-nav-drawer-item-active-icon-color, var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast)));--item-active-text-color: var(--igx-nav-drawer-item-active-text-color, var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast)));--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-900)));--item-header-text-color: var(--igx-nav-drawer-item-header-text-color, var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-900)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-navbar{--elevation: var(--igx-navbar-elevation, var(--ig-navbar-elevation, var(--ig-elevation-0)));--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-surface-500-contrast)));--idle-icon-color: var(--igx-navbar-idle-icon-color, var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast)));--hover-icon-color: var(--igx-navbar-hover-icon-color, var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast)));--border-color: var(--igx-navbar-border-color, var(--ig-navbar-border-color, var(--ig-gray-300)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-50)));--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-advanced-filtering-dialog{--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, var(--ig-gray-300)));--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, 0.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, 0.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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.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, var(--ig-gray-300)));--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, 0.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, 0.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: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-radio{--empty-fill-color: var(--igx-radio-empty-fill-color, var(--ig-radio-empty-fill-color, var(--ig-gray-900-contrast)));--hover-color: var(--igx-radio-hover-color, var(--ig-radio-hover-color, var(--ig-gray-500)));--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-500)));--disabled-color: var(--igx-radio-disabled-color, var(--ig-radio-disabled-color, var(--ig-gray-300)));--disabled-fill-color: var(--igx-radio-disabled-fill-color, var(--ig-radio-disabled-fill-color, var(--ig-primary-200)));--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, var(--ig-primary-200)));--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, hsl(from var(--ig-error-200) h s l/0.5)));--empty-color: var(--igx-radio-empty-color, var(--ig-radio-empty-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-900-contrast)));--fill-color-hover: var(--igx-radio-fill-color-hover, var(--ig-radio-fill-color-hover, var(--ig-primary-600)));--focus-outline-color: var(--igx-radio-focus-outline-color, var(--ig-radio-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5)));--error-color-hover: var(--igx-radio-error-color-hover, var(--ig-radio-error-color-hover, var(--ig-error-600)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-300)));--toggle-button-foreground: var(--igx-select-toggle-button-foreground, var(--ig-select-toggle-button-foreground, var(--ig-gray-800)));--toggle-button-foreground-focus: var(--igx-select-toggle-button-foreground-focus, var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-800)));--toggle-button-foreground-filled: var(--igx-select-toggle-button-foreground-filled, var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-800)));--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-400)));--default-size: var(--igx-select-default-size, var(--ig-select-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-slider{--track-color: var(--igx-slider-track-color, var(--ig-slider-track-color, var(--ig-gray-800)));--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, 0.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)));--track-hover-color: var(--igx-slider-track-hover-color, var(--ig-slider-track-hover-color, var(--ig-primary-500)));--thumb-color: var(--igx-slider-thumb-color, var(--ig-slider-thumb-color, var(--ig-primary-500)));--thumb-border-color: var(--igx-slider-thumb-border-color, var(--ig-slider-thumb-border-color, var(--ig-primary-500)));--thumb-border-hover-color: var(--igx-slider-thumb-border-hover-color, var(--ig-slider-thumb-border-hover-color, var(--ig-primary-500)));--thumb-border-focus-color: var(--igx-slider-thumb-border-focus-color, var(--ig-slider-thumb-border-focus-color, var(--ig-surface-500)));--thumb-focus-color: var(--igx-slider-thumb-focus-color, var(--ig-slider-thumb-focus-color, var(--ig-primary-200)));--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/0.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/0.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-500)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-snackbar{--elevation: var(--igx-snackbar-elevation, var(--ig-snackbar-elevation, var(--ig-elevation-10)));--background: var(--igx-snackbar-background, var(--ig-snackbar-background, var(--ig-surface-500)));--text-color: var(--igx-snackbar-text-color, var(--ig-snackbar-text-color, var(--ig-surface-500-contrast)));--button-color: var(--igx-snackbar-button-color, var(--ig-snackbar-button-color, var(--ig-primary-500)));--border-radius: var(--igx-snackbar-border-radius, var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-primary-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, 0.25rem));--border-radius: var(--igx-splitter-border-radius, var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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, transparent));--indicator-outline: var(--igx-stepper-indicator-outline, var(--ig-stepper-indicator-outline, var(--ig-gray-400)));--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-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-800)));--invalid-title-hover-color: var(--igx-stepper-invalid-title-hover-color, var(--ig-stepper-invalid-title-hover-color, var(--ig-error-800)));--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-800)));--invalid-subtitle-hover-color: var(--igx-stepper-invalid-subtitle-hover-color, var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-800)));--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, transparent));--disabled-indicator-outline: var(--igx-stepper-disabled-indicator-outline, var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-300)));--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, solid));--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, 0.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, 0.02) * 6.25rem), 6.25rem)));--indicator-color: var(--igx-stepper-indicator-color, var(--ig-stepper-indicator-color, var(--ig-primary-600)));--step-hover-background: var(--igx-stepper-step-hover-background, var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5)));--complete-step-hover-background: var(--igx-stepper-complete-step-hover-background, var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5)));--current-step-hover-background: var(--igx-stepper-current-step-hover-background, var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5)));--invalid-step-hover-background: var(--igx-stepper-invalid-step-hover-background, var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5)));--step-focus-background: var(--igx-stepper-step-focus-background, var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5)));--complete-step-focus-background: var(--igx-stepper-complete-step-focus-background, var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5)));--current-step-focus-background: var(--igx-stepper-current-step-focus-background, var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5)));--invalid-step-focus-background: var(--igx-stepper-invalid-step-focus-background, var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5)));--complete-indicator-background: var(--igx-stepper-complete-indicator-background, var(--ig-stepper-complete-indicator-background, var(--ig-gray-400)));--complete-indicator-outline: var(--igx-stepper-complete-indicator-outline, var(--ig-stepper-complete-indicator-outline, var(--ig-gray-400)));--complete-indicator-color: var(--igx-stepper-complete-indicator-color, var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-switch{--border-on-color: var(--igx-switch-border-on-color, var(--ig-switch-border-on-color, var(--ig-primary-500)));--track-on-color: var(--igx-switch-track-on-color, var(--ig-switch-track-on-color, var(--ig-primary-500)));--track-disabled-color: var(--igx-switch-track-disabled-color, var(--ig-switch-track-disabled-color, var(--ig-primary-800-contrast)));--track-off-color: var(--igx-switch-track-off-color, var(--ig-switch-track-off-color, var(--ig-gray-900-contrast)));--thumb-on-color: var(--igx-switch-thumb-on-color, var(--ig-switch-thumb-on-color, var(--ig-primary-800-contrast)));--thumb-on-disabled-color: var(--igx-switch-thumb-on-disabled-color, var(--ig-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast)));--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-primary-200)));--border-radius-thumb: var(--igx-switch-border-radius-thumb, var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem)));--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, hsl(from var(--ig-primary-200) h s l/0.5)));--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-500)));--border-hover-color: var(--igx-switch-border-hover-color, var(--ig-switch-border-hover-color, var(--ig-gray-500)));--focus-fill-color: var(--igx-switch-focus-fill-color, var(--ig-switch-focus-fill-color, var(--ig-primary-200)));--focus-fill-hover-color: var(--igx-switch-focus-fill-hover-color, var(--ig-switch-focus-fill-hover-color, var(--ig-primary-300)));--track-on-hover-color: var(--igx-switch-track-on-hover-color, var(--ig-switch-track-on-hover-color, var(--ig-primary-600)));--border-on-hover-color: var(--igx-switch-border-on-hover-color, var(--ig-switch-border-on-hover-color, var(--ig-primary-600)));--thumb-disabled-color: var(--igx-switch-thumb-disabled-color, var(--ig-switch-thumb-disabled-color, var(--ig-gray-300)));--border-disabled-color: var(--igx-switch-border-disabled-color, var(--ig-switch-border-disabled-color, var(--ig-gray-300)));--border-radius-track: var(--igx-switch-border-radius-track, var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-tabs{--item-text-color: var(--igx-tabs-item-text-color, var(--ig-tabs-item-text-color, var(--ig-primary-500)));--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-surface-500)));--item-hover-color: var(--igx-tabs-item-hover-color, var(--ig-tabs-item-hover-color, var(--ig-primary-700)));--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-800)));--item-icon-color: var(--igx-tabs-item-icon-color, var(--ig-tabs-item-icon-color, var(--ig-primary-500)));--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-800)));--item-hover-icon-color: var(--igx-tabs-item-hover-icon-color, var(--ig-tabs-item-hover-icon-color, var(--ig-primary-700)));--item-disabled-icon-color: var(--igx-tabs-item-disabled-icon-color, var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5)));--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-surface-500)));--item-disabled-color: var(--igx-tabs-item-disabled-color, var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5)));--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-primary-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-primary-500)));--button-disabled-color: var(--igx-tabs-button-disabled-color, var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5)));--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, var(--ig-gray-300)));--border-color--hover: var(--igx-tabs-border-color--hover, var(--ig-tabs-border-color--hover, var(--ig-gray-200)));--border-radius: var(--igx-tabs-border-radius, var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-primary-600)));--selected-text-color: var(--igx-time-picker-selected-text-color, var(--ig-time-picker-selected-text-color, var(--ig-primary-600)));--active-item-foreground: var(--igx-time-picker-active-item-foreground, var(--ig-time-picker-active-item-foreground, var(--ig-primary-500-contrast)));--active-item-background: var(--igx-time-picker-active-item-background, var(--ig-time-picker-active-item-background, var(--ig-primary-600)));--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, var(--ig-gray-300)));--divider-color: var(--igx-time-picker-divider-color, var(--ig-time-picker-divider-color, var(--ig-gray-300)));--border-radius: var(--igx-time-picker-border-radius, var(--ig-time-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.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-gray-100)));--header-hour-text-color: var(--igx-time-picker-header-hour-text-color, var(--ig-time-picker-header-hour-text-color, var(--ig-gray-100-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, 0.2) * 1.25rem), 1.25rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-toast{--elevation: var(--igx-toast-elevation, var(--ig-toast-elevation, var(--ig-elevation-10)));--background: var(--igx-toast-background, var(--ig-toast-background, var(--ig-surface-500)));--border-color: var(--igx-toast-border-color, var(--ig-toast-border-color, var(--ig-gray-300)));--text-color: var(--igx-toast-text-color, var(--ig-toast-text-color, var(--ig-gray-900)));--border-radius: var(--igx-toast-border-radius, var(--ig-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1538461538) * 1.625rem), 1.625rem)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--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-primary-500)));--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-primary-800)));--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/0.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/0.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-primary-600-contrast)));--background-active-selected: var(--igx-tree-background-active-selected, var(--ig-tree-background-active-selected, var(--ig-primary-600)));--foreground-active-selected: var(--igx-tree-foreground-active-selected, var(--ig-tree-foreground-active-selected, var(--ig-primary-600-contrast)));--border-color: var(--igx-tree-border-color, var(--ig-tree-border-color, var(--ig-primary-200)));--ig-theme: bootstrap;--ig-theme-variant: light}}}@layer ig.derived{: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))}: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));--ig-action-strip-background: color-mix(in srgb, var(--_grid-accent-color) 12%, transparent);--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.1666666667) * 1.5rem), 1.5rem)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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-default-size: 2}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-banner-banner-background: var(--_grid-background);--ig-banner-border-radius: 0;--ig-banner-banner-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background));--ig-banner-banner-message-color: var(--_grid-foreground);--ig-banner-banner-illustration-color: var(--_grid-foreground)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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, 0.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/0.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/0.5);--ig-calendar-week-number-background: hsl(from var(--ig-calendar-content-background) h s calc(l * 0.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/0.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/0.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/0.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/0.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) * 0.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) * 0.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/0.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) * 0.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) * 0.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, 0.5) * 0.5rem), 0.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) * 0.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)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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) * 0.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: hsl(from var(--ig-error-200) h s l/0.5);--ig-checkbox-disabled-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background));--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-disabled-tick-color: var(--ig-primary-900-contrast);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/0.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_grid-foreground) 40%, var(--_grid-background));--ig-checkbox-empty-color: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background));--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-focus-outline-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-error-color-hover: var(--ig-error-600)}: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) * 0.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: hsl(from var(--ig-error-200) h s l/0.5);--ig-checkbox-disabled-color: color-mix(in srgb, var(--ig-grid-header-text-color) 50%, var(--ig-grid-header-background));--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-disabled-tick-color: var(--ig-primary-900-contrast);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/0.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--ig-grid-header-text-color) 40%, var(--ig-grid-header-background));--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) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-focus-outline-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-error-color-hover: var(--ig-error-600)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-chip-ghost-elevation: var(--ig-elevation-0);--ig-chip-remove-icon-color: 'currentColor';--ig-chip-focus-outline-color: hsl(from var(--ig-chip-focus-background) h s l/0.4);--ig-chip-focus-selected-outline-color: hsl(from var(--ig-chip-focus-selected-background) h s l/0.4);--ig-chip-remove-icon-color-focus: 'currentColor';--ig-chip-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background));--ig-chip-border-color: var(--ig-chip-background);--ig-chip-ghost-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background));--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) * 0.1 + sign(50 - l) * 5) c h);--ig-chip-hover-border-color: var(--ig-chip-hover-background);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-focus-border-color: var(--ig-chip-focus-background);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-selected-border-color: var(--ig-chip-selected-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) * 0.1 + sign(50 - l) * 5) c h);--ig-chip-hover-selected-border-color: var(--ig-chip-hover-selected-background);--ig-chip-focus-selected-border-color: var(--ig-chip-focus-selected-background);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem);--ig-chip-disabled-text-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background));--ig-chip-disabled-background: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background));--ig-chip-disabled-border-color: color-mix(in srgb, var(--_grid-foreground) 24%, var(--_grid-background));--ig-chip-default-size: 2;--ig-chip-text-color: var(--_grid-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-contained-button-shadow-color: hsl(from var(--ig-contained-button-focus-visible-background) h s l/0.5);--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: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background));--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background));--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) * 0.1 + sign(50 - l) * 10) c h);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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) * 0.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) * 0.1 + sign(50 - l) * 10) c h);--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-foreground: hsla(from color(from var(--ig-contained-button-focus-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)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-drop-down-elevation: var(--ig-elevation-0);--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/0.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/0.8);--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 8%, var(--_grid-background));--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/0.8);--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background));--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: color-mix(in srgb, var(--_grid-accent-color) 12%, var(--_grid-background));--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/0.4);--ig-drop-down-border-color: color-mix(in srgb, var(--_grid-foreground) 12%, var(--_grid-background));--ig-drop-down-border-width: 1px;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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/0.8);--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background));--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/0.8);--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_grid-accent-color) 24%, var(--_grid-background));--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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: color-mix(in srgb, var(--ig-excel-filtering-accent-color) 8%, var(--ig-excel-filtering-background));--ig-excel-filtering-actions-disabled-foreground: color-mix(in srgb, var(--ig-excel-filtering-foreground) 50%, var(--ig-excel-filtering-background));--ig-excel-filtering-border-color: color-mix(in srgb, var(--ig-excel-filtering-foreground) 16%, var(--ig-excel-filtering-background));--ig-excel-filtering-foreground: var(--_grid-foreground);--ig-excel-filtering-accent-color: var(--_grid-accent-color)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-button-shadow-color: hsl(from var(--ig-flat-button-focus-visible-foreground) h s l/0.5);--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: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--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: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_grid-accent-color);--ig-flat-button-hover-background: transparent;--ig-flat-button-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-background: transparent;--ig-flat-button-focus-hover-background: transparent;--ig-flat-button-focus-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-visible-background: transparent;--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-foreground);--ig-flat-button-active-background: transparent;--ig-flat-button-active-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-flat-icon-button-shadow-color: hsl(from var(--ig-flat-icon-button-foreground) h s l/0.5);--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_grid-accent-color);--ig-flat-icon-button-hover-background: transparent;--ig-flat-icon-button-hover-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--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: transparent;--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-hover-foreground);--ig-flat-icon-button-active-background: transparent;--ig-flat-icon-button-active-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 2}: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));--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-width: 1px;--ig-grid-summary-border-style: solid;--ig-grid-summary-border-color: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background));--ig-grid-summary-pinned-border-width: 2px;--ig-grid-summary-pinned-border-style: solid;--ig-grid-summary-pinned-border-color: color-mix(in srgb, var(--_grid-foreground) 30%, var(--_grid-background))}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 8%, var(--ig-grid-toolbar-dropdown-background));--ig-grid-toolbar-item-hover-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-item-focus-background: color-mix(in srgb, var(--ig-grid-toolbar-accent-color) 12%, var(--ig-grid-toolbar-dropdown-background));--ig-grid-toolbar-item-focus-text-color: var(--ig-grid-toolbar-item-text-color);--ig-grid-toolbar-border-color: color-mix(in srgb, var(--ig-grid-toolbar-foreground) 20%, var(--ig-grid-toolbar-background));--ig-grid-toolbar-foreground: var(--_grid-foreground);--ig-grid-toolbar-accent-color: var(--_grid-accent-color)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-highlight-resting-background: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background));--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)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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/0.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: hsl(from var(--ig-input-group-focused-border-color) h s l/0.4);--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: color-mix(in srgb, var(--_grid-accent-color) 50%, transparent);--ig-input-group-border-color: var(--_grid-accent-color);--ig-input-group-hover-border-color: var(--ig-gray-900);--ig-input-group-focused-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_grid-foreground) 80%, var(--_grid-background));--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/0.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, 0.2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/0.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/0.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)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-button-shadow-color: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/0.5);--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-background);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-background);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-background);--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--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: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--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: hsla(from color(from var(--ig-outlined-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-accent-color);--ig-outlined-button-hover-background: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-foreground: hsla(from color(from var(--ig-outlined-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-focus-hover-background: lch(from var(--ig-outlined-button-hover-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-outlined-button-focus-hover-foreground: hsla(from color(from var(--ig-outlined-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-visible-background: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-visible-foreground: hsla(from color(from var(--ig-outlined-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-active-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-active-foreground: hsla(from color(from var(--ig-outlined-button-active-background) var(--y-contrast)) h 0 l/1)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-outlined-icon-button-shadow-color: hsl(from var(--ig-outlined-icon-button-focus-background) h s l/0.5);--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_grid-accent-color);--ig-outlined-icon-button-hover-background: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-hover-foreground: hsla(from color(from var(--ig-outlined-icon-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-focus-background: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-foreground: hsla(from color(from var(--ig-outlined-icon-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-focus-hover-background: lch(from var(--ig-outlined-icon-button-focus-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-outlined-icon-button-focus-hover-foreground: hsla(from color(from var(--ig-outlined-icon-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-active-background: lch(from var(--ig-outlined-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-icon-button-active-foreground: hsla(from color(from var(--ig-outlined-icon-button-active-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-border-color: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-border-color: var(--ig-outlined-icon-button-active-background);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_grid-accent-color) 50%, var(--_grid-background));--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 2}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-paginator-foreground: var(--_grid-foreground);--ig-paginator-background: var(--_grid-background);--ig-paginator-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background));--ig-paginator-accent-color: var(--_grid-accent-color)}: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));--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: 3.375rem;--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)}: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));--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/0.2);--ig-linear-bar-text-color: var(--_grid-foreground);--ig-linear-bar-track-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem);--ig-linear-bar-track-height: 1rem;--ig-linear-bar-strip-size: 0.3125rem}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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: hsla(from color(from var(--ig-query-builder-header-background) var(--y-contrast)) h 0 l/1);--ig-query-builder-header-border: color-mix(in srgb, var(--_grid-foreground) 20%, var(--_grid-background));--ig-query-builder-color-expression-group-and: #9c27b0;--ig-query-builder-color-expression-group-or: #007254;--ig-query-builder-border-radius: 0.25rem;--ig-query-builder-subquery-header-background: lch(from var(--ig-query-builder-header-background) calc(l + (50 - l) * 0.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) * 0.1 + sign(50 - l) * 5) c h);--ig-query-builder-subquery-border-radius: 0.75rem;--ig-query-builder-separator-color: lch(from var(--ig-query-builder-subquery-border-color) calc(l + (50 - l) * 0.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/0.6);--ig-query-builder-foreground: var(--_grid-foreground);--ig-query-builder-accent-color: var(--_grid-accent-color)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--_scrollbar-thumb-color: color-mix(in srgb, var(--_grid-foreground) 50%, var(--_grid-background));--_scrollbar-track-border-color: color-mix(in srgb, var(--_grid-foreground) 16%, var(--_grid-background))}:where(.igx-grid,igx-grid-lite,igc-grid-lite),: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: bootstrap;--ig-theme-variant: light}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--ig-select-toggle-button-background-focus--border: var(--ig-select-toggle-button-background);--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--border) 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/0.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/0.5);--ig-select-default-size: 2}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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, 0.25) * 1rem), 1rem)}:where(.igx-grid,igx-grid-lite,igc-grid-lite){--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) * 0.1 + sign(50 - l) * 5) c h);--ig-tree-background-active: lch(from var(--ig-tree-background) calc(l + (50 - l) * 0.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: color-mix(in hsl, var(--ig-tree-background), transparent 50%);--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/0.1);--ig-tree-hover-selected-color: lch(from var(--ig-tree-background-selected) calc(l + (50 - l) * 0.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) * 0.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-primary-200)}: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));--ig-watermark-color: var(--_grid-foreground);--ig-watermark-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem);--ig-watermark-border-color: color-mix(in srgb, var(--_grid-accent-color) 16%, var(--_grid-background))}}@layer ig.derived{: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))}:where(.igx-column-actions){--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) * 0.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: hsl(from var(--ig-error-200) h s l/0.5);--ig-checkbox-disabled-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background));--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-disabled-tick-color: var(--ig-primary-900-contrast);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/0.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_column-actions-foreground) 40%, var(--_column-actions-background));--ig-checkbox-empty-color: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background));--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-focus-outline-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-error-color-hover: var(--ig-error-600)}:where(.igx-column-actions){--ig-drop-down-elevation: var(--ig-elevation-0);--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/0.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/0.8);--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 8%, var(--_column-actions-background));--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/0.8);--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background));--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: color-mix(in srgb, var(--_column-actions-accent-color) 12%, var(--_column-actions-background));--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/0.4);--ig-drop-down-border-color: color-mix(in srgb, var(--_column-actions-foreground) 12%, var(--_column-actions-background));--ig-drop-down-border-width: 1px;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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/0.8);--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 16%, var(--_column-actions-background));--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/0.8);--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_column-actions-accent-color) 24%, var(--_column-actions-background));--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color)}:where(.igx-column-actions){--ig-flat-button-shadow-color: hsl(from var(--ig-flat-button-focus-visible-foreground) h s l/0.5);--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: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background));--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_column-actions-accent-color) 50%, var(--_column-actions-background));--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: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_column-actions-accent-color);--ig-flat-button-hover-background: transparent;--ig-flat-button-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-background: transparent;--ig-flat-button-focus-hover-background: transparent;--ig-flat-button-focus-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-visible-background: transparent;--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-foreground);--ig-flat-button-active-background: transparent;--ig-flat-button-active-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h)}:where(.igx-column-actions){--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-300);--ig-input-group-input-prefix-color: var(--ig-gray-800);--ig-input-group-input-prefix-background--filled: var(--ig-gray-300);--ig-input-group-input-prefix-color--filled: var(--ig-gray-900);--ig-input-group-input-prefix-background--focused: var(--ig-gray-300);--ig-input-group-input-prefix-color--focused: var(--ig-gray-900);--ig-input-group-input-suffix-background: var(--ig-gray-300);--ig-input-group-input-suffix-color: var(--ig-gray-800);--ig-input-group-input-suffix-background--filled: var(--ig-gray-300);--ig-input-group-input-suffix-color--filled: var(--ig-gray-900);--ig-input-group-input-suffix-background--focused: var(--ig-gray-300);--ig-input-group-input-suffix-color--focused: var(--ig-gray-900);--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/0.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: hsl(from var(--ig-input-group-focused-border-color) h s l/0.4);--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-300);--ig-input-group-border-color: var(--_column-actions-accent-color);--ig-input-group-hover-border-color: var(--ig-gray-900);--ig-input-group-focused-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_column-actions-foreground) 80%, var(--_column-actions-background));--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/0.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, 0.2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/0.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/0.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)}:where(.igx-column-actions){--_scrollbar-thumb-color: color-mix(in srgb, var(--_column-actions-foreground) 50%, var(--_column-actions-background));--_scrollbar-track-border-color: color-mix(in srgb, var(--_column-actions-foreground) 16%, var(--_column-actions-background))}:where(.igx-column-actions),: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: bootstrap;--ig-theme-variant: light}}@layer ig.derived{: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)}:where(.igx-grid-toolbar){--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)}:where(.igx-grid-toolbar){--ig-outlined-button-shadow-color: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/0.5);--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-background);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-background);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-background);--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background));--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: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background));--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_grid-toolbar-accent-color) 50%, var(--_grid-toolbar-background));--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: hsla(from color(from var(--ig-outlined-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_grid-toolbar-accent-color);--ig-outlined-button-hover-background: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-foreground: hsla(from color(from var(--ig-outlined-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-focus-hover-background: lch(from var(--ig-outlined-button-hover-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-outlined-button-focus-hover-foreground: hsla(from color(from var(--ig-outlined-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-visible-background: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-visible-foreground: hsla(from color(from var(--ig-outlined-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-active-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-active-foreground: hsla(from color(from var(--ig-outlined-button-active-background) var(--y-contrast)) h 0 l/1)}}@layer ig.derived{: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))}:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,: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))}:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group,:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-buttongroup,:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-excel-filter__menu .igx-button-group igx-button-group,:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group,:where(.igx-excel-filter,.igx-excel-filter__secondary) .igx-button-group igx-buttongroup,: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/0.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, var(--_excel-filtering-foreground, var(--ig-gray-700))));--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) * 0.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) * 0.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, 0.2) * 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-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--item-border-color)));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-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-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) * 0.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) * 0.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/0.6)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--item-border-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/0.3)));--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-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-primary-700)));--ig-theme: bootstrap;--ig-theme-variant: light}:where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-contained-button-shadow-color: hsl(from var(--ig-contained-button-focus-visible-background) h s l/0.5);--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: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background));--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background));--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background));--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) * 0.1 + sign(50 - l) * 10) c h);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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) * 0.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) * 0.1 + sign(50 - l) * 10) c h);--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-foreground: hsla(from color(from var(--ig-contained-button-focus-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)}:where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-button-shadow-color: hsl(from var(--ig-flat-button-focus-visible-foreground) h s l/0.5);--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: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background));--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background));--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: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_excel-filtering-accent-color);--ig-flat-button-hover-background: transparent;--ig-flat-button-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-background: transparent;--ig-flat-button-focus-hover-background: transparent;--ig-flat-button-focus-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-visible-background: transparent;--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-foreground);--ig-flat-button-active-background: transparent;--ig-flat-button-active-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h)}:where(.igx-excel-filter,.igx-excel-filter__secondary){--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) * 0.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: hsl(from var(--ig-error-200) h s l/0.5);--ig-checkbox-disabled-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background));--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-disabled-tick-color: var(--ig-primary-900-contrast);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/0.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_excel-filtering-foreground) 40%, var(--_excel-filtering-background));--ig-checkbox-empty-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background));--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-focus-outline-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-error-color-hover: var(--ig-error-600)}:where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-drop-down-elevation: var(--ig-elevation-0);--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/0.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/0.8);--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background));--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/0.8);--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background));--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: color-mix(in srgb, var(--_excel-filtering-accent-color) 12%, var(--_excel-filtering-background));--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/0.4);--ig-drop-down-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 12%, var(--_excel-filtering-background));--ig-drop-down-border-width: 1px;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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/0.8);--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 16%, var(--_excel-filtering-background));--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/0.8);--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_excel-filtering-accent-color) 24%, var(--_excel-filtering-background));--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color)}:where(.igx-excel-filter,.igx-excel-filter__secondary){--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/0.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: hsl(from var(--ig-input-group-focused-border-color) h s l/0.4);--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-300);--ig-input-group-border-color: var(--_excel-filtering-accent-color);--ig-input-group-hover-border-color: var(--ig-gray-900);--ig-input-group-focused-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background));--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/0.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, 0.2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/0.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/0.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)}:where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-select-toggle-button-background-focus--border: var(--ig-select-toggle-button-background);--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--border) 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/0.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/0.5);--ig-select-default-size: 2}:where(.igx-excel-filter,.igx-excel-filter__secondary){--ig-flat-icon-button-shadow-color: hsl(from var(--ig-flat-icon-button-foreground) h s l/0.5);--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_excel-filtering-foreground);--ig-flat-icon-button-hover-background: transparent;--ig-flat-icon-button-hover-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--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: transparent;--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-hover-foreground);--ig-flat-icon-button-active-background: transparent;--ig-flat-icon-button-active-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_excel-filtering-accent-color) 50%, var(--_excel-filtering-background));--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 2}:where(.igx-excel-filter,.igx-excel-filter__secondary){--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: color-mix(in srgb, var(--_excel-filtering-accent-color) 8%, var(--_excel-filtering-background));--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/0.74);--ig-list-item-subtitle-color-hover: hsl(from var(--ig-list-item-text-color-hover) h s l/0.74);--ig-list-item-subtitle-color-active: hsl(from var(--ig-list-item-text-color-active) h s l/0.74);--ig-list-item-subtitle-color-selected: hsl(from var(--ig-list-item-text-color-selected) h s l/0.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/0.15);--ig-list-border-width: 0.0625rem;--ig-list-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 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}:where(.igx-excel-filter,.igx-excel-filter__secondary){--_scrollbar-thumb-color: color-mix(in srgb, var(--_excel-filtering-foreground) 50%, var(--_excel-filtering-background));--_scrollbar-track-border-color: color-mix(in srgb, var(--_excel-filtering-foreground) 16%, var(--_excel-filtering-background))}:where(.igx-excel-filter,.igx-excel-filter__secondary),: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: bootstrap;--ig-theme-variant: light}}@layer ig.derived{: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)) )}:where(.igx-paginator){--ig-drop-down-elevation: var(--ig-elevation-0);--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/0.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/0.8);--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 8%, var(--_paginator-background));--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/0.8);--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background));--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: color-mix(in srgb, var(--_paginator-accent-color) 12%, var(--_paginator-background));--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/0.4);--ig-drop-down-border-color: color-mix(in srgb, var(--_paginator-foreground) 12%, var(--_paginator-background));--ig-drop-down-border-width: 1px;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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/0.8);--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_paginator-accent-color) 16%, var(--_paginator-background));--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/0.8);--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_paginator-accent-color) 24%, var(--_paginator-background));--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color)}:where(.igx-paginator){--ig-flat-icon-button-shadow-color: hsl(from var(--ig-flat-icon-button-foreground) h s l/0.5);--ig-flat-icon-button-background: transparent;--ig-flat-icon-button-foreground: var(--_paginator-accent-color);--ig-flat-icon-button-hover-background: transparent;--ig-flat-icon-button-hover-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--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: transparent;--ig-flat-icon-button-focus-hover-foreground: var(--ig-flat-icon-button-hover-foreground);--ig-flat-icon-button-active-background: transparent;--ig-flat-icon-button-active-foreground: lch(from var(--ig-flat-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_paginator-accent-color) 50%, var(--_paginator-background));--ig-flat-icon-button-disabled-border-color: transparent;--ig-flat-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-icon-button-default-size: 2}:where(.igx-paginator){--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-300);--ig-input-group-input-prefix-color: var(--ig-gray-800);--ig-input-group-input-prefix-background--filled: var(--ig-gray-300);--ig-input-group-input-prefix-color--filled: var(--ig-gray-900);--ig-input-group-input-prefix-background--focused: var(--ig-gray-300);--ig-input-group-input-prefix-color--focused: var(--ig-gray-900);--ig-input-group-input-suffix-background: var(--ig-gray-300);--ig-input-group-input-suffix-color: var(--ig-gray-800);--ig-input-group-input-suffix-background--filled: var(--ig-gray-300);--ig-input-group-input-suffix-color--filled: var(--ig-gray-900);--ig-input-group-input-suffix-background--focused: var(--ig-gray-300);--ig-input-group-input-suffix-color--focused: var(--ig-gray-900);--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/0.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: hsl(from var(--ig-input-group-focused-border-color) h s l/0.4);--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-300);--ig-input-group-border-color: var(--_paginator-accent-color);--ig-input-group-hover-border-color: var(--ig-gray-900);--ig-input-group-focused-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_paginator-foreground) 80%, var(--_paginator-background));--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/0.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, 0.2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/0.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/0.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)}:where(.igx-paginator){--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--border) 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/0.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/0.5);--ig-select-default-size: 2}}@layer ig.derived{: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))}:where(.igx-query-builder,igx-advanced-filtering-dialog),: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, var(--ig-gray-300)));--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, 0.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, 0.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: bootstrap;--ig-theme-variant: light}: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) * 0.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: hsl(from var(--ig-error-200) h s l/0.5);--ig-checkbox-disabled-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background));--ig-checkbox-disabled-fill-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-disabled-tick-color: var(--ig-primary-900-contrast);--ig-checkbox-disabled-color-label: hsl(from var(--ig-checkbox-label-color) h s l/0.5);--ig-checkbox-error-color: var(--ig-error-500);--ig-checkbox-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem);--ig-checkbox-border-radius-ripple: clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem);--ig-checkbox-tick-color-hover: color-mix(in srgb, var(--_query-builder-foreground) 40%, var(--_query-builder-background));--ig-checkbox-empty-color: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background));--ig-checkbox-empty-color-hover: lch(from var(--ig-checkbox-empty-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-focus-border-color: var(--ig-checkbox-fill-color);--ig-checkbox-focus-outline-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-fill-color-hover: lch(from var(--ig-checkbox-fill-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-checkbox-disabled-indeterminate-color: hsl(from var(--ig-checkbox-fill-color) h s l/0.5);--ig-checkbox-error-color-hover: var(--ig-error-600)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-chip-ghost-elevation: var(--ig-elevation-0);--ig-chip-remove-icon-color: 'currentColor';--ig-chip-focus-outline-color: hsl(from var(--ig-chip-focus-background) h s l/0.4);--ig-chip-focus-selected-outline-color: hsl(from var(--ig-chip-focus-selected-background) h s l/0.4);--ig-chip-remove-icon-color-focus: 'currentColor';--ig-chip-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background));--ig-chip-border-color: var(--ig-chip-background);--ig-chip-ghost-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background));--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) * 0.1 + sign(50 - l) * 5) c h);--ig-chip-hover-border-color: var(--ig-chip-hover-background);--ig-chip-focus-text-color: var(--ig-chip-text-color);--ig-chip-focus-border-color: var(--ig-chip-focus-background);--ig-chip-selected-text-color: var(--ig-chip-text-color);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-selected-border-color: var(--ig-chip-selected-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) * 0.1 + sign(50 - l) * 5) c h);--ig-chip-hover-selected-border-color: var(--ig-chip-hover-selected-background);--ig-chip-focus-selected-border-color: var(--ig-chip-focus-selected-background);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem);--ig-chip-disabled-text-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background));--ig-chip-disabled-background: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background));--ig-chip-disabled-border-color: color-mix(in srgb, var(--_query-builder-foreground) 24%, var(--_query-builder-background));--ig-chip-default-size: 2;--ig-chip-text-color: var(--_query-builder-foreground);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 7) c h);--ig-chip-focus-selected-text-color: var(--ig-chip-selected-text-color)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--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-600);--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-300);--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/0.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/0.7);--ig-combo-default-size: 2;--ig-combo-clear-button-background-focus: var(--ig-gray-300)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-contained-button-shadow-color: hsl(from var(--ig-contained-button-focus-visible-background) h s l/0.5);--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: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--ig-contained-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background));--ig-contained-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background));--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) * 0.1 + sign(50 - l) * 10) c h);--ig-contained-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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) * 0.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) * 0.1 + sign(50 - l) * 10) c h);--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-foreground: hsla(from color(from var(--ig-contained-button-focus-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)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-drop-down-elevation: var(--ig-elevation-0);--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/0.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/0.8);--ig-drop-down-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 8%, var(--_query-builder-background));--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/0.8);--ig-drop-down-focused-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background));--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: color-mix(in srgb, var(--_query-builder-accent-color) 12%, var(--_query-builder-background));--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/0.4);--ig-drop-down-border-color: color-mix(in srgb, var(--_query-builder-foreground) 12%, var(--_query-builder-background));--ig-drop-down-border-width: 1px;--ig-drop-down-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.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/0.8);--ig-drop-down-selected-hover-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 16%, var(--_query-builder-background));--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/0.8);--ig-drop-down-selected-focus-item-background: color-mix(in srgb, var(--_query-builder-accent-color) 24%, var(--_query-builder-background));--ig-drop-down-selected-focus-item-text-color: var(--ig-drop-down-item-text-color)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-flat-button-shadow-color: hsl(from var(--ig-flat-button-focus-visible-foreground) h s l/0.5);--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: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--ig-flat-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--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: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-flat-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-flat-button-foreground: var(--_query-builder-accent-color);--ig-flat-button-hover-background: transparent;--ig-flat-button-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-background: transparent;--ig-flat-button-focus-hover-background: transparent;--ig-flat-button-focus-hover-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-flat-button-focus-visible-background: transparent;--ig-flat-button-focus-visible-foreground: var(--ig-flat-button-foreground);--ig-flat-button-active-background: transparent;--ig-flat-button-active-foreground: lch(from var(--ig-flat-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--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/0.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: hsl(from var(--ig-input-group-focused-border-color) h s l/0.4);--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: color-mix(in srgb, var(--_query-builder-accent-color) 50%, transparent);--ig-input-group-border-color: var(--_query-builder-accent-color);--ig-input-group-hover-border-color: var(--ig-gray-900);--ig-input-group-focused-border-color: lch(from var(--ig-input-group-border-color) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--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: color-mix(in srgb, var(--_query-builder-foreground) 80%, var(--_query-builder-background));--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/0.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, 0.2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/0.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/0.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)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-button-shadow-color: hsl(from var(--ig-outlined-button-focus-visible-background) h s l/0.5);--ig-outlined-button-border-color: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-border-color: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-border-color: var(--ig-outlined-button-focus-background);--ig-outlined-button-focus-visible-border-color: var(--ig-outlined-button-focus-visible-background);--ig-outlined-button-active-border-color: var(--ig-outlined-button-active-background);--ig-outlined-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--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: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--ig-outlined-button-disabled-icon-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--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: hsla(from color(from var(--ig-outlined-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-outlined-button-foreground: var(--_query-builder-accent-color);--ig-outlined-button-hover-background: var(--ig-outlined-button-foreground);--ig-outlined-button-hover-foreground: hsla(from color(from var(--ig-outlined-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-focus-hover-background: lch(from var(--ig-outlined-button-hover-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-outlined-button-focus-hover-foreground: hsla(from color(from var(--ig-outlined-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-focus-visible-background: var(--ig-outlined-button-hover-background);--ig-outlined-button-focus-visible-foreground: hsla(from color(from var(--ig-outlined-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-outlined-button-active-background: lch(from var(--ig-outlined-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-button-active-foreground: hsla(from color(from var(--ig-outlined-button-active-background) var(--y-contrast)) h 0 l/1)}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-outlined-icon-button-shadow-color: hsl(from var(--ig-outlined-icon-button-focus-background) h s l/0.5);--ig-outlined-icon-button-background: transparent;--ig-outlined-icon-button-foreground: var(--_query-builder-accent-color);--ig-outlined-icon-button-hover-background: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-hover-foreground: hsla(from color(from var(--ig-outlined-icon-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-focus-background: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-foreground: hsla(from color(from var(--ig-outlined-icon-button-focus-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-focus-hover-background: lch(from var(--ig-outlined-icon-button-focus-background) calc(l + (50 - l) * 0.1 + sign(50 - l) * 5) c h);--ig-outlined-icon-button-focus-hover-foreground: hsla(from color(from var(--ig-outlined-icon-button-focus-hover-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-active-background: lch(from var(--ig-outlined-icon-button-foreground) calc(l + (50 - l) * 0.1 + sign(50 - l) * 10) c h);--ig-outlined-icon-button-active-foreground: hsla(from color(from var(--ig-outlined-icon-button-active-background) var(--y-contrast)) h 0 l/1);--ig-outlined-icon-button-border-color: var(--ig-outlined-icon-button-foreground);--ig-outlined-icon-button-focus-border-color: var(--ig-outlined-icon-button-active-background);--ig-outlined-icon-button-disabled-background: transparent;--ig-outlined-icon-button-disabled-foreground: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--ig-outlined-icon-button-disabled-border-color: color-mix(in srgb, var(--_query-builder-accent-color) 50%, var(--_query-builder-background));--ig-outlined-icon-button-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem);--ig-outlined-icon-button-default-size: 2}:where(.igx-query-builder,igx-advanced-filtering-dialog){--_scrollbar-thumb-color: color-mix(in srgb, var(--_query-builder-foreground) 50%, var(--_query-builder-background));--_scrollbar-track-border-color: color-mix(in srgb, var(--_query-builder-foreground) 16%, var(--_query-builder-background))}:where(.igx-query-builder,igx-advanced-filtering-dialog),: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: bootstrap;--ig-theme-variant: light}:where(.igx-query-builder,igx-advanced-filtering-dialog){--ig-select-toggle-button-background-focus--border: var(--ig-select-toggle-button-background);--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--border) 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/0.5);--ig-select-toggle-button-foreground-disabled: hsl(from var(--ig-select-toggle-button-foreground) h s l/0.5);--ig-select-default-size: 2}:where(.igx-query-builder,igx-advanced-filtering-dialog){--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, 0.25) * 1rem), 1rem)}}[igxRipple]{--color: var(--igx-ripple-color, var(--ig-ripple-color, hsl(from var(--ig-gray-800) h s l/0.7)));--ig-theme: bootstrap;--ig-theme-variant: light}@layer ig.base{.igx-ripple__inner{display:block;position:absolute;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);background:var(--color);pointer-events:none;transform-origin:center;transform:translate3d(0, 0, 0) scale(0);will-change:opacity,transform;opacity:.5;margin:0 !important;border:none !important}.igx-ripple{overflow:hidden}}.igx-button{--component-size: var(--ig-size, var(--ig-size-large));--ig-icon-size: 1.125rem;justify-content:center}[igxButton=flat],igx-button[variant=flat],.igx-button--flat{--shadow-color: var(--igx-flat-button-shadow-color, var(--ig-flat-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--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-primary-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(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--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-primary-800)));--border-radius: var(--igx-flat-button-border-radius, var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--foreground: var(--igx-flat-button-foreground, var(--ig-flat-button-foreground, var(--ig-primary-500)));--hover-background: var(--igx-flat-button-hover-background, var(--ig-flat-button-hover-background, transparent));--hover-foreground: var(--igx-flat-button-hover-foreground, var(--ig-flat-button-hover-foreground, var(--ig-primary-600)));--focus-background: var(--igx-flat-button-focus-background, var(--ig-flat-button-focus-background, transparent));--focus-hover-background: var(--igx-flat-button-focus-hover-background, var(--ig-flat-button-focus-hover-background, transparent));--focus-hover-foreground: var(--igx-flat-button-focus-hover-foreground, var(--ig-flat-button-focus-hover-foreground, var(--ig-primary-600)));--focus-visible-background: var(--igx-flat-button-focus-visible-background, var(--ig-flat-button-focus-visible-background, transparent));--focus-visible-foreground: var(--igx-flat-button-focus-visible-foreground, var(--ig-flat-button-focus-visible-foreground, var(--ig-primary-500)));--active-background: var(--igx-flat-button-active-background, var(--ig-flat-button-active-background, transparent));--active-foreground: var(--igx-flat-button-active-foreground, var(--ig-flat-button-active-foreground, var(--ig-primary-800)));--ig-theme: bootstrap;--ig-theme-variant: light}[igxButton=contained],igx-button[variant=contained],.igx-button--contained{--shadow-color: var(--igx-contained-button-shadow-color, var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--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-primary-50)));--disabled-foreground: var(--igx-contained-button-disabled-foreground, var(--ig-contained-button-disabled-foreground, var(--ig-primary-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(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--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-500)));--active-background: var(--igx-contained-button-active-background, var(--ig-contained-button-active-background, var(--ig-primary-800)));--border-radius: var(--igx-contained-button-border-radius, var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--foreground: var(--igx-contained-button-foreground, var(--ig-contained-button-foreground, var(--ig-primary-600-contrast)));--hover-background: var(--igx-contained-button-hover-background, var(--ig-contained-button-hover-background, var(--ig-primary-600)));--hover-foreground: var(--igx-contained-button-hover-foreground, var(--ig-contained-button-hover-foreground, var(--ig-primary-600-contrast)));--focus-background: var(--igx-contained-button-focus-background, var(--ig-contained-button-focus-background, var(--ig-primary-800)));--focus-hover-background: var(--igx-contained-button-focus-hover-background, var(--ig-contained-button-focus-hover-background, var(--ig-primary-600)));--focus-hover-foreground: var(--igx-contained-button-focus-hover-foreground, var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-600-contrast)));--focus-foreground: var(--igx-contained-button-focus-foreground, var(--ig-contained-button-focus-foreground, var(--ig-primary-800-contrast)));--focus-visible-background: var(--igx-contained-button-focus-visible-background, var(--ig-contained-button-focus-visible-background, var(--ig-primary-500)));--focus-visible-foreground: var(--igx-contained-button-focus-visible-foreground, var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-600-contrast)));--active-foreground: var(--igx-contained-button-active-foreground, var(--ig-contained-button-active-foreground, var(--ig-primary-800-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}[igxButton=outlined],igx-button[variant=outlined],.igx-button--outlined{--shadow-color: var(--igx-outlined-button-shadow-color, var(--ig-outlined-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--border-color: var(--igx-outlined-button-border-color, var(--ig-outlined-button-border-color, var(--ig-primary-500)));--hover-border-color: var(--igx-outlined-button-hover-border-color, var(--ig-outlined-button-hover-border-color, var(--ig-primary-600)));--focus-border-color: var(--igx-outlined-button-focus-border-color, var(--ig-outlined-button-focus-border-color, var(--ig-primary-600)));--focus-visible-border-color: var(--igx-outlined-button-focus-visible-border-color, var(--ig-outlined-button-focus-visible-border-color, var(--ig-primary-500)));--active-border-color: var(--igx-outlined-button-active-border-color, var(--ig-outlined-button-active-border-color, var(--ig-primary-800)));--disabled-border-color: var(--igx-outlined-button-disabled-border-color, var(--ig-outlined-button-disabled-border-color, var(--ig-primary-50)));--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-primary-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(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--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-primary-800-contrast)));--border-radius: var(--igx-outlined-button-border-radius, var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--foreground: var(--igx-outlined-button-foreground, var(--ig-outlined-button-foreground, var(--ig-primary-500)));--hover-background: var(--igx-outlined-button-hover-background, var(--ig-outlined-button-hover-background, var(--ig-primary-600)));--hover-foreground: var(--igx-outlined-button-hover-foreground, var(--ig-outlined-button-hover-foreground, var(--ig-primary-600-contrast)));--focus-background: var(--igx-outlined-button-focus-background, var(--ig-outlined-button-focus-background, var(--ig-primary-800)));--focus-hover-background: var(--igx-outlined-button-focus-hover-background, var(--ig-outlined-button-focus-hover-background, var(--ig-primary-600)));--focus-hover-foreground: var(--igx-outlined-button-focus-hover-foreground, var(--ig-outlined-button-focus-hover-foreground, var(--ig-primary-600-contrast)));--focus-visible-background: var(--igx-outlined-button-focus-visible-background, var(--ig-outlined-button-focus-visible-background, var(--ig-primary-500)));--focus-visible-foreground: var(--igx-outlined-button-focus-visible-foreground, var(--ig-outlined-button-focus-visible-foreground, var(--ig-primary-600-contrast)));--active-background: var(--igx-outlined-button-active-background, var(--ig-outlined-button-active-background, var(--ig-primary-800)));--active-foreground: var(--igx-outlined-button-active-foreground, var(--ig-outlined-button-active-foreground, var(--ig-primary-800-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}[igxButton=fab],igx-button[variant=fab],.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-300)));--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(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem)));--foreground: var(--igx-fab-button-foreground, var(--ig-fab-button-foreground, var(--ig-primary-600-contrast)));--hover-background: var(--igx-fab-button-hover-background, var(--ig-fab-button-hover-background, var(--ig-primary-600)));--hover-foreground: var(--igx-fab-button-hover-foreground, var(--ig-fab-button-hover-foreground, var(--ig-primary-600-contrast)));--focus-background: var(--igx-fab-button-focus-background, var(--ig-fab-button-focus-background, var(--ig-primary-800)));--focus-hover-background: var(--igx-fab-button-focus-hover-background, var(--ig-fab-button-focus-hover-background, var(--ig-primary-600)));--focus-hover-foreground: var(--igx-fab-button-focus-hover-foreground, var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-600-contrast)));--focus-foreground: var(--igx-fab-button-focus-foreground, var(--ig-fab-button-focus-foreground, var(--ig-primary-800-contrast)));--focus-visible-background: var(--igx-fab-button-focus-visible-background, var(--ig-fab-button-focus-visible-background, var(--ig-primary-500)));--focus-visible-foreground: var(--igx-fab-button-focus-visible-foreground, var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-600-contrast)));--active-foreground: var(--igx-fab-button-active-foreground, var(--ig-fab-button-active-foreground, var(--ig-primary-800-contrast)));--ig-theme: bootstrap;--ig-theme-variant: light}@layer ig.base{.igx-button{--_button-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:5.5rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));min-height:var(--size);border:.0625rem solid var(--border-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;gap:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-button--ready{transition:var(--_button-transition)}.igx-button--ready igx-icon{transition:color .15s ease-in-out}igx-grid-filtering-row{--filtering-row-button-size: max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.3125rem, -1 * 1.3125rem))}igx-grid-filtering-row .igx-button{min-height:var(--filtering-row-button-size);padding-block:0}igx-grid-filtering-row .igx-button>*{display:flex;align-items:center;height:1.125rem}.igx-button--flat{--component-size: var( --ig-size, var(--default-size) );background:var(--background);color:var(--foreground);border-radius:var(--border-radius)}.igx-button--flat igx-icon{color:var(--icon-color)}.igx-button--flat:hover{background:var(--hover-background);color:var(--hover-foreground);border-color:var(--hover-border-color)}.igx-button--flat:hover igx-icon{color:var(--icon-color-hover)}.igx-button--flat:active{background:var(--active-background);color:var(--active-foreground);border-color:var(--active-border-color)}.igx-button--flat:active igx-icon{color:var(--active-foreground)}.igx-button--flat.igx-button--focused{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--flat.igx-button--focused igx-icon{color:var(--icon-color)}.igx-button--flat.igx-button--focused:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground)}.igx-button--flat.igx-button--focused:hover igx-icon{color:var(--icon-color-hover)}.igx-button--flat.igx-button--focused:active{background:var(--focus-background);color:var(--focus-foreground);border-color:var(--focus-border-color)}.igx-button--flat.igx-button--focused:active igx-icon{color:var(--focus-foreground)}.igx-button--flat.igx-button--focused{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-button--outlined{--component-size: var( --ig-size, var(--default-size) );background:var(--background);color:var(--foreground);border-color:var(--border-color);border-radius:var(--border-radius);padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-button--outlined igx-icon{color:var(--icon-color)}.igx-button--outlined:hover{background:var(--hover-background);color:var(--hover-foreground);border-color:var(--hover-border-color)}.igx-button--outlined:hover igx-icon{color:var(--icon-color-hover)}.igx-button--outlined:active{background:var(--active-background);color:var(--active-foreground);border-color:var(--active-border-color)}.igx-button--outlined:active igx-icon{color:var(--active-foreground)}.igx-button--outlined.igx-button--focused{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--outlined.igx-button--focused igx-icon{color:var(--icon-color-hover)}.igx-button--outlined.igx-button--focused{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-button--outlined.igx-button--focused:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground);border-color:var(--hover-border-color)}.igx-button--outlined.igx-button--focused:hover igx-icon{color:var(--icon-color-hover)}.igx-button--outlined.igx-button--focused:active{background:var(--focus-background);color:var(--focus-foreground);border-color:var(--focus-border-color)}.igx-button--outlined.igx-button--focused:active igx-icon{color:var(--focus-foreground)}.igx-button--contained{--component-size: var( --ig-size, var(--default-size) );color:var(--foreground);background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius)}.igx-button--contained igx-icon{color:var(--icon-color)}.igx-button--contained:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}.igx-button--contained:hover igx-icon{color:var(--icon-color-hover)}.igx-button--contained:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}.igx-button--contained:active igx-icon{color:var(--active-foreground)}.igx-button--contained.igx-button--focused{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--contained.igx-button--focused igx-icon{color:var(--icon-color)}.igx-button--contained.igx-button--focused{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-button--contained.igx-button--focused:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background);border-color:var(--hover-border-color)}.igx-button--contained.igx-button--focused:hover igx-icon{color:var(--icon-color-hover)}.igx-button--contained.igx-button--focused:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}.igx-button--contained.igx-button--focused:active igx-icon{color:var(--focus-foreground)}.igx-button--fab{display:inline-flex;position:relative;flex-direction:row;justify-content:center;align-items:center;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;filter:blur(0)}.igx-button--fab{--component-size: var( --ig-size, var(--default-size) );padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0, -1 * 0)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));min-width:var(--size);min-height:var(--size);line-height:unset;white-space:nowrap;color:var(--foreground);background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius)}.igx-button--fab igx-icon{color:var(--icon-color)}.igx-button--fab:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}.igx-button--fab:hover igx-icon{color:var(--icon-color-hover)}.igx-button--fab:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}.igx-button--fab:active igx-icon{color:var(--active-foreground)}.igx-button--fab.igx-button--focused{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--fab.igx-button--focused igx-icon{color:var(--icon-color)}.igx-button--fab.igx-button--focused{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-button--fab.igx-button--focused:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background);border-color:var(--hover-border-color)}.igx-button--fab.igx-button--focused:hover igx-icon{color:var(--icon-color-hover)}.igx-button--fab.igx-button--focused:active{background:var(--focus-background);color:var(--focus-foreground);border-color:var(--focus-border-color)}.igx-button--fab.igx-button--focused:active igx-icon{color:var(--focus-foreground)}.igx-button--disabled,.igx-icon-button--disabled{background:var(--disabled-background);color:var(--disabled-foreground);border-color:var(--disabled-border-color);pointer-events:none;box-shadow:none}.igx-button--disabled igx-icon,.igx-icon-button--disabled igx-icon{color:var(--disabled-icon-color)}.igx-button--disabled:focus,.igx-icon-button--disabled:focus{box-shadow:none}}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}igx-sparkline{--brush: var(--igx-sparkline-brush, var(--ig-sparkline-brush, var(--ig-primary-500)));--ig-theme: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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: bootstrap;--ig-theme-variant: light}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-primary-500)));--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-100)));--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/0.1)));--igc-floating-pane-border-color: var(--igx-dockmanager-floating-pane-border-color, var(--ig-dockmanager-floating-pane-border-color, var(--ig-gray-300)));--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/0.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-primary-500)));--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-100)));--igc-pinned-header-background: var(--igx-dockmanager-pinned-header-background, var(--ig-dockmanager-pinned-header-background, var(--ig-gray-100)));--igc-splitter-background: var(--igx-dockmanager-splitter-background, var(--ig-dockmanager-splitter-background, var(--ig-gray-200)));--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-primary-500)));--igc-text-color: var(--igx-dockmanager-text-color, var(--ig-dockmanager-text-color, var(--ig-gray-800)));--igc-context-menu-background: var(--igx-dockmanager-context-menu-background, var(--ig-dockmanager-context-menu-background, var(--ig-surface-500)));--igc-context-menu-color-active: var(--igx-dockmanager-context-menu-color-active, var(--ig-dockmanager-context-menu-color-active, var(--ig-surface-500)));--igc-context-menu-color: var(--igx-dockmanager-context-menu-color, var(--ig-dockmanager-context-menu-color, var(--ig-primary-500)));--igc-tab-border-color-active: var(--igx-dockmanager-tab-border-color-active, var(--ig-dockmanager-tab-border-color-active, var(--ig-gray-300)));--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-gray-800)));--ig-theme: bootstrap;--ig-theme-variant: light}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-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: bootstrap;--ig-theme-variant: light}@layer ig.base{igc-rating::part(label){color:var(--label-color)}igc-rating::part(value-label){color:var(--value-label)}igc-rating[disabled]::part(label),igc-rating[disabled]::part(value-label){color:var(--disabled-label-color)}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)}}.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: bootstrap;--ig-theme-variant: light}@layer ig.base{.igx-highlight,.igx-highlight--active{color:var(--resting-color);background:var(--resting-background)}.igx-highlight--active{color:var(--active-color);background:var(--active-background)}}.igx-icon-button{--ig-icon-size: 1.125rem}[igxIconButton=flat],igx-icon-button[variant=flat],.igx-icon-button--flat{--shadow-color: var(--igx-flat-icon-button-shadow-color, var(--ig-flat-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--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-500)));--hover-background: var(--igx-flat-icon-button-hover-background, var(--ig-flat-icon-button-hover-background, transparent));--hover-foreground: var(--igx-flat-icon-button-hover-foreground, var(--ig-flat-icon-button-hover-foreground, var(--ig-primary-600)));--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-500)));--focus-hover-background: var(--igx-flat-icon-button-focus-hover-background, var(--ig-flat-icon-button-focus-hover-background, transparent));--focus-hover-foreground: var(--igx-flat-icon-button-focus-hover-foreground, var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-primary-600)));--active-background: var(--igx-flat-icon-button-active-background, var(--ig-flat-icon-button-active-background, transparent));--active-foreground: var(--igx-flat-icon-button-active-foreground, var(--ig-flat-icon-button-active-foreground, var(--ig-primary-800)));--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-primary-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, 0.2) * 1.25rem), 1.25rem)));--size: var(--igx-flat-icon-button-size, var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-flat-icon-button-default-size, var(--ig-flat-icon-button-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}[igxIconButton=contained],igx-icon-button[variant=contained],.igx-icon-button--contained{--shadow-color: var(--igx-contained-icon-button-shadow-color, var(--ig-contained-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--background: var(--igx-contained-icon-button-background, var(--ig-contained-icon-button-background, var(--ig-primary-500)));--foreground: var(--igx-contained-icon-button-foreground, var(--ig-contained-icon-button-foreground, var(--ig-primary-600-contrast)));--hover-background: var(--igx-contained-icon-button-hover-background, var(--ig-contained-icon-button-hover-background, var(--ig-primary-600)));--hover-foreground: var(--igx-contained-icon-button-hover-foreground, var(--ig-contained-icon-button-hover-foreground, var(--ig-primary-600-contrast)));--focus-background: var(--igx-contained-icon-button-focus-background, var(--ig-contained-icon-button-focus-background, var(--ig-primary-500)));--focus-foreground: var(--igx-contained-icon-button-focus-foreground, var(--ig-contained-icon-button-focus-foreground, var(--ig-primary-600-contrast)));--focus-hover-background: var(--igx-contained-icon-button-focus-hover-background, var(--ig-contained-icon-button-focus-hover-background, var(--ig-primary-600)));--focus-hover-foreground: var(--igx-contained-icon-button-focus-hover-foreground, var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast)));--active-background: var(--igx-contained-icon-button-active-background, var(--ig-contained-icon-button-active-background, var(--ig-primary-800)));--active-foreground: var(--igx-contained-icon-button-active-foreground, var(--ig-contained-icon-button-active-foreground, var(--ig-primary-800-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, transparent));--disabled-background: var(--igx-contained-icon-button-disabled-background, var(--ig-contained-icon-button-disabled-background, var(--ig-primary-50)));--disabled-foreground: var(--igx-contained-icon-button-disabled-foreground, var(--ig-contained-icon-button-disabled-foreground, var(--ig-primary-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, 0.2) * 1.25rem), 1.25rem)));--size: var(--igx-contained-icon-button-size, var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-contained-icon-button-default-size, var(--ig-contained-icon-button-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}[igxIconButton=outlined],igx-icon-button[variant=outlined],.igx-icon-button--outlined{--shadow-color: var(--igx-outlined-icon-button-shadow-color, var(--ig-outlined-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5)));--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-primary-500)));--hover-background: var(--igx-outlined-icon-button-hover-background, var(--ig-outlined-icon-button-hover-background, var(--ig-primary-600)));--hover-foreground: var(--igx-outlined-icon-button-hover-foreground, var(--ig-outlined-icon-button-hover-foreground, var(--ig-primary-600-contrast)));--focus-background: var(--igx-outlined-icon-button-focus-background, var(--ig-outlined-icon-button-focus-background, var(--ig-primary-500)));--focus-foreground: var(--igx-outlined-icon-button-focus-foreground, var(--ig-outlined-icon-button-focus-foreground, var(--ig-primary-600-contrast)));--focus-hover-background: var(--igx-outlined-icon-button-focus-hover-background, var(--ig-outlined-icon-button-focus-hover-background, var(--ig-primary-600)));--focus-hover-foreground: var(--igx-outlined-icon-button-focus-hover-foreground, var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast)));--active-background: var(--igx-outlined-icon-button-active-background, var(--ig-outlined-icon-button-active-background, var(--ig-primary-800)));--active-foreground: var(--igx-outlined-icon-button-active-foreground, var(--ig-outlined-icon-button-active-foreground, var(--ig-primary-800-contrast)));--border-color: var(--igx-outlined-icon-button-border-color, var(--ig-outlined-icon-button-border-color, var(--ig-primary-500)));--focus-border-color: var(--igx-outlined-icon-button-focus-border-color, var(--ig-outlined-icon-button-focus-border-color, var(--ig-primary-800)));--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-primary-200)));--disabled-border-color: var(--igx-outlined-icon-button-disabled-border-color, var(--ig-outlined-icon-button-disabled-border-color, var(--ig-primary-50)));--border-radius: var(--igx-outlined-icon-button-border-radius, var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem)));--size: var(--igx-outlined-icon-button-size, var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-outlined-icon-button-default-size, var(--ig-outlined-icon-button-default-size, 2));--ig-theme: bootstrap;--ig-theme-variant: light}@layer ig.base{.igx-icon-button{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--ig-icon-size, 1.125rem);height:var(--ig-icon-size, 1.125rem);font-size:var(--ig-icon-size, 1.125rem);cursor:pointer}.igx-icon-button:focus-visible{outline:none}.igx-icon-button--ready{transition:box-shadow .15s ease-out,color .15s ease-out}.igx-icon-button--flat{--component-size: var( --ig-size, var(--default-size) );width:var(--size);height:var(--size);background:var(--background);color:var(--foreground);border:.0625rem solid var(--border-color);border-radius:var(--border-radius)}.igx-icon-button--flat:hover{background:var(--hover-background);color:var(--hover-foreground)}.igx-icon-button--flat:active{background:var(--active-background);color:var(--active-foreground)}.igx-button--focused.igx-icon-button--flat{background:var(--focus-background);color:var(--focus-foreground)}.igx-button--focused.igx-icon-button--flat:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground)}.igx-button--focused.igx-icon-button--flat:active{background:var(--active-background);color:var(--active-foreground)}.igx-button--focused.igx-icon-button--flat{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-icon-button--contained{--component-size: var( --ig-size, var(--default-size) );width:var(--size);height:var(--size);background:var(--background);color:var(--foreground);border:.0625rem solid var(--border-color);border-radius:var(--border-radius)}.igx-icon-button--contained:hover{background:var(--hover-background);color:var(--hover-foreground)}.igx-icon-button--contained:active{background:var(--active-background);color:var(--active-foreground)}.igx-button--focused.igx-icon-button--contained{background:var(--focus-background);color:var(--focus-foreground);border-color:var(--focus-border-color)}.igx-button--focused.igx-icon-button--contained:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground)}.igx-button--focused.igx-icon-button--contained:active{background:var(--active-background);color:var(--active-foreground)}.igx-button--focused.igx-icon-button--contained{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-icon-button--outlined{--component-size: var(--ig-size, var(--default-size));width:var(--size);height:var(--size);background:var(--background);color:var(--foreground);border:.0625rem solid var(--border-color);border-radius:var(--border-radius)}.igx-icon-button--outlined:hover{background:var(--hover-background);color:var(--hover-foreground);border-color:var(--hover-background)}.igx-icon-button--outlined:active{background:var(--active-background);color:var(--active-foreground);border-color:var(--focus-border-color)}.igx-button--focused.igx-icon-button--outlined{background:var(--focus-background);color:var(--focus-foreground)}.igx-button--focused.igx-icon-button--outlined:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground);border-color:var(--focus-hover-background)}.igx-button--focused.igx-icon-button--outlined:active{background:var(--active-background);color:var(--active-foreground);border-color:var(--focus-border-color)}.igx-button--focused.igx-icon-button--outlined{box-shadow:0 0 0 .25rem var(--shadow-color)}.igx-button--disabled,.igx-icon-button--disabled{background:var(--disabled-background);color:var(--disabled-foreground);border-color:var(--disabled-border-color);pointer-events:none;box-shadow:none}.igx-button--disabled:focus,.igx-icon-button--disabled:focus{box-shadow:none}}[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-400)));--ig-theme: bootstrap;--ig-theme-variant: light}@layer ig.base{[igxLabel]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;color:var(--color);max-width:100%}[dir=rtl] [igxLabel]{transform-origin:top right}[igxLabel]{height:auto}}.igx-overlay__wrapper--modal,.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/0.54)));--ig-theme: bootstrap;--ig-theme-variant: light}.igx-overlay{width:0;height:0;box-sizing:content-box}.igx-overlay__wrapper,.igx-overlay__wrapper--modal,.igx-overlay__wrapper--flex,.igx-overlay__wrapper--flex-container{position:fixed;inset:0;background:rgba(0,0,0,0);transition:background .25s cubic-bezier(0.455, 0.03, 0.515, 0.955);pointer-events:none;box-sizing:content-box}[popover].igx-overlay__wrapper,[popover].igx-overlay__wrapper--modal,[popover].igx-overlay__wrapper--flex,[popover].igx-overlay__wrapper--flex-container{position:fixed !important;margin:0 !important;border:0 !important;padding:0 !important;width:auto;height:auto;overflow:visible !important}[popover].igx-overlay__wrapper:not(:popover-open),[popover].igx-overlay__wrapper--modal:not(:popover-open),[popover].igx-overlay__wrapper--flex:not(:popover-open),[popover].igx-overlay__wrapper--flex-container:not(:popover-open){display:initial !important}.igx-overlay__wrapper--modal{background:var(--background-color);pointer-events:initial}.igx-overlay__wrapper--flex{display:flex}.igx-overlay__wrapper--flex-container{display:flex;position:absolute}.igx-overlay__content,.igx-overlay__content--modal,.igx-overlay__content--elastic,.igx-overlay__content--relative{position:absolute;pointer-events:all;box-sizing:content-box}.igx-overlay__content--modal{pointer-events:initial}.igx-overlay__content--elastic{overflow:auto}.igx-overlay__content--relative{position:relative}.igx-toggle--hidden:not(.igx-toggle--hidden-webkit){display:none !important}.igx-toggle--hidden-webkit{position:absolute;visibility:hidden;width:0;min-width:0;height:0;padding:0 !important;top:0;left:0;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.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: bootstrap;--ig-theme-variant: light}@-moz-document url-prefix(){.ig-scrollbar{scrollbar-width:var(--sb-size);scrollbar-color:var(--sb-thumb-bg-color) var(--sb-track-bg-color)}}.ig-scrollbar ::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}.ig-scrollbar ::-webkit-scrollbar-track{background:var(--sb-track-bg-color)}.ig-scrollbar ::-webkit-scrollbar-track:hover,.ig-scrollbar ::-webkit-scrollbar-track:active{background:var(--sb-track-bg-color-hover)}.ig-scrollbar ::-webkit-scrollbar-thumb{min-height:var(--sb-thumb-min-height);border-radius:var(--sb-thumb-border-radius);border:var(--sb-thumb-border-size) solid var(--sb-thumb-border-color);background-clip:content-box;background-color:var(--sb-thumb-bg-color)}.ig-scrollbar ::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-bg-color-hover)}.ig-scrollbar ::-webkit-scrollbar-corner{background:var(--sb-corner-bg);border:var(--sb-corner-border-size) solid var(--sb-corner-border-color)}.ig-scrollbar ::-webkit-scrollbar-track-piece{border:var(--sb-track-border-size) solid var(--sb-track-border-color)}@media(hover: none){.ig-scrollbar ::-webkit-scrollbar{width:auto;height:auto}}.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/0.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, 0.25) * 1rem), 1rem)));--ig-theme: bootstrap;--ig-theme-variant: light}@layer ig.base{.igx-tooltip{display:flex;align-items:flex-start;text-align:start;background:var(--background);color:var(--text-color);border-radius:var(--border-radius);box-shadow:var(--elevation);padding:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;min-height:1.5rem;min-width:1.5rem;max-width:12.5rem;width:-moz-fit-content;width:fit-content}.igx-tooltip igx-icon{--component-size: 1}.igx-tooltip igx-tooltip-close-button{display:flex;cursor:default}.igx-tooltip:not([data-default]){max-width:initial}.igx-tooltip--top{border-left:.25rem solid rgba(0,0,0,0);border-right:.25rem solid rgba(0,0,0,0);border-top:.25rem solid var(--background)}.igx-tooltip--bottom{border-left:.25rem solid rgba(0,0,0,0);border-right:.25rem solid rgba(0,0,0,0);border-bottom:.25rem solid var(--background)}.igx-tooltip--left{border-top:.25rem solid rgba(0,0,0,0);border-bottom:.25rem solid rgba(0,0,0,0);border-left:.25rem solid var(--background)}.igx-tooltip--right{border-top:.25rem solid rgba(0,0,0,0);border-bottom:.25rem solid rgba(0,0,0,0);border-right:.25rem solid var(--background)}.igx-tooltip--hidden{display:none}}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.25) * 1rem), 1rem)));--ig-theme: bootstrap;--ig-theme-variant: light}igc-trial-watermark::part(link){font-family:var(--ig-font-family)}
2
2
 
3
3
  /*# sourceMappingURL=maps/igniteui-bootstrap-light.css.map */