igniteui-angular 22.1.4 → 22.2.0-rc.1

package/fesm2022/igniteui-angular-input-group.mjs

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { Input, HostBinding, Directive, inject, ElementRef, ChangeDetectorRef, Renderer2, booleanAttribute, HostListener, InjectionToken, DestroyRef, ContentChild, ContentChildren, ChangeDetectionStrategy, ViewEncapsulation, Component, input, effect, NgModule } from '@angular/core';
-import { NgModel, NgControl, TouchedChangeEvent } from '@angular/forms';
-import { filter } from 'rxjs';
+import { Input, HostBinding, Directive, inject, ElementRef, ChangeDetectorRef, Renderer2, Injector, booleanAttribute, HostListener, InjectionToken, DestroyRef, ContentChild, ContentChildren, ChangeDetectionStrategy, ViewEncapsulation, Component, input, effect, NgModule } from '@angular/core';
+import { NgModel, NgControl } from '@angular/forms';
+import { NgControlAdapter, THEME_TOKEN, getCurrentResourceStrings, InputResourceStringsEN, onResourceChangeHandle, getComponentTheme } from 'igniteui-angular/core';
 import { NgTemplateOutlet } from '@angular/common';
-import { THEME_TOKEN, getCurrentResourceStrings, InputResourceStringsEN, onResourceChangeHandle, getComponentTheme } from 'igniteui-angular/core';
 import { IgxButtonDirective } from 'igniteui-angular/directives';
 import { IgxIconComponent } from 'igniteui-angular/icon';
 
