.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,.igx-drag__handle{-webkit-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}:root{--ig-size: var(--ig-size-large)}@layer ig.reset{html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,iframe,object,video{height:auto;max-width:100%}audio{max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}}[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;-webkit-filter:opacity(1);filter:opacity(1);print-color-adjust:exact;text-shadow:none!important}a[href^=http]:after{content:"[" attr(href) "]";color:#00f}.igx-no-print{display:none!important}.igx-bw-print{-webkit-filter:grayscale(100%);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, bold 16pt var(--ig-font-family)));--subtitle-text-style: var(--igx-category-chart-subtitle-text-style, var(--ig-category-chart-subtitle-text-style, normal 1.3rem 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, normal 1.1rem 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, normal 1.1rem 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, normal 1.1rem 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, normal 1.1rem 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, bold 16pt var(--ig-font-family)));--subtitle-text-style: var(--igx-data-chart-subtitle-text-style, var(--ig-data-chart-subtitle-text-style, normal 1.3rem 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, bold 16pt var(--ig-font-family)));--subtitle-text-style: var(--igx-financial-chart-subtitle-text-style, var(--ig-financial-chart-subtitle-text-style, normal 1.3rem 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, normal 1.1rem 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, normal 1.1rem 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, normal 1.1rem 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, normal 1.1rem 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, normal 96px var(--ig-font-family)));--text-style: var(--igx-funnel-chart-text-style, var(--ig-funnel-chart-text-style, normal 1.3rem 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, normal 1.1rem 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, bold 16pt var(--ig-font-family)));--subtitle-text-style: var(--igx-shape-chart-subtitle-text-style, var(--ig-shape-chart-subtitle-text-style, normal 1.3rem 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, bold 24pt 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, 400 2.125rem 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, bold 24pt 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, 400 2.125rem 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-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);margin:0}.ig-typography .igx-tooltip{line-height:1rem;font-size:.625rem;font-weight:600}}:root{--ig-font-family: Rajdhani, Fira Sans Condensed, sans-serif;--ig-base-font-size: 16px;--ig-h1-font-family: Anton, Oswald, sans-serif;--ig-h1-font-size: 96px;--ig-h1-font-weight: normal;--ig-h1-font-style: normal;--ig-h1-line-height: 96px;--ig-h1-letter-spacing: normal;--ig-h1-text-transform: uppercase;--ig-h1-margin-top: 0;--ig-h1-margin-bottom: 0;--ig-h2-font-family: Rajdhani, Fira Sans Condensed, sans-serif;--ig-h2-font-size: 36pt;--ig-h2-font-weight: bold;--ig-h2-font-style: normal;--ig-h2-line-height: normal;--ig-h2-letter-spacing: normal;--ig-h2-text-transform: uppercase;--ig-h2-margin-top: 0;--ig-h2-margin-bottom: 0;--ig-h3-font-family: Rajdhani, Fira Sans Condensed, sans-serif;--ig-h3-font-size: 24pt;--ig-h3-font-weight: bold;--ig-h3-font-style: normal;--ig-h3-line-height: normal;--ig-h3-letter-spacing: normal;--ig-h3-text-transform: none;--ig-h3-margin-top: 0;--ig-h3-margin-bottom: 0;--ig-h4-font-size: 2.125rem;--ig-h4-font-weight: 400;--ig-h4-font-style: normal;--ig-h4-line-height: 2.5rem;--ig-h4-letter-spacing: .015625rem;--ig-h4-text-transform: none;--ig-h4-margin-top: 1.75rem;--ig-h4-margin-bottom: 0;--ig-h5-font-size: 1.5rem;--ig-h5-font-weight: 400;--ig-h5-font-style: normal;--ig-h5-line-height: 1.75rem;--ig-h5-letter-spacing: 0;--ig-h5-text-transform: none;--ig-h5-margin-top: 1.75rem;--ig-h5-margin-bottom: 0;--ig-h6-font-family: Rajdhani, Fira Sans Condensed, sans-serif;--ig-h6-font-size: 16pt;--ig-h6-font-weight: bold;--ig-h6-font-style: normal;--ig-h6-line-height: normal;--ig-h6-letter-spacing: normal;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0;--ig-subtitle-1-font-family: Rajdhani, Fira Sans Condensed, sans-serif;--ig-subtitle-1-font-size: 1.3rem;--ig-subtitle-1-font-weight: normal;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: normal;--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-family: Rajdhani, Fira Sans Condensed, sans-serif;--ig-subtitle-2-font-size: 1.1rem;--ig-subtitle-2-font-weight: normal;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: normal;--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-family: Rajdhani, Fira Sans Condensed, sans-serif;--ig-body-1-font-size: 14pt;--ig-body-1-font-weight: normal;--ig-body-1-font-style: normal;--ig-body-1-line-height: normal;--ig-body-1-letter-spacing: normal;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 1.75rem;--ig-body-1-margin-bottom: 1rem;--ig-body-2-font-family: Rajdhani, Fira Sans Condensed, sans-serif;--ig-body-2-font-size: 1.1rem;--ig-body-2-font-weight: normal;--ig-body-2-font-style: normal;--ig-body-2-line-height: normal;--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-family: Anton, Oswald, sans-serif;--ig-button-font-size: 18px;--ig-button-font-weight: normal;--ig-button-font-style: normal;--ig-button-line-height: normal;--ig-button-letter-spacing: normal;--ig-button-text-transform: uppercase;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: .75rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 1rem;--ig-caption-letter-spacing: .025rem;--ig-caption-text-transform: none;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: .625rem;--ig-overline-font-weight: 400;--ig-overline-font-style: normal;--ig-overline-line-height: 1rem;--ig-overline-letter-spacing: .09375rem;--ig-overline-text-transform: uppercase;--ig-overline-margin-top: 0;--ig-overline-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{color-scheme:dark}html,body{height:100%;min-width:380px;background-color:var(--ig-surface-500);color:var(--ig-surface-500-contrast)}.bellum-gens-navbar{position:sticky;top:0;z-index:5}.navigatable{cursor:pointer}.navigatable:focus,.navigatable:active{outline:none}.content{height:100%;width:100%}.horizontal{display:flex;flex-flow:row wrap}.horizontal-center{display:flex;flex-flow:row wrap;align-items:center;justify-content:center}.space-between{justify-content:space-between}.space-evenly{justify-content:space-evenly}.horizontal-info__right{display:flex;flex-flow:row nowrap;margin-left:auto;align-items:center;justify-content:center}.title{font-weight:600}.title.margin-left{margin-left:8px}a{text-decoration:none;color:var(--ig-secondary-500)}.highlight{color:var(--ig-secondary-500);font-weight:600}.igx-input-group__textarea,textarea{resize:none;min-height:128px}.submit-button{width:100%}.content-container{display:grid;grid-template-columns:minmax(45%,1fr) minmax(45%,1fr);grid-column-gap:48px;grid-row-gap:24px;width:1280px;min-width:380px;padding:16px;margin:auto;min-height:calc(100% - 45px)}.content-container-row{grid-column:1/-1;display:flex;flex-flow:column;align-items:center;justify-content:space-evenly}.content-container-row.min-height-row{min-height:210px}.content-container-column{display:flex;flex-flow:column;justify-content:space-evenly}.content-container-column.align-center{align-items:center}.content-container-column ul{padding-inline-start:40px;list-style:disc}.content-container-column img{width:auto;margin:8px 0}.slide{background-size:cover;background-repeat:no-repeat;background-position:center}.overlay-background{background-color:hsl(from var(--ig-gray-900) h s l/.2)}.drawer-action{margin-right:16px}.space-out-button{margin:8px 12px}.loading-overview{display:flex;min-height:calc(100% - 45px);justify-content:center;align-items:center;width:60%;margin:auto;padding:0 16px;color:var(--ig-primary-500)}.overview-container-card{width:80%;margin:auto;padding-top:24px;color:#fff;min-height:calc(100% - 45px)}.card-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(334px,1fr));grid-gap:16px;grid-auto-rows:max-content;margin:24px;min-height:calc(100% - 45px)}.overview-container-card .card-wrapper{width:100%}.overview-container-card h4{margin-top:0}.overview-container-card h4.margin-top{margin-top:1.75rem}.top-level-container{min-width:380px}.main-content-wrapper{height:calc(100% - 45px);min-width:380px;display:flex}.footer{width:100%;display:flex;flex-flow:column}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.footer-row>p{margin:8px 4px}.footer-row>a{width:32px}.preview-image{-webkit-box-shadow:0px 24px 48px -12px rgba(4,8,29,.45);-moz-box-shadow:0px 24px 48px -12px rgba(4,8,29,.45);box-shadow:0 24px 48px -12px #04081d73;border-radius:20px}.subscription-form-input{min-width:348px}.submit-email{height:56px;margin:0 8px}.contacts{display:flex;min-width:128px;width:100%;align-content:center;justify-content:space-evenly;flex-wrap:wrap;margin-top:16px}.contacts igx-icon{--ig-icon-size: 64px;color:#fff}.igx-button.profile-button igx-icon{color:#fff}.partner{margin:16px}.platinum{max-width:380px}.gold{max-width:250px}.logistics{max-width:150px}.grid-vs-divider{margin:0 8px}.grid-team-name{width:200px;margin-left:4px}.login-button{width:250px}.registration-form,.igx-dialog__window-content,.igx-dialog__window-content form{display:grid;row-gap:12px}.igx-dialog__window-content>*{width:100%}.dd-item-content{display:flex;align-items:center}.dd-item-content>igx-icon{margin-right:12px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:white;-webkit-background-clip:text;background-clip:text}@media only screen and (max-width:720px){.submit-email{height:48px;margin:8px auto}.loading-overview{width:100%}}@media only screen and (max-width:1280px){.slide{width:auto;height:auto}.content-container{grid-template-columns:minmax(348px,1fr);width:100%}.slide-info p,.content-container p{font-size:.85rem}.loading-overview{width:80%}}@media only screen and (min-width:1921px){.slide1{background-position:initial}}:root{--ig-wcag-a: .31;--ig-wcag-aa: .185;--ig-wcag-aaa: .178;--ig-contrast-level: var(--ig-wcag-aa);--y: clamp(0, (y / var(--ig-contrast-level) - 1) * -infinity, 1);--y-contrast: xyz-d65 var(--y) var(--y) var(--y)}: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*.8) calc(l*1.66) );--ig-primary-100-contrast: hsla(from color(from var(--ig-primary-100) var(--y-contrast)) h 0 l/1);--ig-primary-200: hsl(from var(--ig-primary-500) h calc(s*.64) calc(l*1.43) );--ig-primary-200-contrast: hsla(from color(from var(--ig-primary-200) var(--y-contrast)) h 0 l/1);--ig-primary-300: hsl(from var(--ig-primary-500) h calc(s*.73) calc(l*1.19) );--ig-primary-300-contrast: hsla(from color(from var(--ig-primary-300) var(--y-contrast)) h 0 l/1);--ig-primary-400: hsl(from var(--ig-primary-500) h calc(s*.875) calc(l*1.08) );--ig-primary-400-contrast: hsla(from color(from var(--ig-primary-400) var(--y-contrast)) h 0 l/1);--ig-primary-500: #4dd7f7;--ig-primary-500-contrast: hsla(from color(from var(--ig-primary-500) var(--y-contrast)) h 0 l/1);--ig-primary-600: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.89) );--ig-primary-600-contrast: hsla(from color(from var(--ig-primary-600) var(--y-contrast)) h 0 l/1);--ig-primary-700: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.81) );--ig-primary-700-contrast: hsla(from color(from var(--ig-primary-700) var(--y-contrast)) h 0 l/1);--ig-primary-800: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.73) );--ig-primary-800-contrast: hsla(from color(from var(--ig-primary-800) var(--y-contrast)) h 0 l/1);--ig-primary-900: hsl(from var(--ig-primary-500) h calc(s*1.26) calc(l*.64) );--ig-primary-900-contrast: hsla(from color(from var(--ig-primary-900) var(--y-contrast)) h 0 l/1);--ig-primary-seed: #4dd7f7;--ig-primary-seed-contrast: hsla(from color(from var(--ig-primary-seed) var(--y-contrast)) h 0 l/1);--ig-primary-A100: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*1.34) );--ig-primary-A100-contrast: hsla(from color(from var(--ig-primary-A100) var(--y-contrast)) h 0 l/1);--ig-primary-A200: hsl(from var(--ig-primary-500) h calc(s*1.22) calc(l*1.16) );--ig-primary-A200-contrast: hsla(from color(from var(--ig-primary-A200) var(--y-contrast)) h 0 l/1);--ig-primary-A400: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*.91) );--ig-primary-A400-contrast: hsla(from color(from var(--ig-primary-A400) var(--y-contrast)) h 0 l/1);--ig-primary-A700: hsl(from var(--ig-primary-500) h calc(s*1.23) calc(l*.65) );--ig-primary-A700-contrast: hsla(from color(from var(--ig-primary-A700) var(--y-contrast)) h 0 l/1);--ig-secondary-50: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*1.78) );--ig-secondary-50-contrast: hsla(from color(from var(--ig-secondary-50) var(--y-contrast)) h 0 l/1);--ig-secondary-100: hsl(from var(--ig-secondary-500) h calc(s*.8) calc(l*1.66) );--ig-secondary-100-contrast: hsla(from color(from var(--ig-secondary-100) var(--y-contrast)) h 0 l/1);--ig-secondary-200: hsl(from var(--ig-secondary-500) h calc(s*.64) calc(l*1.43) );--ig-secondary-200-contrast: hsla(from color(from var(--ig-secondary-200) var(--y-contrast)) h 0 l/1);--ig-secondary-300: hsl(from var(--ig-secondary-500) h calc(s*.73) calc(l*1.19) );--ig-secondary-300-contrast: hsla(from color(from var(--ig-secondary-300) var(--y-contrast)) h 0 l/1);--ig-secondary-400: hsl(from var(--ig-secondary-500) h calc(s*.875) calc(l*1.08) );--ig-secondary-400-contrast: hsla(from color(from var(--ig-secondary-400) var(--y-contrast)) h 0 l/1);--ig-secondary-500: #bccf00;--ig-secondary-500-contrast: hsla(from color(from var(--ig-secondary-500) var(--y-contrast)) h 0 l/1);--ig-secondary-600: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.89) );--ig-secondary-600-contrast: hsla(from color(from var(--ig-secondary-600) var(--y-contrast)) h 0 l/1);--ig-secondary-700: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.81) );--ig-secondary-700-contrast: hsla(from color(from var(--ig-secondary-700) var(--y-contrast)) h 0 l/1);--ig-secondary-800: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.73) );--ig-secondary-800-contrast: hsla(from color(from var(--ig-secondary-800) var(--y-contrast)) h 0 l/1);--ig-secondary-900: hsl(from var(--ig-secondary-500) h calc(s*1.26) calc(l*.64) );--ig-secondary-900-contrast: hsla(from color(from var(--ig-secondary-900) var(--y-contrast)) h 0 l/1);--ig-secondary-seed: #bccf00;--ig-secondary-seed-contrast: hsla(from color(from var(--ig-secondary-seed) var(--y-contrast)) h 0 l/1);--ig-secondary-A100: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*1.34) );--ig-secondary-A100-contrast: hsla(from color(from var(--ig-secondary-A100) var(--y-contrast)) h 0 l/1);--ig-secondary-A200: hsl(from var(--ig-secondary-500) h calc(s*1.22) calc(l*1.16) );--ig-secondary-A200-contrast: hsla(from color(from var(--ig-secondary-A200) var(--y-contrast)) h 0 l/1);--ig-secondary-A400: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*.91) );--ig-secondary-A400-contrast: hsla(from color(from var(--ig-secondary-A400) var(--y-contrast)) h 0 l/1);--ig-secondary-A700: hsl(from var(--ig-secondary-500) h calc(s*1.23) calc(l*.65) );--ig-secondary-A700-contrast: hsla(from color(from var(--ig-secondary-A700) var(--y-contrast)) h 0 l/1);--ig-gray-50: hsl(from var(--ig-gray-500) h s 13%);--ig-gray-50-contrast: hsla(from color(from var(--ig-gray-50) var(--y-contrast)) h 0 l/1);--ig-gray-100: hsl(from var(--ig-gray-500) h s 26%);--ig-gray-100-contrast: hsla(from color(from var(--ig-gray-100) var(--y-contrast)) h 0 l/1);--ig-gray-200: hsl(from var(--ig-gray-500) h s 38%);--ig-gray-200-contrast: hsla(from color(from var(--ig-gray-200) var(--y-contrast)) h 0 l/1);--ig-gray-300: hsl(from var(--ig-gray-500) h s 54%);--ig-gray-300-contrast: hsla(from color(from var(--ig-gray-300) var(--y-contrast)) h 0 l/1);--ig-gray-400: hsl(from var(--ig-gray-500) h s 62%);--ig-gray-400-contrast: hsla(from color(from var(--ig-gray-400) var(--y-contrast)) h 0 l/1);--ig-gray-500: hsl(0, 0%, 74%);--ig-gray-500-contrast: hsla(from color(from var(--ig-gray-500) var(--y-contrast)) h 0 l/1);--ig-gray-600: hsl(from var(--ig-gray-500) h s 88%);--ig-gray-600-contrast: hsla(from color(from var(--ig-gray-600) var(--y-contrast)) h 0 l/1);--ig-gray-700: hsl(from var(--ig-gray-500) h s 93%);--ig-gray-700-contrast: hsla(from color(from var(--ig-gray-700) var(--y-contrast)) h 0 l/1);--ig-gray-800: hsl(from var(--ig-gray-500) h s 96%);--ig-gray-800-contrast: hsla(from color(from var(--ig-gray-800) var(--y-contrast)) h 0 l/1);--ig-gray-900: hsl(from var(--ig-gray-500) h s 98%);--ig-gray-900-contrast: hsla(from color(from var(--ig-gray-900) var(--y-contrast)) h 0 l/1);--ig-gray-seed: #fff;--ig-gray-seed-contrast: hsla(from color(from var(--ig-gray-seed) var(--y-contrast)) h 0 l/1);--ig-surface-50: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*1.78) );--ig-surface-50-contrast: hsla(from color(from var(--ig-surface-50) var(--y-contrast)) h 0 l/1);--ig-surface-100: hsl(from var(--ig-surface-500) h calc(s*.8) calc(l*1.66) );--ig-surface-100-contrast: hsla(from color(from var(--ig-surface-100) var(--y-contrast)) h 0 l/1);--ig-surface-200: hsl(from var(--ig-surface-500) h calc(s*.64) calc(l*1.43) );--ig-surface-200-contrast: hsla(from color(from var(--ig-surface-200) var(--y-contrast)) h 0 l/1);--ig-surface-300: hsl(from var(--ig-surface-500) h calc(s*.73) calc(l*1.19) );--ig-surface-300-contrast: hsla(from color(from var(--ig-surface-300) var(--y-contrast)) h 0 l/1);--ig-surface-400: hsl(from var(--ig-surface-500) h calc(s*.875) calc(l*1.08) );--ig-surface-400-contrast: hsla(from color(from var(--ig-surface-400) var(--y-contrast)) h 0 l/1);--ig-surface-500: #001845;--ig-surface-500-contrast: hsla(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l/1);--ig-surface-600: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.89) );--ig-surface-600-contrast: hsla(from color(from var(--ig-surface-600) var(--y-contrast)) h 0 l/1);--ig-surface-700: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.81) );--ig-surface-700-contrast: hsla(from color(from var(--ig-surface-700) var(--y-contrast)) h 0 l/1);--ig-surface-800: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.73) );--ig-surface-800-contrast: hsla(from color(from var(--ig-surface-800) var(--y-contrast)) h 0 l/1);--ig-surface-900: hsl(from var(--ig-surface-500) h calc(s*1.26) calc(l*.64) );--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #001845;--ig-surface-seed-contrast: hsla(from color(from var(--ig-surface-seed) var(--y-contrast)) h 0 l/1);--ig-surface-A100: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*1.34) );--ig-surface-A100-contrast: hsla(from color(from var(--ig-surface-A100) var(--y-contrast)) h 0 l/1);--ig-surface-A200: hsl(from var(--ig-surface-500) h calc(s*1.22) calc(l*1.16) );--ig-surface-A200-contrast: hsla(from color(from var(--ig-surface-A200) var(--y-contrast)) h 0 l/1);--ig-surface-A400: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*.91) );--ig-surface-A400-contrast: hsla(from color(from var(--ig-surface-A400) var(--y-contrast)) h 0 l/1);--ig-surface-A700: hsl(from var(--ig-surface-500) h calc(s*1.23) calc(l*.65) );--ig-surface-A700-contrast: hsla(from color(from var(--ig-surface-A700) var(--y-contrast)) h 0 l/1);--ig-info-50: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*1.78) );--ig-info-50-contrast: hsla(from color(from var(--ig-info-50) var(--y-contrast)) h 0 l/1);--ig-info-100: hsl(from var(--ig-info-500) h calc(s*.8) calc(l*1.66) );--ig-info-100-contrast: hsla(from color(from var(--ig-info-100) var(--y-contrast)) h 0 l/1);--ig-info-200: hsl(from var(--ig-info-500) h calc(s*.64) calc(l*1.43) );--ig-info-200-contrast: hsla(from color(from var(--ig-info-200) var(--y-contrast)) h 0 l/1);--ig-info-300: hsl(from var(--ig-info-500) h calc(s*.73) calc(l*1.19) );--ig-info-300-contrast: hsla(from color(from var(--ig-info-300) var(--y-contrast)) h 0 l/1);--ig-info-400: hsl(from var(--ig-info-500) h calc(s*.875) calc(l*1.08) );--ig-info-400-contrast: hsla(from color(from var(--ig-info-400) var(--y-contrast)) h 0 l/1);--ig-info-500: #1377d5;--ig-info-500-contrast: hsla(from color(from var(--ig-info-500) var(--y-contrast)) h 0 l/1);--ig-info-600: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.89) );--ig-info-600-contrast: hsla(from color(from var(--ig-info-600) var(--y-contrast)) h 0 l/1);--ig-info-700: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.81) );--ig-info-700-contrast: hsla(from color(from var(--ig-info-700) var(--y-contrast)) h 0 l/1);--ig-info-800: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.73) );--ig-info-800-contrast: hsla(from color(from var(--ig-info-800) var(--y-contrast)) h 0 l/1);--ig-info-900: hsl(from var(--ig-info-500) h calc(s*1.26) calc(l*.64) );--ig-info-900-contrast: hsla(from color(from var(--ig-info-900) var(--y-contrast)) h 0 l/1);--ig-info-seed: #1377d5;--ig-info-seed-contrast: hsla(from color(from var(--ig-info-seed) var(--y-contrast)) h 0 l/1);--ig-info-A100: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*1.34) );--ig-info-A100-contrast: hsla(from color(from var(--ig-info-A100) var(--y-contrast)) h 0 l/1);--ig-info-A200: hsl(from var(--ig-info-500) h calc(s*1.22) calc(l*1.16) );--ig-info-A200-contrast: hsla(from color(from var(--ig-info-A200) var(--y-contrast)) h 0 l/1);--ig-info-A400: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*.91) );--ig-info-A400-contrast: hsla(from color(from var(--ig-info-A400) var(--y-contrast)) h 0 l/1);--ig-info-A700: hsl(from var(--ig-info-500) h calc(s*1.23) calc(l*.65) );--ig-info-A700-contrast: hsla(from color(from var(--ig-info-A700) var(--y-contrast)) h 0 l/1);--ig-success-50: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*1.78) );--ig-success-50-contrast: hsla(from color(from var(--ig-success-50) var(--y-contrast)) h 0 l/1);--ig-success-100: hsl(from var(--ig-success-500) h calc(s*.8) calc(l*1.66) );--ig-success-100-contrast: hsla(from color(from var(--ig-success-100) var(--y-contrast)) h 0 l/1);--ig-success-200: hsl(from var(--ig-success-500) h calc(s*.64) calc(l*1.43) );--ig-success-200-contrast: hsla(from color(from var(--ig-success-200) var(--y-contrast)) h 0 l/1);--ig-success-300: hsl(from var(--ig-success-500) h calc(s*.73) calc(l*1.19) );--ig-success-300-contrast: hsla(from color(from var(--ig-success-300) var(--y-contrast)) h 0 l/1);--ig-success-400: hsl(from var(--ig-success-500) h calc(s*.875) calc(l*1.08) );--ig-success-400-contrast: hsla(from color(from var(--ig-success-400) var(--y-contrast)) h 0 l/1);--ig-success-500: #4eb862;--ig-success-500-contrast: hsla(from color(from var(--ig-success-500) var(--y-contrast)) h 0 l/1);--ig-success-600: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.89) );--ig-success-600-contrast: hsla(from color(from var(--ig-success-600) var(--y-contrast)) h 0 l/1);--ig-success-700: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.81) );--ig-success-700-contrast: hsla(from color(from var(--ig-success-700) var(--y-contrast)) h 0 l/1);--ig-success-800: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.73) );--ig-success-800-contrast: hsla(from color(from var(--ig-success-800) var(--y-contrast)) h 0 l/1);--ig-success-900: hsl(from var(--ig-success-500) h calc(s*1.26) calc(l*.64) );--ig-success-900-contrast: hsla(from color(from var(--ig-success-900) var(--y-contrast)) h 0 l/1);--ig-success-seed: #4eb862;--ig-success-seed-contrast: hsla(from color(from var(--ig-success-seed) var(--y-contrast)) h 0 l/1);--ig-success-A100: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*1.34) );--ig-success-A100-contrast: hsla(from color(from var(--ig-success-A100) var(--y-contrast)) h 0 l/1);--ig-success-A200: hsl(from var(--ig-success-500) h calc(s*1.22) calc(l*1.16) );--ig-success-A200-contrast: hsla(from color(from var(--ig-success-A200) var(--y-contrast)) h 0 l/1);--ig-success-A400: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*.91) );--ig-success-A400-contrast: hsla(from color(from var(--ig-success-A400) var(--y-contrast)) h 0 l/1);--ig-success-A700: hsl(from var(--ig-success-500) h calc(s*1.23) calc(l*.65) );--ig-success-A700-contrast: hsla(from color(from var(--ig-success-A700) var(--y-contrast)) h 0 l/1);--ig-warn-50: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*1.78) );--ig-warn-50-contrast: hsla(from color(from var(--ig-warn-50) var(--y-contrast)) h 0 l/1);--ig-warn-100: hsl(from var(--ig-warn-500) h calc(s*.8) calc(l*1.66) );--ig-warn-100-contrast: hsla(from color(from var(--ig-warn-100) var(--y-contrast)) h 0 l/1);--ig-warn-200: hsl(from var(--ig-warn-500) h calc(s*.64) calc(l*1.43) );--ig-warn-200-contrast: hsla(from color(from var(--ig-warn-200) var(--y-contrast)) h 0 l/1);--ig-warn-300: hsl(from var(--ig-warn-500) h calc(s*.73) calc(l*1.19) );--ig-warn-300-contrast: hsla(from color(from var(--ig-warn-300) var(--y-contrast)) h 0 l/1);--ig-warn-400: hsl(from var(--ig-warn-500) h calc(s*.875) calc(l*1.08) );--ig-warn-400-contrast: hsla(from color(from var(--ig-warn-400) var(--y-contrast)) h 0 l/1);--ig-warn-500: #faa419;--ig-warn-500-contrast: hsla(from color(from var(--ig-warn-500) var(--y-contrast)) h 0 l/1);--ig-warn-600: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.89) );--ig-warn-600-contrast: hsla(from color(from var(--ig-warn-600) var(--y-contrast)) h 0 l/1);--ig-warn-700: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.81) );--ig-warn-700-contrast: hsla(from color(from var(--ig-warn-700) var(--y-contrast)) h 0 l/1);--ig-warn-800: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.73) );--ig-warn-800-contrast: hsla(from color(from var(--ig-warn-800) var(--y-contrast)) h 0 l/1);--ig-warn-900: hsl(from var(--ig-warn-500) h calc(s*1.26) calc(l*.64) );--ig-warn-900-contrast: hsla(from color(from var(--ig-warn-900) var(--y-contrast)) h 0 l/1);--ig-warn-seed: #faa419;--ig-warn-seed-contrast: hsla(from color(from var(--ig-warn-seed) var(--y-contrast)) h 0 l/1);--ig-warn-A100: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*1.34) );--ig-warn-A100-contrast: hsla(from color(from var(--ig-warn-A100) var(--y-contrast)) h 0 l/1);--ig-warn-A200: hsl(from var(--ig-warn-500) h calc(s*1.22) calc(l*1.16) );--ig-warn-A200-contrast: hsla(from color(from var(--ig-warn-A200) var(--y-contrast)) h 0 l/1);--ig-warn-A400: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*.91) );--ig-warn-A400-contrast: hsla(from color(from var(--ig-warn-A400) var(--y-contrast)) h 0 l/1);--ig-warn-A700: hsl(from var(--ig-warn-500) h calc(s*1.23) calc(l*.65) );--ig-warn-A700-contrast: hsla(from color(from var(--ig-warn-A700) var(--y-contrast)) h 0 l/1);--ig-error-50: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*1.78) );--ig-error-50-contrast: hsla(from color(from var(--ig-error-50) var(--y-contrast)) h 0 l/1);--ig-error-100: hsl(from var(--ig-error-500) h calc(s*.8) calc(l*1.66) );--ig-error-100-contrast: hsla(from color(from var(--ig-error-100) var(--y-contrast)) h 0 l/1);--ig-error-200: hsl(from var(--ig-error-500) h calc(s*.64) calc(l*1.43) );--ig-error-200-contrast: hsla(from color(from var(--ig-error-200) var(--y-contrast)) h 0 l/1);--ig-error-300: hsl(from var(--ig-error-500) h calc(s*.73) calc(l*1.19) );--ig-error-300-contrast: hsla(from color(from var(--ig-error-300) var(--y-contrast)) h 0 l/1);--ig-error-400: hsl(from var(--ig-error-500) h calc(s*.875) calc(l*1.08) );--ig-error-400-contrast: hsla(from color(from var(--ig-error-400) var(--y-contrast)) h 0 l/1);--ig-error-500: #ff134a;--ig-error-500-contrast: hsla(from color(from var(--ig-error-500) var(--y-contrast)) h 0 l/1);--ig-error-600: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.89) );--ig-error-600-contrast: hsla(from color(from var(--ig-error-600) var(--y-contrast)) h 0 l/1);--ig-error-700: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.81) );--ig-error-700-contrast: hsla(from color(from var(--ig-error-700) var(--y-contrast)) h 0 l/1);--ig-error-800: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.73) );--ig-error-800-contrast: hsla(from color(from var(--ig-error-800) var(--y-contrast)) h 0 l/1);--ig-error-900: hsl(from var(--ig-error-500) h calc(s*1.26) calc(l*.64) );--ig-error-900-contrast: hsla(from color(from var(--ig-error-900) var(--y-contrast)) h 0 l/1);--ig-error-seed: #ff134a;--ig-error-seed-contrast: hsla(from color(from var(--ig-error-seed) var(--y-contrast)) h 0 l/1);--ig-error-A100: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*1.34) );--ig-error-A100-contrast: hsla(from color(from var(--ig-error-A100) var(--y-contrast)) h 0 l/1);--ig-error-A200: hsl(from var(--ig-error-500) h calc(s*1.22) calc(l*1.16) );--ig-error-A200-contrast: hsla(from color(from var(--ig-error-A200) var(--y-contrast)) h 0 l/1);--ig-error-A400: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*.91) );--ig-error-A400-contrast: hsla(from color(from var(--ig-error-A400) var(--y-contrast)) h 0 l/1);--ig-error-A700: hsl(from var(--ig-error-500) h calc(s*1.23) calc(l*.65) );--ig-error-A700-contrast: hsla(from color(from var(--ig-error-A700) var(--y-contrast)) h 0 l/1)}: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, .26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, .08);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, .08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, .08);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, .08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, .08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, .08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, .08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, .08);--ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, .08);--ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, .26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, .12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, .08)}:root{--ig-theme: material;--ig-theme-variant: dark}@layer ig.reset,ig.base,ig.material,ig.derived;@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-avatar{--background: var(--igx-avatar-background, var(--ig-avatar-background, var(--ig-gray-200)));--color: var(--igx-avatar-color, var(--ig-avatar-color, var(--ig-gray-800)));--icon-color: var(--igx-avatar-icon-color, var(--ig-avatar-icon-color, var(--ig-gray-800)));--border-radius: var(--igx-avatar-border-radius, var(--ig-avatar-border-radius, .5rem));--size: var(--igx-avatar-size, var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--default-size: var(--igx-avatar-default-size, var(--ig-avatar-default-size, 1));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-badge{--elevation: var(--igx-badge-elevation, var(--ig-badge-elevation, var(--ig-elevation-1)));--icon-color: var(--igx-badge-icon-color, var(--ig-badge-icon-color, var(--ig-primary-900-contrast)));--text-color: var(--igx-badge-text-color, var(--ig-badge-text-color, var(--ig-primary-900-contrast)));--border-color: var(--igx-badge-border-color, var(--ig-badge-border-color, var(--ig-gray-900-contrast)));--background-color: var(--igx-badge-background-color, var(--ig-badge-background-color, var(--ig-primary-800)));--border-radius: var(--igx-badge-border-radius, var(--ig-badge-border-radius, 0));--size: var(--igx-badge-size, var(--ig-badge-size, max(var(--is-large, 1) * max(1.625rem, -1 * 1.625rem), var(--is-medium, 1) * max(1.375rem, -1 * 1.375rem), var(--is-small, 1) * max(1rem, -1 * 1rem))));--default-size: var(--igx-badge-default-size, var(--ig-badge-default-size, 2));--dot-size: var(--igx-badge-dot-size, var(--ig-badge-dot-size, max(var(--is-large, 1) * max(.75rem, -1 * .75rem), var(--is-medium, 1) * max(.625rem, -1 * .625rem), var(--is-small, 1) * max(.5rem, -1 * .5rem))));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-banner{--banner-background: var(--igx-banner-banner-background, var(--ig-banner-banner-background, var(--ig-surface-500)));--border-radius: var(--igx-banner-border-radius, var(--ig-banner-border-radius, 0));--banner-border-color: var(--igx-banner-banner-border-color, var(--ig-banner-banner-border-color, var(--ig-gray-300)));--banner-message-color: var(--igx-banner-banner-message-color, var(--ig-banner-banner-message-color, var(--ig-gray-900)));--banner-illustration-color: var(--igx-banner-banner-illustration-color, var(--ig-banner-banner-illustration-color, var(--ig-gray-900)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-button-group{--elevation: var(--igx-button-group-elevation, var(--ig-button-group-elevation, var(--ig-elevation-2)));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, var(--ig-button-group-idle-shadow-color, transparent));--selected-shadow-color: var(--igx-button-group-selected-shadow-color, var(--ig-button-group-selected-shadow-color, transparent));--item-text-color: var(--igx-button-group-item-text-color, var(--ig-button-group-item-text-color, var(--ig-gray-700)));--item-background: var(--igx-button-group-item-background, var(--ig-button-group-item-background, var(--ig-gray-50)));--item-border-color: var(--igx-button-group-item-border-color, var(--ig-button-group-item-border-color, var(--ig-gray-100)));--item-hover-background: var(--igx-button-group-item-hover-background, var(--ig-button-group-item-hover-background, var(--ig-gray-100)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, var(--ig-button-group-item-hover-text-color, var(--ig-gray-800)));--item-focused-text-color: var(--igx-button-group-item-focused-text-color, var(--ig-button-group-item-focused-text-color, var(--ig-gray-800)));--item-focused-border-color: var(--igx-button-group-item-focused-border-color, var(--ig-button-group-item-focused-border-color, var(--ig-gray-200)));--item-focused-hover-text-color: var(--igx-button-group-item-focused-hover-text-color, var(--ig-button-group-item-focused-hover-text-color, var(--ig-gray-800)));--item-focused-hover-border-color: var(--igx-button-group-item-focused-hover-border-color, var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-300)));--item-focused-hover-background: var(--igx-button-group-item-focused-hover-background, var(--ig-button-group-item-focused-hover-background, var(--ig-gray-100)));--item-selected-hover-text-color: var(--igx-button-group-item-selected-hover-text-color, var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900)));--item-selected-hover-icon-color: var(--igx-button-group-item-selected-hover-icon-color, var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900)));--item-selected-focus-background: var(--igx-button-group-item-selected-focus-background, var(--ig-button-group-item-selected-focus-background, var(--ig-gray-100)));--item-selected-focus-hover-background: var(--igx-button-group-item-selected-focus-hover-background, var(--ig-button-group-item-selected-focus-hover-background, var(--ig-gray-200)));--item-selected-active-background: var(--igx-button-group-item-selected-active-background, var(--ig-button-group-item-selected-active-background, var(--ig-gray-200)));--item-active-border-color: var(--igx-button-group-item-active-border-color, var(--ig-button-group-item-active-border-color, var(--ig-gray-100)));--item-selected-active-border-color: var(--igx-button-group-item-selected-active-border-color, var(--ig-button-group-item-selected-active-border-color, var(--ig-gray-500)));--disabled-background-color: var(--igx-button-group-disabled-background-color, var(--ig-button-group-disabled-background-color, var(--ig-gray-50)));--border-radius: var(--igx-button-group-border-radius, var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--default-size: var(--igx-button-group-default-size, var(--ig-button-group-default-size, 3));--item-icon-color: var(--igx-button-group-item-icon-color, var(--ig-button-group-item-icon-color, var(--ig-gray-700)));--item-hover-icon-color: var(--igx-button-group-item-hover-icon-color, var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800)));--item-hover-border-color: var(--igx-button-group-item-hover-border-color, var(--ig-button-group-item-hover-border-color, var(--ig-gray-200)));--item-focused-background: var(--igx-button-group-item-focused-background, var(--ig-button-group-item-focused-background, var(--ig-gray-100)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, var(--ig-button-group-item-selected-text-color, var(--ig-gray-800)));--item-selected-icon-color: var(--igx-button-group-item-selected-icon-color, var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800)));--item-selected-background: var(--igx-button-group-item-selected-background, var(--ig-button-group-item-selected-background, var(--ig-gray-100)));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, var(--ig-button-group-item-selected-border-color, var(--ig-gray-300)));--item-selected-hover-border-color: var(--igx-button-group-item-selected-hover-border-color, var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-500)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, var(--ig-button-group-item-selected-hover-background, var(--ig-gray-100)));--item-active-background: var(--igx-button-group-item-active-background, var(--ig-button-group-item-active-background, var(--ig-gray-200)));--disabled-text-color: var(--igx-button-group-disabled-text-color, var(--ig-button-group-disabled-text-color, var(--ig-gray-400)));--item-disabled-border: var(--igx-button-group-item-disabled-border, var(--ig-button-group-item-disabled-border, var(--ig-gray-100)));--disabled-selected-text-color: var(--igx-button-group-disabled-selected-text-color, var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-200)));--disabled-selected-icon-color: var(--igx-button-group-disabled-selected-icon-color, var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-200)));--disabled-selected-background: var(--igx-button-group-disabled-selected-background, var(--ig-button-group-disabled-selected-background, var(--ig-gray-50)));--disabled-selected-border-color: var(--igx-button-group-disabled-selected-border-color, var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-100)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-card{--resting-elevation: var(--igx-card-resting-elevation, var(--ig-card-resting-elevation, var(--ig-elevation-4)));--hover-elevation: var(--igx-card-hover-elevation, var(--ig-card-hover-elevation, var(--ig-elevation-6)));--background: var(--igx-card-background, var(--ig-card-background, var(--ig-surface-500)));--header-text-color: var(--igx-card-header-text-color, var(--ig-card-header-text-color, var(--ig-gray-900)));--subtitle-text-color: var(--igx-card-subtitle-text-color, var(--ig-card-subtitle-text-color, var(--ig-gray-900)));--content-text-color: var(--igx-card-content-text-color, var(--ig-card-content-text-color, var(--ig-gray-700)));--actions-text-color: var(--igx-card-actions-text-color, var(--ig-card-actions-text-color, var(--ig-gray-900)));--outline-color: var(--igx-card-outline-color, var(--ig-card-outline-color, hsl(from var(--ig-gray-400) h s l/.38)));--border-radius: var(--igx-card-border-radius, var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--default-size: var(--igx-card-default-size, var(--ig-card-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-carousel{--button-elevation: var(--igx-carousel-button-elevation, var(--ig-carousel-button-elevation, var(--ig-elevation-1)));--slide-background: var(--igx-carousel-slide-background, var(--ig-carousel-slide-background, var(--ig-gray-900-contrast)));--button-background: var(--igx-carousel-button-background, var(--ig-carousel-button-background, var(--ig-gray-50)));--button-hover-background: var(--igx-carousel-button-hover-background, var(--ig-carousel-button-hover-background, var(--ig-gray-50)));--button-arrow-color: var(--igx-carousel-button-arrow-color, var(--ig-carousel-button-arrow-color, var(--ig-gray-700)));--button-hover-arrow-color: var(--igx-carousel-button-hover-arrow-color, var(--ig-carousel-button-hover-arrow-color, var(--ig-gray-900)));--button-disabled-background: var(--igx-carousel-button-disabled-background, var(--ig-carousel-button-disabled-background, var(--ig-gray-100)));--button-disabled-arrow-color: var(--igx-carousel-button-disabled-arrow-color, var(--ig-carousel-button-disabled-arrow-color, var(--ig-gray-400)));--indicator-focus-color: var(--igx-carousel-indicator-focus-color, var(--ig-carousel-indicator-focus-color, var(--ig-secondary-200)));--button-focus-border-color: var(--igx-carousel-button-focus-border-color, var(--ig-carousel-button-focus-border-color, var(--ig-secondary-200)));--button-border-color: var(--igx-carousel-button-border-color, var(--ig-carousel-button-border-color, transparent));--button-hover-border-color: var(--igx-carousel-button-hover-border-color, var(--ig-carousel-button-hover-border-color, transparent));--button-disabled-border-color: var(--igx-carousel-button-disabled-border-color, var(--ig-carousel-button-disabled-border-color, transparent));--indicator-dot-color: var(--igx-carousel-indicator-dot-color, var(--ig-carousel-indicator-dot-color, transparent));--indicator-hover-dot-color: var(--igx-carousel-indicator-hover-dot-color, var(--ig-carousel-indicator-hover-dot-color, transparent));--indicator-background: var(--igx-carousel-indicator-background, var(--ig-carousel-indicator-background, var(--ig-gray-50)));--label-indicator-background: var(--igx-carousel-label-indicator-background, var(--ig-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/.8)));--indicator-color: var(--igx-carousel-indicator-color, var(--ig-carousel-indicator-color, var(--ig-gray-700)));--indicator-border-color: var(--igx-carousel-indicator-border-color, var(--ig-carousel-indicator-border-color, hsl(from var(--ig-gray-900) h s l/.7)));--indicator-active-dot-color: var(--igx-carousel-indicator-active-dot-color, var(--ig-carousel-indicator-active-dot-color, var(--ig-gray-900)));--indicator-active-border-color: var(--igx-carousel-indicator-active-border-color, var(--ig-carousel-indicator-active-border-color, var(--ig-gray-900)));--indicator-active-hover-dot-color: var(--igx-carousel-indicator-active-hover-dot-color, var(--ig-carousel-indicator-active-hover-dot-color, var(--ig-gray-900)));--border-radius: var(--igx-carousel-border-radius, var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.25rem), 2.25rem)));--button-focus-arrow-color: var(--igx-carousel-button-focus-arrow-color, var(--ig-carousel-button-focus-arrow-color, var(--ig-secondary-200)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-circular-bar{--track-color: var(--igx-circular-bar-track-color, var(--ig-circular-bar-track-color, var(--ig-gray-300)));--fill-color-default: var(--igx-circular-bar-fill-color-default, var(--ig-circular-bar-fill-color-default, var(--ig-primary-500)));--fill-color-danger: var(--igx-circular-bar-fill-color-danger, var(--ig-circular-bar-fill-color-danger, var(--ig-error-500)));--fill-color-warning: var(--igx-circular-bar-fill-color-warning, var(--ig-circular-bar-fill-color-warning, var(--ig-warn-500)));--fill-color-info: var(--igx-circular-bar-fill-color-info, var(--ig-circular-bar-fill-color-info, var(--ig-info-500)));--fill-color-success: var(--igx-circular-bar-fill-color-success, var(--ig-circular-bar-fill-color-success, var(--ig-success-500)));--text-color: var(--igx-circular-bar-text-color, var(--ig-circular-bar-text-color, var(--ig-gray-700)));--diameter: var(--igx-circular-bar-diameter, var(--ig-circular-bar-diameter, 2rem));--track-border-radius: var(--igx-circular-bar-track-border-radius, var(--ig-circular-bar-track-border-radius, 0rem));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-checkbox{--tick-color: var(--igx-checkbox-tick-color, var(--ig-checkbox-tick-color, var(--ig-gray-50)));--tick-width: var(--igx-checkbox-tick-width, var(--ig-checkbox-tick-width, 3));--label-color: var(--igx-checkbox-label-color, var(--ig-checkbox-label-color, var(--ig-gray-900)));--label-color-hover: var(--igx-checkbox-label-color-hover, var(--ig-checkbox-label-color-hover, var(--ig-gray-900)));--empty-fill-color: var(--igx-checkbox-empty-fill-color, var(--ig-checkbox-empty-fill-color, transparent));--fill-color: var(--igx-checkbox-fill-color, var(--ig-checkbox-fill-color, var(--ig-secondary-500)));--focus-outline-color-focused: var(--igx-checkbox-focus-outline-color-focused, var(--ig-checkbox-focus-outline-color-focused, transparent));--focus-outline-color-error: var(--igx-checkbox-focus-outline-color-error, var(--ig-checkbox-focus-outline-color-error, transparent));--disabled-color: var(--igx-checkbox-disabled-color, var(--ig-checkbox-disabled-color, var(--ig-gray-400)));--disabled-fill-color: var(--igx-checkbox-disabled-fill-color, var(--ig-checkbox-disabled-fill-color, var(--ig-gray-400)));--disabled-tick-color: var(--igx-checkbox-disabled-tick-color, var(--ig-checkbox-disabled-tick-color, var(--ig-gray-50)));--disabled-color-label: var(--igx-checkbox-disabled-color-label, var(--ig-checkbox-disabled-color-label, var(--ig-gray-500)));--error-color: var(--igx-checkbox-error-color, var(--ig-checkbox-error-color, var(--ig-error-500)));--border-radius: var(--igx-checkbox-border-radius, var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * .625rem), .625rem)));--border-radius-ripple: var(--igx-checkbox-border-radius-ripple, var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--empty-color: var(--igx-checkbox-empty-color, var(--ig-checkbox-empty-color, var(--ig-gray-600)));--empty-color-hover: var(--igx-checkbox-empty-color-hover, var(--ig-checkbox-empty-color-hover, var(--ig-gray-600)));--tick-color-hover: var(--igx-checkbox-tick-color-hover, var(--ig-checkbox-tick-color-hover, var(--ig-gray-50)));--fill-color-hover: var(--igx-checkbox-fill-color-hover, var(--ig-checkbox-fill-color-hover, var(--ig-secondary-500)));--focus-outline-color: var(--igx-checkbox-focus-outline-color, var(--ig-checkbox-focus-outline-color, transparent));--focus-border-color: var(--igx-checkbox-focus-border-color, var(--ig-checkbox-focus-border-color, var(--ig-gray-600)));--error-color-hover: var(--igx-checkbox-error-color-hover, var(--ig-checkbox-error-color-hover, var(--ig-error-500)));--disabled-indeterminate-color: var(--igx-checkbox-disabled-indeterminate-color, var(--ig-checkbox-disabled-indeterminate-color, var(--ig-secondary-100)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-chip{--ghost-elevation: var(--igx-chip-ghost-elevation, var(--ig-chip-ghost-elevation, var(--ig-elevation-8)));--remove-icon-color: var(--igx-chip-remove-icon-color, var(--ig-chip-remove-icon-color, "currentColor"));--focus-shadow-color: var(--igx-chip-focus-shadow-color, var(--ig-chip-focus-shadow-color, transparent));--focus-selected-shadow-color: var(--igx-chip-focus-selected-shadow-color, var(--ig-chip-focus-selected-shadow-color, transparent));--remove-icon-color-focus: var(--igx-chip-remove-icon-color-focus, var(--ig-chip-remove-icon-color-focus, "currentColor"));--background: var(--igx-chip-background, var(--ig-chip-background, var(--ig-gray-300)));--ghost-background: var(--igx-chip-ghost-background, var(--ig-chip-ghost-background, var(--ig-gray-400)));--ghost-text-color: var(--igx-chip-ghost-text-color, var(--ig-chip-ghost-text-color, var(--ig-gray-400-contrast)));--hover-text-color: var(--igx-chip-hover-text-color, var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast)));--hover-background: var(--igx-chip-hover-background, var(--ig-chip-hover-background, var(--ig-gray-400)));--focus-text-color: var(--igx-chip-focus-text-color, var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast)));--selected-text-color: var(--igx-chip-selected-text-color, var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast)));--selected-background: var(--igx-chip-selected-background, var(--ig-chip-selected-background, var(--ig-gray-300)));--hover-selected-text-color: var(--igx-chip-hover-selected-text-color, var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast)));--hover-selected-background: var(--igx-chip-hover-selected-background, var(--ig-chip-hover-selected-background, var(--ig-gray-400)));--border-radius: var(--igx-chip-border-radius, var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)));--disabled-text-color: var(--igx-chip-disabled-text-color, var(--ig-chip-disabled-text-color, var(--ig-gray-500)));--disabled-background: var(--igx-chip-disabled-background, var(--ig-chip-disabled-background, var(--ig-gray-200)));--disabled-selected-text-color: var(--igx-chip-disabled-selected-text-color, var(--ig-chip-disabled-selected-text-color, var(--ig-gray-500)));--disabled-selected-background: var(--igx-chip-disabled-selected-background, var(--ig-chip-disabled-selected-background, var(--ig-gray-200)));--size: var(--igx-chip-size, var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem))));--default-size: var(--igx-chip-default-size, var(--ig-chip-default-size, 2));--outlined-background: var(--igx-chip-outlined-background, var(--ig-chip-outlined-background, transparent));--outlined-text-color: var(--igx-chip-outlined-text-color, var(--ig-chip-outlined-text-color, var(--ig-gray-100-contrast)));--border-color: var(--igx-chip-border-color, var(--ig-chip-border-color, var(--ig-gray-100-contrast)));--selected-outlined-background: var(--igx-chip-selected-outlined-background, var(--ig-chip-selected-outlined-background, transparent));--selected-outlined-text-color: var(--igx-chip-selected-outlined-text-color, var(--ig-chip-selected-outlined-text-color, var(--ig-gray-100-contrast)));--selected-border-color: var(--igx-chip-selected-border-color, var(--ig-chip-selected-border-color, var(--ig-gray-100-contrast)));--hover-border-color: var(--igx-chip-hover-border-color, var(--ig-chip-hover-border-color, var(--ig-gray-100-contrast)));--hover-outlined-text-color: var(--igx-chip-hover-outlined-text-color, var(--ig-chip-hover-outlined-text-color, var(--ig-gray-100-contrast)));--hover-selected-border-color: var(--igx-chip-hover-selected-border-color, var(--ig-chip-hover-selected-border-color, var(--ig-gray-100-contrast)));--hover-selected-outlined-text-color: var(--igx-chip-hover-selected-outlined-text-color, var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-100-contrast)));--focus-border-color: var(--igx-chip-focus-border-color, var(--ig-chip-focus-border-color, var(--ig-gray-100-contrast)));--focus-outlined-text-color: var(--igx-chip-focus-outlined-text-color, var(--ig-chip-focus-outlined-text-color, var(--ig-gray-100-contrast)));--focus-selected-border-color: var(--igx-chip-focus-selected-border-color, var(--ig-chip-focus-selected-border-color, var(--ig-gray-100-contrast)));--focus-selected-outlined-text-color: var(--igx-chip-focus-selected-outlined-text-color, var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-100-contrast)));--disabled-outlined-background: var(--igx-chip-disabled-outlined-background, var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--disabled-outlined-text-color: var(--igx-chip-disabled-outlined-text-color, var(--ig-chip-disabled-outlined-text-color, var(--ig-gray-500)));--disabled-border-color: var(--igx-chip-disabled-border-color, var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-500) h s l/.3)));--disabled-selected-outlined-background: var(--igx-chip-disabled-selected-outlined-background, var(--ig-chip-disabled-selected-outlined-background, hsl(from var(--ig-gray-200) h s l/.3)));--disabled-selected-outlined-text-color: var(--igx-chip-disabled-selected-outlined-text-color, var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-500)));--disabled-selected-border-color: var(--igx-chip-disabled-selected-border-color, var(--ig-chip-disabled-selected-border-color, hsl(from var(--ig-gray-500) h s l/.3)));--text-color: var(--igx-chip-text-color, var(--ig-chip-text-color, var(--ig-gray-300-contrast)));--focus-background: var(--igx-chip-focus-background, var(--ig-chip-focus-background, var(--ig-gray-500)));--focus-selected-text-color: var(--igx-chip-focus-selected-text-color, var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast)));--focus-selected-background: var(--igx-chip-focus-selected-background, var(--ig-chip-focus-selected-background, var(--ig-gray-500)));--hover-outlined-background: var(--igx-chip-hover-outlined-background, var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/.16)));--hover-selected-outlined-background: var(--igx-chip-hover-selected-outlined-background, var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/.16)));--focus-outlined-background: var(--igx-chip-focus-outlined-background, var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/.3)));--focus-selected-outlined-background: var(--igx-chip-focus-selected-outlined-background, var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/.3)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-dialog{--elevation: var(--igx-dialog-elevation, var(--ig-dialog-elevation, var(--ig-elevation-24)));--background: var(--igx-dialog-background, var(--ig-dialog-background, var(--ig-surface-500)));--title-color: var(--igx-dialog-title-color, var(--ig-dialog-title-color, var(--ig-gray-900)));--message-color: var(--igx-dialog-message-color, var(--ig-dialog-message-color, var(--ig-gray-500)));--border-color: var(--igx-dialog-border-color, var(--ig-dialog-border-color, transparent));--backdrop: var(--igx-dialog-backdrop, var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/.54)));--border-radius: var(--igx-dialog-border-radius, var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1111111111) * 2.25rem), 2.25rem)));--default-size: var(--igx-dialog-default-size, var(--ig-dialog-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-divider{--color: var(--igx-divider-color, var(--ig-divider-color, var(--ig-gray-300)));--inset: var(--igx-divider-inset, var(--ig-divider-inset, 0));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-drop-down{--elevation: var(--igx-drop-down-elevation, var(--ig-drop-down-elevation, var(--ig-elevation-3)));--background-color: var(--igx-drop-down-background-color, var(--ig-drop-down-background-color, var(--ig-surface-500)));--header-text-color: var(--igx-drop-down-header-text-color, var(--ig-drop-down-header-text-color, var(--ig-secondary-500)));--item-text-color: var(--igx-drop-down-item-text-color, var(--ig-drop-down-item-text-color, var(--ig-gray-800)));--item-icon-color: var(--igx-drop-down-item-icon-color, var(--ig-drop-down-item-icon-color, var(--ig-gray-800)));--hover-item-background: var(--igx-drop-down-hover-item-background, var(--ig-drop-down-hover-item-background, var(--ig-gray-100)));--hover-item-text-color: var(--igx-drop-down-hover-item-text-color, var(--ig-drop-down-hover-item-text-color, var(--ig-gray-800)));--hover-item-icon-color: var(--igx-drop-down-hover-item-icon-color, var(--ig-drop-down-hover-item-icon-color, var(--ig-gray-800)));--focused-item-background: var(--igx-drop-down-focused-item-background, var(--ig-drop-down-focused-item-background, var(--ig-gray-100)));--focused-item-text-color: var(--igx-drop-down-focused-item-text-color, var(--ig-drop-down-focused-item-text-color, var(--ig-gray-800)));--focused-item-border-color: var(--igx-drop-down-focused-item-border-color, var(--ig-drop-down-focused-item-border-color, transparent));--selected-item-background: var(--igx-drop-down-selected-item-background, var(--ig-drop-down-selected-item-background, var(--ig-secondary-100)));--disabled-item-background: var(--igx-drop-down-disabled-item-background, var(--ig-drop-down-disabled-item-background, transparent));--disabled-item-text-color: var(--igx-drop-down-disabled-item-text-color, var(--ig-drop-down-disabled-item-text-color, var(--ig-gray-300)));--border-color: var(--igx-drop-down-border-color, var(--ig-drop-down-border-color, var(--ig-gray-100)));--border-width: var(--igx-drop-down-border-width, var(--ig-drop-down-border-width, 0));--border-radius: var(--igx-drop-down-border-radius, var(--ig-drop-down-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--item-border-radius: var(--igx-drop-down-item-border-radius, var(--ig-drop-down-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem)));--size: var(--igx-drop-down-size, var(--ig-drop-down-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem))));--default-size: var(--igx-drop-down-default-size, var(--ig-drop-down-default-size, 2));--selected-item-text-color: var(--igx-drop-down-selected-item-text-color, var(--ig-drop-down-selected-item-text-color, var(--ig-secondary-100-contrast)));--selected-item-icon-color: var(--igx-drop-down-selected-item-icon-color, var(--ig-drop-down-selected-item-icon-color, var(--ig-secondary-100-contrast)));--selected-hover-item-background: var(--igx-drop-down-selected-hover-item-background, var(--ig-drop-down-selected-hover-item-background, var(--ig-secondary-200)));--selected-hover-item-text-color: var(--igx-drop-down-selected-hover-item-text-color, var(--ig-drop-down-selected-hover-item-text-color, var(--ig-secondary-200-contrast)));--selected-hover-item-icon-color: var(--igx-drop-down-selected-hover-item-icon-color, var(--ig-drop-down-selected-hover-item-icon-color, var(--ig-secondary-200-contrast)));--selected-focus-item-background: var(--igx-drop-down-selected-focus-item-background, var(--ig-drop-down-selected-focus-item-background, var(--ig-secondary-200)));--selected-focus-item-text-color: var(--igx-drop-down-selected-focus-item-text-color, var(--ig-drop-down-selected-focus-item-text-color, var(--ig-secondary-200-contrast)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-expansion-panel{--header-background: var(--igx-expansion-panel-header-background, var(--ig-expansion-panel-header-background, var(--ig-surface-500)));--body-background: var(--igx-expansion-panel-body-background, var(--ig-expansion-panel-body-background, var(--ig-surface-500)));--header-focus-background: var(--igx-expansion-panel-header-focus-background, var(--ig-expansion-panel-header-focus-background, hsl(from var(--ig-gray-100) h s l/.3)));--header-title-color: var(--igx-expansion-panel-header-title-color, var(--ig-expansion-panel-header-title-color, var(--ig-gray-900)));--header-description-color: var(--igx-expansion-panel-header-description-color, var(--ig-expansion-panel-header-description-color, var(--ig-gray-700)));--header-icon-color: var(--igx-expansion-panel-header-icon-color, var(--ig-expansion-panel-header-icon-color, var(--ig-gray-800)));--body-color: var(--igx-expansion-panel-body-color, var(--ig-expansion-panel-body-color, var(--ig-gray-900)));--disabled-text-color: var(--igx-expansion-panel-disabled-text-color, var(--ig-expansion-panel-disabled-text-color, var(--ig-gray-500)));--disabled-description-color: var(--igx-expansion-panel-disabled-description-color, var(--ig-expansion-panel-disabled-description-color, var(--ig-gray-500)));--expanded-margin: var(--igx-expansion-panel-expanded-margin, var(--ig-expansion-panel-expanded-margin, .5rem));--border-radius: var(--igx-expansion-panel-border-radius, var(--ig-expansion-panel-border-radius, 0rem, 0rem, 1rem));--ig-theme: material;--ig-theme-variant: dark}}}@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: material;--ig-theme-variant: dark}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-input-group{--helper-text-color: var(--igx-input-group-helper-text-color, var(--ig-input-group-helper-text-color, var(--ig-gray-700)));--text-error-color: var(--igx-input-group-text-error-color, var(--ig-input-group-text-error-color, var(--ig-error-500)));--icon-error-color: var(--igx-input-group-icon-error-color, var(--ig-input-group-icon-error-color, var(--ig-error-500)));--input-prefix-background: var(--igx-input-group-input-prefix-background, var(--ig-input-group-input-prefix-background, transparent));--input-prefix-color: var(--igx-input-group-input-prefix-color, var(--ig-input-group-input-prefix-color, var(--ig-gray-700)));--input-prefix-background--filled: var(--igx-input-group-input-prefix-background--filled, var(--ig-input-group-input-prefix-background--filled, inherit));--input-prefix-color--filled: var(--igx-input-group-input-prefix-color--filled, var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-900)));--input-prefix-background--focused: var(--igx-input-group-input-prefix-background--focused, var(--ig-input-group-input-prefix-background--focused, inherit));--input-prefix-color--focused: var(--igx-input-group-input-prefix-color--focused, var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-900)));--input-suffix-background: var(--igx-input-group-input-suffix-background, var(--ig-input-group-input-suffix-background, transparent));--input-suffix-color: var(--igx-input-group-input-suffix-color, var(--ig-input-group-input-suffix-color, var(--ig-gray-700)));--input-suffix-background--filled: var(--igx-input-group-input-suffix-background--filled, var(--ig-input-group-input-suffix-background--filled, inherit));--input-suffix-color--filled: var(--igx-input-group-input-suffix-color--filled, var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-900)));--input-suffix-background--focused: var(--igx-input-group-input-suffix-background--focused, var(--ig-input-group-input-suffix-background--focused, inherit));--input-suffix-color--focused: var(--igx-input-group-input-suffix-color--focused, var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900)));--idle-text-color: var(--igx-input-group-idle-text-color, var(--ig-input-group-idle-text-color, var(--ig-gray-700)));--filled-text-color: var(--igx-input-group-filled-text-color, var(--ig-input-group-filled-text-color, var(--ig-gray-900)));--filled-text-hover-color: var(--igx-input-group-filled-text-hover-color, var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900)));--focused-text-color: var(--igx-input-group-focused-text-color, var(--ig-input-group-focused-text-color, var(--ig-gray-900)));--disabled-text-color: var(--igx-input-group-disabled-text-color, var(--ig-input-group-disabled-text-color, var(--ig-gray-500)));--idle-secondary-color: var(--igx-input-group-idle-secondary-color, var(--ig-input-group-idle-secondary-color, var(--ig-gray-700)));--filled-secondary-color: var(--igx-input-group-filled-secondary-color, var(--ig-input-group-filled-secondary-color, var(--ig-gray-600)));--focused-secondary-color: var(--igx-input-group-focused-secondary-color, var(--ig-input-group-focused-secondary-color, var(--ig-primary-500)));--idle-bottom-line-color: var(--igx-input-group-idle-bottom-line-color, var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500)));--hover-bottom-line-color: var(--igx-input-group-hover-bottom-line-color, var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800)));--focused-bottom-line-color: var(--igx-input-group-focused-bottom-line-color, var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500)));--disabled-bottom-line-color: var(--igx-input-group-disabled-bottom-line-color, var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500)));--disabled-border-color: var(--igx-input-group-disabled-border-color, var(--ig-input-group-disabled-border-color, var(--ig-gray-500)));--border-color: var(--igx-input-group-border-color, var(--ig-input-group-border-color, var(--ig-gray-500)));--hover-border-color: var(--igx-input-group-hover-border-color, var(--ig-input-group-hover-border-color, var(--ig-gray-800)));--focused-border-color: var(--igx-input-group-focused-border-color, var(--ig-input-group-focused-border-color, var(--ig-primary-500)));--border-background: var(--igx-input-group-border-background, var(--ig-input-group-border-background, transparent));--border-disabled-background: var(--igx-input-group-border-disabled-background, var(--ig-input-group-border-disabled-background, transparent));--search-background: var(--igx-input-group-search-background, var(--ig-input-group-search-background, var(--ig-surface-500)));--search-disabled-background: var(--igx-input-group-search-disabled-background, var(--ig-input-group-search-disabled-background, var(--ig-surface-500)));--success-secondary-color: var(--igx-input-group-success-secondary-color, var(--ig-input-group-success-secondary-color, var(--ig-success-500)));--warning-secondary-color: var(--igx-input-group-warning-secondary-color, var(--ig-input-group-warning-secondary-color, var(--ig-warn-500)));--error-secondary-color: var(--igx-input-group-error-secondary-color, var(--ig-input-group-error-secondary-color, var(--ig-error-500)));--placeholder-color: var(--igx-input-group-placeholder-color, var(--ig-input-group-placeholder-color, var(--ig-gray-700)));--hover-placeholder-color: var(--igx-input-group-hover-placeholder-color, var(--ig-input-group-hover-placeholder-color, var(--ig-gray-700)));--disabled-placeholder-color: var(--igx-input-group-disabled-placeholder-color, var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-500)));--box-background: var(--igx-input-group-box-background, var(--ig-input-group-box-background, hsl(from var(--ig-gray-200) h s l/.38)));--box-background-hover: var(--igx-input-group-box-background-hover, var(--ig-input-group-box-background-hover, hsl(from var(--ig-gray-200) h s l/.38)));--box-background-focus: var(--igx-input-group-box-background-focus, var(--ig-input-group-box-background-focus, hsl(from var(--ig-gray-300) h s l/.38)));--box-disabled-background: var(--igx-input-group-box-disabled-background, var(--ig-input-group-box-disabled-background, var(--ig-gray-100)));--box-border-radius: var(--igx-input-group-box-border-radius, var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--border-border-radius: var(--igx-input-group-border-border-radius, var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--search-border-radius: var(--igx-input-group-search-border-radius, var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--success-shadow-color: var(--igx-input-group-success-shadow-color, var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/.38)));--error-shadow-color: var(--igx-input-group-error-shadow-color, var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/.38)));--size: var(--igx-input-group-size, var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))));--default-size: var(--igx-input-group-default-size, var(--ig-input-group-default-size, 2));--search-resting-elevation: var(--igx-input-group-search-resting-elevation, var(--ig-input-group-search-resting-elevation, var(--ig-elevation-1)));--search-hover-elevation: var(--igx-input-group-search-hover-elevation, var(--ig-input-group-search-hover-elevation, var(--ig-elevation-2)));--search-disabled-elevation: var(--igx-input-group-search-disabled-elevation, var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-1)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-list{--background: var(--igx-list-background, var(--ig-list-background, var(--ig-surface-500)));--header-background: var(--igx-list-header-background, var(--ig-list-header-background, var(--ig-surface-500)));--header-text-color: var(--igx-list-header-text-color, var(--ig-list-header-text-color, var(--ig-secondary-500)));--item-background: var(--igx-list-item-background, var(--ig-list-item-background, var(--ig-surface-500)));--item-background-hover: var(--igx-list-item-background-hover, var(--ig-list-item-background-hover, var(--ig-gray-100)));--item-background-active: var(--igx-list-item-background-active, var(--ig-list-item-background-active, var(--ig-gray-100)));--item-background-selected: var(--igx-list-item-background-selected, var(--ig-list-item-background-selected, var(--ig-gray-100)));--item-text-color: var(--igx-list-item-text-color, var(--ig-list-item-text-color, var(--ig-gray-700)));--item-text-color-hover: var(--igx-list-item-text-color-hover, var(--ig-list-item-text-color-hover, var(--ig-gray-700)));--item-text-color-active: var(--igx-list-item-text-color-active, var(--ig-list-item-text-color-active, var(--ig-gray-700)));--item-text-color-selected: var(--igx-list-item-text-color-selected, var(--ig-list-item-text-color-selected, var(--ig-gray-700)));--item-title-color: var(--igx-list-item-title-color, var(--ig-list-item-title-color, var(--ig-gray-900)));--item-title-color-hover: var(--igx-list-item-title-color-hover, var(--ig-list-item-title-color-hover, var(--ig-gray-900)));--item-title-color-active: var(--igx-list-item-title-color-active, var(--ig-list-item-title-color-active, var(--ig-gray-900)));--item-title-color-selected: var(--igx-list-item-title-color-selected, var(--ig-list-item-title-color-selected, var(--ig-gray-900)));--item-action-color: var(--igx-list-item-action-color, var(--ig-list-item-action-color, "currentColor"));--item-action-color-hover: var(--igx-list-item-action-color-hover, var(--ig-list-item-action-color-hover, "currentColor"));--item-action-color-active: var(--igx-list-item-action-color-active, var(--ig-list-item-action-color-active, "currentColor"));--item-action-color-selected: var(--igx-list-item-action-color-selected, var(--ig-list-item-action-color-selected, "currentColor"));--item-subtitle-color: var(--igx-list-item-subtitle-color, var(--ig-list-item-subtitle-color, var(--ig-gray-700)));--item-subtitle-color-hover: var(--igx-list-item-subtitle-color-hover, var(--ig-list-item-subtitle-color-hover, var(--ig-gray-700)));--item-subtitle-color-active: var(--igx-list-item-subtitle-color-active, var(--ig-list-item-subtitle-color-active, var(--ig-gray-700)));--item-subtitle-color-selected: var(--igx-list-item-subtitle-color-selected, var(--ig-list-item-subtitle-color-selected, var(--ig-gray-700)));--item-thumbnail-color: var(--igx-list-item-thumbnail-color, var(--ig-list-item-thumbnail-color, "currentColor"));--item-thumbnail-color-hover: var(--igx-list-item-thumbnail-color-hover, var(--ig-list-item-thumbnail-color-hover, "currentColor"));--item-thumbnail-color-active: var(--igx-list-item-thumbnail-color-active, var(--ig-list-item-thumbnail-color-active, "currentColor"));--item-thumbnail-color-selected: var(--igx-list-item-thumbnail-color-selected, var(--ig-list-item-thumbnail-color-selected, "currentColor"));--border-color: var(--igx-list-border-color, var(--ig-list-border-color, transparent));--border-width: var(--igx-list-border-width, var(--ig-list-border-width, 0));--border-radius: var(--igx-list-border-radius, var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--item-border-radius: var(--igx-list-item-border-radius, var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem)));--default-size: var(--igx-list-default-size, var(--ig-list-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-nav-drawer{--elevation: var(--igx-nav-drawer-elevation, var(--ig-nav-drawer-elevation, var(--ig-elevation-0)));--size: var(--igx-nav-drawer-size, var(--ig-nav-drawer-size, 15rem));--size--mini: var(--igx-nav-drawer-size--mini, var(--ig-nav-drawer-size--mini, 3.5rem));--background: var(--igx-nav-drawer-background, var(--ig-nav-drawer-background, var(--ig-surface-500)));--item-disabled-text-color: var(--igx-nav-drawer-item-disabled-text-color, var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-300)));--item-disabled-icon-color: var(--igx-nav-drawer-item-disabled-icon-color, var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-200)));--border-radius: var(--igx-nav-drawer-border-radius, var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem)));--item-border-radius: var(--igx-nav-drawer-item-border-radius, var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--item-hover-icon-color: var(--igx-nav-drawer-item-hover-icon-color, var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900)));--item-hover-text-color: var(--igx-nav-drawer-item-hover-text-color, var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900)));--item-hover-background: var(--igx-nav-drawer-item-hover-background, var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200)));--item-text-color: var(--igx-nav-drawer-item-text-color, var(--ig-nav-drawer-item-text-color, var(--ig-gray-900)));--item-active-background: var(--igx-nav-drawer-item-active-background, var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/.12)));--item-active-icon-color: var(--igx-nav-drawer-item-active-icon-color, var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500)));--item-active-text-color: var(--igx-nav-drawer-item-active-text-color, var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500)));--border-color: var(--igx-nav-drawer-border-color, var(--ig-nav-drawer-border-color, var(--ig-gray-300)));--item-icon-color: var(--igx-nav-drawer-item-icon-color, var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700)));--item-header-text-color: var(--igx-nav-drawer-item-header-text-color, var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-navbar{--elevation: var(--igx-navbar-elevation, var(--ig-navbar-elevation, var(--ig-elevation-4)));--background: var(--igx-navbar-background, var(--ig-navbar-background, var(--ig-primary-800)));--text-color: var(--igx-navbar-text-color, var(--ig-navbar-text-color, var(--ig-primary-800-contrast)));--idle-icon-color: var(--igx-navbar-idle-icon-color, var(--ig-navbar-idle-icon-color, var(--ig-gray-900)));--hover-icon-color: var(--igx-navbar-hover-icon-color, var(--ig-navbar-hover-icon-color, var(--ig-gray-900)));--border-color: var(--igx-navbar-border-color, var(--ig-navbar-border-color, transparent));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-radio{--empty-fill-color: var(--igx-radio-empty-fill-color, var(--ig-radio-empty-fill-color, transparent));--hover-color: var(--igx-radio-hover-color, var(--ig-radio-hover-color, transparent));--label-color: var(--igx-radio-label-color, var(--ig-radio-label-color, var(--ig-gray-900)));--label-color-hover: var(--igx-radio-label-color-hover, var(--ig-radio-label-color-hover, var(--ig-gray-900)));--fill-color: var(--igx-radio-fill-color, var(--ig-radio-fill-color, var(--ig-secondary-500)));--disabled-color: var(--igx-radio-disabled-color, var(--ig-radio-disabled-color, var(--ig-gray-400)));--disabled-fill-color: var(--igx-radio-disabled-fill-color, var(--ig-radio-disabled-fill-color, var(--ig-gray-400)));--disabled-label-color: var(--igx-radio-disabled-label-color, var(--ig-radio-disabled-label-color, var(--ig-gray-500)));--error-color: var(--igx-radio-error-color, var(--ig-radio-error-color, var(--ig-error-500)));--focus-border-color: var(--igx-radio-focus-border-color, var(--ig-radio-focus-border-color, transparent));--focus-outline-color-filled: var(--igx-radio-focus-outline-color-filled, var(--ig-radio-focus-outline-color-filled, transparent));--focus-outline-color-error: var(--igx-radio-focus-outline-color-error, var(--ig-radio-focus-outline-color-error, transparent));--focus-outline-color: var(--igx-radio-focus-outline-color, var(--ig-radio-focus-outline-color, transparent));--fill-hover-border-color: var(--igx-radio-fill-hover-border-color, var(--ig-radio-fill-hover-border-color, var(--ig-secondary-500)));--empty-color: var(--igx-radio-empty-color, var(--ig-radio-empty-color, var(--ig-gray-600)));--fill-color-hover: var(--igx-radio-fill-color-hover, var(--ig-radio-fill-color-hover, var(--ig-secondary-500)));--error-color-hover: var(--igx-radio-error-color-hover, var(--ig-radio-error-color-hover, var(--ig-error-500)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-select{--toggle-button-background-focus--border: var(--igx-select-toggle-button-background-focus--border, var(--ig-select-toggle-button-background-focus--border, var(--ig-gray-100)));--toggle-button-background: var(--igx-select-toggle-button-background, var(--ig-select-toggle-button-background, var(--ig-gray-100)));--toggle-button-background-focus: var(--igx-select-toggle-button-background-focus, var(--ig-select-toggle-button-background-focus, var(--ig-gray-200)));--toggle-button-foreground: var(--igx-select-toggle-button-foreground, var(--ig-select-toggle-button-foreground, var(--ig-gray-700)));--toggle-button-foreground-focus: var(--igx-select-toggle-button-foreground-focus, var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-900)));--toggle-button-foreground-filled: var(--igx-select-toggle-button-foreground-filled, var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-900)));--toggle-button-background-disabled: var(--igx-select-toggle-button-background-disabled, var(--ig-select-toggle-button-background-disabled, var(--ig-gray-100)));--toggle-button-foreground-disabled: var(--igx-select-toggle-button-foreground-disabled, var(--ig-select-toggle-button-foreground-disabled, var(--ig-gray-500)));--default-size: var(--igx-select-default-size, var(--ig-select-default-size, 2));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-slider{--track-color: var(--igx-slider-track-color, var(--ig-slider-track-color, var(--ig-secondary-500)));--track-step-color: var(--igx-slider-track-step-color, var(--ig-slider-track-step-color, var(--ig-secondary-200)));--track-step-size: var(--igx-slider-track-step-size, var(--ig-slider-track-step-size, .1875rem));--thumb-disabled-border-color: var(--igx-slider-thumb-disabled-border-color, var(--ig-slider-thumb-disabled-border-color, var(--ig-gray-400)));--label-background-color: var(--igx-slider-label-background-color, var(--ig-slider-label-background-color, var(--ig-gray-700)));--label-text-color: var(--igx-slider-label-text-color, var(--ig-slider-label-text-color, var(--ig-gray-700-contrast)));--tick-color: var(--igx-slider-tick-color, var(--ig-slider-tick-color, var(--ig-gray-500)));--tick-label-color: var(--igx-slider-tick-label-color, var(--ig-slider-tick-label-color, var(--ig-gray-500)));--thumb-color: var(--igx-slider-thumb-color, var(--ig-slider-thumb-color, var(--ig-secondary-500)));--thumb-border-color: var(--igx-slider-thumb-border-color, var(--ig-slider-thumb-border-color, var(--ig-secondary-500)));--thumb-border-hover-color: var(--igx-slider-thumb-border-hover-color, var(--ig-slider-thumb-border-hover-color, var(--ig-secondary-500)));--thumb-border-focus-color: var(--igx-slider-thumb-border-focus-color, var(--ig-slider-thumb-border-focus-color, var(--ig-secondary-500)));--track-hover-color: var(--igx-slider-track-hover-color, var(--ig-slider-track-hover-color, var(--ig-secondary-400)));--thumb-focus-color: var(--igx-slider-thumb-focus-color, var(--ig-slider-thumb-focus-color, transparent));--disabled-thumb-color: var(--igx-slider-disabled-thumb-color, var(--ig-slider-disabled-thumb-color, var(--ig-gray-400)));--base-track-color: var(--igx-slider-base-track-color, var(--ig-slider-base-track-color, hsl(from var(--ig-secondary-500) h s l/.24)));--base-track-hover-color: var(--igx-slider-base-track-hover-color, var(--ig-slider-base-track-hover-color, hsl(from var(--ig-secondary-500) h s l/.24)));--disabled-base-track-color: var(--igx-slider-disabled-base-track-color, var(--ig-slider-disabled-base-track-color, var(--ig-gray-200)));--disabled-fill-track-color: var(--igx-slider-disabled-fill-track-color, var(--ig-slider-disabled-fill-track-color, var(--ig-gray-400)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-snackbar{--elevation: var(--igx-snackbar-elevation, var(--ig-snackbar-elevation, var(--ig-elevation-4)));--background: var(--igx-snackbar-background, var(--ig-snackbar-background, var(--ig-gray-900)));--text-color: var(--igx-snackbar-text-color, var(--ig-snackbar-text-color, var(--ig-gray-900-contrast)));--button-color: var(--igx-snackbar-button-color, var(--ig-snackbar-button-color, var(--ig-secondary-500)));--border-radius: var(--igx-snackbar-border-radius, var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-switch{--border-on-color: var(--igx-switch-border-on-color, var(--ig-switch-border-on-color, transparent));--track-on-color: var(--igx-switch-track-on-color, var(--ig-switch-track-on-color, var(--ig-secondary-200)));--track-disabled-color: var(--igx-switch-track-disabled-color, var(--ig-switch-track-disabled-color, var(--ig-gray-300)));--track-off-color: var(--igx-switch-track-off-color, var(--ig-switch-track-off-color, var(--ig-gray-500)));--thumb-on-color: var(--igx-switch-thumb-on-color, var(--ig-switch-thumb-on-color, var(--ig-secondary-500)));--thumb-on-disabled-color: var(--igx-switch-thumb-on-disabled-color, var(--ig-switch-thumb-on-disabled-color, var(--ig-secondary-100)));--label-color: var(--igx-switch-label-color, var(--ig-switch-label-color, var(--ig-gray-900)));--label-hover-color: var(--igx-switch-label-hover-color, var(--ig-switch-label-hover-color, var(--ig-gray-900)));--label-disabled-color: var(--igx-switch-label-disabled-color, var(--ig-switch-label-disabled-color, var(--ig-gray-500)));--track-on-disabled-color: var(--igx-switch-track-on-disabled-color, var(--ig-switch-track-on-disabled-color, var(--ig-secondary-50)));--border-radius-thumb: var(--igx-switch-border-radius-thumb, var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * .625rem), .625rem)));--border-radius-ripple: var(--igx-switch-border-radius-ripple, var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem)));--resting-elevation: var(--igx-switch-resting-elevation, var(--ig-switch-resting-elevation, var(--ig-elevation-1)));--hover-elevation: var(--igx-switch-hover-elevation, var(--ig-switch-hover-elevation, var(--ig-elevation-1)));--disabled-elevation: var(--igx-switch-disabled-elevation, var(--ig-switch-disabled-elevation, var(--ig-elevation-1)));--focus-outline-color: var(--igx-switch-focus-outline-color, var(--ig-switch-focus-outline-color, transparent));--border-color: var(--igx-switch-border-color, var(--ig-switch-border-color, transparent));--border-hover-color: var(--igx-switch-border-hover-color, var(--ig-switch-border-hover-color, transparent));--focus-fill-color: var(--igx-switch-focus-fill-color, var(--ig-switch-focus-fill-color, transparent));--focus-fill-hover-color: var(--igx-switch-focus-fill-hover-color, var(--ig-switch-focus-fill-hover-color, transparent));--border-on-hover-color: var(--igx-switch-border-on-hover-color, var(--ig-switch-border-on-hover-color, transparent));--border-disabled-color: var(--igx-switch-border-disabled-color, var(--ig-switch-border-disabled-color, transparent));--thumb-off-color: var(--igx-switch-thumb-off-color, var(--ig-switch-thumb-off-color, var(--ig-gray-100)));--thumb-off-hover-color: var(--igx-switch-thumb-off-hover-color, var(--ig-switch-thumb-off-hover-color, var(--ig-gray-100)));--thumb-disabled-color: var(--igx-switch-thumb-disabled-color, var(--ig-switch-thumb-disabled-color, var(--ig-gray-200)));--track-on-hover-color: var(--igx-switch-track-on-hover-color, var(--ig-switch-track-on-hover-color, var(--ig-secondary-200)));--border-radius-track: var(--igx-switch-border-radius-track, var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * .4375rem), .4375rem)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-tabs{--item-text-color: var(--igx-tabs-item-text-color, var(--ig-tabs-item-text-color, var(--ig-gray-700)));--item-background: var(--igx-tabs-item-background, var(--ig-tabs-item-background, var(--ig-surface-500)));--item-hover-background: var(--igx-tabs-item-hover-background, var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--item-hover-color: var(--igx-tabs-item-hover-color, var(--ig-tabs-item-hover-color, var(--ig-gray-700)));--item-active-color: var(--igx-tabs-item-active-color, var(--ig-tabs-item-active-color, var(--ig-primary-500)));--item-active-hover-color: var(--igx-tabs-item-active-hover-color, var(--ig-tabs-item-active-hover-color, var(--ig-primary-500)));--item-icon-color: var(--igx-tabs-item-icon-color, var(--ig-tabs-item-icon-color, var(--ig-gray-700)));--item-active-icon-color: var(--igx-tabs-item-active-icon-color, var(--ig-tabs-item-active-icon-color, var(--ig-primary-500)));--item-active-hover-icon-color: var(--igx-tabs-item-active-hover-icon-color, var(--ig-tabs-item-active-hover-icon-color, var(--ig-primary-500)));--item-hover-icon-color: var(--igx-tabs-item-hover-icon-color, var(--ig-tabs-item-hover-icon-color, var(--ig-gray-700)));--item-disabled-icon-color: var(--igx-tabs-item-disabled-icon-color, var(--ig-tabs-item-disabled-icon-color, var(--ig-gray-200)));--item-active-background: var(--igx-tabs-item-active-background, var(--ig-tabs-item-active-background, var(--ig-surface-500)));--item-active-hover-background: var(--igx-tabs-item-active-hover-background, var(--ig-tabs-item-active-hover-background, hsl(from var(--ig-gray-100) h s l/.3)));--item-disabled-color: var(--igx-tabs-item-disabled-color, var(--ig-tabs-item-disabled-color, var(--ig-gray-200)));--indicator-color: var(--igx-tabs-indicator-color, var(--ig-tabs-indicator-color, var(--ig-primary-500)));--button-color: var(--igx-tabs-button-color, var(--ig-tabs-button-color, var(--ig-gray-700)));--button-background: var(--igx-tabs-button-background, var(--ig-tabs-button-background, var(--ig-surface-500)));--button-hover-background: var(--igx-tabs-button-hover-background, var(--ig-tabs-button-hover-background, var(--ig-gray-100)));--button-hover-color: var(--igx-tabs-button-hover-color, var(--ig-tabs-button-hover-color, var(--ig-gray-900)));--button-disabled-color: var(--igx-tabs-button-disabled-color, var(--ig-tabs-button-disabled-color, var(--ig-gray-500)));--tab-ripple-color: var(--igx-tabs-tab-ripple-color, var(--ig-tabs-tab-ripple-color, var(--ig-gray-100)));--button-ripple-color: var(--igx-tabs-button-ripple-color, var(--ig-tabs-button-ripple-color, var(--ig-gray-100)));--border-color: var(--igx-tabs-border-color, var(--ig-tabs-border-color, transparent));--border-color--hover: var(--igx-tabs-border-color--hover, var(--ig-tabs-border-color--hover, transparent));--border-radius: var(--igx-tabs-border-radius, var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * .375rem), .375rem)));--ig-theme: material;--ig-theme-variant: dark}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-time-picker{--modal-elevation: var(--igx-time-picker-modal-elevation, var(--ig-time-picker-modal-elevation, var(--ig-elevation-24)));--dropdown-elevation: var(--igx-time-picker-dropdown-elevation, var(--ig-time-picker-dropdown-elevation, var(--ig-elevation-3)));--text-color: var(--igx-time-picker-text-color, var(--ig-time-picker-text-color, var(--ig-gray-900)));--hover-text-color: var(--igx-time-picker-hover-text-color, var(--ig-time-picker-hover-text-color, var(--ig-secondary-200)));--selected-text-color: var(--igx-time-picker-selected-text-color, var(--ig-time-picker-selected-text-color, var(--ig-secondary-200)));--active-item-foreground: var(--igx-time-picker-active-item-foreground, var(--ig-time-picker-active-item-foreground, var(--ig-secondary-500-contrast)));--active-item-background: var(--igx-time-picker-active-item-background, var(--ig-time-picker-active-item-background, var(--ig-secondary-500)));--disabled-text-color: var(--igx-time-picker-disabled-text-color, var(--ig-time-picker-disabled-text-color, var(--ig-gray-400)));--disabled-item-background: var(--igx-time-picker-disabled-item-background, var(--ig-time-picker-disabled-item-background, transparent));--background-color: var(--igx-time-picker-background-color, var(--ig-time-picker-background-color, var(--ig-surface-500)));--border-color: var(--igx-time-picker-border-color, var(--ig-time-picker-border-color, transparent));--divider-color: var(--igx-time-picker-divider-color, var(--ig-time-picker-divider-color, var(--ig-gray-100)));--border-radius: var(--igx-time-picker-border-radius, var(--ig-time-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--time-item-size: var(--igx-time-picker-time-item-size, var(--ig-time-picker-time-item-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem))));--default-size: var(--igx-time-picker-default-size, var(--ig-time-picker-default-size, 2));--header-background: var(--igx-time-picker-header-background, var(--ig-time-picker-header-background, var(--ig-secondary-500)));--header-hour-text-color: var(--igx-time-picker-header-hour-text-color, var(--ig-time-picker-header-hour-text-color, var(--ig-secondary-500-contrast)));--active-item-border-radius: var(--igx-time-picker-active-item-border-radius, var(--ig-time-picker-active-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .75) * 1.25rem), 1.25rem)));--ig-theme: material;--ig-theme-variant: dark}}}[igxRipple]{--color: var(--igx-ripple-color, var(--ig-ripple-color, hsl(from var(--ig-gray-800) h s l/.7)));--ig-theme: material;--ig-theme-variant: dark}@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:translateZ(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}.igx-button:is(a,span){display:revert-layer;min-width:revert-layer;min-height:revert-layer;padding-inline:revert-layer;padding-block:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;color:revert-layer;box-shadow:revert-layer;cursor:revert-layer;justify-content:center;text-decoration:none}[igxButton=flat],igx-button[variant=flat],.igx-button--flat{--shadow-color: var(--igx-flat-button-shadow-color, var(--ig-flat-button-shadow-color, transparent));--border-color: var(--igx-flat-button-border-color, var(--ig-flat-button-border-color, transparent));--hover-border-color: var(--igx-flat-button-hover-border-color, var(--ig-flat-button-hover-border-color, transparent));--focus-border-color: var(--igx-flat-button-focus-border-color, var(--ig-flat-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-flat-button-focus-visible-border-color, var(--ig-flat-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-flat-button-active-border-color, var(--ig-flat-button-active-border-color, transparent));--disabled-border-color: var(--igx-flat-button-disabled-border-color, var(--ig-flat-button-disabled-border-color, transparent));--icon-color: var(--igx-flat-button-icon-color, var(--ig-flat-button-icon-color, currentColor));--icon-color-hover: var(--igx-flat-button-icon-color-hover, var(--ig-flat-button-icon-color-hover, currentColor));--disabled-background: var(--igx-flat-button-disabled-background, var(--ig-flat-button-disabled-background, transparent));--disabled-foreground: var(--igx-flat-button-disabled-foreground, var(--ig-flat-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-flat-button-disabled-icon-color, var(--ig-flat-button-disabled-icon-color, currentColor));--size: var(--igx-flat-button-size, var(--ig-flat-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-flat-button-default-size, var(--ig-flat-button-default-size, 3));--resting-elevation: var(--igx-flat-button-resting-elevation, var(--ig-flat-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-flat-button-hover-elevation, var(--ig-flat-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-flat-button-focus-elevation, var(--ig-flat-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-flat-button-active-elevation, var(--ig-flat-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-flat-button-background, var(--ig-flat-button-background, transparent));--focus-foreground: var(--igx-flat-button-focus-foreground, var(--ig-flat-button-focus-foreground, var(--ig-secondary-200)));--border-radius: var(--igx-flat-button-border-radius, var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-flat-button-foreground, var(--ig-flat-button-foreground, var(--ig-secondary-500)));--hover-background: var(--igx-flat-button-hover-background, var(--ig-flat-button-hover-background, hsl(from var(--ig-secondary-500) h s l/.08)));--hover-foreground: var(--igx-flat-button-hover-foreground, var(--ig-flat-button-hover-foreground, var(--ig-secondary-300)));--focus-background: var(--igx-flat-button-focus-background, var(--ig-flat-button-focus-background, hsl(from var(--ig-secondary-500) h s l/.32)));--focus-visible-background: var(--igx-flat-button-focus-visible-background, var(--ig-flat-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/.16)));--focus-hover-background: var(--igx-flat-button-focus-hover-background, var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/.24)));--focus-hover-foreground: var(--igx-flat-button-focus-hover-foreground, var(--ig-flat-button-focus-hover-foreground, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-flat-button-focus-visible-foreground, var(--ig-flat-button-focus-visible-foreground, var(--ig-secondary-300)));--active-background: var(--igx-flat-button-active-background, var(--ig-flat-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16)));--active-foreground: var(--igx-flat-button-active-foreground, var(--ig-flat-button-active-foreground, var(--ig-secondary-300)));--ig-theme: material;--ig-theme-variant: dark}[igxButton=contained],igx-button[variant=contained],.igx-button--contained{--shadow-color: var(--igx-contained-button-shadow-color, var(--ig-contained-button-shadow-color, transparent));--border-color: var(--igx-contained-button-border-color, var(--ig-contained-button-border-color, transparent));--hover-border-color: var(--igx-contained-button-hover-border-color, var(--ig-contained-button-hover-border-color, transparent));--focus-border-color: var(--igx-contained-button-focus-border-color, var(--ig-contained-button-focus-border-color, transparent));--focus-visible-border-color: var(--igx-contained-button-focus-visible-border-color, var(--ig-contained-button-focus-visible-border-color, transparent));--active-border-color: var(--igx-contained-button-active-border-color, var(--ig-contained-button-active-border-color, transparent));--disabled-border-color: var(--igx-contained-button-disabled-border-color, var(--ig-contained-button-disabled-border-color, transparent));--icon-color: var(--igx-contained-button-icon-color, var(--ig-contained-button-icon-color, currentColor));--icon-color-hover: var(--igx-contained-button-icon-color-hover, var(--ig-contained-button-icon-color-hover, currentColor));--disabled-background: var(--igx-contained-button-disabled-background, var(--ig-contained-button-disabled-background, var(--ig-gray-100)));--disabled-foreground: var(--igx-contained-button-disabled-foreground, var(--ig-contained-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-contained-button-disabled-icon-color, var(--ig-contained-button-disabled-icon-color, currentColor));--size: var(--igx-contained-button-size, var(--ig-contained-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-contained-button-default-size, var(--ig-contained-button-default-size, 3));--resting-elevation: var(--igx-contained-button-resting-elevation, var(--ig-contained-button-resting-elevation, var(--ig-elevation-2)));--hover-elevation: var(--igx-contained-button-hover-elevation, var(--ig-contained-button-hover-elevation, var(--ig-elevation-4)));--focus-elevation: var(--igx-contained-button-focus-elevation, var(--ig-contained-button-focus-elevation, var(--ig-elevation-8)));--active-elevation: var(--igx-contained-button-active-elevation, var(--ig-contained-button-active-elevation, var(--ig-elevation-4)));--background: var(--igx-contained-button-background, var(--ig-contained-button-background, var(--ig-secondary-500)));--active-background: var(--igx-contained-button-active-background, var(--ig-contained-button-active-background, var(--ig-secondary-300)));--border-radius: var(--igx-contained-button-border-radius, var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-contained-button-foreground, var(--ig-contained-button-foreground, var(--ig-secondary-400-contrast)));--hover-background: var(--igx-contained-button-hover-background, var(--ig-contained-button-hover-background, var(--ig-secondary-400)));--hover-foreground: var(--igx-contained-button-hover-foreground, var(--ig-contained-button-hover-foreground, var(--ig-secondary-400-contrast)));--focus-background: var(--igx-contained-button-focus-background, var(--ig-contained-button-focus-background, var(--ig-secondary-300)));--focus-foreground: var(--igx-contained-button-focus-foreground, var(--ig-contained-button-focus-foreground, var(--ig-secondary-300-contrast)));--focus-hover-background: var(--igx-contained-button-focus-hover-background, var(--ig-contained-button-focus-hover-background, var(--ig-secondary-400)));--focus-hover-foreground: var(--igx-contained-button-focus-hover-foreground, var(--ig-contained-button-focus-hover-foreground, var(--ig-secondary-400-contrast)));--focus-visible-background: var(--igx-contained-button-focus-visible-background, var(--ig-contained-button-focus-visible-background, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-contained-button-focus-visible-foreground, var(--ig-contained-button-focus-visible-foreground, var(--ig-secondary-300-contrast)));--active-foreground: var(--igx-contained-button-active-foreground, var(--ig-contained-button-active-foreground, var(--ig-secondary-300-contrast)));--ig-theme: material;--ig-theme-variant: dark}[igxButton=outlined],igx-button[variant=outlined],.igx-button--outlined{--shadow-color: var(--igx-outlined-button-shadow-color, var(--ig-outlined-button-shadow-color, transparent));--border-color: var(--igx-outlined-button-border-color, var(--ig-outlined-button-border-color, var(--ig-secondary-500)));--hover-border-color: var(--igx-outlined-button-hover-border-color, var(--ig-outlined-button-hover-border-color, var(--ig-secondary-300)));--focus-border-color: var(--igx-outlined-button-focus-border-color, var(--ig-outlined-button-focus-border-color, var(--ig-secondary-200)));--focus-visible-border-color: var(--igx-outlined-button-focus-visible-border-color, var(--ig-outlined-button-focus-visible-border-color, var(--ig-secondary-300)));--active-border-color: var(--igx-outlined-button-active-border-color, var(--ig-outlined-button-active-border-color, var(--ig-secondary-300)));--disabled-border-color: var(--igx-outlined-button-disabled-border-color, var(--ig-outlined-button-disabled-border-color, var(--ig-gray-300)));--icon-color: var(--igx-outlined-button-icon-color, var(--ig-outlined-button-icon-color, currentColor));--icon-color-hover: var(--igx-outlined-button-icon-color-hover, var(--ig-outlined-button-icon-color-hover, currentColor));--disabled-background: var(--igx-outlined-button-disabled-background, var(--ig-outlined-button-disabled-background, transparent));--disabled-foreground: var(--igx-outlined-button-disabled-foreground, var(--ig-outlined-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-outlined-button-disabled-icon-color, var(--ig-outlined-button-disabled-icon-color, currentColor));--size: var(--igx-outlined-button-size, var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-outlined-button-default-size, var(--ig-outlined-button-default-size, 3));--resting-elevation: var(--igx-outlined-button-resting-elevation, var(--ig-outlined-button-resting-elevation, var(--ig-elevation-0)));--hover-elevation: var(--igx-outlined-button-hover-elevation, var(--ig-outlined-button-hover-elevation, var(--ig-elevation-0)));--focus-elevation: var(--igx-outlined-button-focus-elevation, var(--ig-outlined-button-focus-elevation, var(--ig-elevation-0)));--active-elevation: var(--igx-outlined-button-active-elevation, var(--ig-outlined-button-active-elevation, var(--ig-elevation-0)));--background: var(--igx-outlined-button-background, var(--ig-outlined-button-background, transparent));--focus-foreground: var(--igx-outlined-button-focus-foreground, var(--ig-outlined-button-focus-foreground, var(--ig-secondary-200)));--border-radius: var(--igx-outlined-button-border-radius, var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem)));--foreground: var(--igx-outlined-button-foreground, var(--ig-outlined-button-foreground, var(--ig-secondary-500)));--hover-background: var(--igx-outlined-button-hover-background, var(--ig-outlined-button-hover-background, hsl(from var(--ig-secondary-500) h s l/.08)));--hover-foreground: var(--igx-outlined-button-hover-foreground, var(--ig-outlined-button-hover-foreground, var(--ig-secondary-300)));--focus-background: var(--igx-outlined-button-focus-background, var(--ig-outlined-button-focus-background, hsl(from var(--ig-secondary-500) h s l/.32)));--focus-visible-background: var(--igx-outlined-button-focus-visible-background, var(--ig-outlined-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/.16)));--focus-hover-background: var(--igx-outlined-button-focus-hover-background, var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/.24)));--focus-hover-foreground: var(--igx-outlined-button-focus-hover-foreground, var(--ig-outlined-button-focus-hover-foreground, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-outlined-button-focus-visible-foreground, var(--ig-outlined-button-focus-visible-foreground, var(--ig-secondary-300)));--active-background: var(--igx-outlined-button-active-background, var(--ig-outlined-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16)));--active-foreground: var(--igx-outlined-button-active-foreground, var(--ig-outlined-button-active-foreground, var(--ig-secondary-300)));--ig-theme: material;--ig-theme-variant: dark}[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-100)));--disabled-foreground: var(--igx-fab-button-disabled-foreground, var(--ig-fab-button-disabled-foreground, var(--ig-gray-500)));--disabled-icon-color: var(--igx-fab-button-disabled-icon-color, var(--ig-fab-button-disabled-icon-color, currentColor));--size: var(--igx-fab-button-size, var(--ig-fab-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--default-size: var(--igx-fab-button-default-size, var(--ig-fab-button-default-size, 3));--resting-elevation: var(--igx-fab-button-resting-elevation, var(--ig-fab-button-resting-elevation, var(--ig-elevation-6)));--hover-elevation: var(--igx-fab-button-hover-elevation, var(--ig-fab-button-hover-elevation, var(--ig-elevation-12)));--focus-elevation: var(--igx-fab-button-focus-elevation, var(--ig-fab-button-focus-elevation, var(--ig-elevation-12)));--active-elevation: var(--igx-fab-button-active-elevation, var(--ig-fab-button-active-elevation, var(--ig-elevation-12)));--background: var(--igx-fab-button-background, var(--ig-fab-button-background, var(--ig-secondary-500)));--active-background: var(--igx-fab-button-active-background, var(--ig-fab-button-active-background, var(--ig-secondary-300)));--border-radius: var(--igx-fab-button-border-radius, var(--ig-fab-button-border-radius, clamp(.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem)));--foreground: var(--igx-fab-button-foreground, var(--ig-fab-button-foreground, var(--ig-secondary-400-contrast)));--hover-background: var(--igx-fab-button-hover-background, var(--ig-fab-button-hover-background, var(--ig-secondary-400)));--hover-foreground: var(--igx-fab-button-hover-foreground, var(--ig-fab-button-hover-foreground, var(--ig-secondary-400-contrast)));--focus-background: var(--igx-fab-button-focus-background, var(--ig-fab-button-focus-background, var(--ig-secondary-300)));--focus-foreground: var(--igx-fab-button-focus-foreground, var(--ig-fab-button-focus-foreground, var(--ig-secondary-300-contrast)));--focus-hover-background: var(--igx-fab-button-focus-hover-background, var(--ig-fab-button-focus-hover-background, var(--ig-secondary-400)));--focus-hover-foreground: var(--igx-fab-button-focus-hover-foreground, var(--ig-fab-button-focus-hover-foreground, var(--ig-secondary-400-contrast)));--focus-visible-background: var(--igx-fab-button-focus-visible-background, var(--ig-fab-button-focus-visible-background, var(--ig-secondary-300)));--focus-visible-foreground: var(--igx-fab-button-focus-visible-foreground, var(--ig-fab-button-focus-visible-foreground, var(--ig-secondary-300-contrast)));--active-foreground: var(--igx-fab-button-active-foreground, var(--ig-fab-button-active-foreground, var(--ig-secondary-300-contrast)));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base{.igx-button{--_button-transition: color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out, box-shadow .1s 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(.75rem,-1 * .75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1) * max(.5rem,-1 * .5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1) * max(.4375rem,-1 * .4375rem) * var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1) * max(.25rem,-1 * .25rem) * var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1) * max(.0625rem,-1 * .0625rem) * 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;user-select:none;outline-style:none;-webkit-tap-highlight-color:transparent;overflow:hidden;white-space:nowrap;gap:max(var(--is-large, 1) * max(.75rem,-1 * .75rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1) * max(.5rem,-1 * .5rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1) * max(.25rem,-1 * .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-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-hover)}.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--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(.4375rem,-1 * .4375rem) * var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1) * max(.25rem,-1 * .25rem) * var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1) * max(.0625rem,-1 * .0625rem) * 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(.75rem,-1 * .75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1) * max(.5rem,-1 * .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: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);box-shadow:var(--resting-elevation)}.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);box-shadow:var(--hover-elevation)}.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);box-shadow:var(--active-elevation)}.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:var(--focus-elevation)}.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:hover{box-shadow:var(--focus-elevation)}.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;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;filter:blur(0)}.igx-button--fab{--component-size: var( --ig-size, var(--default-size) );padding-block:max(var(--is-large, 1) * max(.5rem,-1 * .5rem) * var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1) * max(.25rem,-1 * .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(.875rem,-1 * .875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1) * max(.625rem,-1 * .625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1) * max(.375rem,-1 * .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);box-shadow:var(--resting-elevation)}.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);box-shadow:var(--hover-elevation)}.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);box-shadow:var(--active-elevation)}.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:var(--focus-elevation)}.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-icon-button{--ig-icon-size: 1.125rem}.igx-icon-button:is(a,span){position:revert-layer;display:revert-layer;align-items:revert-layer;justify-content:revert-layer;width:revert-layer;height:revert-layer;font-size:revert-layer;border:revert-layer;border-radius:revert-layer;background:revert-layer;color:revert-layer;box-shadow:revert-layer;cursor:revert-layer;outline:revert-layer;text-decoration:none}[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, transparent));--background: var(--igx-flat-icon-button-background, var(--ig-flat-icon-button-background, transparent));--foreground: var(--igx-flat-icon-button-foreground, var(--ig-flat-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-flat-icon-button-hover-background, var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/.08)));--hover-foreground: var(--igx-flat-icon-button-hover-foreground, var(--ig-flat-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-flat-icon-button-focus-background, var(--ig-flat-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/.16)));--focus-foreground: var(--igx-flat-icon-button-focus-foreground, var(--ig-flat-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-flat-icon-button-focus-hover-background, var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/.24)));--focus-hover-foreground: var(--igx-flat-icon-button-focus-hover-foreground, var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-flat-icon-button-active-background, var(--ig-flat-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/.32)));--active-foreground: var(--igx-flat-icon-button-active-foreground, var(--ig-flat-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-flat-icon-button-border-color, var(--ig-flat-icon-button-border-color, transparent));--focus-border-color: var(--igx-flat-icon-button-focus-border-color, var(--ig-flat-icon-button-focus-border-color, transparent));--disabled-background: var(--igx-flat-icon-button-disabled-background, var(--ig-flat-icon-button-disabled-background, transparent));--disabled-foreground: var(--igx-flat-icon-button-disabled-foreground, var(--ig-flat-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-flat-icon-button-disabled-border-color, var(--ig-flat-icon-button-disabled-border-color, transparent));--border-radius: var(--igx-flat-icon-button-border-radius, var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-flat-icon-button-size, var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-flat-icon-button-default-size, var(--ig-flat-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}[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, transparent));--background: var(--igx-contained-icon-button-background, var(--ig-contained-icon-button-background, hsl(from var(--ig-gray-900) h s l/.24)));--foreground: var(--igx-contained-icon-button-foreground, var(--ig-contained-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-contained-icon-button-hover-background, var(--ig-contained-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/.32)));--hover-foreground: var(--igx-contained-icon-button-hover-foreground, var(--ig-contained-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-contained-icon-button-focus-background, var(--ig-contained-icon-button-focus-background, hsl(from var(--ig-gray-900) h s l/.4)));--focus-foreground: var(--igx-contained-icon-button-focus-foreground, var(--ig-contained-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-contained-icon-button-focus-hover-background, var(--ig-contained-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/.44)));--focus-hover-foreground: var(--igx-contained-icon-button-focus-hover-foreground, var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-contained-icon-button-active-background, var(--ig-contained-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/.5)));--active-foreground: var(--igx-contained-icon-button-active-foreground, var(--ig-contained-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-contained-icon-button-border-color, var(--ig-contained-icon-button-border-color, transparent));--focus-border-color: var(--igx-contained-icon-button-focus-border-color, var(--ig-contained-icon-button-focus-border-color, transparent));--disabled-background: var(--igx-contained-icon-button-disabled-background, var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/.16)));--disabled-foreground: var(--igx-contained-icon-button-disabled-foreground, var(--ig-contained-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-contained-icon-button-disabled-border-color, var(--ig-contained-icon-button-disabled-border-color, transparent));--border-radius: var(--igx-contained-icon-button-border-radius, var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-contained-icon-button-size, var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-contained-icon-button-default-size, var(--ig-contained-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}[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, transparent));--background: var(--igx-outlined-icon-button-background, var(--ig-outlined-icon-button-background, transparent));--foreground: var(--igx-outlined-icon-button-foreground, var(--ig-outlined-icon-button-foreground, var(--ig-gray-900)));--hover-background: var(--igx-outlined-icon-button-hover-background, var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/.08)));--hover-foreground: var(--igx-outlined-icon-button-hover-foreground, var(--ig-outlined-icon-button-hover-foreground, var(--ig-gray-900)));--focus-background: var(--igx-outlined-icon-button-focus-background, var(--ig-outlined-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/.16)));--focus-foreground: var(--igx-outlined-icon-button-focus-foreground, var(--ig-outlined-icon-button-focus-foreground, var(--ig-gray-900)));--focus-hover-background: var(--igx-outlined-icon-button-focus-hover-background, var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/.24)));--focus-hover-foreground: var(--igx-outlined-icon-button-focus-hover-foreground, var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-gray-900)));--active-background: var(--igx-outlined-icon-button-active-background, var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/.32)));--active-foreground: var(--igx-outlined-icon-button-active-foreground, var(--ig-outlined-icon-button-active-foreground, var(--ig-gray-900)));--border-color: var(--igx-outlined-icon-button-border-color, var(--ig-outlined-icon-button-border-color, var(--ig-gray-300)));--focus-border-color: var(--igx-outlined-icon-button-focus-border-color, var(--ig-outlined-icon-button-focus-border-color, var(--ig-gray-300)));--disabled-background: var(--igx-outlined-icon-button-disabled-background, var(--ig-outlined-icon-button-disabled-background, transparent));--disabled-foreground: var(--igx-outlined-icon-button-disabled-foreground, var(--ig-outlined-icon-button-disabled-foreground, var(--ig-gray-500)));--disabled-border-color: var(--igx-outlined-icon-button-disabled-border-color, var(--ig-outlined-icon-button-disabled-border-color, var(--ig-gray-300)));--border-radius: var(--igx-outlined-icon-button-border-radius, var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem)));--size: var(--igx-outlined-icon-button-size, var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--default-size: var(--igx-outlined-icon-button-default-size, var(--ig-outlined-icon-button-default-size, 3));--ig-theme: material;--ig-theme-variant: dark}@layer ig.base{.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 .2s ease-in,background .15s ease-out;transition-delay:.05s}.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,.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-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(--focus-background);color:var(--focus-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-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)}.igx-icon-button--outlined{border:none}.igx-icon-button--outlined:after{position:absolute;content:"";inset:0;box-shadow:inset 0 0 0 .0625rem var(--border-color);border-radius:inherit}.igx-icon-button--outlined:active{background:var(--focus-background);color:var(--focus-foreground)}.igx-button--focused.igx-icon-button--outlined{background:var(--focus-background);color:var(--focus-foreground);border:none}.igx-button--focused.igx-icon-button--outlined:after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}.igx-button--focused.igx-icon-button--outlined{border-color:var(--focus-border-color)}.igx-button--focused.igx-icon-button--outlined:hover{background:var(--focus-hover-background);color:var(--focus-hover-foreground)}.igx-button--focused.igx-icon-button--outlined:active{background:var(--active-background);color:var(--active-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:focus,.igx-icon-button--disabled:focus{box-shadow:none}}.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/.54)));--ig-theme: material;--ig-theme-variant: dark}.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:transparent;transition:background .25s cubic-bezier(.455,.03,.515,.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;appearance:none}:root{--ig-navbar-elevation: 0px 15px 30px 0px hsl(from var(--ig-gray-900) h s l/.4);--ig-navbar-background: var(--ig-surface-500);--ig-navbar-text-color: hsla(from color(from var(--ig-navbar-background) var(--y-contrast)) h 0 l/1);--ig-navbar-idle-icon-color: hsla(from color(from var(--ig-navbar-background) var(--y-contrast)) h 0 l/1);--ig-navbar-hover-icon-color: hsla(from color(from var(--ig-navbar-background) var(--y-contrast)) h 0 l/1);--ig-navbar-border-color: transparent}:root{--ig-nav-drawer-elevation: var(--ig-elevation-0);--ig-nav-drawer-size: 15rem;--ig-nav-drawer-size--mini: 3.5rem;--ig-nav-drawer-background: var(--ig-surface-500);--ig-nav-drawer-item-disabled-text-color: var(--ig-gray-300);--ig-nav-drawer-item-disabled-icon-color: var(--ig-gray-200);--ig-nav-drawer-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem);--ig-nav-drawer-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem);--ig-nav-drawer-item-hover-icon-color: #bccf00;--ig-nav-drawer-item-hover-text-color: #bccf00;--ig-nav-drawer-item-hover-background: rgba(0, 0, 0, .11);--ig-nav-drawer-item-text-color: var(--ig-gray-900);--ig-nav-drawer-item-active-background: rgba(0, 0, 0, .11);--ig-nav-drawer-item-active-icon-color: #bccf00;--ig-nav-drawer-item-active-text-color: #bccf00;--ig-nav-drawer-border-color: var(--ig-gray-300);--ig-nav-drawer-item-icon-color: var(--ig-gray-700);--ig-nav-drawer-item-header-text-color: var(--ig-gray-700)}:root{--ig-card-resting-elevation: 0px 15px 30px 0px hsl(from var(--ig-gray-900) h s l/.4);--ig-card-hover-elevation: 0px 15px 30px 0px hsl(from var(--ig-gray-900) h s l/.7);--ig-card-background: var(--ig-surface-500);--ig-card-header-text-color: var(--ig-gray-900);--ig-card-subtitle-text-color: var(--ig-gray-900);--ig-card-content-text-color: var(--ig-gray-700);--ig-card-actions-text-color: var(--ig-gray-900);--ig-card-outline-color: hsl(from var(--ig-gray-400) h s l/.38);--ig-card-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .1666666667) * 1.5rem), 1.5rem);--ig-card-default-size: 2}:root{--ig-list-background: transparent;--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: lch(from var(--ig-list-item-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-list-item-background-active: hsl(from var(--ig-gray-900) h s l/.11);--ig-list-item-background-selected: var(--ig-list-item-background-active);--ig-list-item-text-color: hsla(from color(from var(--ig-list-item-background) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-hover: hsla(from color(from var(--ig-list-item-background-hover) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-active: hsla(from color(from var(--ig-list-item-background-active) var(--y-contrast)) h 0 l/1);--ig-list-item-text-color-selected: hsla(from color(from var(--ig-list-item-background-selected) var(--y-contrast)) h 0 l/1);--ig-list-item-title-color: var(--ig-list-item-text-color);--ig-list-item-title-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-title-color-active: var(--ig-list-item-text-color-active);--ig-list-item-title-color-selected: var(--ig-list-item-text-color-selected);--ig-list-item-action-color: var(--ig-list-item-text-color);--ig-list-item-action-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-action-color-active: var(--ig-list-item-text-color-active);--ig-list-item-action-color-selected: var(--ig-list-item-text-color-selected);--ig-list-item-subtitle-color: hsl(from var(--ig-list-item-text-color) h s l/.74);--ig-list-item-subtitle-color-hover: hsl(from var(--ig-list-item-text-color-hover) h s l/.74);--ig-list-item-subtitle-color-active: hsl(from var(--ig-list-item-text-color-active) h s l/.74);--ig-list-item-subtitle-color-selected: hsl(from var(--ig-list-item-text-color-selected) h s l/.74);--ig-list-item-thumbnail-color: var(--ig-list-item-text-color);--ig-list-item-thumbnail-color-hover: var(--ig-list-item-text-color-hover);--ig-list-item-thumbnail-color-active: var(--ig-list-item-text-color-active);--ig-list-item-thumbnail-color-selected: var(--ig-list-item-text-color-selected);--ig-list-border-color: transparent;--ig-list-border-width: 0;--ig-list-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-list-item-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem);--ig-list-default-size: 2}:root{--ig-input-group-helper-text-color: var(--ig-gray-700);--ig-input-group-text-error-color: var(--ig-error-500);--ig-input-group-icon-error-color: var(--ig-error-500);--ig-input-group-input-prefix-background: transparent;--ig-input-group-input-prefix-color: hsl(from hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1) h s l/.9);--ig-input-group-input-prefix-background--filled: inherit;--ig-input-group-input-prefix-color--filled: hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1);--ig-input-group-input-prefix-background--focused: inherit;--ig-input-group-input-prefix-color--focused: hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1);--ig-input-group-input-suffix-background: transparent;--ig-input-group-input-suffix-color: hsl(from hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1) h s l/.9);--ig-input-group-input-suffix-background--filled: inherit;--ig-input-group-input-suffix-color--filled: hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1);--ig-input-group-input-suffix-background--focused: inherit;--ig-input-group-input-suffix-color--focused: hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1);--ig-input-group-idle-text-color: hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1);--ig-input-group-filled-text-color: hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1);--ig-input-group-filled-text-hover-color: hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1);--ig-input-group-focused-text-color: hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1);--ig-input-group-disabled-text-color: hsl(from var(--ig-input-group-idle-text-color) h s l/.7);--ig-input-group-idle-secondary-color: var(--ig-input-group-placeholder-color);--ig-input-group-filled-secondary-color: var(--ig-gray-600);--ig-input-group-focused-secondary-color: var(--ig-primary-500);--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-500);--ig-input-group-border-color: var(--ig-gray-500);--ig-input-group-hover-border-color: var(--ig-gray-800);--ig-input-group-focused-border-color: var(--ig-primary-500);--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-input-group-search-background);--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: hsl(from hsla(from color(from var(--ig-input-group-search-background) var(--y-contrast)) h 0 l/1) h s l/.9);--ig-input-group-hover-placeholder-color: var(--ig-input-group-placeholder-color);--ig-input-group-disabled-placeholder-color: hsl(from var(--ig-input-group-placeholder-color) h s l/.7);--ig-input-group-box-background: hsl(from var(--ig-gray-200) h s l/.38);--ig-input-group-box-background-hover: hsl(from var(--ig-gray-200) h s l/.38);--ig-input-group-box-background-focus: hsl(from var(--ig-gray-300) h s l/.38);--ig-input-group-box-disabled-background: var(--ig-gray-100);--ig-input-group-box-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-border-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-search-border-radius: clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem);--ig-input-group-success-shadow-color: hsl(from var(--ig-success-500) h s l/.38);--ig-input-group-error-shadow-color: hsl(from var(--ig-error-500) h s l/.38);--ig-input-group-size: 48px;--ig-input-group-default-size: 2;--ig-input-group-search-resting-elevation: var(--ig-elevation-1);--ig-input-group-search-hover-elevation: var(--ig-elevation-2);--ig-input-group-search-disabled-elevation: var(--ig-elevation-1)}:root{--ig-banner-banner-background: var(--ig-surface-300);--ig-banner-border-radius: 0;--ig-banner-banner-border-color: var(--ig-gray-300);--ig-banner-banner-message-color: hsla(from color(from var(--ig-banner-banner-background) var(--y-contrast)) h 0 l/1);--ig-banner-banner-illustration-color: hsla(from color(from var(--ig-banner-banner-background) var(--y-contrast)) h 0 l/1)}:root{--ig-tabs-item-text-color: hsl(from var(--ig-gray-900) h s l/.8);--ig-tabs-item-background: var(--ig-surface-500);--ig-tabs-item-hover-background: hsl(from var(--ig-gray-900) h s l/.11);--ig-tabs-item-hover-color: var(--ig-gray-900);--ig-tabs-item-active-color: var(--ig-secondary-500);--ig-tabs-item-active-hover-color: var(--ig-tabs-item-active-color);--ig-tabs-item-icon-color: hsl(from var(--ig-gray-900) h s l/.8);--ig-tabs-item-active-icon-color: var(--ig-secondary-500);--ig-tabs-item-active-hover-icon-color: var(--ig-tabs-item-active-icon-color);--ig-tabs-item-hover-icon-color: var(--ig-gray-900);--ig-tabs-item-disabled-icon-color: var(--ig-gray-200);--ig-tabs-item-active-background: hsl(from var(--ig-gray-900) h s l/.11);--ig-tabs-item-active-hover-background: lch(from var(--ig-tabs-item-active-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tabs-item-disabled-color: var(--ig-gray-200);--ig-tabs-indicator-color: var(--ig-secondary-500);--ig-tabs-button-color: hsla(from color(from var(--ig-tabs-button-background) var(--y-contrast)) h 0 l/1);--ig-tabs-button-background: var(--ig-tabs-item-background);--ig-tabs-button-hover-background: lch(from var(--ig-tabs-item-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-tabs-button-hover-color: hsla(from color(from var(--ig-tabs-button-hover-background) var(--y-contrast)) h 0 l/1);--ig-tabs-button-disabled-color: hsl(from var(--ig-tabs-button-color) h s l/.4);--ig-tabs-tab-ripple-color: hsl(from var(--ig-gray-900) h s l/.11);--ig-tabs-button-ripple-color: var(--ig-tabs-button-color);--ig-tabs-border-color: transparent;--ig-tabs-border-color--hover: transparent;--ig-tabs-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 0) * .375rem), .375rem)}:root{--ig-snackbar-elevation: var(--ig-elevation-4);--ig-snackbar-background: var(--ig-surface-300);--ig-snackbar-text-color: hsla(from color(from var(--ig-snackbar-background) var(--y-contrast)) h 0 l/1);--ig-snackbar-button-color: hsla(from color(from var(--ig-snackbar-background) var(--y-contrast)) h 0 l/1);--ig-snackbar-border-radius: 24px}:root{--ig-chip-ghost-elevation: var(--ig-elevation-8);--ig-chip-remove-icon-color: "currentColor";--ig-chip-focus-shadow-color: transparent;--ig-chip-focus-selected-shadow-color: transparent;--ig-chip-remove-icon-color-focus: "currentColor";--ig-chip-background: var(--ig-surface-300);--ig-chip-ghost-background: var(--ig-gray-400);--ig-chip-ghost-text-color: var(--ig-gray-400-contrast);--ig-chip-hover-text-color: hsla(from color(from var(--ig-chip-hover-background) var(--y-contrast)) h 0 l/1);--ig-chip-hover-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-focus-text-color: hsla(from color(from var(--ig-chip-focus-background) var(--y-contrast)) h 0 l/1);--ig-chip-selected-text-color: hsla(from color(from var(--ig-chip-selected-background) var(--y-contrast)) h 0 l/1);--ig-chip-selected-background: var(--ig-chip-background);--ig-chip-hover-selected-text-color: hsla(from color(from var(--ig-chip-hover-selected-background) var(--y-contrast)) h 0 l/1);--ig-chip-hover-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-chip-border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem);--ig-chip-disabled-text-color: var(--ig-gray-500);--ig-chip-disabled-background: var(--ig-gray-200);--ig-chip-disabled-selected-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-background: var(--ig-gray-200);--ig-chip-default-size: 2;--ig-chip-outlined-background: transparent;--ig-chip-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-border-color: var(--ig-gray-100-contrast);--ig-chip-selected-outlined-background: transparent;--ig-chip-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-hover-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-border-color: var(--ig-gray-100-contrast);--ig-chip-focus-selected-outlined-text-color: var(--ig-gray-100-contrast);--ig-chip-disabled-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-border-color: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-disabled-selected-outlined-background: hsl(from var(--ig-gray-200) h s l/.3);--ig-chip-disabled-selected-outlined-text-color: var(--ig-gray-500);--ig-chip-disabled-selected-border-color: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-text-color: hsla(from color(from var(--ig-chip-background) var(--y-contrast)) h 0 l/1);--ig-chip-focus-background: lch(from var(--ig-chip-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-focus-selected-text-color: hsla(from color(from var(--ig-chip-focus-selected-background) var(--y-contrast)) h 0 l/1);--ig-chip-focus-selected-background: lch(from var(--ig-chip-selected-background) calc(l + (50 - l)*.1 + sign(50 - l)*7) c h);--ig-chip-hover-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-hover-selected-outlined-background: hsl(from var(--ig-gray-400) h s l/.16);--ig-chip-focus-outlined-background: hsl(from var(--ig-gray-500) h s l/.3);--ig-chip-focus-selected-outlined-background: hsl(from var(--ig-gray-500) h s l/.3)}.strategy-actions{--ig-fab-button-shadow-color: transparent;--ig-fab-button-border-color: transparent;--ig-fab-button-hover-border-color: transparent;--ig-fab-button-focus-border-color: transparent;--ig-fab-button-focus-visible-border-color: transparent;--ig-fab-button-active-border-color: transparent;--ig-fab-button-disabled-border-color: transparent;--ig-fab-button-icon-color: var(--ig-primary-500);--ig-fab-button-icon-color-hover: var(--ig-secondary-500);--ig-fab-button-disabled-background: var(--ig-gray-100);--ig-fab-button-disabled-foreground: var(--ig-gray-500);--ig-fab-button-disabled-icon-color: currentColor;--ig-fab-button-default-size: 3;--ig-fab-button-resting-elevation: none;--ig-fab-button-hover-elevation: none;--ig-fab-button-focus-elevation: none;--ig-fab-button-active-elevation: var(--ig-elevation-12);--ig-fab-button-background: transparent;--ig-fab-button-active-background: var(--ig-fab-button-focus-background);--ig-fab-button-border-radius: clamp(.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem);--ig-fab-button-foreground: var(--ig-primary-500);--ig-fab-button-hover-background: lch(from var(--ig-fab-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*5) c h);--ig-fab-button-hover-foreground: var(--ig-secondary-500);--ig-fab-button-focus-background: lch(from var(--ig-fab-button-background) calc(l + (50 - l)*.1 + sign(50 - l)*10) c h);--ig-fab-button-focus-foreground: var(--ig-fab-button-foreground);--ig-fab-button-focus-hover-background: var(--ig-fab-button-hover-background);--ig-fab-button-focus-hover-foreground: var(--ig-fab-button-foreground);--ig-fab-button-focus-visible-background: var(--ig-fab-button-focus-background);--ig-fab-button-focus-visible-foreground: hsla(from color(from var(--ig-fab-button-focus-visible-background) var(--y-contrast)) h 0 l/1);--ig-fab-button-active-foreground: hsla(from color(from var(--ig-fab-button-active-background) var(--y-contrast)) h 0 l/1)}:root{--ig-circular-bar-track-color: hsl(from var(--ig-gray-900) h s l/.14);--ig-circular-bar-fill-color-default: var(--ig-secondary-500);--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(--ig-gray-700);--ig-circular-bar-diameter: 2rem;--ig-circular-bar-track-border-radius: 0rem;--ig-circular-bar-fill-color-default-start: var(--ig-primary-500);--ig-circular-bar-fill-color-default-end: var(--ig-primary-500)}:root{--ig-expansion-panel-header-background: var(--ig-surface-500);--ig-expansion-panel-body-background: var(--ig-surface-500);--ig-expansion-panel-header-focus-background: var(--ig-surface-500);--ig-expansion-panel-header-title-color: hsla(from color(from var(--ig-expansion-panel-header-background) var(--y-contrast)) h 0 l/1);--ig-expansion-panel-header-description-color: hsl(from hsla(from color(from var(--ig-expansion-panel-header-background) var(--y-contrast)) h 0 l/1) h s l/.8);--ig-expansion-panel-header-icon-color: hsla(from color(from var(--ig-expansion-panel-header-background) var(--y-contrast)) h 0 l/1);--ig-expansion-panel-body-color: hsla(from color(from var(--ig-expansion-panel-body-background) var(--y-contrast)) h 0 l/1);--ig-expansion-panel-disabled-text-color: hsl(from hsla(from color(from var(--ig-expansion-panel-header-background) var(--y-contrast)) h 0 l/1) h s l/.5);--ig-expansion-panel-disabled-description-color: hsl(from hsla(from color(from var(--ig-expansion-panel-header-background) var(--y-contrast)) h 0 l/1) h s l/.5);--ig-expansion-panel-expanded-margin: .5rem;--ig-expansion-panel-border-radius: 0rem, 0rem, 1rem}igx-icon{-webkit-user-select:none;user-select:none}igx-card-actions igx-badge{margin-right:8px}igx-grid-cell>igx-avatar{margin-right:8px}.igx-nav-drawer__aside--pinned{position:fixed}.igx-nav-drawer__item,.igx-nav-drawer__item--active{clip-path:none}igx-snackbar{display:flex;justify-content:center;position:fixed;left:16px;right:16px;bottom:16px;z-index:10000}igx-divider{width:100%}igx-card-content h4{margin:24px 0 0 8px}.igx-list__item-thumbnail{align-self:inherit}.color-success{color:var(--ig-success-500)}.color-error{color:var(--ig-error-500)}.color-warn{color:var(--ig-warn-500)}li{font-family:Rajdhani,Fira Sans Condensed,sans-serif;font-size:14pt;font-weight:400}.list-container{display:flex;flex-flow:column nowrap;width:320px;padding:12px}.list-container+.list-container{margin-left:16px}.country-badge-small{position:absolute;top:4px;left:32px;width:16px;height:16px;min-width:16px}.igx-chip{margin:4px 4px 4px 0}.search-role{margin:0 4px}.igx-radio-group{display:flex}.search-role-group{min-height:48px;flex-wrap:wrap}.form-row{display:flex;flex:1 1 100%;flex-flow:row wrap;justify-content:space-evenly;padding:8px}.search-button{margin:auto;display:flex;min-width:300px}.icon-avatar{width:24px;min-width:24px;max-width:24px;height:24px;margin-right:8px;background-color:transparent}@media only screen and (max-width:550px){.slider-holder{min-width:100%}.igx-banner__message{flex:0 1 auto;margin-right:.5rem}.form-row{min-height:330px;justify-content:unset}}