@@ -95,10 +94,10 @@ class IgxHintDirective {
             default: break;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxHintDirective, isStandalone: true, selector: "[igxHint],igx-hint", inputs: { position: "position" }, host: { properties: { "class.igx-input-group__hint-item--start": "this.isPositionStart", "class.igx-input-group__hint-item--end": "this.isPositionEnd" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxHintDirective, isStandalone: true, selector: "[igxHint],igx-hint", inputs: { position: "position" }, host: { properties: { "class.igx-input-group__hint-item--start": "this.isPositionStart", "class.igx-input-group__hint-item--end": "this.isPositionEnd" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxHintDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxHintDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxHint],igx-hint',
@@ -133,6 +132,18 @@ var IgxInputState;
     IgxInputState[IgxInputState["VALID"] = 1] = "VALID";
     IgxInputState[IgxInputState["INVALID"] = 2] = "INVALID";
 })(IgxInputState || (IgxInputState = {}));
+/**
+ * Maps a control status to an editor state. A pending async rule has not answered
+ * yet, so it reads as initial rather than as an error.
+ *
+ * @hidden @internal
+ */
+function toInputState(status, success) {
+    if (status === 'invalid') {
+        return IgxInputState.INVALID;
+    }
+    return status === 'valid' && success === 'allowed' ? IgxInputState.VALID : IgxInputState.INITIAL;
+}
 /**
  * The `igxInput` directive creates single- or multiline text elements, covering common scenarios when dealing with form inputs.
  *
@@ -162,6 +173,7 @@ class IgxInputDirective {
         this.element = inject(ElementRef);
         this.cdr = inject(ChangeDetectorRef);
         this.renderer = inject(Renderer2);
+        this.control = NgControlAdapter.from(this.ngControl, inject(Injector));
         /**
          * Sets/gets whether the `"igx-input-group__input"` class is added to the host element.
          * Default value is `false`.
@@ -267,6 +279,7 @@ class IgxInputDirective {
      */
     set required(value) {
         this.nativeElement.required = this.inputGroup.isRequired = value;
+        this.updateAriaRequired();
     }
     /**
      * Gets whether the igxInput is required.
@@ -277,11 +290,7 @@ class IgxInputDirective {
      * ```
      */
     get required() {
-        let validation;
-        if (this.ngControl && (this.ngControl.control.validator || this.ngControl.control.asyncValidator)) {
-            validation = this.ngControl.control.validator({});
-        }
-        return validation && validation.required || this.nativeElement.hasAttribute('required');
+        return this.control?.required || this.nativeElement.hasAttribute('required');
     }
     /**
      * @hidden
@@ -298,9 +307,7 @@ class IgxInputDirective {
      */
     onBlur() {
         this.inputGroup.isFocused = false;
-        if (this.ngControl?.control) {
-            this.ngControl.control.markAsTouched();
-        }
+        this.control?.markAsTouched();
         this.updateValidityState();
     }
     /** @hidden @internal */
@@ -318,7 +325,7 @@ class IgxInputDirective {
                     fileArray.push(file);
                 }
             }
-            this._fileNames = (fileArray || []).map((f) => f.name).join(', ');
+            this._fileNames = fileArray.map((f) => f.name).join(', ');
             if (this.required && fileList && fileList.length > 0) {
                 this._valid = IgxInputState.INITIAL;
             }
@@ -330,9 +337,13 @@ class IgxInputDirective {
     }
     /** @hidden @internal */
     clear() {
-        this.ngControl?.control?.setValue('');
+        const write = this.control?.setValue('');
         this.nativeElement.value = null;
         this._fileNames = '';
+        // A control that ignores the write reads the value from the DOM instead.
+        if (write === 'ignored') {
+            this.nativeElement.dispatchEvent(new Event('input'));
+        }
     }
     /** @hidden @internal */
     ngAfterViewInit() {
@@ -352,7 +363,7 @@ class IgxInputDirective {
         if (this.required && !this.inputGroup.isRequired) {
             this.inputGroup.isRequired = this.required;
         }
-        this.renderer.setAttribute(this.nativeElement, 'aria-required', this.required.toString());
+        this.updateAriaRequired();
         const elTag = this.nativeElement.tagName.toLowerCase();
         if (elTag === 'textarea') {
             this.isTextArea = true;
@@ -363,14 +374,10 @@ class IgxInputDirective {
         else {
             this.isInput = true;
         }
-        if (this.ngControl) {
-            this._statusChanges$ = this.ngControl.statusChanges.subscribe(this.onStatusChanged.bind(this));
-            this._valueChanges$ = this.ngControl.valueChanges.subscribe(this.onValueChanged.bind(this));
-            if (this.ngControl.control) {
-                this._touchedChanges$ = this.ngControl.control.events
-                    .pipe(filter(e => e instanceof TouchedChangeEvent))
-                    .subscribe(this.updateValidityState.bind(this));
-            }
+        if (this.control) {
+            this._statusChanges$ = this.control.statusChanges.subscribe(this.onStatusChanged.bind(this));
+            this._valueChanges$ = this.control.valueChanges.subscribe(this.onValueChanged.bind(this));
+            this._touchedChanges$ = this.control.touchedChanges.subscribe(this.updateValidityState.bind(this));
         }
         this.cdr.detectChanges();
     }
@@ -427,41 +434,25 @@ class IgxInputDirective {
      * @internal
      */
     updateValidityState() {
-        if (this.ngControl) {
-            if (!this.disabled && this.isTouchedOrDirty) {
-                if (this.hasValidators) {
-                    // Run the validation with empty object to check if required is enabled.
-                    const error = this.ngControl.control.validator({});
-                    this.inputGroup.isRequired = error && error.required;
-                    if (this.focused) {
-                        this._valid = this.ngControl.valid ? IgxInputState.VALID : IgxInputState.INVALID;
-                    }
-                    else {
-                        this._valid = this.ngControl.valid ? IgxInputState.INITIAL : IgxInputState.INVALID;
-                    }
-                }
-                else {
-                    // If validator is dynamically cleared, reset label's required class(asterisk) and IgxInputState #10010
-                    this.inputGroup.isRequired = false;
-                    this._valid = this.ngControl.valid ? IgxInputState.INITIAL : IgxInputState.INVALID;
-                }
-            }
-            else {
-                this._valid = IgxInputState.INITIAL;
-            }
-            this.renderer.setAttribute(this.nativeElement, 'aria-required', this.required.toString());
-            const ariaInvalid = this.valid === IgxInputState.INVALID;
-            this.renderer.setAttribute(this.nativeElement, 'aria-invalid', ariaInvalid.toString());
+        if (!this.control) {
+            this.checkNativeValidity();
+            return;
+        }
+        if (!this.disabled && this.control.touchedOrDirty) {
+            // Clearing the validators must drop the label's asterisk #10010
+            this.inputGroup.isRequired = this.control.required;
+            const showSuccess = this.control.hasValidators && this.focused;
+            this._valid = toInputState(this.control.status, showSuccess ? 'allowed' : 'suppressed');
         }
         else {
-            this.checkNativeValidity();
+            this._valid = IgxInputState.INITIAL;
         }
+        this.updateAriaRequired();
+        const ariaInvalid = this.valid === IgxInputState.INVALID;
+        this.renderer.setAttribute(this.nativeElement, 'aria-invalid', ariaInvalid.toString());
     }
-    get isTouchedOrDirty() {
-        return (this.ngControl.control.touched || this.ngControl.control.dirty);
-    }
-    get hasValidators() {
-        return (!!this.ngControl.control.validator || !!this.ngControl.control.asyncValidator);
+    updateAriaRequired() {
+        this.renderer.setAttribute(this.nativeElement, 'aria-required', this.required.toString());
     }
     /**
      * Gets whether the igxInput has a placeholder.
@@ -552,9 +543,8 @@ class IgxInputDirective {
      */
     checkNativeValidity() {
         if (!this.disabled && this._hasValidators()) {
-            this._valid = this.nativeElement.checkValidity() ?
-                this.focused ? IgxInputState.VALID : IgxInputState.INITIAL :
-                IgxInputState.INVALID;
+            const status = this.nativeElement.checkValidity() ? 'valid' : 'invalid';
+            this._valid = toInputState(status, this.focused ? 'allowed' : 'suppressed');
         }
     }
     /**
@@ -581,10 +571,10 @@ class IgxInputDirective {
     get hasBadInput() {
         return this.nativeElement.validity?.badInput ?? false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.1.1", type: IgxInputDirective, isStandalone: true, selector: "[igxInput]", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute] }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "input": "onInput()", "change": "change($event)" }, properties: { "class.igx-input-group__input": "this.isInput", "class.igx-input-group__textarea": "this.isTextArea", "disabled": "this.disabled" } }, exportAs: ["igxInput"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.1.7", type: IgxInputDirective, isStandalone: true, selector: "[igxInput]", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute] }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "input": "onInput()", "change": "change($event)" }, properties: { "class.igx-input-group__input": "this.isInput", "class.igx-input-group__textarea": "this.isTextArea", "disabled": "this.disabled" } }, exportAs: ["igxInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxInput]',
@@ -631,10 +621,10 @@ class IgxLabelDirective {
          */
         this.id = `igx-label-${NEXT_ID++}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxLabelDirective, isStandalone: true, selector: "[igxLabel]", inputs: { id: "id" }, host: { properties: { "class.igx-input-group__label": "this.defaultClass", "attr.id": "this.id" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxLabelDirective, isStandalone: true, selector: "[igxLabel]", inputs: { id: "id" }, host: { properties: { "class.igx-input-group__label": "this.defaultClass", "attr.id": "this.id" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxLabel]',
@@ -654,10 +644,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
  * @hidden
  */
 class IgxPrefixDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxPrefixDirective, isStandalone: true, selector: "[igxPrefix],[igxStart],igx-prefix", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxPrefixDirective, isStandalone: true, selector: "[igxPrefix],[igxStart],igx-prefix", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxPrefixDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxPrefixDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxPrefix],[igxStart],igx-prefix',
@@ -669,10 +659,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
  * @hidden
  */
 class IgxSuffixDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxSuffixDirective, isStandalone: true, selector: "[igxSuffix],[igxEnd],igx-suffix", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxSuffixDirective, isStandalone: true, selector: "[igxSuffix],[igxEnd],igx-suffix", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSuffixDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSuffixDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxSuffix],[igxEnd],igx-suffix',
@@ -1059,10 +1049,10 @@ class IgxInputGroupComponent {
     ngAfterContentChecked() {
         this.setComponentTheme();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: IgxInputGroupComponent, isStandalone: true, selector: "igx-input-group", inputs: { resourceStrings: "resourceStrings", suppressInputAutofocus: ["suppressInputAutofocus", "suppressInputAutofocus", booleanAttribute], type: "type", theme: "theme" }, host: { listeners: { "click": "onClick($event)", "pointerdown": "onPointerDown($event)" }, properties: { "class.igx-input-group": "this.defaultClass", "class.igx-input-group--placeholder": "this.hasPlaceholder", "class.igx-input-group--required": "this.isRequired", "class.igx-input-group--focused": "this.isFocused", "class.igx-input-group--disabled": "this.disabled", "class.igx-input-group--warning": "this.hasWarning", "class.igx-input-group--readonly": "this.readOnly", "class.igx-input-group--valid": "this.validClass", "class.igx-input-group--invalid": "this.invalidClass", "class.igx-input-group--filled": "this.isFilled", "class.igx-input-group--textarea-group": "this.textAreaClass", "class.igx-input-group--prefixed": "this.hasPrefixes", "class.igx-input-group--suffixed": "this.hasSuffixes", "class.igx-input-group--line": "this.isTypeLine", "class.igx-input-group--base": "this.isNotBorder", "class.igx-input-group--box": "this.isTypeBox", "class.igx-input-group--file": "this.isFileType", "class.igx-file-input": "this.isFileInput", "class.igx-file-input--filled": "this.isFileInputFilled", "class.igx-file-input--focused": "this.isFileInputFocused", "class.igx-file-input--disabled": "this.isFileInputDisabled", "class.igx-input-group--border": "this.isTypeBorder", "class.igx-input-group--fluent": "this.isTypeFluent", "class.igx-input-group--bootstrap": "this.isTypeBootstrap", "class.igx-input-group--indigo": "this.isTypeIndigo", "class.igx-input-group--search": "this.isTypeSearch" } }, providers: [{ provide: IgxInputGroupBase, useExisting: IgxInputGroupComponent }], queries: [{ propertyName: "input", first: true, predicate: IgxInputDirective, descendants: true, read: IgxInputDirective, static: true }, { propertyName: "_ownHints", predicate: IgxHintDirective, descendants: true, read: IgxHintDirective }, { propertyName: "_prefixes", predicate: IgxPrefixDirective, descendants: true, read: IgxPrefixDirective }, { propertyName: "_suffixes", predicate: IgxSuffixDirective, descendants: true, read: IgxSuffixDirective }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"bundle\"></ng-container>\n\n<ng-template #label>\n    <ng-content select=\"[igxLabel]\"></ng-content>\n</ng-template>\n\n<ng-template #uploadButton>\n    @if (isFileType) {\n        <div class=\"igx-input-group__upload\">\n            <button\n                    igxButton\n                    type=\"button\"\n                    class=\"igx-input-group__upload-button\"\n                    [disabled]=\"disabled\"\n                    tabindex=\"-1\"\n            >\n                {{ resourceStrings.igx_input_upload_button }}\n            </button>\n        </div>\n    }\n</ng-template>\n\n<ng-template #files>\n    @if (isFileType) {\n        <div\n            class=\"igx-input-group__file-input\"\n            [title]=\"fileNames\"\n        >\n            <span>{{ fileNames }}</span>\n        </div>\n    }\n</ng-template>\n\n<ng-template #clear>\n    @if (isFileType && isFilled) {\n        <igx-suffix\n            class=\"igx-input-group__clear-icon\"\n            (click)=\"clearValueHandler()\"\n            (keydown.Enter)=\"clearValueHandler()\"\n            title=\"clear files\"\n            tabindex=\"0\"\n        >\n            <igx-icon family=\"default\" name=\"input_clear\"></igx-icon>\n        </igx-suffix>\n    }\n</ng-template>\n\n<ng-template #bundle>\n    @if (!isTypeBorder) {\n        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n    }\n\n    <div class=\"igx-input-group__bundle\">\n        <div class=\"igx-input-group__bundle-start\">\n            <ng-content select=\"igx-prefix, [igxPrefix]\"></ng-content>\n        </div>\n\n        @if (isFileType) {\n            <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n        }\n\n        @if (isTypeBorder) {\n            <div class=\"igx-input-group__notch\">\n                <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n            </div>\n        }\n\n        <div class=\"igx-input-group__bundle-main\">\n            <ng-content select=\"[igxInput]\"></ng-content>\n\n            @if (isFileType) {\n                <ng-container *ngTemplateOutlet=\"files\"></ng-container>\n            }\n        </div>\n\n        @if (isTypeBorder) {\n            <div class=\"igx-input-group__filler\"></div>\n        }\n\n        <div class=\"igx-input-group__bundle-end\">\n            @if (isFileType && isFilled) {\n                <ng-container *ngTemplateOutlet=\"clear\"></ng-container>\n\n            }\n            <ng-content select=\"igx-suffix, [igxSuffix]\"></ng-content>\n        </div>\n    </div>\n\n\n    @if (hasHints) {\n        <div class=\"igx-input-group__hint\" (click)=\"hintClickHandler($event)\">\n            <ng-content select=\"igx-hint, [igxHint]\"></ng-content>\n        </div>\n    }\n</ng-template>\n", styles: ["@layer ig.base{.igx-input-group{--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);--component-size: var(--ig-size, var(--default-size));--_bundle-template-columns: auto 1fr auto;--_prefix-suffix-spacing: 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))));--_label-row: 1;--_bundle-row: 2;--_hint-row: 3;display:grid;grid-template-columns:var(--_bundle-template-columns);position:relative;color:var(--idle-text-color);color-scheme:var(--ig-theme-variant, light);min-height:var(--size)}.igx-input-group igx-icon,.igx-input-group igx-icon[igxPrefix],.igx-input-group igx-icon[igxSuffix]{--component-size: var(--ig-size, var(--default-size))}.igx-input-group igx-suffix:not(igx-icon),.igx-input-group [igxSuffix]:not(igx-icon),.igx-input-group igx-prefix:not(igx-icon),.igx-input-group [igxPrefix]:not(igx-icon){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)}.igx-input-group igx-prefix,.igx-input-group [igxPrefix],.igx-input-group igx-suffix,.igx-input-group [igxSuffix]{position:relative;display:inline-flex;align-items:center;width:-moz-max-content!important;width:max-content!important;height:auto!important;min-height:100%;outline-style:none;transition:color .25s cubic-bezier(.215,.61,.355,1),background .25s cubic-bezier(.215,.61,.355,1)}.igx-input-group igx-prefix:not(:empty),.igx-input-group [igxPrefix]:not(:empty),.igx-input-group igx-suffix:not(:empty),.igx-input-group [igxSuffix]:not(:empty){padding-inline:var(--_prefix-suffix-spacing)}.igx-input-group igx-prefix,.igx-input-group [igxPrefix]{color:var(--input-prefix-color);background:var(--input-prefix-background);cursor:default}.igx-input-group igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon),.igx-input-group [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon){color:var(--input-suffix-color);background:var(--input-suffix-background);cursor:default}.igx-input-group__toggle-button{color:var(--toggle-button-foreground);background:var(--toggle-button-background);cursor:pointer}.igx-input-group__clear-button{color:var(--clear-button-foreground);background:var(--clear-button-background);cursor:pointer}.igx-input-group__clear-icon{cursor:pointer;color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}.igx-input-group__bundle{display:grid;grid-template-columns:var(--_bundle-template-columns);grid-row:var(--_bundle-row);position:relative;max-width:100%;font-size:1rem;height:var(--size);min-height:var(--size);grid-column:1/-1}.igx-input-group__label{color:var(--idle-secondary-color);display:inline-block;grid-row:var(--_label-row);grid-column:1/-1}.igx-input-group__bundle-start{display:flex;min-width:0;grid-row:var(--_bundle-row);grid-column:1}.igx-input-group__bundle-end{display:flex;min-width:0;grid-row:var(--_bundle-row);grid-column:3}.igx-input-group__bundle-main{grid-row:var(--_bundle-row);min-width:0}.igx-input-group__input{position:relative;display:block;border:none;width:100%;min-width:0;background:#0000;color:var(--filled-text-color);outline-style:none;box-shadow:none;text-overflow:ellipsis;z-index:0;height:auto}.igx-input-group__input::-moz-placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__input::placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__input:hover{color:var(--filled-text-hover-color)}.igx-input-group__input:hover::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input:hover::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input:focus{cursor:text;color:var(--focused-text-color)}.igx-input-group__input:focus::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input:focus::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input{overflow:hidden;height:calc(var(--size) - 1px);-webkit-appearance:none;-moz-appearance:none;appearance:none}.igx-input-group__input:not([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){line-height:0!important}.igx-input-group__input::-webkit-datetime-edit-fields-wrapper{width:100%;padding:0}.igx-input-group__input::-webkit-datetime-edit{color:inherit;line-height:normal;display:flex;align-items:center;height:calc(var(--size) - .0625rem)}.igx-input-group__input[type=file]{opacity:0;z-index:2;width:100%;height:100%}.igx-input-group__input[type=file]::-webkit-file-upload-button{width:inherit;height:inherit}.igx-input-group__input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.igx-input-group__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;height:auto}.igx-input-group__input[type=search]::-webkit-search-cancel-button,.igx-input-group__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.igx-input-group__textarea{position:relative;display:block;border:none;width:100%;min-width:0;background:#0000;color:var(--filled-text-color);outline-style:none;box-shadow:none;text-overflow:ellipsis;z-index:0;height:auto}.igx-input-group__textarea::-moz-placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__textarea::placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__textarea:hover{color:var(--filled-text-hover-color)}.igx-input-group__textarea:hover::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea:hover::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea:focus{cursor:text;color:var(--focused-text-color)}.igx-input-group__textarea:focus::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea:focus::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea{padding:0;resize:vertical;z-index:1}.igx-input-group__hint{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);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--helper-text-color);position:relative;grid-row:var(--_hint-row);grid-column:1/-1;overflow-wrap:anywhere}.igx-input-group__file-input{width:100%;max-width:100%;overflow:hidden;height:var(--size);color:var(--placeholder-color);grid-column:3/-2;grid-row:var(--_bundle-row)}.igx-input-group__file-input span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;display:inline-block;width:inherit;max-width:inherit;top:50%;transform:translateY(-50%)}.igx-input-group--search .igx-input-group__bundle{background:var(--search-background);border-radius:var(--search-border-radius)}.igx-input-group--file:not(.igx-input-group--disabled) .igx-input-group__input[type=file]::-webkit-file-upload-button{cursor:pointer}.igx-input-group--file:not(.igx-input-group--border){--_bundle-template-columns: auto auto 1fr auto}.igx-input-group--file:not(.igx-input-group--border) .igx-input-group__bundle-main{grid-column:3}.igx-input-group--file:not(.igx-input-group--border) .igx-input-group__bundle-end{grid-column:4}.igx-input-group--file .igx-input-group__bundle{grid-template-rows:minmax(0,calc((2 - var(--_bundle-row)) * 100%)) minmax(0,calc((var(--_bundle-row) - 1) * 100%))}.igx-input-group--file .igx-input-group__input{grid-column:2/-2}.igx-input-group--file .igx-input-group__bundle-main{display:contents}.igx-input-group--file .igx-input-group__bundle-main>input{position:absolute;border:none;inset:0;grid-row:inherit;opacity:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;grid-column:2/4;cursor:pointer;z-index:1}.igx-input-group__upload{display:flex;height:100%;grid-column:2}.igx-input-group__upload-button{--background: var(--file-selector-button-background);--foreground: var(--file-selector-button-foreground);--focus-background: var(--file-selector-button-background--focused);--focus-foreground: var(--file-selector-button-foreground--focused);--focus-visible-background: var(--file-selector-button-background--focused);--active-background: var(--file-selector-button-background);--active-foreground: var(--file-selector-button-foreground);--disabled-background: var(--file-selector-button-background--disabled);--disabled-foreground: var(--file-selector-button-foreground--disabled)}.igx-input-group--textarea-group .igx-input-group__bundle{height:auto}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-prefix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxPrefix],.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-suffix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__input:hover{cursor:default;color:var(--filled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__input:hover:not(:focus-within)::-moz-placeholder{color:var(--placeholder-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__input:hover:not(:focus-within)::placeholder{color:var(--placeholder-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea:hover{cursor:default;color:var(--filled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea:hover:not(:focus-within)::-moz-placeholder{color:var(--placeholder-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea:hover:not(:focus-within)::placeholder{color:var(--placeholder-color)}.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file) igx-suffix,.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file) [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--required .igx-input-group__label:after{content:\"*\";font-size:inherit;vertical-align:top;margin-inline-start:.125rem;display:inline-block}.igx-input-group--filled igx-prefix,.igx-input-group--filled [igxPrefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}.igx-input-group--filled igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon),.igx-input-group--filled [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon){color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}.igx-input-group--filled .igx-input-group__file-input{color:var(--filled-text-color)}.igx-input-group--filled .igx-input-group__toggle-button{color:var(--toggle-button-foreground-filled);background:var(--toggle-button-background)}.igx-input-group--filled .igx-input-group__clear-button{color:var(--clear-button-foreground);background:var(--clear-button-background)}.igx-input-group--focused igx-prefix,.igx-input-group--focused [igxPrefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}.igx-input-group--focused igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon),.igx-input-group--focused [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon){color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}.igx-input-group--focused .igx-input-group__toggle-button{color:var(--toggle-button-foreground-focus);background:var(--toggle-button-background-focus)}.igx-input-group--focused .igx-input-group__clear-button{color:var(--clear-button-foreground-focus);background:var(--clear-button-background-focus)}.igx-input-group--focused.igx-input-group--border .igx-input-group__toggle-button,.igx-input-group--focused.igx-input-group--line .igx-input-group__toggle-button{background:var(--toggle-button-background-focus--border)}.igx-input-group--disabled:hover .igx-input-group__textarea,.igx-input-group--disabled:hover .igx-input-group__input,.igx-input-group--disabled .igx-input-group__textarea,.igx-input-group--disabled .igx-input-group__input{cursor:default;color:var(--disabled-text-color)}.igx-input-group--disabled:hover .igx-input-group__textarea::-moz-placeholder,.igx-input-group--disabled:hover .igx-input-group__input::-moz-placeholder,.igx-input-group--disabled .igx-input-group__textarea::-moz-placeholder,.igx-input-group--disabled .igx-input-group__input::-moz-placeholder{color:var(--disabled-placeholder-color)}.igx-input-group--disabled:hover .igx-input-group__textarea::placeholder,.igx-input-group--disabled:hover .igx-input-group__input::placeholder,.igx-input-group--disabled .igx-input-group__textarea::placeholder,.igx-input-group--disabled .igx-input-group__input::placeholder{color:var(--disabled-placeholder-color)}.igx-input-group--disabled igx-prefix,.igx-input-group--disabled [igxPrefix],.igx-input-group--disabled igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__case-icon),.igx-input-group--disabled [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__case-icon){color:var(--disabled-text-color);background:inherit}.igx-input-group--disabled igx-suffix.igx-combo__clear-button{background:var(--border-disabled-background)}.igx-input-group--disabled .igx-input-group__label{color:var(--disabled-text-color)}.igx-input-group--disabled .igx-input-group__input::-webkit-datetime-edit{color:var(--disabled-text-color)}.igx-input-group--disabled .igx-input-group__textarea{resize:none}.igx-input-group--disabled .igx-input-group__bundle>*{cursor:default}.igx-input-group--disabled .igx-input-group__hint{color:var(--disabled-text-color);grid-column:1/-1}.igx-input-group--disabled .igx-input-group__toggle-button{color:var(--toggle-button-foreground-disabled);background:var(--toggle-button-background-disabled);cursor:default}.igx-input-group--disabled .igx-input-group__clear-button{cursor:default}.igx-input-group--disabled .igx-input-group__clear-icon{display:none}.igx-input-group--disabled .igx-input-group__file-input{background:var(--file-names-background--disabled);color:var(--file-names-foreground--disabled)}igx-combo .igx-input-group:not(.igx-input-group--disabled) .igx-input-group__input,igx-combo .igx-input-group:not(.igx-input-group--disabled) igx-prefix,igx-combo .igx-input-group:not(.igx-input-group--disabled) [igxPrefix],igx-combo .igx-input-group:not(.igx-input-group--disabled) igx-suffix,igx-combo .igx-input-group:not(.igx-input-group--disabled) [igxSuffix],igx-select .igx-input-group:not(.igx-input-group--disabled) .igx-input-group__input,igx-select .igx-input-group:not(.igx-input-group--disabled) igx-prefix,igx-select .igx-input-group:not(.igx-input-group--disabled) [igxPrefix],igx-select .igx-input-group:not(.igx-input-group--disabled) igx-suffix,igx-select .igx-input-group:not(.igx-input-group--disabled) [igxSuffix]{cursor:pointer}}@property --ig-input-group-label-ready{syntax:\"<number>\";inherits:true;initial-value:0}@keyframes input-group-label-ready{0%{--ig-input-group-label-ready: 0}to{--ig-input-group-label-ready: 1}}@layer ig.material{@container style(--ig-theme: material){.igx-input-group{--_prefix-suffix-spacing: 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(.875rem, -1 * .875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(.75rem, -1 * .75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));--_bundle-template-rows: var(--size);--_floating-label-position: -.625rem;--_start-end-min-width: 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(.625rem, -1 * .625rem) * 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))));animation:input-group-label-ready 1ms linear .12s forwards}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{display:revert;align-items:revert;height:revert}.igx-input-group:has([igxLabel],igx-label){--_input-top-spacing: 1.25rem;--_input-bottom-spacing: .375rem;--_label-row: 1;--_bundle-row: 1;--_hint-row: 2}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}.igx-input-group .igx-input-group:has(:not(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}.igx-input-group{row-gap:.25rem}.igx-input-group__bundle{grid-row:var(--_bundle-row);grid-template-columns:subgrid}.igx-input-group__bundle>*{grid-row:var(--_bundle-row)}.igx-input-group__toggle-button{margin-inline-start:var(--_start-end-min-width)}.igx-input-group__file-input{padding-inline:.25rem}.igx-input-group__bundle-start,.igx-input-group__bundle-end{overflow:clip;min-width:var(--_start-end-min-width);height:var(--size)}.igx-input-group__hint{grid-row:var(--_hint-row);min-height:1.375rem;padding-inline:max(var(--is-large, 1)*max(1rem,-1 * 1rem),var(--is-medium, 1)*max(.875rem,-1 * .875rem),var(--is-small, 1)*max(.75rem,-1 * .75rem))}.igx-input-group--base .igx-input-group__input,.igx-input-group--base .igx-input-group__file-input{padding-block-start:var(--_input-top-spacing);padding-block-end:var(--_input-bottom-spacing)}.igx-input-group--base .igx-input-group__bundle{transition:border-bottom-color .25s cubic-bezier(.215,.61,.355,1);align-items:center;grid-column:1/-1}.igx-input-group--base .igx-input-group__bundle-start{border-start-start-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--base .igx-input-group__bundle-end{border-start-end-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--base .igx-input-group__bundle-main{padding-inline:.25rem;grid-column:2;height:var(--size)}.igx-input-group--base .igx-input-group__label{padding-inline:.25rem;grid-column:2;z-index:1;align-self:center}.igx-input-group--base .igx-input-group__input{padding-inline:0;height:inherit}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:before,.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:after{content:\"\";position:absolute;width:100%;inset-inline-end:0}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:before{inset-block-end:0;height:.0625rem;border-block-end:.0625rem solid var(--idle-bottom-line-color);z-index:1}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:after{inset-block-end:0rem;height:.125rem;align-self:end;scale:0;transform-origin:center;background:var(--focused-bottom-line-color);z-index:2}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:hover:before{border-block-end-color:var(--hover-bottom-line-color)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,input:-webkit-autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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);translate:0 var(--_floating-label-position)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,input:-webkit-autofill,input:autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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);translate:0 var(--_floating-label-position)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:-moz-placeholder) .igx-input-group__label{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);--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));translate:0;inset-block-start:calc(var(--_input-top-spacing)/4)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:placeholder-shown) .igx-input-group__label{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);--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));translate:0;inset-block-start:calc(var(--_input-top-spacing)/4)}.igx-input-group__clear-icon{background:#0000}.igx-input-group__clear-icon:focus{color:var(--ig-secondary-500)}.igx-input-group--base.igx-input-group--focused .igx-input-group__bundle:after{scale:1;transition:scale .25s cubic-bezier(.215,.61,.355,1)}.igx-input-group--base.igx-input-group--focused .igx-input-group__label{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);color:var(--focused-secondary-color);translate:0 var(--_floating-label-position)}.igx-input-group--focused.igx-input-group--filled .igx-input-group__toggle-button{color:var(--toggle-button-foreground-filled)}.igx-input-group--base.igx-input-group--valid .igx-input-group__bundle:before{border-block-end-color:.0625rem solid var(--success-secondary-color)}.igx-input-group--base.igx-input-group--valid .igx-input-group__bundle:after{background:var(--success-secondary-color)}.igx-input-group--base.igx-input-group--warning .igx-input-group__bundle:before{border-block-end-color:var(--warning-secondary-color)}.igx-input-group--base.igx-input-group--warning .igx-input-group__bundle:after{background:var(--warning-secondary-color)}.igx-input-group--base.igx-input-group--warning .igx-input-group__bundle:hover:before{border-block-end-color:var(--warning-secondary-color)}.igx-input-group--base.igx-input-group--invalid .igx-input-group__bundle:before{border-block-end-color:var(--error-secondary-color)}.igx-input-group--base.igx-input-group--invalid .igx-input-group__bundle:after{background:var(--error-secondary-color)}.igx-input-group--base.igx-input-group--invalid .igx-input-group__bundle:hover:before{border-block-end-color:var(--error-secondary-color)}.igx-input-group--base.igx-input-group--filled .igx-input-group__label{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);translate:0 var(--_floating-label-position)}.igx-input-group--box.igx-input-group--disabled .igx-input-group__bundle,.igx-input-group--box.igx-input-group--disabled .igx-input-group__bundle:hover{background:var(--box-disabled-background)}.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle{background:var(--border-disabled-background)}.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--disabled .igx-input-group__notch,.igx-input-group--border.igx-input-group--disabled .igx-input-group__filler,.igx-input-group--border.igx-input-group--disabled .igx-input-group__upload,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__notch,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__filler,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__upload{border-color:var(--disabled-border-color)}.igx-input-group--textarea-group{--_bundle-template-rows: auto;--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem))}.igx-input-group--textarea-group:has(label:not(:empty)){--_input-top-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem) * var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem) * var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))), var(--is-small, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}.igx-input-group--textarea-group .igx-input-group__bundle-main{padding-block-start:var(--_input-top-spacing);height:auto}.igx-input-group--textarea-group .igx-input-group__textarea{padding-block-end:max(var(--is-large, 1) * max(1rem,-1 * 1rem) * var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1) * max(.75rem,-1 * .75rem) * var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1) * max(.5rem,-1 * .5rem) * var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));border-bottom:.125rem solid rgba(0,0,0,0)}.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__bundle-main{grid-area:1/2/span 1/span 3;padding-inline-end:0}.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{padding-inline-end: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(.875rem,-1 * .875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.75rem,-1 * .75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--box.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{max-width:calc(100% - .0625rem)}.igx-input-group--border.igx-input-group--textarea-group .igx-input-group__bundle-main{--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem))}.igx-input-group--border.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{max-width:calc(100% - .125rem)}.igx-input-group--base.igx-input-group--textarea-group .igx-input-group__label{top:var(--_input-top-spacing);align-self:start}.igx-input-group--base.igx-input-group--textarea-group.igx-input-group--filled .igx-input-group__label,.igx-input-group--base.igx-input-group--textarea-group.igx-input-group--focused .igx-input-group__label{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);--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));translate:0;inset-block-start:calc(var(--_input-top-spacing)/4)}.igx-input-group--box .igx-input-group__bundle{background:var(--box-background);border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);overflow:clip}.igx-input-group--box .igx-input-group__bundle:hover{background:var(--box-background-hover)}.igx-input-group--box .igx-input-group__bundle-start{border-start-start-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--box .igx-input-group__bundle-end{border-start-end-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--box.igx-input-group--focused .igx-input-group__bundle{background:var(--box-background-focus);border-bottom-color:#0000}.igx-input-group--base.igx-input-group--disabled:not(.igx-input-group--border,.igx-input-group--search) .igx-input-group__bundle:before{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}.igx-input-group--base.igx-input-group--disabled:not(.igx-input-group--border,.igx-input-group--search) .igx-input-group__bundle:before{border-block-end-color:var(--disabled-bottom-line-color)}.igx-input-group--search .igx-input-group__bundle{background:var(--search-background);border-bottom:none;border-radius:var(--search-border-radius);box-shadow:var(--search-resting-elevation)}.igx-input-group--search .igx-input-group__bundle:hover{box-shadow:var(--search-hover-elevation)}.igx-input-group--search .igx-input-group__bundle-start{border-start-start-radius:var(--search-border-radius);border-end-start-radius:var(--search-border-radius)}.igx-input-group--search .igx-input-group__bundle-end{border-start-end-radius:var(--search-border-radius);border-end-end-radius:var(--search-border-radius)}.igx-input-group--search.igx-input-group--focused .igx-input-group__bundle{box-shadow:var(--search-hover-elevation)}.igx-input-group--search.igx-input-group--disabled .igx-input-group__bundle{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation)}.igx-input-group--file .igx-input-group__input{grid-row:var(--_bundle-row)}.igx-input-group--file .igx-input-group__file-input{background:var(--file-names-background);color:var(--file-names-foreground)}.igx-input-group--file.igx-input-group--filled .igx-input-group__file-input{background:var(--file-names-background--filled);color:var(--file-names-foreground--filled)}.igx-input-group--file.igx-input-group--focused .igx-input-group__file-input{background:var(--file-names-background--focused);color:var(--file-names-foreground--focused)}.igx-input-group--file.igx-input-group--disabled .igx-input-group__file-input{background:var(--file-names-background--disabled);color:var(--file-names-foreground--disabled)}.igx-input-group--border.igx-input-group--textarea-group .igx-input-group__label{top:var(--_input-top-spacing);will-change:translate;align-self:start}@container style(--ig-input-group-label-ready: 1){.igx-input-group--border.igx-input-group--textarea-group .igx-input-group__label{transition:translate .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1),line-height .15s cubic-bezier(.4,0,.2,1),letter-spacing .15s cubic-bezier(.4,0,.2,1)}}.igx-input-group--border.igx-input-group--textarea-group.igx-input-group--filled .igx-input-group__label,.igx-input-group--border.igx-input-group--textarea-group.igx-input-group--focused .igx-input-group__label{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);display:inline-block;position:relative;inset-block:0}.igx-input-group--base.igx-input-group--file .igx-input-group__label,.igx-input-group--base.igx-input-group--file .igx-input-group__bundle-main{grid-column:3}.igx-input-group--base.igx-input-group--file .igx-input-group__bundle-end{grid-column:4}.igx-input-group--border{--_bundle-template-columns: auto auto 1fr auto;--_input-border-size: .0625rem;--_input-border-style: solid;--_label-translate-top: -50%}.igx-input-group--border .igx-input-group__label{will-change:translate}@container style(--ig-input-group-label-ready: 1){.igx-input-group--border .igx-input-group__label{transition:translate .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1),line-height .15s cubic-bezier(.4,0,.2,1),letter-spacing .15s cubic-bezier(.4,0,.2,1)}}.igx-input-group--border .igx-input-group__bundle-end,.igx-input-group--border .igx-input-group__upload,.igx-input-group--border .igx-input-group__filler,.igx-input-group--border .igx-input-group__notch,.igx-input-group--border .igx-input-group__bundle-start{border-width:var(--_input-border-size-focus, var(--_input-border-size));border-style:var(--_input-border-style);border-color:var(--border-color)}.igx-input-group--border .igx-input-group__bundle{grid-template-columns:var(--_bundle-template-columns);grid-column:1/-1;background:var(--border-background);border-radius:var(--border-border-radius)}.igx-input-group--border .igx-input-group__input{width:100%;height:100%;padding:0;border:none;outline-style:none;z-index:1}.igx-input-group--border .igx-input-group__input::-webkit-datetime-edit{display:flex;align-items:center;height:calc(var(--size) - .0625rem)}.igx-input-group--border .igx-input-group__bundle-start{border-inline-end-width:0;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius);height:inherit}.igx-input-group--border .igx-input-group__bundle-main{grid-column:2/span 2;padding-inline:.25rem;height:inherit}.igx-input-group--border .igx-input-group__notch{display:flex;align-items:center;border-inline:none;padding-inline:.25rem;grid-column:2;min-width:0}.igx-input-group--border .igx-input-group__filler{border-inline:none;grid-column:3}.igx-input-group--border .igx-input-group__upload{border-inline:none;grid-column:2;display:flex;align-items:center}.igx-input-group--border .igx-input-group__bundle-end{border-inline-start-width:0;grid-column:4;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);height:inherit}.igx-input-group--border:hover .igx-input-group__bundle-start,.igx-input-group--border:hover .igx-input-group__bundle-end,.igx-input-group--border:hover .igx-input-group__notch,.igx-input-group--border:hover .igx-input-group__filler,.igx-input-group--border:hover .igx-input-group__upload{border-color:var(--hover-border-color)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:-moz-placeholder) .igx-input-group__label{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);display:inline-block;position:relative;inset-block:0}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:placeholder-shown) .igx-input-group__label{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);display:inline-block;position:relative;inset-block:0}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:-moz-placeholder,textarea:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{align-self:start;translate:0 var(--_label-translate-top)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,textarea:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{align-self:start;translate:0 var(--_label-translate-top)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:-moz-placeholder,textarea:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,textarea:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border:has(input:-webkit-autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border:has(input:-webkit-autofill,input:autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--focused{--_input-border-size-focus: calc(var(--_input-border-size) + .0625rem)}.igx-input-group--border.igx-input-group--focused .igx-input-group__label{color:var(--focused-secondary-color);translate:0 var(--_label-translate-top);align-self:start}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has(igx-prefix) igx-prefix:first-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has(igx-prefix) [igxPrefix]:first-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has([igxPrefix]) igx-prefix:first-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has([igxPrefix]) [igxPrefix]:first-child{margin-inline-start:calc(var(--_input-border-size-focus)/2*-1)}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has(igx-suffix) igx-suffix:last-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has(igx-suffix) [igxSuffix]:last-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has([igxSuffix]) igx-suffix:last-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has([igxSuffix]) [igxSuffix]:last-child{margin-inline-end:calc(var(--_input-border-size-focus)/2*-1)}.igx-input-group--border.igx-input-group--focused .igx-input-group__notch{border-color:var(--focused-border-color);border-block-start-color:#0000;border-block-start-width:.0625rem}.igx-input-group--border.igx-input-group--focused .igx-input-group__filler,.igx-input-group--border.igx-input-group--focused .igx-input-group__upload{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--filled:not(.igx-input-group--focused) .igx-input-group__label{translate:0 var(--_label-translate-top);align-self:start}.igx-input-group--border.igx-input-group--valid .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--valid .igx-input-group__notch,.igx-input-group--border.igx-input-group--valid .igx-input-group__filler,.igx-input-group--border.igx-input-group--valid .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--valid:hover .igx-input-group__upload{border-color:var(--success-secondary-color)}.igx-input-group--border.igx-input-group--valid.igx-input-group--focused .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--warning .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--warning .igx-input-group__notch,.igx-input-group--border.igx-input-group--warning .igx-input-group__filler,.igx-input-group--border.igx-input-group--warning .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--warning:hover .igx-input-group__upload{border-color:var(--warning-secondary-color)}.igx-input-group--border.igx-input-group--warning.igx-input-group--focused .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--invalid .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--invalid .igx-input-group__notch,.igx-input-group--border.igx-input-group--invalid .igx-input-group__filler,.igx-input-group--border.igx-input-group--invalid .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--invalid:hover .igx-input-group__upload{border-color:var(--error-secondary-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--focused .igx-input-group__notch,.igx-input-group--border.igx-input-group--invalid.igx-input-group--filled .igx-input-group__notch,.igx-input-group--border.igx-input-group--filled .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--file:not(.igx-input-group--border) .igx-input-group__label{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);translate:0 var(--_floating-label-position);grid-row:1/-1}.igx-input-group--border.igx-input-group--file:not(.igx-input-group--focused) .igx-input-group__label{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);translate:0 var(--_label-translate-top);align-self:start}.igx-input-group--border.igx-input-group--file:not(.igx-input-group--focused) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--file{--_bundle-template-columns: auto auto auto 1fr auto}.igx-input-group--border.igx-input-group--file .igx-input-group__notch{grid-column:3}.igx-input-group--border.igx-input-group--file .igx-input-group__bundle-main{grid-column:3/span 2}.igx-input-group--border.igx-input-group--file .igx-input-group__filler{grid-column:4/5}.igx-input-group--border.igx-input-group--file .igx-input-group__bundle-end{grid-area:1/5}.igx-input-group--valid .igx-input-group__label,.igx-input-group--valid .igx-input-group__hint{color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__upload{border-color:var(--success-secondary-color)}.igx-input-group--warning .igx-input-group__label,.igx-input-group--warning .igx-input-group__hint{color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__upload{border-color:var(--warning-secondary-color)}.igx-input-group--invalid .igx-input-group__label,.igx-input-group--invalid .igx-input-group__hint{color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__upload{border-color:var(--error-secondary-color)}.igx-input-group--valid.igx-input-group--focused .igx-input-group__label{color:var(--success-secondary-color)}.igx-input-group--valid.igx-input-group--focused .igx-input-group__upload{border-color:var(--success-secondary-color)}.igx-input-group--warning.igx-input-group--focused .igx-input-group__label{color:var(--warning-secondary-color)}.igx-input-group--warning.igx-input-group--focused .igx-input-group__upload{border-color:var(--warning-secondary-color)}.igx-input-group--invalid.igx-input-group--focused .igx-input-group__label{color:var(--error-secondary-color)}.igx-input-group--invalid.igx-input-group--focused .igx-input-group__upload{border-color:var(--error-secondary-color)}.igx-input-group__notch:empty{display:none}.igx-input-group__label{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);will-change:font-size,color,translate;pointer-events:none}@container style(--ig-input-group-label-ready: 1){.igx-input-group__label{transition:all .15s cubic-bezier(.4,0,.2,1)}}.igx-input-group__input,.igx-input-group__textarea{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)}.igx-input-group--readonly:not(.igx-input-group--file) .igx-input-group__bundle:hover:before{border-block-end-color:var(--idle-bottom-line-color)}.igx-input-group--readonly.igx-input-group--box:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{background:var(--box-background-focus)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__bundle-start{border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__bundle-end{border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__notch{border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__filler{border-color:var(--border-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__label{color:var(--idle-secondary-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__hint{color:var(--helper-text-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:before{border-block-end-color:var(--idle-bottom-line-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__label{color:var(--focused-secondary-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:after{background:var(--focused-bottom-line-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-start{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-end{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__notch{border-block-end-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__filler{border-color:var(--focused-border-color)}.igx-input-group--readonly.igx-input-group--search .igx-input-group__bundle:hover:not(:focus-within){box-shadow:var(--search-resting-elevation)}.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused igx-suffix,.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--filled .igx-input-group__label,.igx-input-group--focused .igx-input-group__label{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)}.igx-input-group--file:not(.igx-input-group--focused) .igx-input-group__label{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)}.igx-input-group .igx-input-group__bundle-start:not(:empty)+.igx-input-group__upload{padding-inline-start:.25rem}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-input-group{--_bundle-template-rows: revert;--_prefix-suffix-spacing: 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(.5rem, -1 * .5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group:not(.igx-input-group--file):not(:has(igx-prefix,[igxPrefix])) .igx-input-group__bundle-main{border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group:not(:has(igx-suffix,[igxSuffix])) .igx-input-group__bundle-main{border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);border-inline-start-width:.0625rem}.igx-input-group:not(.igx-input-group--textarea-group) .igx-input-group__bundle{border-radius:var(--border-border-radius)}.igx-input-group{row-gap:.25rem}.igx-input-group__clear-icon:focus{color:var(--ig-primary-600-contrast);background:var(--ig-primary-500)}.igx-input-group__bundle{border-radius:var(--border-border-radius)}.igx-input-group__upload{border-style:solid;border-color:var(--border-color);border-width:.0625rem;grid-row:2}.igx-input-group__upload-button{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);min-height:revert;border:0;border-radius:0}.igx-input-group__label{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)}.igx-input-group__hint{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);min-height:1.5rem}.igx-input-group__input{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);height:100%;min-height:100%;padding-block:0;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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{height:calc(var(--size) - .25rem)}.igx-input-group__file-input{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);height:100%;padding-block:0;border-block:.0625rem solid var(--border-color);border-inline-end:.0625rem solid var(--border-color);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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group__textarea{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);min-height:100%;padding-block:max(var(--is-large, 1)*max(.75rem,-1 * .75rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(.25rem,-1 * .25rem)*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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--textarea-group .igx-input-group__bundle-main{height:revert}.igx-input-group__bundle-main{border-style:solid;border-color:var(--border-color);z-index:1;border-width:.0625rem;height:var(--size)}.igx-input-group--file:not(.igx-input-group--prefixed) .igx-input-group__upload{border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group--file:not(.igx-input-group--prefixed) .igx-input-group__upload-button{border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group--file:not(.igx-input-group--suffixed) .igx-input-group__file-input{border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);border-inline-start-width:.0625rem}.igx-input-group__bundle-start:empty{border:0;visibility:hidden}.igx-input-group__bundle-start,.igx-input-group__bundle-end{height:inherit}.igx-input-group__bundle-start:has(igx-prefix,[igxPrefix]){border-style:solid;border-color:var(--border-color);z-index:0;border-block-width:.0625rem;border-inline-start-width:.0625rem;border-inline-end-width:0;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius);overflow:hidden}.igx-input-group__bundle-start:has(igx-prefix,[igxPrefix]) igx-prefix:not(:first-child),.igx-input-group__bundle-start:has(igx-prefix,[igxPrefix]) [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--border-color)}.igx-input-group__bundle-end:has(igx-suffix,[igxSuffix]){border-style:solid;border-color:var(--border-color);z-index:0;border-width:.0625rem;border-inline-start-width:0;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);overflow:hidden}.igx-input-group__bundle-end:has(igx-suffix,[igxSuffix]) igx-suffix:not(:last-child),.igx-input-group__bundle-end:has(igx-suffix,[igxSuffix]) [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--border-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-prefix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxPrefix],.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-suffix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxSuffix]{background:var(--border-disabled-background)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-main{background:var(--border-disabled-background)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea{background:var(--border-disabled-background)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__hint{color:var(--helper-text-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-main{border-color:var(--border-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-main{border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}.igx-input-group--focused .igx-input-group__bundle-main,.igx-input-group--focused .igx-input-group__file-input{transition:border .15s ease-out;border-color:var(--focused-border-color)}.igx-input-group--invalid .igx-input-group__bundle-main,.igx-input-group--invalid .igx-input-group__file-input{border-color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__hint{color:var(--error-secondary-color)}.igx-input-group--warning .igx-input-group__bundle-main,.igx-input-group--warning .igx-input-group__file-input{border-color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__hint{color:var(--warning-secondary-color)}.igx-input-group--valid .igx-input-group__bundle-main,.igx-input-group--valid .igx-input-group__file-input{border-color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__hint{color:var(--success-secondary-color)}.igx-input-group--focused.igx-input-group--invalid .igx-input-group__bundle-main,.igx-input-group--focused.igx-input-group--invalid .igx-input-group__file-input{border-color:var(--error-secondary-color)}.igx-input-group--focused.igx-input-group--warning .igx-input-group__bundle-main,.igx-input-group--focused.igx-input-group--warning .igx-input-group__file-input{border-color:var(--warning-secondary-color)}.igx-input-group--focused.igx-input-group--valid .igx-input-group__bundle-main{border-color:var(--success-secondary-color)}.igx-input-group--focused:not(.igx-input-group--file) .igx-input-group__bundle-main{transition:box-shadow .15s ease-out;box-shadow:0 0 0 .25rem var(--focused-secondary-color)}.igx-input-group--focused.igx-input-group--valid:not(.igx-input-group--file) .igx-input-group__bundle-main{box-shadow:0 0 0 .25rem var(--success-shadow-color)}.igx-input-group--focused.igx-input-group--invalid:not(.igx-input-group--file) .igx-input-group__bundle-main{box-shadow:0 0 0 .25rem var(--error-shadow-color)}.igx-input-group--focused.igx-input-group--warning:not(.igx-input-group--file) .igx-input-group__bundle-main{box-shadow:0 0 0 .25rem hsl(from var(--ig-warning-500) h s l/.38)}.igx-input-group--file .igx-input-group__input{grid-row:2}.igx-input-group--file .igx-input-group__bundle{transition:box-shadow .15s ease-out}.igx-input-group--file .igx-input-group__upload{transition:border .15s ease-out;min-height:var(--size)}.igx-input-group--file .igx-input-group__bundle-start,.igx-input-group--file .igx-input-group__bundle-end{transition:border .15s ease-out}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle{transition:box-shadow .15s ease-out;box-shadow:0 0 0 .25rem var(--focused-secondary-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__upload,.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-start{border-color:var(--focused-border-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--focused-border-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-end{border-color:var(--focused-border-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--focused-border-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__upload,.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-start{border-color:var(--success-secondary-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--success-secondary-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-end{border-color:var(--success-secondary-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--success-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__upload,.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-start{border-color:var(--error-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--error-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-end{border-color:var(--error-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--error-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__upload,.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-start{border-color:var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-end{border-color:var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--focused.igx-input-group--valid .igx-input-group__bundle{box-shadow:0 0 0 .25rem var(--success-shadow-color)}.igx-input-group--file.igx-input-group--focused.igx-input-group--invalid .igx-input-group__bundle{box-shadow:0 0 0 .25rem var(--error-shadow-color)}.igx-input-group--disabled .igx-input-group__bundle,.igx-input-group--disabled .igx-input-group__bundle-main,.igx-input-group--disabled .igx-input-group__bundle-start{background:var(--border-disabled-background);color:var(--disabled-text-color);border-color:var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--disabled .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__bundle-end{background:var(--border-disabled-background);color:var(--disabled-text-color);border-color:var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--disabled .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__upload,.igx-input-group--disabled .igx-input-group__file-input{border-color:var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__clear-icon{pointer-events:none}.igx-input-group--disabled .igx-input-group__toggle-button{border-color:var(--disabled-border-color)!important}.igx-input-group--disabled igx-prefix,.igx-input-group--disabled [igxPrefix],.igx-input-group--disabled igx-suffix:not(.igx-input-group__toggle-button,.igx-combo__toggle-button),.igx-input-group--disabled [igxSuffix]{background:var(--border-disabled-background);color:var(--disabled-text-color)}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-input-group{--_bundle-template-rows: revert;--_prefix-suffix-spacing: max(var(--is-large, 1) * max(.875rem, -1 * .875rem), var(--is-medium, 1) * max(.625rem, -1 * .625rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));row-gap:.3125rem}.igx-input-group__clear-icon:focus{color:var(--ig-primary-600-contrast);background:var(--ig-primary-500)}.igx-input-group__hint{min-height:1.125rem}.igx-input-group__input{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);padding-inline:.5rem;padding-block:0;height:100%;min-height:calc(var(--size) - .125rem)}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{height:calc(var(--size) - .25rem)}.igx-input-group__textarea{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);padding-inline:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(.875rem,-1 * .875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(.625rem,-1 * .625rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}.igx-input-group__file-input{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)}.igx-input-group__bundle{background:var(--border-background);border-radius:var(--border-border-radius);border:.0625rem solid var(--border-color)}.igx-input-group__bundle>*{min-height:0;height:100%}.igx-input-group__bundle:hover{border-color:var(--hover-border-color)}.igx-input-group igx-prefix button,.igx-input-group igx-prefix [igxButton],.igx-input-group igx-prefix [igxIconButton],.igx-input-group [igxPrefix] button,.igx-input-group [igxPrefix] [igxButton],.igx-input-group [igxPrefix] [igxIconButton],.igx-input-group igx-suffix button,.igx-input-group igx-suffix [igxButton],.igx-input-group igx-suffix [igxIconButton],.igx-input-group [igxSuffix] button,.igx-input-group [igxSuffix] [igxButton],.igx-input-group [igxSuffix] [igxIconButton]{border-radius:0;height:100%}.igx-input-group__bundle-start{overflow:hidden;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group__bundle-end{overflow:hidden;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}.igx-input-group--search igx-prefix,.igx-input-group--search [igxPrefix],.igx-input-group--search igx-suffix,.igx-input-group--search [igxSuffix]{background:#0000!important;color:var(--ig-primary-500)!important}.igx-input-group--search.igx-input-group--focused igx-prefix,.igx-input-group--search.igx-input-group--focused [igxPrefix]{display:none!important}.igx-input-group--search.igx-input-group--focused igx-suffix,.igx-input-group--search.igx-input-group--focused [igxSuffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900))!important}.igx-input-group--readonly:not(.igx-input-group--file) igx-prefix,.igx-input-group--readonly:not(.igx-input-group--file) [igxPrefix],.igx-input-group--readonly:not(.igx-input-group--file) igx-suffix,.igx-input-group--readonly:not(.igx-input-group--file) [igxSuffix]{background:#0000}.igx-input-group--readonly:not(.igx-input-group--file) .igx-input-group__bundle:hover:not(:focus-within){border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--search igx-prefix,.igx-input-group--readonly.igx-input-group--search [igxPrefix],.igx-input-group--readonly.igx-input-group--search igx-suffix,.igx-input-group--readonly.igx-input-group--search [igxSuffix]{color:var(--ig-input-group-disabled-text-color, var(--ig-gray-500))!important}.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused igx-suffix,.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused [igxSuffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-500))!important}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{border-color:var(--border-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__hint{color:var(--helper-text-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:after{border-color:var(--focused-border-color)}.igx-input-group--invalid .igx-input-group__label:after{color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__bundle{border-color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__hint{color:var(--error-secondary-color)}.igx-input-group--warning .igx-input-group__label:after{color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__bundle{border-color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__hint{color:var(--warning-secondary-color)}.igx-input-group--valid .igx-input-group__label:after{color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__bundle{border-color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__hint{color:var(--success-secondary-color)}.igx-input-group--focused .igx-input-group__bundle{border-color:#0000}.igx-input-group--focused .igx-input-group__bundle:after{content:\"\";position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;inset-block-start:-.0625rem;inset-inline-start:-.0625rem;width:calc(100% + .125rem);height:calc(100% + .125rem);border-radius:var(--border-border-radius);border:.125rem solid var(--focused-border-color)}.igx-input-group--focused.igx-input-group--valid .igx-input-group__bundle:after{border-color:var(--success-secondary-color)}.igx-input-group--focused.igx-input-group--warning .igx-input-group__bundle:after{border-color:var(--warning-secondary-color)}.igx-input-group--focused.igx-input-group--invalid .igx-input-group__bundle:after{border-color:var(--error-secondary-color)}.igx-input-group--disabled igx-prefix,.igx-input-group--disabled [igxPrefix],.igx-input-group--disabled igx-suffix:not(.igx-input-group__toggle-button,.igx-combo__toggle-button),.igx-input-group--disabled [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--disabled .igx-input-group__bundle{background:var(--border-disabled-background);border-color:var(--disabled-border-color)}.igx-input-group__file-input{height:100%}.igx-input-group--file .igx-input-group__input,.igx-input-group--file .igx-input-group__upload{grid-row:var(--_bundle-row)}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-input-group{--ig-icon-size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(.875rem, -1 * .875rem));--_prefix-suffix-spacing: max(var(--is-large, 1) * max(.375rem, -1 * .375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(.25rem, -1 * .25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(.125rem, -1 * .125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group igx-prefix:first-child,.igx-input-group [igxPrefix]:first-child{border-start-start-radius:var(--box-border-radius)}.igx-input-group igx-suffix:last-child,.igx-input-group [igxSuffix]:last-child{border-start-end-radius:var(--box-border-radius)}.igx-input-group{row-gap:.25rem}.igx-input-group:hover .igx-input-group__toggle-button{color:var(--toggle-button-foreground-focus);background:var(--toggle-button-background-focus)}.igx-input-group:hover .igx-input-group__clear-button{color:var(--clear-button-foreground-focus);background:var(--clear-button-background-focus)}.igx-input-group__clear-icon:focus{color:var(--ig-primary-600-contrast);background:var(--ig-primary-500)}.igx-input-group__label{line-height:var(--ig-caption-line-height)}.igx-input-group__input{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);caret-color:var(--focused-bottom-line-color);padding-inline:max(var(--is-large, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.125rem,-1 * .125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:.375rem}.igx-input-group__input::-moz-placeholder{font-style:italic}.igx-input-group__input::placeholder{font-style:italic}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{display:revert;align-items:revert;height:revert}.igx-input-group--search{--_prefix-suffix-spacing: max(var(--is-large, 1) * max(.625rem, -1 * .625rem) * 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(.375rem, -1 * .375rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--search .igx-input-group__bundle{border-end-start-radius:0;border-end-end-radius:0}.igx-input-group--search .igx-input-group__input{padding-inline:var(--_prefix-suffix-spacing)}.igx-input-group--suffixed .igx-input-group__input{padding-inline-end:0}.igx-input-group--prefixed .igx-input-group__input{padding-inline-start:0}.igx-input-group__textarea{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);caret-color:var(--focused-bottom-line-color)}.igx-input-group__textarea::-moz-placeholder{font-style:italic}.igx-input-group__textarea::placeholder{font-style:italic}.igx-input-group__file-input{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)}.igx-input-group--textarea-group .igx-input-group__textarea{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(.375rem,-1 * .375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}.igx-input-group--textarea-group .igx-input-group__bundle{height:auto}.igx-input-group--textarea-group:not(.igx-input-group--prefixed) .igx-input-group__textarea{padding-inline-start:max(var(--is-large, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.125rem,-1 * .125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{padding-inline-end:max(var(--is-large, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.125rem,-1 * .125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group__bundle{transition:all .25s cubic-bezier(.215,.61,.355,1);border-block-end:.0625rem solid var(--idle-bottom-line-color);border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius)}.igx-input-group__bundle:hover{background:var(--box-background-hover);border-block-end-color:var(--hover-bottom-line-color)}.igx-input-group__bundle:hover .igx-input-group__toggle-button .igx-combo__toggle-button{color:var(--toggle-button-foreground-focus)}.igx-input-group--file .igx-input-group__input{padding-block:0;grid-row:var(--_bundle-row)}.igx-input-group--file .igx-input-group__bundle>*{grid-row:var(--_bundle-row)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{border-block-end-color:var(--disabled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:hover:not(:focus-within){background:unset;border-block-end-color:var(--disabled-text-color)}.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{border-block-end-color:var(--focused-bottom-line-color)}.igx-input-group--focused .igx-input-group__bundle{background:var(--box-background-focus);border-block-end-color:var(--focused-bottom-line-color)}.igx-input-group--focused .igx-input-group__label{color:var(--focused-secondary-color)}.igx-input-group--valid .igx-input-group__bundle{border-block-end:.0625rem solid var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__bundle:hover{border-block-end-color:var(--success-secondary-color)}.igx-input-group--warning .igx-input-group__bundle{border-block-end:.0625rem solid var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__bundle:hover{border-block-end-color:var(--warning-secondary-color)}.igx-input-group--invalid .igx-input-group__bundle{border-block-end:.0625rem solid var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__bundle:hover{border-block-end-color:var(--error-secondary-color)}.igx-input-group--valid.igx-input-group--focused .igx-input-group__bundle{border-block-end:.0625rem solid var(--success-secondary-color)}.igx-input-group--warning.igx-input-group--focused .igx-input-group__bundle{border-block-end:.0625rem solid var(--warning-secondary-color)}.igx-input-group--invalid.igx-input-group--focused .igx-input-group__bundle{border-block-end:.0625rem solid var(--error-secondary-color)}.igx-input-group__case-icon{--ig-icon-size: 1rem}.igx-input-group--disabled .igx-input-group__bundle{background:unset;border-block-end:.0625rem solid var(--disabled-bottom-line-color)}.igx-input-group--disabled .igx-input-group__bundle:hover{border-block-end-color:var(--disabled-bottom-line-color)}.igx-input-group--disabled:hover .igx-input-group__bundle{background:inherit}.igx-input-group--disabled:hover .igx-input-group__toggle-button{color:var(--toggle-button-foreground-disabled);background:var(--toggle-button-background-disabled)}.igx-input-group--disabled:hover .igx-input-group__clear-button{color:var(--disabled-text-color);background:var(--border-disabled-background)}.igx-input-group__bundle-start,.igx-input-group__bundle-end,.igx-input-group__bundle-main{height:inherit}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxLabel"], outputs: ["buttonSelected"] }, { kind: "directive", type: IgxSuffixDirective, selector: "[igxSuffix],[igxEnd],igx-suffix" }, { kind: "component", type: IgxIconComponent, selector: "igx-icon", inputs: ["ariaHidden", "family", "name", "active"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: IgxInputGroupComponent, isStandalone: true, selector: "igx-input-group", inputs: { resourceStrings: "resourceStrings", suppressInputAutofocus: ["suppressInputAutofocus", "suppressInputAutofocus", booleanAttribute], type: "type", theme: "theme" }, host: { listeners: { "click": "onClick($event)", "pointerdown": "onPointerDown($event)" }, properties: { "class.igx-input-group": "this.defaultClass", "class.igx-input-group--placeholder": "this.hasPlaceholder", "class.igx-input-group--required": "this.isRequired", "class.igx-input-group--focused": "this.isFocused", "class.igx-input-group--disabled": "this.disabled", "class.igx-input-group--warning": "this.hasWarning", "class.igx-input-group--readonly": "this.readOnly", "class.igx-input-group--valid": "this.validClass", "class.igx-input-group--invalid": "this.invalidClass", "class.igx-input-group--filled": "this.isFilled", "class.igx-input-group--textarea-group": "this.textAreaClass", "class.igx-input-group--prefixed": "this.hasPrefixes", "class.igx-input-group--suffixed": "this.hasSuffixes", "class.igx-input-group--line": "this.isTypeLine", "class.igx-input-group--base": "this.isNotBorder", "class.igx-input-group--box": "this.isTypeBox", "class.igx-input-group--file": "this.isFileType", "class.igx-file-input": "this.isFileInput", "class.igx-file-input--filled": "this.isFileInputFilled", "class.igx-file-input--focused": "this.isFileInputFocused", "class.igx-file-input--disabled": "this.isFileInputDisabled", "class.igx-input-group--border": "this.isTypeBorder", "class.igx-input-group--fluent": "this.isTypeFluent", "class.igx-input-group--bootstrap": "this.isTypeBootstrap", "class.igx-input-group--indigo": "this.isTypeIndigo", "class.igx-input-group--search": "this.isTypeSearch" } }, providers: [{ provide: IgxInputGroupBase, useExisting: IgxInputGroupComponent }], queries: [{ propertyName: "input", first: true, predicate: IgxInputDirective, descendants: true, read: IgxInputDirective, static: true }, { propertyName: "_ownHints", predicate: IgxHintDirective, descendants: true, read: IgxHintDirective }, { propertyName: "_prefixes", predicate: IgxPrefixDirective, descendants: true, read: IgxPrefixDirective }, { propertyName: "_suffixes", predicate: IgxSuffixDirective, descendants: true, read: IgxSuffixDirective }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"bundle\"></ng-container>\n\n<ng-template #label>\n    <ng-content select=\"[igxLabel]\"></ng-content>\n</ng-template>\n\n<ng-template #uploadButton>\n    @if (isFileType) {\n        <div class=\"igx-input-group__upload\">\n            <button\n                    igxButton\n                    type=\"button\"\n                    class=\"igx-input-group__upload-button\"\n                    [disabled]=\"disabled\"\n                    tabindex=\"-1\"\n            >\n                {{ resourceStrings.igx_input_upload_button }}\n            </button>\n        </div>\n    }\n</ng-template>\n\n<ng-template #files>\n    @if (isFileType) {\n        <div\n            class=\"igx-input-group__file-input\"\n            [title]=\"fileNames\"\n        >\n            <span>{{ fileNames }}</span>\n        </div>\n    }\n</ng-template>\n\n<ng-template #clear>\n    @if (isFileType && isFilled) {\n        <igx-suffix\n            class=\"igx-input-group__clear-icon\"\n            (click)=\"clearValueHandler()\"\n            (keydown.Enter)=\"clearValueHandler()\"\n            title=\"clear files\"\n            tabindex=\"0\"\n        >\n            <igx-icon family=\"default\" name=\"input_clear\"></igx-icon>\n        </igx-suffix>\n    }\n</ng-template>\n\n<ng-template #bundle>\n    @if (!isTypeBorder) {\n        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n    }\n\n    <div class=\"igx-input-group__bundle\">\n        <div class=\"igx-input-group__bundle-start\">\n            <ng-content select=\"igx-prefix, [igxPrefix]\"></ng-content>\n        </div>\n\n        @if (isFileType) {\n            <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n        }\n\n        @if (isTypeBorder) {\n            <div class=\"igx-input-group__notch\">\n                <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n            </div>\n        }\n\n        <div class=\"igx-input-group__bundle-main\">\n            <ng-content select=\"[igxInput]\"></ng-content>\n\n            @if (isFileType) {\n                <ng-container *ngTemplateOutlet=\"files\"></ng-container>\n            }\n        </div>\n\n        @if (isTypeBorder) {\n            <div class=\"igx-input-group__filler\"></div>\n        }\n\n        <div class=\"igx-input-group__bundle-end\">\n            @if (isFileType && isFilled) {\n                <ng-container *ngTemplateOutlet=\"clear\"></ng-container>\n\n            }\n            <ng-content select=\"igx-suffix, [igxSuffix]\"></ng-content>\n        </div>\n    </div>\n\n\n    @if (hasHints) {\n        <div class=\"igx-input-group__hint\" (click)=\"hintClickHandler($event)\">\n            <ng-content select=\"igx-hint, [igxHint]\"></ng-content>\n        </div>\n    }\n</ng-template>\n", styles: ["@layer ig.base{.igx-input-group{--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);--component-size: var(--ig-size, var(--default-size));--_bundle-template-columns: auto 1fr auto;--_prefix-suffix-spacing: 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))));--_label-row: 1;--_bundle-row: 2;--_hint-row: 3;display:grid;grid-template-columns:var(--_bundle-template-columns);position:relative;color:var(--idle-text-color);color-scheme:var(--ig-theme-variant, light);min-height:var(--size)}.igx-input-group igx-icon,.igx-input-group igx-icon[igxPrefix],.igx-input-group igx-icon[igxSuffix]{--component-size: var(--ig-size, var(--default-size))}.igx-input-group igx-suffix:not(igx-icon),.igx-input-group [igxSuffix]:not(igx-icon),.igx-input-group igx-prefix:not(igx-icon),.igx-input-group [igxPrefix]:not(igx-icon){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)}.igx-input-group igx-prefix,.igx-input-group [igxPrefix],.igx-input-group igx-suffix,.igx-input-group [igxSuffix]{position:relative;display:inline-flex;align-items:center;width:-moz-max-content!important;width:max-content!important;height:auto!important;min-height:100%;outline-style:none;transition:color .25s cubic-bezier(.215,.61,.355,1),background .25s cubic-bezier(.215,.61,.355,1)}.igx-input-group igx-prefix:not(:empty),.igx-input-group [igxPrefix]:not(:empty),.igx-input-group igx-suffix:not(:empty),.igx-input-group [igxSuffix]:not(:empty){padding-inline:var(--_prefix-suffix-spacing)}.igx-input-group igx-prefix,.igx-input-group [igxPrefix]{color:var(--input-prefix-color);background:var(--input-prefix-background);cursor:default}.igx-input-group igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon),.igx-input-group [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon){color:var(--input-suffix-color);background:var(--input-suffix-background);cursor:default}.igx-input-group__toggle-button{color:var(--toggle-button-foreground);background:var(--toggle-button-background);cursor:pointer}.igx-input-group__clear-button{color:var(--clear-button-foreground);background:var(--clear-button-background);cursor:pointer}.igx-input-group__clear-icon{cursor:pointer;color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}.igx-input-group__bundle{display:grid;grid-template-columns:var(--_bundle-template-columns);grid-row:var(--_bundle-row);position:relative;max-width:100%;font-size:1rem;height:var(--size);min-height:var(--size);grid-column:1/-1}.igx-input-group__label{color:var(--idle-secondary-color);display:inline-block;grid-row:var(--_label-row);grid-column:1/-1}.igx-input-group__bundle-start{display:flex;min-width:0;grid-row:var(--_bundle-row);grid-column:1}.igx-input-group__bundle-end{display:flex;min-width:0;grid-row:var(--_bundle-row);grid-column:3}.igx-input-group__bundle-main{grid-row:var(--_bundle-row);min-width:0}.igx-input-group__input{position:relative;display:block;border:none;width:100%;min-width:0;background:#0000;color:var(--filled-text-color);outline-style:none;box-shadow:none;text-overflow:ellipsis;z-index:0;height:auto}.igx-input-group__input::-moz-placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__input::placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__input:hover{color:var(--filled-text-hover-color)}.igx-input-group__input:hover::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input:hover::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input:focus{cursor:text;color:var(--focused-text-color)}.igx-input-group__input:focus::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input:focus::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input{overflow:hidden;height:calc(var(--size) - 1px);-webkit-appearance:none;-moz-appearance:none;appearance:none}.igx-input-group__input:not([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){line-height:0!important}.igx-input-group__input::-webkit-datetime-edit-fields-wrapper{width:100%;padding:0}.igx-input-group__input::-webkit-datetime-edit{color:inherit;line-height:normal;display:flex;align-items:center;height:calc(var(--size) - .0625rem)}.igx-input-group__input[type=file]{opacity:0;z-index:2;width:100%;height:100%}.igx-input-group__input[type=file]::-webkit-file-upload-button{width:inherit;height:inherit}.igx-input-group__input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.igx-input-group__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;height:auto}.igx-input-group__input[type=search]::-webkit-search-cancel-button,.igx-input-group__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.igx-input-group__textarea{position:relative;display:block;border:none;width:100%;min-width:0;background:#0000;color:var(--filled-text-color);outline-style:none;box-shadow:none;text-overflow:ellipsis;z-index:0;height:auto}.igx-input-group__textarea::-moz-placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__textarea::placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__textarea:hover{color:var(--filled-text-hover-color)}.igx-input-group__textarea:hover::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea:hover::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea:focus{cursor:text;color:var(--focused-text-color)}.igx-input-group__textarea:focus::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea:focus::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea{padding:0;resize:vertical;z-index:1}.igx-input-group__hint{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);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--helper-text-color);position:relative;grid-row:var(--_hint-row);grid-column:1/-1;overflow-wrap:anywhere}.igx-input-group__file-input{width:100%;max-width:100%;overflow:hidden;height:var(--size);color:var(--placeholder-color);grid-column:3/-2;grid-row:var(--_bundle-row)}.igx-input-group__file-input span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;display:inline-block;width:inherit;max-width:inherit;top:50%;transform:translateY(-50%)}.igx-input-group--search .igx-input-group__bundle{background:var(--search-background);border-radius:var(--search-border-radius)}.igx-input-group--file:not(.igx-input-group--disabled) .igx-input-group__input[type=file]::-webkit-file-upload-button{cursor:pointer}.igx-input-group--file:not(.igx-input-group--border){--_bundle-template-columns: auto auto 1fr auto}.igx-input-group--file:not(.igx-input-group--border) .igx-input-group__bundle-main{grid-column:3}.igx-input-group--file:not(.igx-input-group--border) .igx-input-group__bundle-end{grid-column:4}.igx-input-group--file .igx-input-group__bundle{grid-template-rows:minmax(0,calc((2 - var(--_bundle-row)) * 100%)) minmax(0,calc((var(--_bundle-row) - 1) * 100%))}.igx-input-group--file .igx-input-group__input{grid-column:2/-2}.igx-input-group--file .igx-input-group__bundle-main{display:contents}.igx-input-group--file .igx-input-group__bundle-main>input{position:absolute;border:none;inset:0;grid-row:inherit;opacity:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;grid-column:2/4;cursor:pointer;z-index:1}.igx-input-group__upload{display:flex;height:100%;grid-column:2}.igx-input-group__upload-button{--background: var(--file-selector-button-background);--foreground: var(--file-selector-button-foreground);--focus-background: var(--file-selector-button-background--focused);--focus-foreground: var(--file-selector-button-foreground--focused);--focus-visible-background: var(--file-selector-button-background--focused);--active-background: var(--file-selector-button-background);--active-foreground: var(--file-selector-button-foreground);--disabled-background: var(--file-selector-button-background--disabled);--disabled-foreground: var(--file-selector-button-foreground--disabled)}.igx-input-group--textarea-group .igx-input-group__bundle{height:auto}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-prefix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxPrefix],.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-suffix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__input:hover{cursor:default;color:var(--filled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__input:hover:not(:focus-within)::-moz-placeholder{color:var(--placeholder-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__input:hover:not(:focus-within)::placeholder{color:var(--placeholder-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea:hover{cursor:default;color:var(--filled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea:hover:not(:focus-within)::-moz-placeholder{color:var(--placeholder-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea:hover:not(:focus-within)::placeholder{color:var(--placeholder-color)}.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file) igx-suffix,.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file) [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--required .igx-input-group__label:after{content:\"*\";font-size:inherit;vertical-align:top;margin-inline-start:.125rem;display:inline-block}.igx-input-group--filled igx-prefix,.igx-input-group--filled [igxPrefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}.igx-input-group--filled igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon),.igx-input-group--filled [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon){color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}.igx-input-group--filled .igx-input-group__file-input{color:var(--filled-text-color)}.igx-input-group--filled .igx-input-group__toggle-button{color:var(--toggle-button-foreground-filled);background:var(--toggle-button-background)}.igx-input-group--filled .igx-input-group__clear-button{color:var(--clear-button-foreground);background:var(--clear-button-background)}.igx-input-group--focused igx-prefix,.igx-input-group--focused [igxPrefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}.igx-input-group--focused igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon),.igx-input-group--focused [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon){color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}.igx-input-group--focused .igx-input-group__toggle-button{color:var(--toggle-button-foreground-focus);background:var(--toggle-button-background-focus)}.igx-input-group--focused .igx-input-group__clear-button{color:var(--clear-button-foreground-focus);background:var(--clear-button-background-focus)}.igx-input-group--focused.igx-input-group--border .igx-input-group__toggle-button,.igx-input-group--focused.igx-input-group--line .igx-input-group__toggle-button{background:var(--toggle-button-background-focus--border)}.igx-input-group--disabled:hover .igx-input-group__textarea,.igx-input-group--disabled:hover .igx-input-group__input,.igx-input-group--disabled .igx-input-group__textarea,.igx-input-group--disabled .igx-input-group__input{cursor:default;color:var(--disabled-text-color)}.igx-input-group--disabled:hover .igx-input-group__textarea::-moz-placeholder,.igx-input-group--disabled:hover .igx-input-group__input::-moz-placeholder,.igx-input-group--disabled .igx-input-group__textarea::-moz-placeholder,.igx-input-group--disabled .igx-input-group__input::-moz-placeholder{color:var(--disabled-placeholder-color)}.igx-input-group--disabled:hover .igx-input-group__textarea::placeholder,.igx-input-group--disabled:hover .igx-input-group__input::placeholder,.igx-input-group--disabled .igx-input-group__textarea::placeholder,.igx-input-group--disabled .igx-input-group__input::placeholder{color:var(--disabled-placeholder-color)}.igx-input-group--disabled igx-prefix,.igx-input-group--disabled [igxPrefix],.igx-input-group--disabled igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__case-icon),.igx-input-group--disabled [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__case-icon){color:var(--disabled-text-color);background:inherit}.igx-input-group--disabled igx-suffix.igx-combo__clear-button{background:var(--border-disabled-background)}.igx-input-group--disabled .igx-input-group__label{color:var(--disabled-text-color)}.igx-input-group--disabled .igx-input-group__input::-webkit-datetime-edit{color:var(--disabled-text-color)}.igx-input-group--disabled .igx-input-group__textarea{resize:none}.igx-input-group--disabled .igx-input-group__bundle>*{cursor:default}.igx-input-group--disabled .igx-input-group__hint{color:var(--disabled-text-color);grid-column:1/-1}.igx-input-group--disabled .igx-input-group__toggle-button{color:var(--toggle-button-foreground-disabled);background:var(--toggle-button-background-disabled);cursor:default}.igx-input-group--disabled .igx-input-group__clear-button{cursor:default}.igx-input-group--disabled .igx-input-group__clear-icon{display:none}.igx-input-group--disabled .igx-input-group__file-input{background:var(--file-names-background--disabled);color:var(--file-names-foreground--disabled)}igx-combo .igx-input-group:not(.igx-input-group--disabled) .igx-input-group__input,igx-combo .igx-input-group:not(.igx-input-group--disabled) igx-prefix,igx-combo .igx-input-group:not(.igx-input-group--disabled) [igxPrefix],igx-combo .igx-input-group:not(.igx-input-group--disabled) igx-suffix,igx-combo .igx-input-group:not(.igx-input-group--disabled) [igxSuffix],igx-select .igx-input-group:not(.igx-input-group--disabled) .igx-input-group__input,igx-select .igx-input-group:not(.igx-input-group--disabled) igx-prefix,igx-select .igx-input-group:not(.igx-input-group--disabled) [igxPrefix],igx-select .igx-input-group:not(.igx-input-group--disabled) igx-suffix,igx-select .igx-input-group:not(.igx-input-group--disabled) [igxSuffix]{cursor:pointer}}@property --ig-input-group-label-ready{syntax:\"<number>\";inherits:true;initial-value:0}@keyframes input-group-label-ready{0%{--ig-input-group-label-ready: 0}to{--ig-input-group-label-ready: 1}}@layer ig.material{@container style(--ig-theme: material){.igx-input-group{--_prefix-suffix-spacing: 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(.875rem, -1 * .875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(.75rem, -1 * .75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));--_bundle-template-rows: var(--size);--_floating-label-position: -.625rem;--_start-end-min-width: 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(.625rem, -1 * .625rem) * 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))));animation:input-group-label-ready 1ms linear .12s forwards}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{display:revert;align-items:revert;height:revert}.igx-input-group:has([igxLabel],igx-label){--_input-top-spacing: 1.25rem;--_input-bottom-spacing: .375rem;--_label-row: 1;--_bundle-row: 1;--_hint-row: 2}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}.igx-input-group .igx-input-group:has(:not(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}.igx-input-group{row-gap:.25rem}.igx-input-group__bundle{grid-row:var(--_bundle-row);grid-template-columns:subgrid}.igx-input-group__bundle>*{grid-row:var(--_bundle-row)}.igx-input-group__toggle-button{margin-inline-start:var(--_start-end-min-width)}.igx-input-group__file-input{padding-inline:.25rem}.igx-input-group__bundle-start,.igx-input-group__bundle-end{overflow:clip;min-width:var(--_start-end-min-width);height:var(--size)}.igx-input-group__hint{grid-row:var(--_hint-row);min-height:1.375rem;padding-inline:max(var(--is-large, 1)*max(1rem,-1 * 1rem),var(--is-medium, 1)*max(.875rem,-1 * .875rem),var(--is-small, 1)*max(.75rem,-1 * .75rem))}.igx-input-group--base .igx-input-group__input,.igx-input-group--base .igx-input-group__file-input{padding-block-start:var(--_input-top-spacing);padding-block-end:var(--_input-bottom-spacing)}.igx-input-group--base .igx-input-group__bundle{transition:border-bottom-color .25s cubic-bezier(.215,.61,.355,1);align-items:center;grid-column:1/-1}.igx-input-group--base .igx-input-group__bundle-start{border-start-start-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--base .igx-input-group__bundle-end{border-start-end-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--base .igx-input-group__bundle-main{padding-inline:.25rem;grid-column:2;height:var(--size)}.igx-input-group--base .igx-input-group__label{padding-inline:.25rem;grid-column:2;z-index:1;align-self:center}.igx-input-group--base .igx-input-group__input{padding-inline:0;height:inherit}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:before,.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:after{content:\"\";position:absolute;width:100%;inset-inline-end:0}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:before{inset-block-end:0;height:.0625rem;border-block-end:.0625rem solid var(--idle-bottom-line-color);z-index:1}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:after{inset-block-end:0rem;height:.125rem;align-self:end;scale:0;transform-origin:center;background:var(--focused-bottom-line-color);z-index:2}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:hover:before{border-block-end-color:var(--hover-bottom-line-color)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,input:-webkit-autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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);translate:0 var(--_floating-label-position)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,input:-webkit-autofill,input:autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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);translate:0 var(--_floating-label-position)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:-moz-placeholder) .igx-input-group__label{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);--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));translate:0;inset-block-start:calc(var(--_input-top-spacing)/4)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:placeholder-shown) .igx-input-group__label{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);--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));translate:0;inset-block-start:calc(var(--_input-top-spacing)/4)}.igx-input-group__clear-icon{background:#0000}.igx-input-group__clear-icon:focus{color:var(--ig-secondary-500)}.igx-input-group--base.igx-input-group--focused .igx-input-group__bundle:after{scale:1;transition:scale .25s cubic-bezier(.215,.61,.355,1)}.igx-input-group--base.igx-input-group--focused .igx-input-group__label{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);color:var(--focused-secondary-color);translate:0 var(--_floating-label-position)}.igx-input-group--focused.igx-input-group--filled .igx-input-group__toggle-button{color:var(--toggle-button-foreground-filled)}.igx-input-group--base.igx-input-group--valid .igx-input-group__bundle:before{border-block-end-color:.0625rem solid var(--success-secondary-color)}.igx-input-group--base.igx-input-group--valid .igx-input-group__bundle:after{background:var(--success-secondary-color)}.igx-input-group--base.igx-input-group--warning .igx-input-group__bundle:before{border-block-end-color:var(--warning-secondary-color)}.igx-input-group--base.igx-input-group--warning .igx-input-group__bundle:after{background:var(--warning-secondary-color)}.igx-input-group--base.igx-input-group--warning .igx-input-group__bundle:hover:before{border-block-end-color:var(--warning-secondary-color)}.igx-input-group--base.igx-input-group--invalid .igx-input-group__bundle:before{border-block-end-color:var(--error-secondary-color)}.igx-input-group--base.igx-input-group--invalid .igx-input-group__bundle:after{background:var(--error-secondary-color)}.igx-input-group--base.igx-input-group--invalid .igx-input-group__bundle:hover:before{border-block-end-color:var(--error-secondary-color)}.igx-input-group--base.igx-input-group--filled .igx-input-group__label{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);translate:0 var(--_floating-label-position)}.igx-input-group--box.igx-input-group--disabled .igx-input-group__bundle,.igx-input-group--box.igx-input-group--disabled .igx-input-group__bundle:hover{background:var(--box-disabled-background)}.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle{background:var(--border-disabled-background)}.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--disabled .igx-input-group__notch,.igx-input-group--border.igx-input-group--disabled .igx-input-group__filler,.igx-input-group--border.igx-input-group--disabled .igx-input-group__upload,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__notch,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__filler,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__upload{border-color:var(--disabled-border-color)}.igx-input-group--textarea-group{--_bundle-template-rows: auto;--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem))}.igx-input-group--textarea-group:has(label:not(:empty)){--_input-top-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem) * var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem) * var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))), var(--is-small, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}.igx-input-group--textarea-group .igx-input-group__bundle-main{padding-block-start:var(--_input-top-spacing);height:auto}.igx-input-group--textarea-group .igx-input-group__textarea{padding-block-end:max(var(--is-large, 1) * max(1rem,-1 * 1rem) * var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1) * max(.75rem,-1 * .75rem) * var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1) * max(.5rem,-1 * .5rem) * var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));border-bottom:.125rem solid rgba(0,0,0,0)}.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__bundle-main{grid-area:1/2/span 1/span 3;padding-inline-end:0}.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{padding-inline-end: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(.875rem,-1 * .875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.75rem,-1 * .75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--box.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{max-width:calc(100% - .0625rem)}.igx-input-group--border.igx-input-group--textarea-group .igx-input-group__bundle-main{--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem))}.igx-input-group--border.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{max-width:calc(100% - .125rem)}.igx-input-group--base.igx-input-group--textarea-group .igx-input-group__label{top:var(--_input-top-spacing);align-self:start}.igx-input-group--base.igx-input-group--textarea-group.igx-input-group--filled .igx-input-group__label,.igx-input-group--base.igx-input-group--textarea-group.igx-input-group--focused .igx-input-group__label{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);--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));translate:0;inset-block-start:calc(var(--_input-top-spacing)/4)}.igx-input-group--box .igx-input-group__bundle{background:var(--box-background);border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);overflow:clip}.igx-input-group--box .igx-input-group__bundle:hover{background:var(--box-background-hover)}.igx-input-group--box .igx-input-group__bundle-start{border-start-start-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--box .igx-input-group__bundle-end{border-start-end-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--box.igx-input-group--focused .igx-input-group__bundle{background:var(--box-background-focus);border-bottom-color:#0000}.igx-input-group--base.igx-input-group--disabled:not(.igx-input-group--border,.igx-input-group--search) .igx-input-group__bundle:before{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}.igx-input-group--base.igx-input-group--disabled:not(.igx-input-group--border,.igx-input-group--search) .igx-input-group__bundle:before{border-block-end-color:var(--disabled-bottom-line-color)}.igx-input-group--search .igx-input-group__bundle{background:var(--search-background);border-bottom:none;border-radius:var(--search-border-radius);box-shadow:var(--search-resting-elevation)}.igx-input-group--search .igx-input-group__bundle:hover{box-shadow:var(--search-hover-elevation)}.igx-input-group--search .igx-input-group__bundle-start{border-start-start-radius:var(--search-border-radius);border-end-start-radius:var(--search-border-radius)}.igx-input-group--search .igx-input-group__bundle-end{border-start-end-radius:var(--search-border-radius);border-end-end-radius:var(--search-border-radius)}.igx-input-group--search.igx-input-group--focused .igx-input-group__bundle{box-shadow:var(--search-hover-elevation)}.igx-input-group--search.igx-input-group--disabled .igx-input-group__bundle{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation)}.igx-input-group--file .igx-input-group__input{grid-row:var(--_bundle-row)}.igx-input-group--file .igx-input-group__file-input{background:var(--file-names-background);color:var(--file-names-foreground)}.igx-input-group--file.igx-input-group--filled .igx-input-group__file-input{background:var(--file-names-background--filled);color:var(--file-names-foreground--filled)}.igx-input-group--file.igx-input-group--focused .igx-input-group__file-input{background:var(--file-names-background--focused);color:var(--file-names-foreground--focused)}.igx-input-group--file.igx-input-group--disabled .igx-input-group__file-input{background:var(--file-names-background--disabled);color:var(--file-names-foreground--disabled)}.igx-input-group--border.igx-input-group--textarea-group .igx-input-group__label{top:var(--_input-top-spacing);will-change:translate;align-self:start}@container style(--ig-input-group-label-ready: 1){.igx-input-group--border.igx-input-group--textarea-group .igx-input-group__label{transition:translate .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1),line-height .15s cubic-bezier(.4,0,.2,1),letter-spacing .15s cubic-bezier(.4,0,.2,1)}}.igx-input-group--border.igx-input-group--textarea-group.igx-input-group--filled .igx-input-group__label,.igx-input-group--border.igx-input-group--textarea-group.igx-input-group--focused .igx-input-group__label{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);display:inline-block;position:relative;inset-block:0}.igx-input-group--base.igx-input-group--file .igx-input-group__label,.igx-input-group--base.igx-input-group--file .igx-input-group__bundle-main{grid-column:3}.igx-input-group--base.igx-input-group--file .igx-input-group__bundle-end{grid-column:4}.igx-input-group--border{--_bundle-template-columns: auto auto 1fr auto;--_input-border-size: .0625rem;--_input-border-style: solid;--_label-translate-top: -50%}.igx-input-group--border .igx-input-group__label{will-change:translate}@container style(--ig-input-group-label-ready: 1){.igx-input-group--border .igx-input-group__label{transition:translate .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1),line-height .15s cubic-bezier(.4,0,.2,1),letter-spacing .15s cubic-bezier(.4,0,.2,1)}}.igx-input-group--border .igx-input-group__bundle-end,.igx-input-group--border .igx-input-group__upload,.igx-input-group--border .igx-input-group__filler,.igx-input-group--border .igx-input-group__notch,.igx-input-group--border .igx-input-group__bundle-start{border-width:var(--_input-border-size-focus, var(--_input-border-size));border-style:var(--_input-border-style);border-color:var(--border-color)}.igx-input-group--border .igx-input-group__bundle{grid-template-columns:var(--_bundle-template-columns);grid-column:1/-1;background:var(--border-background);border-radius:var(--border-border-radius)}.igx-input-group--border .igx-input-group__input{width:100%;height:100%;padding:0;border:none;outline-style:none;z-index:1}.igx-input-group--border .igx-input-group__input::-webkit-datetime-edit{display:flex;align-items:center;height:calc(var(--size) - .0625rem)}.igx-input-group--border .igx-input-group__bundle-start{border-inline-end-width:0;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius);height:inherit}.igx-input-group--border .igx-input-group__bundle-main{grid-column:2/span 2;padding-inline:.25rem;height:inherit}.igx-input-group--border .igx-input-group__notch{display:flex;align-items:center;border-inline:none;padding-inline:.25rem;grid-column:2;min-width:0}.igx-input-group--border .igx-input-group__filler{border-inline:none;grid-column:3}.igx-input-group--border .igx-input-group__upload{border-inline:none;grid-column:2;display:flex;align-items:center}.igx-input-group--border .igx-input-group__bundle-end{border-inline-start-width:0;grid-column:4;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);height:inherit}.igx-input-group--border:hover .igx-input-group__bundle-start,.igx-input-group--border:hover .igx-input-group__bundle-end,.igx-input-group--border:hover .igx-input-group__notch,.igx-input-group--border:hover .igx-input-group__filler,.igx-input-group--border:hover .igx-input-group__upload{border-color:var(--hover-border-color)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:-moz-placeholder) .igx-input-group__label{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);display:inline-block;position:relative;inset-block:0}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:placeholder-shown) .igx-input-group__label{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);display:inline-block;position:relative;inset-block:0}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:-moz-placeholder,textarea:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{align-self:start;translate:0 var(--_label-translate-top)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,textarea:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{align-self:start;translate:0 var(--_label-translate-top)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:-moz-placeholder,textarea:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,textarea:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border:has(input:-webkit-autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border:has(input:-webkit-autofill,input:autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--focused{--_input-border-size-focus: calc(var(--_input-border-size) + .0625rem)}.igx-input-group--border.igx-input-group--focused .igx-input-group__label{color:var(--focused-secondary-color);translate:0 var(--_label-translate-top);align-self:start}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has(igx-prefix) igx-prefix:first-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has(igx-prefix) [igxPrefix]:first-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has([igxPrefix]) igx-prefix:first-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has([igxPrefix]) [igxPrefix]:first-child{margin-inline-start:calc(var(--_input-border-size-focus)/2*-1)}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has(igx-suffix) igx-suffix:last-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has(igx-suffix) [igxSuffix]:last-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has([igxSuffix]) igx-suffix:last-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has([igxSuffix]) [igxSuffix]:last-child{margin-inline-end:calc(var(--_input-border-size-focus)/2*-1)}.igx-input-group--border.igx-input-group--focused .igx-input-group__notch{border-color:var(--focused-border-color);border-block-start-color:#0000;border-block-start-width:.0625rem}.igx-input-group--border.igx-input-group--focused .igx-input-group__filler,.igx-input-group--border.igx-input-group--focused .igx-input-group__upload{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--filled:not(.igx-input-group--focused) .igx-input-group__label{translate:0 var(--_label-translate-top);align-self:start}.igx-input-group--border.igx-input-group--valid .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--valid .igx-input-group__notch,.igx-input-group--border.igx-input-group--valid .igx-input-group__filler,.igx-input-group--border.igx-input-group--valid .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--valid:hover .igx-input-group__upload{border-color:var(--success-secondary-color)}.igx-input-group--border.igx-input-group--valid.igx-input-group--focused .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--warning .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--warning .igx-input-group__notch,.igx-input-group--border.igx-input-group--warning .igx-input-group__filler,.igx-input-group--border.igx-input-group--warning .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--warning:hover .igx-input-group__upload{border-color:var(--warning-secondary-color)}.igx-input-group--border.igx-input-group--warning.igx-input-group--focused .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--invalid .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--invalid .igx-input-group__notch,.igx-input-group--border.igx-input-group--invalid .igx-input-group__filler,.igx-input-group--border.igx-input-group--invalid .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--invalid:hover .igx-input-group__upload{border-color:var(--error-secondary-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--focused .igx-input-group__notch,.igx-input-group--border.igx-input-group--invalid.igx-input-group--filled .igx-input-group__notch,.igx-input-group--border.igx-input-group--filled .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--file:not(.igx-input-group--border) .igx-input-group__label{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);translate:0 var(--_floating-label-position);grid-row:1/-1}.igx-input-group--border.igx-input-group--file:not(.igx-input-group--focused) .igx-input-group__label{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);translate:0 var(--_label-translate-top);align-self:start}.igx-input-group--border.igx-input-group--file:not(.igx-input-group--focused) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--file{--_bundle-template-columns: auto auto auto 1fr auto}.igx-input-group--border.igx-input-group--file .igx-input-group__notch{grid-column:3}.igx-input-group--border.igx-input-group--file .igx-input-group__bundle-main{grid-column:3/span 2}.igx-input-group--border.igx-input-group--file .igx-input-group__filler{grid-column:4/5}.igx-input-group--border.igx-input-group--file .igx-input-group__bundle-end{grid-area:1/5}.igx-input-group--valid .igx-input-group__label,.igx-input-group--valid .igx-input-group__hint{color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__upload{border-color:var(--success-secondary-color)}.igx-input-group--warning .igx-input-group__label,.igx-input-group--warning .igx-input-group__hint{color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__upload{border-color:var(--warning-secondary-color)}.igx-input-group--invalid .igx-input-group__label,.igx-input-group--invalid .igx-input-group__hint{color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__upload{border-color:var(--error-secondary-color)}.igx-input-group--valid.igx-input-group--focused .igx-input-group__label{color:var(--success-secondary-color)}.igx-input-group--valid.igx-input-group--focused .igx-input-group__upload{border-color:var(--success-secondary-color)}.igx-input-group--warning.igx-input-group--focused .igx-input-group__label{color:var(--warning-secondary-color)}.igx-input-group--warning.igx-input-group--focused .igx-input-group__upload{border-color:var(--warning-secondary-color)}.igx-input-group--invalid.igx-input-group--focused .igx-input-group__label{color:var(--error-secondary-color)}.igx-input-group--invalid.igx-input-group--focused .igx-input-group__upload{border-color:var(--error-secondary-color)}.igx-input-group__notch:empty{display:none}.igx-input-group__label{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);will-change:font-size,color,translate;pointer-events:none}@container style(--ig-input-group-label-ready: 1){.igx-input-group__label{transition:all .15s cubic-bezier(.4,0,.2,1)}}.igx-input-group__input,.igx-input-group__textarea{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)}.igx-input-group--readonly:not(.igx-input-group--file) .igx-input-group__bundle:hover:before{border-block-end-color:var(--idle-bottom-line-color)}.igx-input-group--readonly.igx-input-group--box:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{background:var(--box-background-focus)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__bundle-start{border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__bundle-end{border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__notch{border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__filler{border-color:var(--border-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__label{color:var(--idle-secondary-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__hint{color:var(--helper-text-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:before{border-block-end-color:var(--idle-bottom-line-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__label{color:var(--focused-secondary-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:after{background:var(--focused-bottom-line-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-start{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-end{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__notch{border-block-end-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__filler{border-color:var(--focused-border-color)}.igx-input-group--readonly.igx-input-group--search .igx-input-group__bundle:hover:not(:focus-within){box-shadow:var(--search-resting-elevation)}.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused igx-suffix,.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--filled .igx-input-group__label,.igx-input-group--focused .igx-input-group__label{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)}.igx-input-group--file:not(.igx-input-group--focused) .igx-input-group__label{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)}.igx-input-group .igx-input-group__bundle-start:not(:empty)+.igx-input-group__upload{padding-inline-start:.25rem}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-input-group{--_bundle-template-rows: revert;--_prefix-suffix-spacing: 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(.5rem, -1 * .5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group:not(.igx-input-group--file):not(:has(igx-prefix,[igxPrefix])) .igx-input-group__bundle-main{border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group:not(:has(igx-suffix,[igxSuffix])) .igx-input-group__bundle-main{border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);border-inline-start-width:.0625rem}.igx-input-group:not(.igx-input-group--textarea-group) .igx-input-group__bundle{border-radius:var(--border-border-radius)}.igx-input-group{row-gap:.25rem}.igx-input-group__clear-icon:focus{color:var(--ig-primary-600-contrast);background:var(--ig-primary-500)}.igx-input-group__bundle{border-radius:var(--border-border-radius)}.igx-input-group__upload{border-style:solid;border-color:var(--border-color);border-width:.0625rem;grid-row:2}.igx-input-group__upload-button{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);min-height:revert;border:0;border-radius:0}.igx-input-group__label{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)}.igx-input-group__hint{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);min-height:1.5rem}.igx-input-group__input{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);height:100%;min-height:100%;padding-block:0;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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{height:calc(var(--size) - .25rem)}.igx-input-group__file-input{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);height:100%;padding-block:0;border-block:.0625rem solid var(--border-color);border-inline-end:.0625rem solid var(--border-color);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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group__textarea{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);min-height:100%;padding-block:max(var(--is-large, 1)*max(.75rem,-1 * .75rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(.25rem,-1 * .25rem)*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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--textarea-group .igx-input-group__bundle-main{height:revert}.igx-input-group__bundle-main{border-style:solid;border-color:var(--border-color);z-index:1;border-width:.0625rem;height:var(--size)}.igx-input-group--file:not(.igx-input-group--prefixed) .igx-input-group__upload{border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group--file:not(.igx-input-group--prefixed) .igx-input-group__upload-button{border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group--file:not(.igx-input-group--suffixed) .igx-input-group__file-input{border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);border-inline-start-width:.0625rem}.igx-input-group__bundle-start:empty{border:0;visibility:hidden}.igx-input-group__bundle-start,.igx-input-group__bundle-end{height:inherit}.igx-input-group__bundle-start:has(igx-prefix,[igxPrefix]){border-style:solid;border-color:var(--border-color);z-index:0;border-block-width:.0625rem;border-inline-start-width:.0625rem;border-inline-end-width:0;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius);overflow:hidden}.igx-input-group__bundle-start:has(igx-prefix,[igxPrefix]) igx-prefix:not(:first-child),.igx-input-group__bundle-start:has(igx-prefix,[igxPrefix]) [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--border-color)}.igx-input-group__bundle-end:has(igx-suffix,[igxSuffix]){border-style:solid;border-color:var(--border-color);z-index:0;border-width:.0625rem;border-inline-start-width:0;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);overflow:hidden}.igx-input-group__bundle-end:has(igx-suffix,[igxSuffix]) igx-suffix:not(:last-child),.igx-input-group__bundle-end:has(igx-suffix,[igxSuffix]) [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--border-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-prefix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxPrefix],.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-suffix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxSuffix]{background:var(--border-disabled-background)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-main{background:var(--border-disabled-background)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea{background:var(--border-disabled-background)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__hint{color:var(--helper-text-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-main{border-color:var(--border-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-main{border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}.igx-input-group--focused .igx-input-group__bundle-main,.igx-input-group--focused .igx-input-group__file-input{transition:border .15s ease-out;border-color:var(--focused-border-color)}.igx-input-group--invalid .igx-input-group__bundle-main,.igx-input-group--invalid .igx-input-group__file-input{border-color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__hint{color:var(--error-secondary-color)}.igx-input-group--warning .igx-input-group__bundle-main,.igx-input-group--warning .igx-input-group__file-input{border-color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__hint{color:var(--warning-secondary-color)}.igx-input-group--valid .igx-input-group__bundle-main,.igx-input-group--valid .igx-input-group__file-input{border-color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__hint{color:var(--success-secondary-color)}.igx-input-group--focused.igx-input-group--invalid .igx-input-group__bundle-main,.igx-input-group--focused.igx-input-group--invalid .igx-input-group__file-input{border-color:var(--error-secondary-color)}.igx-input-group--focused.igx-input-group--warning .igx-input-group__bundle-main,.igx-input-group--focused.igx-input-group--warning .igx-input-group__file-input{border-color:var(--warning-secondary-color)}.igx-input-group--focused.igx-input-group--valid .igx-input-group__bundle-main{border-color:var(--success-secondary-color)}.igx-input-group--focused:not(.igx-input-group--file) .igx-input-group__bundle-main{transition:box-shadow .15s ease-out;box-shadow:0 0 0 .25rem var(--focused-secondary-color)}.igx-input-group--focused.igx-input-group--valid:not(.igx-input-group--file) .igx-input-group__bundle-main{box-shadow:0 0 0 .25rem var(--success-shadow-color)}.igx-input-group--focused.igx-input-group--invalid:not(.igx-input-group--file) .igx-input-group__bundle-main{box-shadow:0 0 0 .25rem var(--error-shadow-color)}.igx-input-group--focused.igx-input-group--warning:not(.igx-input-group--file) .igx-input-group__bundle-main{box-shadow:0 0 0 .25rem hsl(from var(--ig-warning-500) h s l/.38)}.igx-input-group--file .igx-input-group__input{grid-row:2}.igx-input-group--file .igx-input-group__bundle{transition:box-shadow .15s ease-out}.igx-input-group--file .igx-input-group__upload{transition:border .15s ease-out;min-height:var(--size)}.igx-input-group--file .igx-input-group__bundle-start,.igx-input-group--file .igx-input-group__bundle-end{transition:border .15s ease-out}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle{transition:box-shadow .15s ease-out;box-shadow:0 0 0 .25rem var(--focused-secondary-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__upload,.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-start{border-color:var(--focused-border-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--focused-border-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-end{border-color:var(--focused-border-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--focused-border-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__upload,.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-start{border-color:var(--success-secondary-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--success-secondary-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-end{border-color:var(--success-secondary-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--success-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__upload,.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-start{border-color:var(--error-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--error-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-end{border-color:var(--error-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--error-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__upload,.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-start{border-color:var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-end{border-color:var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--focused.igx-input-group--valid .igx-input-group__bundle{box-shadow:0 0 0 .25rem var(--success-shadow-color)}.igx-input-group--file.igx-input-group--focused.igx-input-group--invalid .igx-input-group__bundle{box-shadow:0 0 0 .25rem var(--error-shadow-color)}.igx-input-group--disabled .igx-input-group__bundle,.igx-input-group--disabled .igx-input-group__bundle-main,.igx-input-group--disabled .igx-input-group__bundle-start{background:var(--border-disabled-background);color:var(--disabled-text-color);border-color:var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--disabled .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__bundle-end{background:var(--border-disabled-background);color:var(--disabled-text-color);border-color:var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--disabled .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__upload,.igx-input-group--disabled .igx-input-group__file-input{border-color:var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__clear-icon{pointer-events:none}.igx-input-group--disabled .igx-input-group__toggle-button{border-color:var(--disabled-border-color)!important}.igx-input-group--disabled igx-prefix,.igx-input-group--disabled [igxPrefix],.igx-input-group--disabled igx-suffix:not(.igx-input-group__toggle-button,.igx-combo__toggle-button),.igx-input-group--disabled [igxSuffix]{background:var(--border-disabled-background);color:var(--disabled-text-color)}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-input-group{--_bundle-template-rows: revert;--_prefix-suffix-spacing: max(var(--is-large, 1) * max(.875rem, -1 * .875rem), var(--is-medium, 1) * max(.625rem, -1 * .625rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));row-gap:.3125rem}.igx-input-group__clear-icon:focus{color:var(--ig-primary-600-contrast);background:var(--ig-primary-500)}.igx-input-group__hint{min-height:1.125rem}.igx-input-group__input{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);padding-inline:.5rem;padding-block:0;height:100%;min-height:calc(var(--size) - .125rem)}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{height:calc(var(--size) - .25rem)}.igx-input-group__textarea{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);padding-inline:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(.875rem,-1 * .875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(.625rem,-1 * .625rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}.igx-input-group__file-input{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)}.igx-input-group__bundle{background:var(--border-background);border-radius:var(--border-border-radius);border:.0625rem solid var(--border-color)}.igx-input-group__bundle>*{min-height:0;height:100%}.igx-input-group__bundle:hover{border-color:var(--hover-border-color)}.igx-input-group igx-prefix button,.igx-input-group igx-prefix [igxButton],.igx-input-group igx-prefix [igxIconButton],.igx-input-group [igxPrefix] button,.igx-input-group [igxPrefix] [igxButton],.igx-input-group [igxPrefix] [igxIconButton],.igx-input-group igx-suffix button,.igx-input-group igx-suffix [igxButton],.igx-input-group igx-suffix [igxIconButton],.igx-input-group [igxSuffix] button,.igx-input-group [igxSuffix] [igxButton],.igx-input-group [igxSuffix] [igxIconButton]{border-radius:0;height:100%}.igx-input-group__bundle-start{overflow:hidden;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group__bundle-end{overflow:hidden;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}.igx-input-group--search igx-prefix,.igx-input-group--search [igxPrefix],.igx-input-group--search igx-suffix,.igx-input-group--search [igxSuffix]{background:#0000!important;color:var(--ig-primary-500)!important}.igx-input-group--search.igx-input-group--focused igx-prefix,.igx-input-group--search.igx-input-group--focused [igxPrefix]{display:none!important}.igx-input-group--search.igx-input-group--focused igx-suffix,.igx-input-group--search.igx-input-group--focused [igxSuffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900))!important}.igx-input-group--readonly:not(.igx-input-group--file) igx-prefix,.igx-input-group--readonly:not(.igx-input-group--file) [igxPrefix],.igx-input-group--readonly:not(.igx-input-group--file) igx-suffix,.igx-input-group--readonly:not(.igx-input-group--file) [igxSuffix]{background:#0000}.igx-input-group--readonly:not(.igx-input-group--file) .igx-input-group__bundle:hover:not(:focus-within){border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--search igx-prefix,.igx-input-group--readonly.igx-input-group--search [igxPrefix],.igx-input-group--readonly.igx-input-group--search igx-suffix,.igx-input-group--readonly.igx-input-group--search [igxSuffix]{color:var(--ig-input-group-disabled-text-color, var(--ig-gray-500))!important}.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused igx-suffix,.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused [igxSuffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-500))!important}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{border-color:var(--border-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__hint{color:var(--helper-text-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:after{border-color:var(--focused-border-color)}.igx-input-group--invalid .igx-input-group__label:after{color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__bundle{border-color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__hint{color:var(--error-secondary-color)}.igx-input-group--warning .igx-input-group__label:after{color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__bundle{border-color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__hint{color:var(--warning-secondary-color)}.igx-input-group--valid .igx-input-group__label:after{color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__bundle{border-color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__hint{color:var(--success-secondary-color)}.igx-input-group--focused .igx-input-group__bundle{border-color:#0000}.igx-input-group--focused .igx-input-group__bundle:after{content:\"\";position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;inset-block-start:-.0625rem;inset-inline-start:-.0625rem;width:calc(100% + .125rem);height:calc(100% + .125rem);border-radius:var(--border-border-radius);border:.125rem solid var(--focused-border-color)}.igx-input-group--focused.igx-input-group--valid .igx-input-group__bundle:after{border-color:var(--success-secondary-color)}.igx-input-group--focused.igx-input-group--warning .igx-input-group__bundle:after{border-color:var(--warning-secondary-color)}.igx-input-group--focused.igx-input-group--invalid .igx-input-group__bundle:after{border-color:var(--error-secondary-color)}.igx-input-group--disabled igx-prefix,.igx-input-group--disabled [igxPrefix],.igx-input-group--disabled igx-suffix:not(.igx-input-group__toggle-button,.igx-combo__toggle-button),.igx-input-group--disabled [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--disabled .igx-input-group__bundle{background:var(--border-disabled-background);border-color:var(--disabled-border-color)}.igx-input-group__file-input{height:100%}.igx-input-group--file .igx-input-group__input,.igx-input-group--file .igx-input-group__upload{grid-row:var(--_bundle-row)}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-input-group{--ig-icon-size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(.875rem, -1 * .875rem));--_prefix-suffix-spacing: max(var(--is-large, 1) * max(.375rem, -1 * .375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(.25rem, -1 * .25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(.125rem, -1 * .125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group igx-prefix:first-child,.igx-input-group [igxPrefix]:first-child{border-start-start-radius:var(--box-border-radius)}.igx-input-group igx-suffix:last-child,.igx-input-group [igxSuffix]:last-child{border-start-end-radius:var(--box-border-radius)}.igx-input-group{row-gap:.25rem}.igx-input-group:hover .igx-input-group__toggle-button{color:var(--toggle-button-foreground-focus);background:var(--toggle-button-background-focus)}.igx-input-group:hover .igx-input-group__clear-button{color:var(--clear-button-foreground-focus);background:var(--clear-button-background-focus)}.igx-input-group__clear-icon:focus{color:var(--ig-primary-600-contrast);background:var(--ig-primary-500)}.igx-input-group__label{line-height:var(--ig-caption-line-height)}.igx-input-group__input{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);caret-color:var(--focused-bottom-line-color);padding-inline:max(var(--is-large, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.125rem,-1 * .125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:.375rem}.igx-input-group__input::-moz-placeholder{font-style:italic}.igx-input-group__input::placeholder{font-style:italic}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{display:revert;align-items:revert;height:revert}.igx-input-group--search{--_prefix-suffix-spacing: max(var(--is-large, 1) * max(.625rem, -1 * .625rem) * 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(.375rem, -1 * .375rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--search .igx-input-group__bundle{border-end-start-radius:0;border-end-end-radius:0}.igx-input-group--search .igx-input-group__input{padding-inline:var(--_prefix-suffix-spacing)}.igx-input-group--suffixed .igx-input-group__input{padding-inline-end:0}.igx-input-group--prefixed .igx-input-group__input{padding-inline-start:0}.igx-input-group__textarea{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);caret-color:var(--focused-bottom-line-color)}.igx-input-group__textarea::-moz-placeholder{font-style:italic}.igx-input-group__textarea::placeholder{font-style:italic}.igx-input-group__file-input{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)}.igx-input-group--textarea-group .igx-input-group__textarea{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(.375rem,-1 * .375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}.igx-input-group--textarea-group .igx-input-group__bundle{height:auto}.igx-input-group--textarea-group:not(.igx-input-group--prefixed) .igx-input-group__textarea{padding-inline-start:max(var(--is-large, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.125rem,-1 * .125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{padding-inline-end:max(var(--is-large, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.125rem,-1 * .125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group__bundle{transition:all .25s cubic-bezier(.215,.61,.355,1);border-block-end:.0625rem solid var(--idle-bottom-line-color);border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius)}.igx-input-group__bundle:hover{background:var(--box-background-hover);border-block-end-color:var(--hover-bottom-line-color)}.igx-input-group__bundle:hover .igx-input-group__toggle-button .igx-combo__toggle-button{color:var(--toggle-button-foreground-focus)}.igx-input-group--file .igx-input-group__input{padding-block:0;grid-row:var(--_bundle-row)}.igx-input-group--file .igx-input-group__bundle>*{grid-row:var(--_bundle-row)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{border-block-end-color:var(--disabled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:hover:not(:focus-within){background:unset;border-block-end-color:var(--disabled-text-color)}.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{border-block-end-color:var(--focused-bottom-line-color)}.igx-input-group--focused .igx-input-group__bundle{background:var(--box-background-focus);border-block-end-color:var(--focused-bottom-line-color)}.igx-input-group--focused .igx-input-group__label{color:var(--focused-secondary-color)}.igx-input-group--valid .igx-input-group__bundle{border-block-end:.0625rem solid var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__bundle:hover{border-block-end-color:var(--success-secondary-color)}.igx-input-group--warning .igx-input-group__bundle{border-block-end:.0625rem solid var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__bundle:hover{border-block-end-color:var(--warning-secondary-color)}.igx-input-group--invalid .igx-input-group__bundle{border-block-end:.0625rem solid var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__bundle:hover{border-block-end-color:var(--error-secondary-color)}.igx-input-group--valid.igx-input-group--focused .igx-input-group__bundle{border-block-end:.0625rem solid var(--success-secondary-color)}.igx-input-group--warning.igx-input-group--focused .igx-input-group__bundle{border-block-end:.0625rem solid var(--warning-secondary-color)}.igx-input-group--invalid.igx-input-group--focused .igx-input-group__bundle{border-block-end:.0625rem solid var(--error-secondary-color)}.igx-input-group__case-icon{--ig-icon-size: 1rem}.igx-input-group--disabled .igx-input-group__bundle{background:unset;border-block-end:.0625rem solid var(--disabled-bottom-line-color)}.igx-input-group--disabled .igx-input-group__bundle:hover{border-block-end-color:var(--disabled-bottom-line-color)}.igx-input-group--disabled:hover .igx-input-group__bundle{background:inherit}.igx-input-group--disabled:hover .igx-input-group__toggle-button{color:var(--toggle-button-foreground-disabled);background:var(--toggle-button-background-disabled)}.igx-input-group--disabled:hover .igx-input-group__clear-button{color:var(--disabled-text-color);background:var(--border-disabled-background)}.igx-input-group__bundle-start,.igx-input-group__bundle-end,.igx-input-group__bundle-main{height:inherit}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxLabel"], outputs: ["buttonSelected"] }, { kind: "directive", type: IgxSuffixDirective, selector: "[igxSuffix],[igxEnd],igx-suffix" }, { kind: "component", type: IgxIconComponent, selector: "igx-icon", inputs: ["ariaHidden", "family", "name", "active"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxInputGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxInputGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-input-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, providers: [{ provide: IgxInputGroupBase, useExisting: IgxInputGroupComponent }], imports: [NgTemplateOutlet, IgxButtonDirective, IgxSuffixDirective, IgxIconComponent], template: "<ng-container *ngTemplateOutlet=\"bundle\"></ng-container>\n\n<ng-template #label>\n    <ng-content select=\"[igxLabel]\"></ng-content>\n</ng-template>\n\n<ng-template #uploadButton>\n    @if (isFileType) {\n        <div class=\"igx-input-group__upload\">\n            <button\n                    igxButton\n                    type=\"button\"\n                    class=\"igx-input-group__upload-button\"\n                    [disabled]=\"disabled\"\n                    tabindex=\"-1\"\n            >\n                {{ resourceStrings.igx_input_upload_button }}\n            </button>\n        </div>\n    }\n</ng-template>\n\n<ng-template #files>\n    @if (isFileType) {\n        <div\n            class=\"igx-input-group__file-input\"\n            [title]=\"fileNames\"\n        >\n            <span>{{ fileNames }}</span>\n        </div>\n    }\n</ng-template>\n\n<ng-template #clear>\n    @if (isFileType && isFilled) {\n        <igx-suffix\n            class=\"igx-input-group__clear-icon\"\n            (click)=\"clearValueHandler()\"\n            (keydown.Enter)=\"clearValueHandler()\"\n            title=\"clear files\"\n            tabindex=\"0\"\n        >\n            <igx-icon family=\"default\" name=\"input_clear\"></igx-icon>\n        </igx-suffix>\n    }\n</ng-template>\n\n<ng-template #bundle>\n    @if (!isTypeBorder) {\n        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n    }\n\n    <div class=\"igx-input-group__bundle\">\n        <div class=\"igx-input-group__bundle-start\">\n            <ng-content select=\"igx-prefix, [igxPrefix]\"></ng-content>\n        </div>\n\n        @if (isFileType) {\n            <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n        }\n\n        @if (isTypeBorder) {\n            <div class=\"igx-input-group__notch\">\n                <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n            </div>\n        }\n\n        <div class=\"igx-input-group__bundle-main\">\n            <ng-content select=\"[igxInput]\"></ng-content>\n\n            @if (isFileType) {\n                <ng-container *ngTemplateOutlet=\"files\"></ng-container>\n            }\n        </div>\n\n        @if (isTypeBorder) {\n            <div class=\"igx-input-group__filler\"></div>\n        }\n\n        <div class=\"igx-input-group__bundle-end\">\n            @if (isFileType && isFilled) {\n                <ng-container *ngTemplateOutlet=\"clear\"></ng-container>\n\n            }\n            <ng-content select=\"igx-suffix, [igxSuffix]\"></ng-content>\n        </div>\n    </div>\n\n\n    @if (hasHints) {\n        <div class=\"igx-input-group__hint\" (click)=\"hintClickHandler($event)\">\n            <ng-content select=\"igx-hint, [igxHint]\"></ng-content>\n        </div>\n    }\n</ng-template>\n", styles: ["@layer ig.base{.igx-input-group{--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);--component-size: var(--ig-size, var(--default-size));--_bundle-template-columns: auto 1fr auto;--_prefix-suffix-spacing: 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))));--_label-row: 1;--_bundle-row: 2;--_hint-row: 3;display:grid;grid-template-columns:var(--_bundle-template-columns);position:relative;color:var(--idle-text-color);color-scheme:var(--ig-theme-variant, light);min-height:var(--size)}.igx-input-group igx-icon,.igx-input-group igx-icon[igxPrefix],.igx-input-group igx-icon[igxSuffix]{--component-size: var(--ig-size, var(--default-size))}.igx-input-group igx-suffix:not(igx-icon),.igx-input-group [igxSuffix]:not(igx-icon),.igx-input-group igx-prefix:not(igx-icon),.igx-input-group [igxPrefix]:not(igx-icon){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)}.igx-input-group igx-prefix,.igx-input-group [igxPrefix],.igx-input-group igx-suffix,.igx-input-group [igxSuffix]{position:relative;display:inline-flex;align-items:center;width:-moz-max-content!important;width:max-content!important;height:auto!important;min-height:100%;outline-style:none;transition:color .25s cubic-bezier(.215,.61,.355,1),background .25s cubic-bezier(.215,.61,.355,1)}.igx-input-group igx-prefix:not(:empty),.igx-input-group [igxPrefix]:not(:empty),.igx-input-group igx-suffix:not(:empty),.igx-input-group [igxSuffix]:not(:empty){padding-inline:var(--_prefix-suffix-spacing)}.igx-input-group igx-prefix,.igx-input-group [igxPrefix]{color:var(--input-prefix-color);background:var(--input-prefix-background);cursor:default}.igx-input-group igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon),.igx-input-group [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon){color:var(--input-suffix-color);background:var(--input-suffix-background);cursor:default}.igx-input-group__toggle-button{color:var(--toggle-button-foreground);background:var(--toggle-button-background);cursor:pointer}.igx-input-group__clear-button{color:var(--clear-button-foreground);background:var(--clear-button-background);cursor:pointer}.igx-input-group__clear-icon{cursor:pointer;color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}.igx-input-group__bundle{display:grid;grid-template-columns:var(--_bundle-template-columns);grid-row:var(--_bundle-row);position:relative;max-width:100%;font-size:1rem;height:var(--size);min-height:var(--size);grid-column:1/-1}.igx-input-group__label{color:var(--idle-secondary-color);display:inline-block;grid-row:var(--_label-row);grid-column:1/-1}.igx-input-group__bundle-start{display:flex;min-width:0;grid-row:var(--_bundle-row);grid-column:1}.igx-input-group__bundle-end{display:flex;min-width:0;grid-row:var(--_bundle-row);grid-column:3}.igx-input-group__bundle-main{grid-row:var(--_bundle-row);min-width:0}.igx-input-group__input{position:relative;display:block;border:none;width:100%;min-width:0;background:#0000;color:var(--filled-text-color);outline-style:none;box-shadow:none;text-overflow:ellipsis;z-index:0;height:auto}.igx-input-group__input::-moz-placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__input::placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__input:hover{color:var(--filled-text-hover-color)}.igx-input-group__input:hover::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input:hover::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input:focus{cursor:text;color:var(--focused-text-color)}.igx-input-group__input:focus::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input:focus::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__input{overflow:hidden;height:calc(var(--size) - 1px);-webkit-appearance:none;-moz-appearance:none;appearance:none}.igx-input-group__input:not([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){line-height:0!important}.igx-input-group__input::-webkit-datetime-edit-fields-wrapper{width:100%;padding:0}.igx-input-group__input::-webkit-datetime-edit{color:inherit;line-height:normal;display:flex;align-items:center;height:calc(var(--size) - .0625rem)}.igx-input-group__input[type=file]{opacity:0;z-index:2;width:100%;height:100%}.igx-input-group__input[type=file]::-webkit-file-upload-button{width:inherit;height:inherit}.igx-input-group__input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.igx-input-group__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;height:auto}.igx-input-group__input[type=search]::-webkit-search-cancel-button,.igx-input-group__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.igx-input-group__textarea{position:relative;display:block;border:none;width:100%;min-width:0;background:#0000;color:var(--filled-text-color);outline-style:none;box-shadow:none;text-overflow:ellipsis;z-index:0;height:auto}.igx-input-group__textarea::-moz-placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__textarea::placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__textarea:hover{color:var(--filled-text-hover-color)}.igx-input-group__textarea:hover::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea:hover::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea:focus{cursor:text;color:var(--focused-text-color)}.igx-input-group__textarea:focus::-moz-placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea:focus::placeholder{color:var(--hover-placeholder-color)}.igx-input-group__textarea{padding:0;resize:vertical;z-index:1}.igx-input-group__hint{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);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--helper-text-color);position:relative;grid-row:var(--_hint-row);grid-column:1/-1;overflow-wrap:anywhere}.igx-input-group__file-input{width:100%;max-width:100%;overflow:hidden;height:var(--size);color:var(--placeholder-color);grid-column:3/-2;grid-row:var(--_bundle-row)}.igx-input-group__file-input span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;display:inline-block;width:inherit;max-width:inherit;top:50%;transform:translateY(-50%)}.igx-input-group--search .igx-input-group__bundle{background:var(--search-background);border-radius:var(--search-border-radius)}.igx-input-group--file:not(.igx-input-group--disabled) .igx-input-group__input[type=file]::-webkit-file-upload-button{cursor:pointer}.igx-input-group--file:not(.igx-input-group--border){--_bundle-template-columns: auto auto 1fr auto}.igx-input-group--file:not(.igx-input-group--border) .igx-input-group__bundle-main{grid-column:3}.igx-input-group--file:not(.igx-input-group--border) .igx-input-group__bundle-end{grid-column:4}.igx-input-group--file .igx-input-group__bundle{grid-template-rows:minmax(0,calc((2 - var(--_bundle-row)) * 100%)) minmax(0,calc((var(--_bundle-row) - 1) * 100%))}.igx-input-group--file .igx-input-group__input{grid-column:2/-2}.igx-input-group--file .igx-input-group__bundle-main{display:contents}.igx-input-group--file .igx-input-group__bundle-main>input{position:absolute;border:none;inset:0;grid-row:inherit;opacity:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;grid-column:2/4;cursor:pointer;z-index:1}.igx-input-group__upload{display:flex;height:100%;grid-column:2}.igx-input-group__upload-button{--background: var(--file-selector-button-background);--foreground: var(--file-selector-button-foreground);--focus-background: var(--file-selector-button-background--focused);--focus-foreground: var(--file-selector-button-foreground--focused);--focus-visible-background: var(--file-selector-button-background--focused);--active-background: var(--file-selector-button-background);--active-foreground: var(--file-selector-button-foreground);--disabled-background: var(--file-selector-button-background--disabled);--disabled-foreground: var(--file-selector-button-foreground--disabled)}.igx-input-group--textarea-group .igx-input-group__bundle{height:auto}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-prefix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxPrefix],.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-suffix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__input:hover{cursor:default;color:var(--filled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__input:hover:not(:focus-within)::-moz-placeholder{color:var(--placeholder-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__input:hover:not(:focus-within)::placeholder{color:var(--placeholder-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea:hover{cursor:default;color:var(--filled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea:hover:not(:focus-within)::-moz-placeholder{color:var(--placeholder-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea:hover:not(:focus-within)::placeholder{color:var(--placeholder-color)}.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file) igx-suffix,.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file) [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--required .igx-input-group__label:after{content:\"*\";font-size:inherit;vertical-align:top;margin-inline-start:.125rem;display:inline-block}.igx-input-group--filled igx-prefix,.igx-input-group--filled [igxPrefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}.igx-input-group--filled igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon),.igx-input-group--filled [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon){color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}.igx-input-group--filled .igx-input-group__file-input{color:var(--filled-text-color)}.igx-input-group--filled .igx-input-group__toggle-button{color:var(--toggle-button-foreground-filled);background:var(--toggle-button-background)}.igx-input-group--filled .igx-input-group__clear-button{color:var(--clear-button-foreground);background:var(--clear-button-background)}.igx-input-group--focused igx-prefix,.igx-input-group--focused [igxPrefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}.igx-input-group--focused igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon),.igx-input-group--focused [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__clear-button,.igx-input-group__case-icon){color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}.igx-input-group--focused .igx-input-group__toggle-button{color:var(--toggle-button-foreground-focus);background:var(--toggle-button-background-focus)}.igx-input-group--focused .igx-input-group__clear-button{color:var(--clear-button-foreground-focus);background:var(--clear-button-background-focus)}.igx-input-group--focused.igx-input-group--border .igx-input-group__toggle-button,.igx-input-group--focused.igx-input-group--line .igx-input-group__toggle-button{background:var(--toggle-button-background-focus--border)}.igx-input-group--disabled:hover .igx-input-group__textarea,.igx-input-group--disabled:hover .igx-input-group__input,.igx-input-group--disabled .igx-input-group__textarea,.igx-input-group--disabled .igx-input-group__input{cursor:default;color:var(--disabled-text-color)}.igx-input-group--disabled:hover .igx-input-group__textarea::-moz-placeholder,.igx-input-group--disabled:hover .igx-input-group__input::-moz-placeholder,.igx-input-group--disabled .igx-input-group__textarea::-moz-placeholder,.igx-input-group--disabled .igx-input-group__input::-moz-placeholder{color:var(--disabled-placeholder-color)}.igx-input-group--disabled:hover .igx-input-group__textarea::placeholder,.igx-input-group--disabled:hover .igx-input-group__input::placeholder,.igx-input-group--disabled .igx-input-group__textarea::placeholder,.igx-input-group--disabled .igx-input-group__input::placeholder{color:var(--disabled-placeholder-color)}.igx-input-group--disabled igx-prefix,.igx-input-group--disabled [igxPrefix],.igx-input-group--disabled igx-suffix:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__case-icon),.igx-input-group--disabled [igxSuffix]:not(.igx-combo__toggle-button,.igx-input-group__toggle-button,.igx-input-group__clear-icon,.igx-input-group__case-icon){color:var(--disabled-text-color);background:inherit}.igx-input-group--disabled igx-suffix.igx-combo__clear-button{background:var(--border-disabled-background)}.igx-input-group--disabled .igx-input-group__label{color:var(--disabled-text-color)}.igx-input-group--disabled .igx-input-group__input::-webkit-datetime-edit{color:var(--disabled-text-color)}.igx-input-group--disabled .igx-input-group__textarea{resize:none}.igx-input-group--disabled .igx-input-group__bundle>*{cursor:default}.igx-input-group--disabled .igx-input-group__hint{color:var(--disabled-text-color);grid-column:1/-1}.igx-input-group--disabled .igx-input-group__toggle-button{color:var(--toggle-button-foreground-disabled);background:var(--toggle-button-background-disabled);cursor:default}.igx-input-group--disabled .igx-input-group__clear-button{cursor:default}.igx-input-group--disabled .igx-input-group__clear-icon{display:none}.igx-input-group--disabled .igx-input-group__file-input{background:var(--file-names-background--disabled);color:var(--file-names-foreground--disabled)}igx-combo .igx-input-group:not(.igx-input-group--disabled) .igx-input-group__input,igx-combo .igx-input-group:not(.igx-input-group--disabled) igx-prefix,igx-combo .igx-input-group:not(.igx-input-group--disabled) [igxPrefix],igx-combo .igx-input-group:not(.igx-input-group--disabled) igx-suffix,igx-combo .igx-input-group:not(.igx-input-group--disabled) [igxSuffix],igx-select .igx-input-group:not(.igx-input-group--disabled) .igx-input-group__input,igx-select .igx-input-group:not(.igx-input-group--disabled) igx-prefix,igx-select .igx-input-group:not(.igx-input-group--disabled) [igxPrefix],igx-select .igx-input-group:not(.igx-input-group--disabled) igx-suffix,igx-select .igx-input-group:not(.igx-input-group--disabled) [igxSuffix]{cursor:pointer}}@property --ig-input-group-label-ready{syntax:\"<number>\";inherits:true;initial-value:0}@keyframes input-group-label-ready{0%{--ig-input-group-label-ready: 0}to{--ig-input-group-label-ready: 1}}@layer ig.material{@container style(--ig-theme: material){.igx-input-group{--_prefix-suffix-spacing: 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(.875rem, -1 * .875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(.75rem, -1 * .75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));--_bundle-template-rows: var(--size);--_floating-label-position: -.625rem;--_start-end-min-width: 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(.625rem, -1 * .625rem) * 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))));animation:input-group-label-ready 1ms linear .12s forwards}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{display:revert;align-items:revert;height:revert}.igx-input-group:has([igxLabel],igx-label){--_input-top-spacing: 1.25rem;--_input-bottom-spacing: .375rem;--_label-row: 1;--_bundle-row: 1;--_hint-row: 2}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}.igx-input-group .igx-input-group:has(:not(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}.igx-input-group{row-gap:.25rem}.igx-input-group__bundle{grid-row:var(--_bundle-row);grid-template-columns:subgrid}.igx-input-group__bundle>*{grid-row:var(--_bundle-row)}.igx-input-group__toggle-button{margin-inline-start:var(--_start-end-min-width)}.igx-input-group__file-input{padding-inline:.25rem}.igx-input-group__bundle-start,.igx-input-group__bundle-end{overflow:clip;min-width:var(--_start-end-min-width);height:var(--size)}.igx-input-group__hint{grid-row:var(--_hint-row);min-height:1.375rem;padding-inline:max(var(--is-large, 1)*max(1rem,-1 * 1rem),var(--is-medium, 1)*max(.875rem,-1 * .875rem),var(--is-small, 1)*max(.75rem,-1 * .75rem))}.igx-input-group--base .igx-input-group__input,.igx-input-group--base .igx-input-group__file-input{padding-block-start:var(--_input-top-spacing);padding-block-end:var(--_input-bottom-spacing)}.igx-input-group--base .igx-input-group__bundle{transition:border-bottom-color .25s cubic-bezier(.215,.61,.355,1);align-items:center;grid-column:1/-1}.igx-input-group--base .igx-input-group__bundle-start{border-start-start-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--base .igx-input-group__bundle-end{border-start-end-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--base .igx-input-group__bundle-main{padding-inline:.25rem;grid-column:2;height:var(--size)}.igx-input-group--base .igx-input-group__label{padding-inline:.25rem;grid-column:2;z-index:1;align-self:center}.igx-input-group--base .igx-input-group__input{padding-inline:0;height:inherit}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:before,.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:after{content:\"\";position:absolute;width:100%;inset-inline-end:0}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:before{inset-block-end:0;height:.0625rem;border-block-end:.0625rem solid var(--idle-bottom-line-color);z-index:1}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:after{inset-block-end:0rem;height:.125rem;align-self:end;scale:0;transform-origin:center;background:var(--focused-bottom-line-color);z-index:2}.igx-input-group--base:not(.igx-input-group--search) .igx-input-group__bundle:hover:before{border-block-end-color:var(--hover-bottom-line-color)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,input:-webkit-autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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);translate:0 var(--_floating-label-position)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,input:-webkit-autofill,input:autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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);translate:0 var(--_floating-label-position)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:-moz-placeholder) .igx-input-group__label{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);--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));translate:0;inset-block-start:calc(var(--_input-top-spacing)/4)}.igx-input-group--base:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:placeholder-shown) .igx-input-group__label{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);--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));translate:0;inset-block-start:calc(var(--_input-top-spacing)/4)}.igx-input-group__clear-icon{background:#0000}.igx-input-group__clear-icon:focus{color:var(--ig-secondary-500)}.igx-input-group--base.igx-input-group--focused .igx-input-group__bundle:after{scale:1;transition:scale .25s cubic-bezier(.215,.61,.355,1)}.igx-input-group--base.igx-input-group--focused .igx-input-group__label{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);color:var(--focused-secondary-color);translate:0 var(--_floating-label-position)}.igx-input-group--focused.igx-input-group--filled .igx-input-group__toggle-button{color:var(--toggle-button-foreground-filled)}.igx-input-group--base.igx-input-group--valid .igx-input-group__bundle:before{border-block-end-color:.0625rem solid var(--success-secondary-color)}.igx-input-group--base.igx-input-group--valid .igx-input-group__bundle:after{background:var(--success-secondary-color)}.igx-input-group--base.igx-input-group--warning .igx-input-group__bundle:before{border-block-end-color:var(--warning-secondary-color)}.igx-input-group--base.igx-input-group--warning .igx-input-group__bundle:after{background:var(--warning-secondary-color)}.igx-input-group--base.igx-input-group--warning .igx-input-group__bundle:hover:before{border-block-end-color:var(--warning-secondary-color)}.igx-input-group--base.igx-input-group--invalid .igx-input-group__bundle:before{border-block-end-color:var(--error-secondary-color)}.igx-input-group--base.igx-input-group--invalid .igx-input-group__bundle:after{background:var(--error-secondary-color)}.igx-input-group--base.igx-input-group--invalid .igx-input-group__bundle:hover:before{border-block-end-color:var(--error-secondary-color)}.igx-input-group--base.igx-input-group--filled .igx-input-group__label{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);translate:0 var(--_floating-label-position)}.igx-input-group--box.igx-input-group--disabled .igx-input-group__bundle,.igx-input-group--box.igx-input-group--disabled .igx-input-group__bundle:hover{background:var(--box-disabled-background)}.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle{background:var(--border-disabled-background)}.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--disabled .igx-input-group__notch,.igx-input-group--border.igx-input-group--disabled .igx-input-group__filler,.igx-input-group--border.igx-input-group--disabled .igx-input-group__upload,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__notch,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__filler,.igx-input-group--border.igx-input-group--disabled:hover .igx-input-group__upload{border-color:var(--disabled-border-color)}.igx-input-group--textarea-group{--_bundle-template-rows: auto;--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem))}.igx-input-group--textarea-group:has(label:not(:empty)){--_input-top-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem) * var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem) * var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))), var(--is-small, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}.igx-input-group--textarea-group .igx-input-group__bundle-main{padding-block-start:var(--_input-top-spacing);height:auto}.igx-input-group--textarea-group .igx-input-group__textarea{padding-block-end:max(var(--is-large, 1) * max(1rem,-1 * 1rem) * var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1) * max(.75rem,-1 * .75rem) * var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1) * max(.5rem,-1 * .5rem) * var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));border-bottom:.125rem solid rgba(0,0,0,0)}.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__bundle-main{grid-area:1/2/span 1/span 3;padding-inline-end:0}.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{padding-inline-end: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(.875rem,-1 * .875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.75rem,-1 * .75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--box.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{max-width:calc(100% - .0625rem)}.igx-input-group--border.igx-input-group--textarea-group .igx-input-group__bundle-main{--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem))}.igx-input-group--border.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{max-width:calc(100% - .125rem)}.igx-input-group--base.igx-input-group--textarea-group .igx-input-group__label{top:var(--_input-top-spacing);align-self:start}.igx-input-group--base.igx-input-group--textarea-group.igx-input-group--filled .igx-input-group__label,.igx-input-group--base.igx-input-group--textarea-group.igx-input-group--focused .igx-input-group__label{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);--_input-top-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(.75rem, -1 * .75rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));translate:0;inset-block-start:calc(var(--_input-top-spacing)/4)}.igx-input-group--box .igx-input-group__bundle{background:var(--box-background);border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);overflow:clip}.igx-input-group--box .igx-input-group__bundle:hover{background:var(--box-background-hover)}.igx-input-group--box .igx-input-group__bundle-start{border-start-start-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--box .igx-input-group__bundle-end{border-start-end-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--box.igx-input-group--focused .igx-input-group__bundle{background:var(--box-background-focus);border-bottom-color:#0000}.igx-input-group--base.igx-input-group--disabled:not(.igx-input-group--border,.igx-input-group--search) .igx-input-group__bundle:before{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}.igx-input-group--base.igx-input-group--disabled:not(.igx-input-group--border,.igx-input-group--search) .igx-input-group__bundle:before{border-block-end-color:var(--disabled-bottom-line-color)}.igx-input-group--search .igx-input-group__bundle{background:var(--search-background);border-bottom:none;border-radius:var(--search-border-radius);box-shadow:var(--search-resting-elevation)}.igx-input-group--search .igx-input-group__bundle:hover{box-shadow:var(--search-hover-elevation)}.igx-input-group--search .igx-input-group__bundle-start{border-start-start-radius:var(--search-border-radius);border-end-start-radius:var(--search-border-radius)}.igx-input-group--search .igx-input-group__bundle-end{border-start-end-radius:var(--search-border-radius);border-end-end-radius:var(--search-border-radius)}.igx-input-group--search.igx-input-group--focused .igx-input-group__bundle{box-shadow:var(--search-hover-elevation)}.igx-input-group--search.igx-input-group--disabled .igx-input-group__bundle{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation)}.igx-input-group--file .igx-input-group__input{grid-row:var(--_bundle-row)}.igx-input-group--file .igx-input-group__file-input{background:var(--file-names-background);color:var(--file-names-foreground)}.igx-input-group--file.igx-input-group--filled .igx-input-group__file-input{background:var(--file-names-background--filled);color:var(--file-names-foreground--filled)}.igx-input-group--file.igx-input-group--focused .igx-input-group__file-input{background:var(--file-names-background--focused);color:var(--file-names-foreground--focused)}.igx-input-group--file.igx-input-group--disabled .igx-input-group__file-input{background:var(--file-names-background--disabled);color:var(--file-names-foreground--disabled)}.igx-input-group--border.igx-input-group--textarea-group .igx-input-group__label{top:var(--_input-top-spacing);will-change:translate;align-self:start}@container style(--ig-input-group-label-ready: 1){.igx-input-group--border.igx-input-group--textarea-group .igx-input-group__label{transition:translate .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1),line-height .15s cubic-bezier(.4,0,.2,1),letter-spacing .15s cubic-bezier(.4,0,.2,1)}}.igx-input-group--border.igx-input-group--textarea-group.igx-input-group--filled .igx-input-group__label,.igx-input-group--border.igx-input-group--textarea-group.igx-input-group--focused .igx-input-group__label{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);display:inline-block;position:relative;inset-block:0}.igx-input-group--base.igx-input-group--file .igx-input-group__label,.igx-input-group--base.igx-input-group--file .igx-input-group__bundle-main{grid-column:3}.igx-input-group--base.igx-input-group--file .igx-input-group__bundle-end{grid-column:4}.igx-input-group--border{--_bundle-template-columns: auto auto 1fr auto;--_input-border-size: .0625rem;--_input-border-style: solid;--_label-translate-top: -50%}.igx-input-group--border .igx-input-group__label{will-change:translate}@container style(--ig-input-group-label-ready: 1){.igx-input-group--border .igx-input-group__label{transition:translate .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1),line-height .15s cubic-bezier(.4,0,.2,1),letter-spacing .15s cubic-bezier(.4,0,.2,1)}}.igx-input-group--border .igx-input-group__bundle-end,.igx-input-group--border .igx-input-group__upload,.igx-input-group--border .igx-input-group__filler,.igx-input-group--border .igx-input-group__notch,.igx-input-group--border .igx-input-group__bundle-start{border-width:var(--_input-border-size-focus, var(--_input-border-size));border-style:var(--_input-border-style);border-color:var(--border-color)}.igx-input-group--border .igx-input-group__bundle{grid-template-columns:var(--_bundle-template-columns);grid-column:1/-1;background:var(--border-background);border-radius:var(--border-border-radius)}.igx-input-group--border .igx-input-group__input{width:100%;height:100%;padding:0;border:none;outline-style:none;z-index:1}.igx-input-group--border .igx-input-group__input::-webkit-datetime-edit{display:flex;align-items:center;height:calc(var(--size) - .0625rem)}.igx-input-group--border .igx-input-group__bundle-start{border-inline-end-width:0;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius);height:inherit}.igx-input-group--border .igx-input-group__bundle-main{grid-column:2/span 2;padding-inline:.25rem;height:inherit}.igx-input-group--border .igx-input-group__notch{display:flex;align-items:center;border-inline:none;padding-inline:.25rem;grid-column:2;min-width:0}.igx-input-group--border .igx-input-group__filler{border-inline:none;grid-column:3}.igx-input-group--border .igx-input-group__upload{border-inline:none;grid-column:2;display:flex;align-items:center}.igx-input-group--border .igx-input-group__bundle-end{border-inline-start-width:0;grid-column:4;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);height:inherit}.igx-input-group--border:hover .igx-input-group__bundle-start,.igx-input-group--border:hover .igx-input-group__bundle-end,.igx-input-group--border:hover .igx-input-group__notch,.igx-input-group--border:hover .igx-input-group__filler,.igx-input-group--border:hover .igx-input-group__upload{border-color:var(--hover-border-color)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{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)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:-moz-placeholder) .igx-input-group__label{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);display:inline-block;position:relative;inset-block:0}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(textarea:placeholder-shown) .igx-input-group__label{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);display:inline-block;position:relative;inset-block:0}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:-moz-placeholder,textarea:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{align-self:start;translate:0 var(--_label-translate-top)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,textarea:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__label{align-self:start;translate:0 var(--_label-translate-top)}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:-moz-placeholder,textarea:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border:not(.igx-input-group--filled,.igx-input-group--focused):has(input:placeholder-shown,textarea:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border:has(input:-webkit-autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border:has(input:-webkit-autofill,input:autofill,input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--focused{--_input-border-size-focus: calc(var(--_input-border-size) + .0625rem)}.igx-input-group--border.igx-input-group--focused .igx-input-group__label{color:var(--focused-secondary-color);translate:0 var(--_label-translate-top);align-self:start}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has(igx-prefix) igx-prefix:first-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has(igx-prefix) [igxPrefix]:first-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has([igxPrefix]) igx-prefix:first-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start:has([igxPrefix]) [igxPrefix]:first-child{margin-inline-start:calc(var(--_input-border-size-focus)/2*-1)}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has(igx-suffix) igx-suffix:last-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has(igx-suffix) [igxSuffix]:last-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has([igxSuffix]) igx-suffix:last-child,.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end:has([igxSuffix]) [igxSuffix]:last-child{margin-inline-end:calc(var(--_input-border-size-focus)/2*-1)}.igx-input-group--border.igx-input-group--focused .igx-input-group__notch{border-color:var(--focused-border-color);border-block-start-color:#0000;border-block-start-width:.0625rem}.igx-input-group--border.igx-input-group--focused .igx-input-group__filler,.igx-input-group--border.igx-input-group--focused .igx-input-group__upload{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--filled:not(.igx-input-group--focused) .igx-input-group__label{translate:0 var(--_label-translate-top);align-self:start}.igx-input-group--border.igx-input-group--valid .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--valid .igx-input-group__notch,.igx-input-group--border.igx-input-group--valid .igx-input-group__filler,.igx-input-group--border.igx-input-group--valid .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--valid:hover .igx-input-group__upload{border-color:var(--success-secondary-color)}.igx-input-group--border.igx-input-group--valid.igx-input-group--focused .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--warning .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--warning .igx-input-group__notch,.igx-input-group--border.igx-input-group--warning .igx-input-group__filler,.igx-input-group--border.igx-input-group--warning .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--warning:hover .igx-input-group__upload{border-color:var(--warning-secondary-color)}.igx-input-group--border.igx-input-group--warning.igx-input-group--focused .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--invalid .igx-input-group__bundle-start,.igx-input-group--border.igx-input-group--invalid .igx-input-group__notch,.igx-input-group--border.igx-input-group--invalid .igx-input-group__filler,.igx-input-group--border.igx-input-group--invalid .igx-input-group__bundle-end,.igx-input-group--border.igx-input-group--invalid:hover .igx-input-group__upload{border-color:var(--error-secondary-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--focused .igx-input-group__notch,.igx-input-group--border.igx-input-group--invalid.igx-input-group--filled .igx-input-group__notch,.igx-input-group--border.igx-input-group--filled .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--file:not(.igx-input-group--border) .igx-input-group__label{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);translate:0 var(--_floating-label-position);grid-row:1/-1}.igx-input-group--border.igx-input-group--file:not(.igx-input-group--focused) .igx-input-group__label{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);translate:0 var(--_label-translate-top);align-self:start}.igx-input-group--border.igx-input-group--file:not(.igx-input-group--focused) .igx-input-group__notch{border-block-start-color:#0000}.igx-input-group--border.igx-input-group--file{--_bundle-template-columns: auto auto auto 1fr auto}.igx-input-group--border.igx-input-group--file .igx-input-group__notch{grid-column:3}.igx-input-group--border.igx-input-group--file .igx-input-group__bundle-main{grid-column:3/span 2}.igx-input-group--border.igx-input-group--file .igx-input-group__filler{grid-column:4/5}.igx-input-group--border.igx-input-group--file .igx-input-group__bundle-end{grid-area:1/5}.igx-input-group--valid .igx-input-group__label,.igx-input-group--valid .igx-input-group__hint{color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__upload{border-color:var(--success-secondary-color)}.igx-input-group--warning .igx-input-group__label,.igx-input-group--warning .igx-input-group__hint{color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__upload{border-color:var(--warning-secondary-color)}.igx-input-group--invalid .igx-input-group__label,.igx-input-group--invalid .igx-input-group__hint{color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__upload{border-color:var(--error-secondary-color)}.igx-input-group--valid.igx-input-group--focused .igx-input-group__label{color:var(--success-secondary-color)}.igx-input-group--valid.igx-input-group--focused .igx-input-group__upload{border-color:var(--success-secondary-color)}.igx-input-group--warning.igx-input-group--focused .igx-input-group__label{color:var(--warning-secondary-color)}.igx-input-group--warning.igx-input-group--focused .igx-input-group__upload{border-color:var(--warning-secondary-color)}.igx-input-group--invalid.igx-input-group--focused .igx-input-group__label{color:var(--error-secondary-color)}.igx-input-group--invalid.igx-input-group--focused .igx-input-group__upload{border-color:var(--error-secondary-color)}.igx-input-group__notch:empty{display:none}.igx-input-group__label{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);will-change:font-size,color,translate;pointer-events:none}@container style(--ig-input-group-label-ready: 1){.igx-input-group__label{transition:all .15s cubic-bezier(.4,0,.2,1)}}.igx-input-group__input,.igx-input-group__textarea{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)}.igx-input-group--readonly:not(.igx-input-group--file) .igx-input-group__bundle:hover:before{border-block-end-color:var(--idle-bottom-line-color)}.igx-input-group--readonly.igx-input-group--box:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{background:var(--box-background-focus)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__bundle-start{border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__bundle-end{border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__notch{border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--border:not(.igx-input-group--file,.igx-input-group--focused) .igx-input-group__filler{border-color:var(--border-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__label{color:var(--idle-secondary-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__hint{color:var(--helper-text-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:before{border-block-end-color:var(--idle-bottom-line-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__label{color:var(--focused-secondary-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:after{background:var(--focused-bottom-line-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-start{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-end{border-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__notch{border-block-end-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__filler{border-color:var(--focused-border-color)}.igx-input-group--readonly.igx-input-group--search .igx-input-group__bundle:hover:not(:focus-within){box-shadow:var(--search-resting-elevation)}.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused igx-suffix,.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--filled .igx-input-group__label,.igx-input-group--focused .igx-input-group__label{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)}.igx-input-group--file:not(.igx-input-group--focused) .igx-input-group__label{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)}.igx-input-group .igx-input-group__bundle-start:not(:empty)+.igx-input-group__upload{padding-inline-start:.25rem}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-input-group{--_bundle-template-rows: revert;--_prefix-suffix-spacing: 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(.5rem, -1 * .5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group:not(.igx-input-group--file):not(:has(igx-prefix,[igxPrefix])) .igx-input-group__bundle-main{border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group:not(:has(igx-suffix,[igxSuffix])) .igx-input-group__bundle-main{border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);border-inline-start-width:.0625rem}.igx-input-group:not(.igx-input-group--textarea-group) .igx-input-group__bundle{border-radius:var(--border-border-radius)}.igx-input-group{row-gap:.25rem}.igx-input-group__clear-icon:focus{color:var(--ig-primary-600-contrast);background:var(--ig-primary-500)}.igx-input-group__bundle{border-radius:var(--border-border-radius)}.igx-input-group__upload{border-style:solid;border-color:var(--border-color);border-width:.0625rem;grid-row:2}.igx-input-group__upload-button{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);min-height:revert;border:0;border-radius:0}.igx-input-group__label{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)}.igx-input-group__hint{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);min-height:1.5rem}.igx-input-group__input{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);height:100%;min-height:100%;padding-block:0;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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{height:calc(var(--size) - .25rem)}.igx-input-group__file-input{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);height:100%;padding-block:0;border-block:.0625rem solid var(--border-color);border-inline-end:.0625rem solid var(--border-color);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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group__textarea{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);min-height:100%;padding-block:max(var(--is-large, 1)*max(.75rem,-1 * .75rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(.25rem,-1 * .25rem)*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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--textarea-group .igx-input-group__bundle-main{height:revert}.igx-input-group__bundle-main{border-style:solid;border-color:var(--border-color);z-index:1;border-width:.0625rem;height:var(--size)}.igx-input-group--file:not(.igx-input-group--prefixed) .igx-input-group__upload{border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group--file:not(.igx-input-group--prefixed) .igx-input-group__upload-button{border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group--file:not(.igx-input-group--suffixed) .igx-input-group__file-input{border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);border-inline-start-width:.0625rem}.igx-input-group__bundle-start:empty{border:0;visibility:hidden}.igx-input-group__bundle-start,.igx-input-group__bundle-end{height:inherit}.igx-input-group__bundle-start:has(igx-prefix,[igxPrefix]){border-style:solid;border-color:var(--border-color);z-index:0;border-block-width:.0625rem;border-inline-start-width:.0625rem;border-inline-end-width:0;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius);overflow:hidden}.igx-input-group__bundle-start:has(igx-prefix,[igxPrefix]) igx-prefix:not(:first-child),.igx-input-group__bundle-start:has(igx-prefix,[igxPrefix]) [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--border-color)}.igx-input-group__bundle-end:has(igx-suffix,[igxSuffix]){border-style:solid;border-color:var(--border-color);z-index:0;border-width:.0625rem;border-inline-start-width:0;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);overflow:hidden}.igx-input-group__bundle-end:has(igx-suffix,[igxSuffix]) igx-suffix:not(:last-child),.igx-input-group__bundle-end:has(igx-suffix,[igxSuffix]) [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--border-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-prefix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxPrefix],.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) igx-suffix,.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) [igxSuffix]{background:var(--border-disabled-background)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-main{background:var(--border-disabled-background)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__textarea{background:var(--border-disabled-background)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__hint{color:var(--helper-text-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-main{border-color:var(--border-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle-main{border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}.igx-input-group--focused .igx-input-group__bundle-main,.igx-input-group--focused .igx-input-group__file-input{transition:border .15s ease-out;border-color:var(--focused-border-color)}.igx-input-group--invalid .igx-input-group__bundle-main,.igx-input-group--invalid .igx-input-group__file-input{border-color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__hint{color:var(--error-secondary-color)}.igx-input-group--warning .igx-input-group__bundle-main,.igx-input-group--warning .igx-input-group__file-input{border-color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__hint{color:var(--warning-secondary-color)}.igx-input-group--valid .igx-input-group__bundle-main,.igx-input-group--valid .igx-input-group__file-input{border-color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__hint{color:var(--success-secondary-color)}.igx-input-group--focused.igx-input-group--invalid .igx-input-group__bundle-main,.igx-input-group--focused.igx-input-group--invalid .igx-input-group__file-input{border-color:var(--error-secondary-color)}.igx-input-group--focused.igx-input-group--warning .igx-input-group__bundle-main,.igx-input-group--focused.igx-input-group--warning .igx-input-group__file-input{border-color:var(--warning-secondary-color)}.igx-input-group--focused.igx-input-group--valid .igx-input-group__bundle-main{border-color:var(--success-secondary-color)}.igx-input-group--focused:not(.igx-input-group--file) .igx-input-group__bundle-main{transition:box-shadow .15s ease-out;box-shadow:0 0 0 .25rem var(--focused-secondary-color)}.igx-input-group--focused.igx-input-group--valid:not(.igx-input-group--file) .igx-input-group__bundle-main{box-shadow:0 0 0 .25rem var(--success-shadow-color)}.igx-input-group--focused.igx-input-group--invalid:not(.igx-input-group--file) .igx-input-group__bundle-main{box-shadow:0 0 0 .25rem var(--error-shadow-color)}.igx-input-group--focused.igx-input-group--warning:not(.igx-input-group--file) .igx-input-group__bundle-main{box-shadow:0 0 0 .25rem hsl(from var(--ig-warning-500) h s l/.38)}.igx-input-group--file .igx-input-group__input{grid-row:2}.igx-input-group--file .igx-input-group__bundle{transition:box-shadow .15s ease-out}.igx-input-group--file .igx-input-group__upload{transition:border .15s ease-out;min-height:var(--size)}.igx-input-group--file .igx-input-group__bundle-start,.igx-input-group--file .igx-input-group__bundle-end{transition:border .15s ease-out}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle{transition:box-shadow .15s ease-out;box-shadow:0 0 0 .25rem var(--focused-secondary-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__upload,.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-start{border-color:var(--focused-border-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--focused-border-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-end{border-color:var(--focused-border-color)}.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--focused.igx-input-group--file .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--focused-border-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__upload,.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-start{border-color:var(--success-secondary-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--success-secondary-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-end{border-color:var(--success-secondary-color)}.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--file.igx-input-group--valid .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--success-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__upload,.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-start{border-color:var(--error-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--error-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-end{border-color:var(--error-secondary-color)}.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--file.igx-input-group--invalid .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--error-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__upload,.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-start{border-color:var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-end{border-color:var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--file.igx-input-group--warning .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--warning-secondary-color)}.igx-input-group--file.igx-input-group--focused.igx-input-group--valid .igx-input-group__bundle{box-shadow:0 0 0 .25rem var(--success-shadow-color)}.igx-input-group--file.igx-input-group--focused.igx-input-group--invalid .igx-input-group__bundle{box-shadow:0 0 0 .25rem var(--error-shadow-color)}.igx-input-group--disabled .igx-input-group__bundle,.igx-input-group--disabled .igx-input-group__bundle-main,.igx-input-group--disabled .igx-input-group__bundle-start{background:var(--border-disabled-background);color:var(--disabled-text-color);border-color:var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__bundle-start igx-prefix:not(:first-child),.igx-input-group--disabled .igx-input-group__bundle-start [igxPrefix]:not(:first-child){border-inline-start:.0625rem solid var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__bundle-end{background:var(--border-disabled-background);color:var(--disabled-text-color);border-color:var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__bundle-end igx-suffix:not(:last-child),.igx-input-group--disabled .igx-input-group__bundle-end [igxSuffix]:not(:last-child){border-inline-end:.0625rem solid var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__upload,.igx-input-group--disabled .igx-input-group__file-input{border-color:var(--disabled-border-color)}.igx-input-group--disabled .igx-input-group__clear-icon{pointer-events:none}.igx-input-group--disabled .igx-input-group__toggle-button{border-color:var(--disabled-border-color)!important}.igx-input-group--disabled igx-prefix,.igx-input-group--disabled [igxPrefix],.igx-input-group--disabled igx-suffix:not(.igx-input-group__toggle-button,.igx-combo__toggle-button),.igx-input-group--disabled [igxSuffix]{background:var(--border-disabled-background);color:var(--disabled-text-color)}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-input-group{--_bundle-template-rows: revert;--_prefix-suffix-spacing: max(var(--is-large, 1) * max(.875rem, -1 * .875rem), var(--is-medium, 1) * max(.625rem, -1 * .625rem), var(--is-small, 1) * max(.5rem, -1 * .5rem));row-gap:.3125rem}.igx-input-group__clear-icon:focus{color:var(--ig-primary-600-contrast);background:var(--ig-primary-500)}.igx-input-group__hint{min-height:1.125rem}.igx-input-group__input{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);padding-inline:.5rem;padding-block:0;height:100%;min-height:calc(var(--size) - .125rem)}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{height:calc(var(--size) - .25rem)}.igx-input-group__textarea{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);padding-inline:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*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(.5rem,-1 * .5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(.875rem,-1 * .875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(.625rem,-1 * .625rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}.igx-input-group__file-input{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)}.igx-input-group__bundle{background:var(--border-background);border-radius:var(--border-border-radius);border:.0625rem solid var(--border-color)}.igx-input-group__bundle>*{min-height:0;height:100%}.igx-input-group__bundle:hover{border-color:var(--hover-border-color)}.igx-input-group igx-prefix button,.igx-input-group igx-prefix [igxButton],.igx-input-group igx-prefix [igxIconButton],.igx-input-group [igxPrefix] button,.igx-input-group [igxPrefix] [igxButton],.igx-input-group [igxPrefix] [igxIconButton],.igx-input-group igx-suffix button,.igx-input-group igx-suffix [igxButton],.igx-input-group igx-suffix [igxIconButton],.igx-input-group [igxSuffix] button,.igx-input-group [igxSuffix] [igxButton],.igx-input-group [igxSuffix] [igxIconButton]{border-radius:0;height:100%}.igx-input-group__bundle-start{overflow:hidden;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group__bundle-end{overflow:hidden;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}.igx-input-group--search igx-prefix,.igx-input-group--search [igxPrefix],.igx-input-group--search igx-suffix,.igx-input-group--search [igxSuffix]{background:#0000!important;color:var(--ig-primary-500)!important}.igx-input-group--search.igx-input-group--focused igx-prefix,.igx-input-group--search.igx-input-group--focused [igxPrefix]{display:none!important}.igx-input-group--search.igx-input-group--focused igx-suffix,.igx-input-group--search.igx-input-group--focused [igxSuffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900))!important}.igx-input-group--readonly:not(.igx-input-group--file) igx-prefix,.igx-input-group--readonly:not(.igx-input-group--file) [igxPrefix],.igx-input-group--readonly:not(.igx-input-group--file) igx-suffix,.igx-input-group--readonly:not(.igx-input-group--file) [igxSuffix]{background:#0000}.igx-input-group--readonly:not(.igx-input-group--file) .igx-input-group__bundle:hover:not(:focus-within){border-color:var(--border-color)}.igx-input-group--readonly.igx-input-group--search igx-prefix,.igx-input-group--readonly.igx-input-group--search [igxPrefix],.igx-input-group--readonly.igx-input-group--search igx-suffix,.igx-input-group--readonly.igx-input-group--search [igxSuffix]{color:var(--ig-input-group-disabled-text-color, var(--ig-gray-500))!important}.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused igx-suffix,.igx-input-group--readonly.igx-input-group--search.igx-input-group--focused [igxSuffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-500))!important}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{border-color:var(--border-color)}.igx-input-group--invalid.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__hint{color:var(--helper-text-color)}.igx-input-group--invalid.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:after{border-color:var(--focused-border-color)}.igx-input-group--invalid .igx-input-group__label:after{color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__bundle{border-color:var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__hint{color:var(--error-secondary-color)}.igx-input-group--warning .igx-input-group__label:after{color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__bundle{border-color:var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__hint{color:var(--warning-secondary-color)}.igx-input-group--valid .igx-input-group__label:after{color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__bundle{border-color:var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__hint{color:var(--success-secondary-color)}.igx-input-group--focused .igx-input-group__bundle{border-color:#0000}.igx-input-group--focused .igx-input-group__bundle:after{content:\"\";position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;inset-block-start:-.0625rem;inset-inline-start:-.0625rem;width:calc(100% + .125rem);height:calc(100% + .125rem);border-radius:var(--border-border-radius);border:.125rem solid var(--focused-border-color)}.igx-input-group--focused.igx-input-group--valid .igx-input-group__bundle:after{border-color:var(--success-secondary-color)}.igx-input-group--focused.igx-input-group--warning .igx-input-group__bundle:after{border-color:var(--warning-secondary-color)}.igx-input-group--focused.igx-input-group--invalid .igx-input-group__bundle:after{border-color:var(--error-secondary-color)}.igx-input-group--disabled igx-prefix,.igx-input-group--disabled [igxPrefix],.igx-input-group--disabled igx-suffix:not(.igx-input-group__toggle-button,.igx-combo__toggle-button),.igx-input-group--disabled [igxSuffix]{color:var(--disabled-text-color)}.igx-input-group--disabled .igx-input-group__bundle{background:var(--border-disabled-background);border-color:var(--disabled-border-color)}.igx-input-group__file-input{height:100%}.igx-input-group--file .igx-input-group__input,.igx-input-group--file .igx-input-group__upload{grid-row:var(--_bundle-row)}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-input-group{--ig-icon-size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(.875rem, -1 * .875rem));--_prefix-suffix-spacing: max(var(--is-large, 1) * max(.375rem, -1 * .375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(.25rem, -1 * .25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(.125rem, -1 * .125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group igx-prefix:first-child,.igx-input-group [igxPrefix]:first-child{border-start-start-radius:var(--box-border-radius)}.igx-input-group igx-suffix:last-child,.igx-input-group [igxSuffix]:last-child{border-start-end-radius:var(--box-border-radius)}.igx-input-group{row-gap:.25rem}.igx-input-group:hover .igx-input-group__toggle-button{color:var(--toggle-button-foreground-focus);background:var(--toggle-button-background-focus)}.igx-input-group:hover .igx-input-group__clear-button{color:var(--clear-button-foreground-focus);background:var(--clear-button-background-focus)}.igx-input-group__clear-icon:focus{color:var(--ig-primary-600-contrast);background:var(--ig-primary-500)}.igx-input-group__label{line-height:var(--ig-caption-line-height)}.igx-input-group__input{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);caret-color:var(--focused-bottom-line-color);padding-inline:max(var(--is-large, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.125rem,-1 * .125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:.375rem}.igx-input-group__input::-moz-placeholder{font-style:italic}.igx-input-group__input::placeholder{font-style:italic}.igx-input-group__input.igx-input-group__input::-webkit-datetime-edit{display:revert;align-items:revert;height:revert}.igx-input-group--search{--_prefix-suffix-spacing: max(var(--is-large, 1) * max(.625rem, -1 * .625rem) * 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(.375rem, -1 * .375rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--search .igx-input-group__bundle{border-end-start-radius:0;border-end-end-radius:0}.igx-input-group--search .igx-input-group__input{padding-inline:var(--_prefix-suffix-spacing)}.igx-input-group--suffixed .igx-input-group__input{padding-inline-end:0}.igx-input-group--prefixed .igx-input-group__input{padding-inline-start:0}.igx-input-group__textarea{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);caret-color:var(--focused-bottom-line-color)}.igx-input-group__textarea::-moz-placeholder{font-style:italic}.igx-input-group__textarea::placeholder{font-style:italic}.igx-input-group__file-input{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)}.igx-input-group--textarea-group .igx-input-group__textarea{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(.375rem,-1 * .375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}.igx-input-group--textarea-group .igx-input-group__bundle{height:auto}.igx-input-group--textarea-group:not(.igx-input-group--prefixed) .igx-input-group__textarea{padding-inline-start:max(var(--is-large, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.125rem,-1 * .125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group--textarea-group:not(.igx-input-group--suffixed) .igx-input-group__textarea{padding-inline-end:max(var(--is-large, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.25rem,-1 * .25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.125rem,-1 * .125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-input-group__bundle{transition:all .25s cubic-bezier(.215,.61,.355,1);border-block-end:.0625rem solid var(--idle-bottom-line-color);border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius)}.igx-input-group__bundle:hover{background:var(--box-background-hover);border-block-end-color:var(--hover-bottom-line-color)}.igx-input-group__bundle:hover .igx-input-group__toggle-button .igx-combo__toggle-button{color:var(--toggle-button-foreground-focus)}.igx-input-group--file .igx-input-group__input{padding-block:0;grid-row:var(--_bundle-row)}.igx-input-group--file .igx-input-group__bundle>*{grid-row:var(--_bundle-row)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{border-block-end-color:var(--disabled-text-color)}.igx-input-group--readonly:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle:hover:not(:focus-within){background:unset;border-block-end-color:var(--disabled-text-color)}.igx-input-group--readonly.igx-input-group--focused:not(.igx-input-group--file,.igx-input-group--disabled) .igx-input-group__bundle{border-block-end-color:var(--focused-bottom-line-color)}.igx-input-group--focused .igx-input-group__bundle{background:var(--box-background-focus);border-block-end-color:var(--focused-bottom-line-color)}.igx-input-group--focused .igx-input-group__label{color:var(--focused-secondary-color)}.igx-input-group--valid .igx-input-group__bundle{border-block-end:.0625rem solid var(--success-secondary-color)}.igx-input-group--valid .igx-input-group__bundle:hover{border-block-end-color:var(--success-secondary-color)}.igx-input-group--warning .igx-input-group__bundle{border-block-end:.0625rem solid var(--warning-secondary-color)}.igx-input-group--warning .igx-input-group__bundle:hover{border-block-end-color:var(--warning-secondary-color)}.igx-input-group--invalid .igx-input-group__bundle{border-block-end:.0625rem solid var(--error-secondary-color)}.igx-input-group--invalid .igx-input-group__bundle:hover{border-block-end-color:var(--error-secondary-color)}.igx-input-group--valid.igx-input-group--focused .igx-input-group__bundle{border-block-end:.0625rem solid var(--success-secondary-color)}.igx-input-group--warning.igx-input-group--focused .igx-input-group__bundle{border-block-end:.0625rem solid var(--warning-secondary-color)}.igx-input-group--invalid.igx-input-group--focused .igx-input-group__bundle{border-block-end:.0625rem solid var(--error-secondary-color)}.igx-input-group__case-icon{--ig-icon-size: 1rem}.igx-input-group--disabled .igx-input-group__bundle{background:unset;border-block-end:.0625rem solid var(--disabled-bottom-line-color)}.igx-input-group--disabled .igx-input-group__bundle:hover{border-block-end-color:var(--disabled-bottom-line-color)}.igx-input-group--disabled:hover .igx-input-group__bundle{background:inherit}.igx-input-group--disabled:hover .igx-input-group__toggle-button{color:var(--toggle-button-foreground-disabled);background:var(--toggle-button-background-disabled)}.igx-input-group--disabled:hover .igx-input-group__clear-button{color:var(--disabled-text-color);background:var(--border-disabled-background)}.igx-input-group__bundle-start,.igx-input-group__bundle-end,.igx-input-group__bundle-main{height:inherit}.igx-input-group:not(:has(.igx-input-group__label)){--_bundle-row: 1;--_hint-row: 2}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { resourceStrings: [{
@@ -1185,10 +1175,10 @@ class IgxReadOnlyInputDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxReadOnlyInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.1", type: IgxReadOnlyInputDirective, isStandalone: true, selector: "[igxReadOnlyInput]", inputs: { igxReadOnlyInput: { classPropertyName: "igxReadOnlyInput", publicName: "igxReadOnlyInput", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["igxReadOnlyInput"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxReadOnlyInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: IgxReadOnlyInputDirective, isStandalone: true, selector: "[igxReadOnlyInput]", inputs: { igxReadOnlyInput: { classPropertyName: "igxReadOnlyInput", publicName: "igxReadOnlyInput", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["igxReadOnlyInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxReadOnlyInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxReadOnlyInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxReadOnlyInput]',
@@ -1213,11 +1203,11 @@ const IGX_INPUT_GROUP_DIRECTIVES = [
  * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
  */
 class IgxInputGroupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxInputGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: IgxInputGroupModule, imports: [IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective, IgxHintDirective], exports: [IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective, IgxHintDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxInputGroupModule, imports: [IgxInputGroupComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxInputGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: IgxInputGroupModule, imports: [IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective, IgxHintDirective], exports: [IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective, IgxHintDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxInputGroupModule, imports: [IgxInputGroupComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxInputGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxInputGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1233,5 +1223,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { IGX_INPUT_GROUP_DIRECTIVES, IGX_INPUT_GROUP_TYPE, IgxHintDirective, IgxInputDirective, IgxInputGroupBase, IgxInputGroupComponent, IgxInputGroupEnum, IgxInputGroupModule, IgxInputState, IgxLabelDirective, IgxPrefixDirective, IgxReadOnlyInputDirective, IgxSuffixDirective };
+export { IGX_INPUT_GROUP_DIRECTIVES, IGX_INPUT_GROUP_TYPE, IgxHintDirective, IgxInputDirective, IgxInputGroupBase, IgxInputGroupComponent, IgxInputGroupEnum, IgxInputGroupModule, IgxInputState, IgxLabelDirective, IgxPrefixDirective, IgxReadOnlyInputDirective, IgxSuffixDirective, toInputState };
 //# sourceMappingURL=igniteui-angular-input-group.mjs.map