@koobiq/components 19.8.6 → 19.8.8

package/fesm2022/koobiq-components-form-field.mjs

@@ -5,7 +5,7 @@ import * as i1 from '@koobiq/components/icon';
 import { KbqIconButton, KbqIconModule } from '@koobiq/components/icon';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { DOCUMENT, NgClass } from '@angular/common';
+import { DOCUMENT, NgClass, NgTemplateOutlet } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$1 from '@angular/forms';
 import { NgModel, FormControlName, FormControlDirective, RequiredValidator, NG_VALIDATORS } from '@angular/forms';
@@ -787,6 +787,27 @@ class KbqFormField extends KbqColorDirective {
     get hasLabel() {
         return !!this.label;
     }
+    /**
+     * Id of the caption, so that a control the `<label for>` cannot associate with is named through
+     * `aria-labelledby` instead.
+     *
+     * @docs-private
+     */
+    get labelId() {
+        return this.hasLabel && this.control ? `${this.control.id}-label` : null;
+    }
+    /**
+     * Whether the control is a native labelable element, so that a `<label>` can associate with it.
+     *
+     * A custom control (`kbq-select`, for one) reports `isNativeLabelSupported: false`; the caption is then rendered
+     * as a `<span>` instead of a `<label>`, because a label that neither has a `for` matching a labelable
+     * element nor wraps one is invalid, and the control is named through `aria-labelledby` instead.
+     *
+     * @docs-private
+     */
+    get isNativeLabelSupported() {
+        return this.control?.isNativeLabelSupported !== false;
+    }
     /**
      * Whether the form-field contains kbq-password-hint.
      *
@@ -1008,11 +1029,11 @@ class KbqFormField extends KbqColorDirective {
             .subscribe(() => this.changeDetectorRef.markForCheck());
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqFormField, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: KbqFormField, isStandalone: true, selector: "kbq-form-field", inputs: { noBorders: { classPropertyName: "noBorders", publicName: "noBorders", isSignal: true, isRequired: false, transformFunction: null }, inOverlay: { classPropertyName: "inOverlay", publicName: "inOverlay", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, contentClass: { classPropertyName: "contentClass", publicName: "contentClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inOverlay: "inOverlayChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "mouseenter": "onHoverChanged(true)", "mouseleave": "onHoverChanged(false)" }, properties: { "class.kbq-form-field_invalid": "invalid", "class.kbq-disabled": "disabled", "class.kbq-form-field_no-borders": "noBorders()", "class.kbq-form-field_in-overlay": "inOverlay()", "class.kbq-form-field_horizontal": "horizontal()", "class.ng-untouched": "shouldForward(\"untouched\")", "class.ng-touched": "shouldForward(\"touched\")", "class.ng-pristine": "shouldForward(\"pristine\")", "class.ng-dirty": "shouldForward(\"dirty\")", "class.ng-valid": "shouldForward(\"valid\")", "class.ng-invalid": "shouldForward(\"invalid\")", "class.ng-pending": "shouldForward(\"pending\")" }, classAttribute: "kbq-form-field" }, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], queries: [{ propertyName: "control", first: true, predicate: KbqFormFieldControl, descendants: true }, { propertyName: "stepper", first: true, predicate: KbqStepper, descendants: true }, { propertyName: "cleaner", first: true, predicate: KbqCleaner }, { propertyName: "passwordToggle", first: true, predicate: KbqPasswordToggle, descendants: true }, { propertyName: "label", first: true, predicate: KbqLabel, descendants: true }, { propertyName: "hint", predicate: KbqHint }, { propertyName: "passwordHints", predicate: KbqPasswordHint }, { propertyName: "suffix", predicate: KbqSuffix }, { propertyName: "prefix", predicate: KbqPrefix }, { propertyName: "reactivePasswordHint", predicate: KbqReactivePasswordHint }, { propertyName: "error", predicate: KbqError }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true, static: true }], exportAs: ["kbqFormField"], usesInheritance: true, ngImport: i0, template: "@if (hasLabel) {\n    <label class=\"kbq-form-field__label\" [ngClass]=\"labelClass()\" [attr.for]=\"control.id\">\n        <ng-content select=\"kbq-label\" />\n    </label>\n}\n\n<div class=\"kbq-form-field__content\" [ngClass]=\"contentClass()\">\n    <div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n        @if (hasPrefix) {\n            <div class=\"kbq-form-field__prefix\">\n                <ng-content select=\"[kbqPrefix]\" />\n            </div>\n        }\n\n        <div class=\"kbq-form-field__infix\">\n            <ng-content />\n        </div>\n\n        @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n            <div class=\"kbq-form-field__suffix\">\n                @if (canShowCleaner) {\n                    <div\n                        class=\"kbq-form-field__cleaner\"\n                        (click)=\"clearValue($event)\"\n                        (keydown.enter)=\"clearValue($event)\"\n                    >\n                        <ng-content select=\"kbq-cleaner\" />\n                    </div>\n                }\n\n                <ng-content select=\"kbq-password-toggle, kbq-stepper, [kbqSuffix]\" />\n            </div>\n        }\n    </div>\n\n    @if (hasHint || hasPasswordHint || hasError || hasReactivePasswordHint) {\n        <div class=\"kbq-form-field__hint\">\n            @if (invalid) {\n                <ng-content select=\"kbq-error\" />\n            }\n\n            <ng-content select=\"kbq-hint, kbq-password-hint, kbq-reactive-password-hint\" />\n        </div>\n    }\n</div>\n", styles: [".kbq-form-field{--kbq-form-field-label-margin-bottom: var(--kbq-size-xs);position:relative;display:inline-block;width:100%}.kbq-form-field.kbq-form-field_horizontal{display:flex;flex-direction:row;align-items:flex-start}.kbq-form-field.kbq-form-field_horizontal .kbq-form-field__label{--kbq-form-field-label-margin-bottom: 0;padding:var(--kbq-size-xs) var(--kbq-size-l) 0 0}.kbq-form-field .kbq-form-field__content{flex:1}.kbq-form-field .kbq-form-field__label{box-sizing:border-box;display:flex;margin-bottom:var(--kbq-form-field-label-margin-bottom)}.kbq-form-field.kbq-form-field-type-select .kbq-form-field__suffix{margin-right:0}.kbq-form-field .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius);padding-left:var(--kbq-form-field-size-container-left-padding);padding-right:var(--kbq-form-field-size-container-right-padding)}.kbq-form-field .kbq-form-field__container:has(.kbq-textarea){--kbq-form-field-size-container-left-padding: 0;--kbq-form-field-size-container-right-padding: 0}.kbq-form-field .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field .kbq-form-field__infix{box-sizing:border-box;width:100%;flex-grow:1;padding-left:var(--kbq-form-field-size-infix-left-padding)}.kbq-form-field .kbq-form-field__infix:has(.kbq-select_multiple,.kbq-select_multiline):not(:has(.kbq-select__trigger_empty)),.kbq-form-field .kbq-form-field__infix:has(.kbq-tag-list),.kbq-form-field .kbq-form-field__infix:has(.kbq-textarea){padding-left:0;max-width:100%}.kbq-form-field .kbq-form-field__infix .kbq-input,.kbq-form-field .kbq-form-field__infix .kbq-tag-input{padding-right:var(--kbq-form-field-size-infix-right-padding)}.kbq-form-field,.kbq-form-field .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field:hover{z-index:1}.kbq-form-field.cdk-focused,.kbq-form-field.kbq-focused{z-index:3}.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill,.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill:hover,.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill:focus,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill:hover,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill:focus{min-height:calc(var(--kbq-form-field-size-height) - var(--kbq-form-field-size-border-width) * 2 - var(--kbq-form-field-size-focus-outline-width) * 2);--kbq-input-size-padding-vertical: calc( var(--kbq-size-xs) - var(--kbq-form-field-size-border-width) - var( --kbq-form-field-size-focus-outline-width ) );margin:var(--kbq-form-field-size-border-width) 0}.kbq-form-field.kbq-form-field_without-borders .kbq-form-field__container,.kbq-form-field.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field.kbq-form-field_in-overlay .kbq-form-field__container{background-color:var(--kbq-background-card)!important}.kbq-form-field+.kbq-password-hint{margin-top:var(--kbq-size-m)}.kbq-form-field .kbq-form-field__prefix,.kbq-form-field .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center}.kbq-form-field .kbq-form-field__prefix .kbq-prefix,.kbq-form-field .kbq-form-field__prefix .kbq-suffix,.kbq-form-field .kbq-form-field__suffix .kbq-prefix,.kbq-form-field .kbq-form-field__suffix .kbq-suffix{min-width:var(--kbq-form-field-size-addon-width);text-align:center}.kbq-form-field .kbq-form-field__prefix+.kbq-form-field__infix{padding-left:0}.kbq-form-field .kbq-form-field__hint{display:flex;flex-direction:column;gap:var(--kbq-form-field-hint-size-gap);margin-top:var(--kbq-form-field-hint-size-margin-top)}.kbq-form-field .kbq-form-field__hint:has(.kbq-reactive-password-hint,.kbq-password-hint){--kbq-form-field-hint-size-gap: var(--kbq-size-s)}.kbq-form-field .kbq-form-field__hint:has(:is(.kbq-reactive-password-hint,.kbq-password-hint):first-child){--kbq-form-field-hint-size-margin-top: var(--kbq-size-m)}.kbq-form-field .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field .kbq-input,.kbq-form-field .kbq-tag-input,.kbq-form-field .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field .kbq-input::placeholder,.kbq-form-field .kbq-tag-input::placeholder,.kbq-form-field .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input::-ms-input-placeholder,.kbq-form-field .kbq-tag-input::-ms-input-placeholder,.kbq-form-field .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input::-webkit-input-placeholder,.kbq-form-field .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input:-webkit-autofill,.kbq-form-field .kbq-input:-webkit-autofill:hover,.kbq-form-field .kbq-input:-webkit-autofill:focus,.kbq-form-field .kbq-tag-input:-webkit-autofill,.kbq-form-field .kbq-tag-input:-webkit-autofill:hover,.kbq-form-field .kbq-tag-input:-webkit-autofill:focus{--kbq-form-field-states-autofill-background: var(--kbq-background-transparent);-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text);transition:background-color 5000s ease-in-out;background-color:var(--kbq-background-transparent)!important}.kbq-form-field.kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field.kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container{box-shadow:inset 0 0 .1px var(--kbq-form-field-size-focus-outline-width) var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container{box-shadow:inset 0 0 .1px var(--kbq-form-field-size-focus-outline-width) var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-error-text);-webkit-text-fill-color:var(--kbq-form-field-states-error-text)}.kbq-form-field .kbq-form-field__label{color:var(--kbq-form-field-label-color)}.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill),.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill:hover),.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill:focus){background-color:var(--kbq-form-field-states-autofill-background)!important}.kbq-form-field.kbq-disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field.kbq-disabled .kbq-input,.kbq-form-field.kbq-disabled .kbq-tag-input,.kbq-form-field.kbq-disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field.kbq-disabled .kbq-input::placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field .kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning,.kbq-error){color:var(--kbq-form-field-hint-text)}.kbq-form-field{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field .kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-reactive-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: var(--kbq-size-border-width);--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-focus-outline-width: 1px;--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-xxs);--kbq-form-field-size-container-vertical-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-left-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-right-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-infix-left-padding: var(--kbq-size-xs);--kbq-form-field-size-infix-right-padding: var(--kbq-size-xxs);--kbq-form-field-size-addon-width: 28px;--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary);--kbq-form-field-label-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}.kbq-input{display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password,.kbq-input.kbq-input_monospace{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ":where(.kbq-textarea){--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px;--kbq-textarea-resizer-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill=\"%238a8fa8\" d=\"m13.354 5.354-8 8-.708-.707 8-8zm0 4-4 4-.708-.707 4-4z\"/></svg>')}:where(.kbq-dark .kbq-textarea){--kbq-textarea-resizer-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill=\"%23626884\" d=\"m13.354 5.354-8 8-.708-.707 8-8zm0 4-4 4-.708-.707 4-4z\"/></svg>')}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea-resizable::-webkit-resizer{background:var(--kbq-textarea-resizer-icon) center no-repeat}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: KbqFormField, isStandalone: true, selector: "kbq-form-field", inputs: { noBorders: { classPropertyName: "noBorders", publicName: "noBorders", isSignal: true, isRequired: false, transformFunction: null }, inOverlay: { classPropertyName: "inOverlay", publicName: "inOverlay", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, contentClass: { classPropertyName: "contentClass", publicName: "contentClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inOverlay: "inOverlayChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "mouseenter": "onHoverChanged(true)", "mouseleave": "onHoverChanged(false)" }, properties: { "class.kbq-form-field_invalid": "invalid", "class.kbq-disabled": "disabled", "class.kbq-form-field_no-borders": "noBorders()", "class.kbq-form-field_in-overlay": "inOverlay()", "class.kbq-form-field_horizontal": "horizontal()", "class.ng-untouched": "shouldForward(\"untouched\")", "class.ng-touched": "shouldForward(\"touched\")", "class.ng-pristine": "shouldForward(\"pristine\")", "class.ng-dirty": "shouldForward(\"dirty\")", "class.ng-valid": "shouldForward(\"valid\")", "class.ng-invalid": "shouldForward(\"invalid\")", "class.ng-pending": "shouldForward(\"pending\")" }, classAttribute: "kbq-form-field" }, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], queries: [{ propertyName: "control", first: true, predicate: KbqFormFieldControl, descendants: true }, { propertyName: "stepper", first: true, predicate: KbqStepper, descendants: true }, { propertyName: "cleaner", first: true, predicate: KbqCleaner }, { propertyName: "passwordToggle", first: true, predicate: KbqPasswordToggle, descendants: true }, { propertyName: "label", first: true, predicate: KbqLabel, descendants: true }, { propertyName: "hint", predicate: KbqHint }, { propertyName: "passwordHints", predicate: KbqPasswordHint }, { propertyName: "suffix", predicate: KbqSuffix }, { propertyName: "prefix", predicate: KbqPrefix }, { propertyName: "reactivePasswordHint", predicate: KbqReactivePasswordHint }, { propertyName: "error", predicate: KbqError }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true, static: true }], exportAs: ["kbqFormField"], usesInheritance: true, ngImport: i0, template: "@if (hasLabel) {\n    @if (isNativeLabelSupported) {\n        <label class=\"kbq-form-field__label\" [attr.id]=\"labelId\" [ngClass]=\"labelClass()\" [attr.for]=\"control.id\">\n            <ng-container [ngTemplateOutlet]=\"labelContent\" />\n        </label>\n    } @else {\n        <span class=\"kbq-form-field__label\" [attr.id]=\"labelId\" [ngClass]=\"labelClass()\">\n            <ng-container [ngTemplateOutlet]=\"labelContent\" />\n        </span>\n    }\n}\n\n<ng-template #labelContent><ng-content select=\"kbq-label\" /></ng-template>\n\n<div class=\"kbq-form-field__content\" [ngClass]=\"contentClass()\">\n    <div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n        @if (hasPrefix) {\n            <div class=\"kbq-form-field__prefix\">\n                <ng-content select=\"[kbqPrefix]\" />\n            </div>\n        }\n\n        <div class=\"kbq-form-field__infix\">\n            <ng-content />\n        </div>\n\n        @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n            <div class=\"kbq-form-field__suffix\">\n                @if (canShowCleaner) {\n                    <div\n                        class=\"kbq-form-field__cleaner\"\n                        (click)=\"clearValue($event)\"\n                        (keydown.enter)=\"clearValue($event)\"\n                    >\n                        <ng-content select=\"kbq-cleaner\" />\n                    </div>\n                }\n\n                <ng-content select=\"kbq-password-toggle, kbq-stepper, [kbqSuffix]\" />\n            </div>\n        }\n    </div>\n\n    @if (hasHint || hasPasswordHint || hasError || hasReactivePasswordHint) {\n        <div class=\"kbq-form-field__hint\">\n            @if (invalid) {\n                <ng-content select=\"kbq-error\" />\n            }\n\n            <ng-content select=\"kbq-hint, kbq-password-hint, kbq-reactive-password-hint\" />\n        </div>\n    }\n</div>\n", styles: [".kbq-form-field{--kbq-form-field-label-margin-bottom: var(--kbq-size-xs);position:relative;display:inline-block;width:100%}.kbq-form-field.kbq-form-field_horizontal{display:flex;flex-direction:row;align-items:flex-start}.kbq-form-field.kbq-form-field_horizontal .kbq-form-field__label{--kbq-form-field-label-margin-bottom: 0;padding:var(--kbq-size-xs) var(--kbq-size-l) 0 0}.kbq-form-field .kbq-form-field__content{flex:1}.kbq-form-field .kbq-form-field__label{box-sizing:border-box;display:flex;margin-bottom:var(--kbq-form-field-label-margin-bottom)}.kbq-form-field.kbq-form-field-type-select .kbq-form-field__suffix{margin-right:0}.kbq-form-field .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius);padding-left:var(--kbq-form-field-size-container-left-padding);padding-right:var(--kbq-form-field-size-container-right-padding)}.kbq-form-field .kbq-form-field__container:has(.kbq-textarea){--kbq-form-field-size-container-left-padding: 0;--kbq-form-field-size-container-right-padding: 0}.kbq-form-field .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field .kbq-form-field__infix{box-sizing:border-box;width:100%;flex-grow:1;padding-left:var(--kbq-form-field-size-infix-left-padding)}.kbq-form-field .kbq-form-field__infix:has(.kbq-select_multiple,.kbq-select_multiline):not(:has(.kbq-select__trigger_empty)),.kbq-form-field .kbq-form-field__infix:has(.kbq-tag-list),.kbq-form-field .kbq-form-field__infix:has(.kbq-textarea){padding-left:0;max-width:100%}.kbq-form-field .kbq-form-field__infix .kbq-input,.kbq-form-field .kbq-form-field__infix .kbq-tag-input{padding-right:var(--kbq-form-field-size-infix-right-padding)}.kbq-form-field,.kbq-form-field .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field:hover{z-index:1}.kbq-form-field.cdk-focused,.kbq-form-field.kbq-focused{z-index:3}.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill,.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill:hover,.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill:focus,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill:hover,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill:focus{min-height:calc(var(--kbq-form-field-size-height) - var(--kbq-form-field-size-border-width) * 2 - var(--kbq-form-field-size-focus-outline-width) * 2);--kbq-input-size-padding-vertical: calc( var(--kbq-size-xs) - var(--kbq-form-field-size-border-width) - var( --kbq-form-field-size-focus-outline-width ) );margin:var(--kbq-form-field-size-border-width) 0}.kbq-form-field.kbq-form-field_without-borders .kbq-form-field__container,.kbq-form-field.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field.kbq-form-field_in-overlay .kbq-form-field__container{background-color:var(--kbq-background-card)!important}.kbq-form-field+.kbq-password-hint{margin-top:var(--kbq-size-m)}.kbq-form-field .kbq-form-field__prefix,.kbq-form-field .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center}.kbq-form-field .kbq-form-field__prefix .kbq-prefix,.kbq-form-field .kbq-form-field__prefix .kbq-suffix,.kbq-form-field .kbq-form-field__suffix .kbq-prefix,.kbq-form-field .kbq-form-field__suffix .kbq-suffix{min-width:var(--kbq-form-field-size-addon-width);text-align:center}.kbq-form-field .kbq-form-field__prefix+.kbq-form-field__infix{padding-left:0}.kbq-form-field .kbq-form-field__hint{display:flex;flex-direction:column;gap:var(--kbq-form-field-hint-size-gap);margin-top:var(--kbq-form-field-hint-size-margin-top)}.kbq-form-field .kbq-form-field__hint:has(.kbq-reactive-password-hint,.kbq-password-hint){--kbq-form-field-hint-size-gap: var(--kbq-size-s)}.kbq-form-field .kbq-form-field__hint:has(:is(.kbq-reactive-password-hint,.kbq-password-hint):first-child){--kbq-form-field-hint-size-margin-top: var(--kbq-size-m)}.kbq-form-field .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field .kbq-input,.kbq-form-field .kbq-tag-input,.kbq-form-field .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field .kbq-input::placeholder,.kbq-form-field .kbq-tag-input::placeholder,.kbq-form-field .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input::-ms-input-placeholder,.kbq-form-field .kbq-tag-input::-ms-input-placeholder,.kbq-form-field .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input::-webkit-input-placeholder,.kbq-form-field .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input:-webkit-autofill,.kbq-form-field .kbq-input:-webkit-autofill:hover,.kbq-form-field .kbq-input:-webkit-autofill:focus,.kbq-form-field .kbq-tag-input:-webkit-autofill,.kbq-form-field .kbq-tag-input:-webkit-autofill:hover,.kbq-form-field .kbq-tag-input:-webkit-autofill:focus{--kbq-form-field-states-autofill-background: var(--kbq-background-transparent);-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text);transition:background-color 5000s ease-in-out;background-color:var(--kbq-background-transparent)!important}.kbq-form-field.kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field.kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container{box-shadow:inset 0 0 .1px var(--kbq-form-field-size-focus-outline-width) var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container{box-shadow:inset 0 0 .1px var(--kbq-form-field-size-focus-outline-width) var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-error-text);-webkit-text-fill-color:var(--kbq-form-field-states-error-text)}.kbq-form-field .kbq-form-field__label{color:var(--kbq-form-field-label-color)}.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill),.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill:hover),.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill:focus){background-color:var(--kbq-form-field-states-autofill-background)!important}.kbq-form-field.kbq-disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field.kbq-disabled .kbq-input,.kbq-form-field.kbq-disabled .kbq-tag-input,.kbq-form-field.kbq-disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field.kbq-disabled .kbq-input::placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field .kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning,.kbq-error){color:var(--kbq-form-field-hint-text)}.kbq-form-field{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field .kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-reactive-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: var(--kbq-size-border-width);--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-focus-outline-width: 1px;--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-xxs);--kbq-form-field-size-container-vertical-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-left-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-right-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-infix-left-padding: var(--kbq-size-xs);--kbq-form-field-size-infix-right-padding: var(--kbq-size-xxs);--kbq-form-field-size-addon-width: 28px;--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary);--kbq-form-field-label-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}.kbq-input{display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password,.kbq-input.kbq-input_monospace{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ":where(.kbq-textarea){--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px;--kbq-textarea-resizer-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill=\"%238a8fa8\" d=\"m13.354 5.354-8 8-.708-.707 8-8zm0 4-4 4-.708-.707 4-4z\"/></svg>')}:where(.kbq-dark .kbq-textarea){--kbq-textarea-resizer-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill=\"%23626884\" d=\"m13.354 5.354-8 8-.708-.707 8-8zm0 4-4 4-.708-.707 4-4z\"/></svg>')}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea-resizable::-webkit-resizer{background:var(--kbq-textarea-resizer-icon) center no-repeat}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: KbqFormField, decorators: [{
             type: Component,
-            args: [{ selector: 'kbq-form-field', imports: [NgClass], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'kbqFormField', host: {
+            args: [{ selector: 'kbq-form-field', imports: [NgClass, NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'kbqFormField', host: {
                         class: 'kbq-form-field',
                         '[class.kbq-form-field_invalid]': 'invalid',
                         '[class.kbq-disabled]': 'disabled',
@@ -1029,7 +1050,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                         '(keydown)': 'onKeyDown($event)',
                         '(mouseenter)': 'onHoverChanged(true)',
                         '(mouseleave)': 'onHoverChanged(false)'
-                    }, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], template: "@if (hasLabel) {\n    <label class=\"kbq-form-field__label\" [ngClass]=\"labelClass()\" [attr.for]=\"control.id\">\n        <ng-content select=\"kbq-label\" />\n    </label>\n}\n\n<div class=\"kbq-form-field__content\" [ngClass]=\"contentClass()\">\n    <div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n        @if (hasPrefix) {\n            <div class=\"kbq-form-field__prefix\">\n                <ng-content select=\"[kbqPrefix]\" />\n            </div>\n        }\n\n        <div class=\"kbq-form-field__infix\">\n            <ng-content />\n        </div>\n\n        @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n            <div class=\"kbq-form-field__suffix\">\n                @if (canShowCleaner) {\n                    <div\n                        class=\"kbq-form-field__cleaner\"\n                        (click)=\"clearValue($event)\"\n                        (keydown.enter)=\"clearValue($event)\"\n                    >\n                        <ng-content select=\"kbq-cleaner\" />\n                    </div>\n                }\n\n                <ng-content select=\"kbq-password-toggle, kbq-stepper, [kbqSuffix]\" />\n            </div>\n        }\n    </div>\n\n    @if (hasHint || hasPasswordHint || hasError || hasReactivePasswordHint) {\n        <div class=\"kbq-form-field__hint\">\n            @if (invalid) {\n                <ng-content select=\"kbq-error\" />\n            }\n\n            <ng-content select=\"kbq-hint, kbq-password-hint, kbq-reactive-password-hint\" />\n        </div>\n    }\n</div>\n", styles: [".kbq-form-field{--kbq-form-field-label-margin-bottom: var(--kbq-size-xs);position:relative;display:inline-block;width:100%}.kbq-form-field.kbq-form-field_horizontal{display:flex;flex-direction:row;align-items:flex-start}.kbq-form-field.kbq-form-field_horizontal .kbq-form-field__label{--kbq-form-field-label-margin-bottom: 0;padding:var(--kbq-size-xs) var(--kbq-size-l) 0 0}.kbq-form-field .kbq-form-field__content{flex:1}.kbq-form-field .kbq-form-field__label{box-sizing:border-box;display:flex;margin-bottom:var(--kbq-form-field-label-margin-bottom)}.kbq-form-field.kbq-form-field-type-select .kbq-form-field__suffix{margin-right:0}.kbq-form-field .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius);padding-left:var(--kbq-form-field-size-container-left-padding);padding-right:var(--kbq-form-field-size-container-right-padding)}.kbq-form-field .kbq-form-field__container:has(.kbq-textarea){--kbq-form-field-size-container-left-padding: 0;--kbq-form-field-size-container-right-padding: 0}.kbq-form-field .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field .kbq-form-field__infix{box-sizing:border-box;width:100%;flex-grow:1;padding-left:var(--kbq-form-field-size-infix-left-padding)}.kbq-form-field .kbq-form-field__infix:has(.kbq-select_multiple,.kbq-select_multiline):not(:has(.kbq-select__trigger_empty)),.kbq-form-field .kbq-form-field__infix:has(.kbq-tag-list),.kbq-form-field .kbq-form-field__infix:has(.kbq-textarea){padding-left:0;max-width:100%}.kbq-form-field .kbq-form-field__infix .kbq-input,.kbq-form-field .kbq-form-field__infix .kbq-tag-input{padding-right:var(--kbq-form-field-size-infix-right-padding)}.kbq-form-field,.kbq-form-field .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field:hover{z-index:1}.kbq-form-field.cdk-focused,.kbq-form-field.kbq-focused{z-index:3}.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill,.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill:hover,.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill:focus,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill:hover,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill:focus{min-height:calc(var(--kbq-form-field-size-height) - var(--kbq-form-field-size-border-width) * 2 - var(--kbq-form-field-size-focus-outline-width) * 2);--kbq-input-size-padding-vertical: calc( var(--kbq-size-xs) - var(--kbq-form-field-size-border-width) - var( --kbq-form-field-size-focus-outline-width ) );margin:var(--kbq-form-field-size-border-width) 0}.kbq-form-field.kbq-form-field_without-borders .kbq-form-field__container,.kbq-form-field.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field.kbq-form-field_in-overlay .kbq-form-field__container{background-color:var(--kbq-background-card)!important}.kbq-form-field+.kbq-password-hint{margin-top:var(--kbq-size-m)}.kbq-form-field .kbq-form-field__prefix,.kbq-form-field .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center}.kbq-form-field .kbq-form-field__prefix .kbq-prefix,.kbq-form-field .kbq-form-field__prefix .kbq-suffix,.kbq-form-field .kbq-form-field__suffix .kbq-prefix,.kbq-form-field .kbq-form-field__suffix .kbq-suffix{min-width:var(--kbq-form-field-size-addon-width);text-align:center}.kbq-form-field .kbq-form-field__prefix+.kbq-form-field__infix{padding-left:0}.kbq-form-field .kbq-form-field__hint{display:flex;flex-direction:column;gap:var(--kbq-form-field-hint-size-gap);margin-top:var(--kbq-form-field-hint-size-margin-top)}.kbq-form-field .kbq-form-field__hint:has(.kbq-reactive-password-hint,.kbq-password-hint){--kbq-form-field-hint-size-gap: var(--kbq-size-s)}.kbq-form-field .kbq-form-field__hint:has(:is(.kbq-reactive-password-hint,.kbq-password-hint):first-child){--kbq-form-field-hint-size-margin-top: var(--kbq-size-m)}.kbq-form-field .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field .kbq-input,.kbq-form-field .kbq-tag-input,.kbq-form-field .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field .kbq-input::placeholder,.kbq-form-field .kbq-tag-input::placeholder,.kbq-form-field .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input::-ms-input-placeholder,.kbq-form-field .kbq-tag-input::-ms-input-placeholder,.kbq-form-field .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input::-webkit-input-placeholder,.kbq-form-field .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input:-webkit-autofill,.kbq-form-field .kbq-input:-webkit-autofill:hover,.kbq-form-field .kbq-input:-webkit-autofill:focus,.kbq-form-field .kbq-tag-input:-webkit-autofill,.kbq-form-field .kbq-tag-input:-webkit-autofill:hover,.kbq-form-field .kbq-tag-input:-webkit-autofill:focus{--kbq-form-field-states-autofill-background: var(--kbq-background-transparent);-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text);transition:background-color 5000s ease-in-out;background-color:var(--kbq-background-transparent)!important}.kbq-form-field.kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field.kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container{box-shadow:inset 0 0 .1px var(--kbq-form-field-size-focus-outline-width) var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container{box-shadow:inset 0 0 .1px var(--kbq-form-field-size-focus-outline-width) var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-error-text);-webkit-text-fill-color:var(--kbq-form-field-states-error-text)}.kbq-form-field .kbq-form-field__label{color:var(--kbq-form-field-label-color)}.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill),.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill:hover),.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill:focus){background-color:var(--kbq-form-field-states-autofill-background)!important}.kbq-form-field.kbq-disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field.kbq-disabled .kbq-input,.kbq-form-field.kbq-disabled .kbq-tag-input,.kbq-form-field.kbq-disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field.kbq-disabled .kbq-input::placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field .kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning,.kbq-error){color:var(--kbq-form-field-hint-text)}.kbq-form-field{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field .kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-reactive-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: var(--kbq-size-border-width);--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-focus-outline-width: 1px;--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-xxs);--kbq-form-field-size-container-vertical-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-left-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-right-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-infix-left-padding: var(--kbq-size-xs);--kbq-form-field-size-infix-right-padding: var(--kbq-size-xxs);--kbq-form-field-size-addon-width: 28px;--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary);--kbq-form-field-label-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}.kbq-input{display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password,.kbq-input.kbq-input_monospace{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ":where(.kbq-textarea){--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px;--kbq-textarea-resizer-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill=\"%238a8fa8\" d=\"m13.354 5.354-8 8-.708-.707 8-8zm0 4-4 4-.708-.707 4-4z\"/></svg>')}:where(.kbq-dark .kbq-textarea){--kbq-textarea-resizer-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill=\"%23626884\" d=\"m13.354 5.354-8 8-.708-.707 8-8zm0 4-4 4-.708-.707 4-4z\"/></svg>')}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea-resizable::-webkit-resizer{background:var(--kbq-textarea-resizer-icon) center no-repeat}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n"] }]
+                    }, providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }], template: "@if (hasLabel) {\n    @if (isNativeLabelSupported) {\n        <label class=\"kbq-form-field__label\" [attr.id]=\"labelId\" [ngClass]=\"labelClass()\" [attr.for]=\"control.id\">\n            <ng-container [ngTemplateOutlet]=\"labelContent\" />\n        </label>\n    } @else {\n        <span class=\"kbq-form-field__label\" [attr.id]=\"labelId\" [ngClass]=\"labelClass()\">\n            <ng-container [ngTemplateOutlet]=\"labelContent\" />\n        </span>\n    }\n}\n\n<ng-template #labelContent><ng-content select=\"kbq-label\" /></ng-template>\n\n<div class=\"kbq-form-field__content\" [ngClass]=\"contentClass()\">\n    <div #connectionContainer class=\"kbq-form-field__container\" (click)=\"onContainerClick($event)\">\n        @if (hasPrefix) {\n            <div class=\"kbq-form-field__prefix\">\n                <ng-content select=\"[kbqPrefix]\" />\n            </div>\n        }\n\n        <div class=\"kbq-form-field__infix\">\n            <ng-content />\n        </div>\n\n        @if (hasSuffix || hasCleaner || hasPasswordToggle || hasStepper) {\n            <div class=\"kbq-form-field__suffix\">\n                @if (canShowCleaner) {\n                    <div\n                        class=\"kbq-form-field__cleaner\"\n                        (click)=\"clearValue($event)\"\n                        (keydown.enter)=\"clearValue($event)\"\n                    >\n                        <ng-content select=\"kbq-cleaner\" />\n                    </div>\n                }\n\n                <ng-content select=\"kbq-password-toggle, kbq-stepper, [kbqSuffix]\" />\n            </div>\n        }\n    </div>\n\n    @if (hasHint || hasPasswordHint || hasError || hasReactivePasswordHint) {\n        <div class=\"kbq-form-field__hint\">\n            @if (invalid) {\n                <ng-content select=\"kbq-error\" />\n            }\n\n            <ng-content select=\"kbq-hint, kbq-password-hint, kbq-reactive-password-hint\" />\n        </div>\n    }\n</div>\n", styles: [".kbq-form-field{--kbq-form-field-label-margin-bottom: var(--kbq-size-xs);position:relative;display:inline-block;width:100%}.kbq-form-field.kbq-form-field_horizontal{display:flex;flex-direction:row;align-items:flex-start}.kbq-form-field.kbq-form-field_horizontal .kbq-form-field__label{--kbq-form-field-label-margin-bottom: 0;padding:var(--kbq-size-xs) var(--kbq-size-l) 0 0}.kbq-form-field .kbq-form-field__content{flex:1}.kbq-form-field .kbq-form-field__label{box-sizing:border-box;display:flex;margin-bottom:var(--kbq-form-field-label-margin-bottom)}.kbq-form-field.kbq-form-field-type-select .kbq-form-field__suffix{margin-right:0}.kbq-form-field .kbq-form-field__container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-width:var(--kbq-form-field-size-border-width);border-style:solid;border-color:transparent;border-radius:var(--kbq-form-field-size-border-radius);padding-left:var(--kbq-form-field-size-container-left-padding);padding-right:var(--kbq-form-field-size-container-right-padding)}.kbq-form-field .kbq-form-field__container:has(.kbq-textarea){--kbq-form-field-size-container-left-padding: 0;--kbq-form-field-size-container-right-padding: 0}.kbq-form-field .kbq-form-field:not(.kbq-form-field-type-textarea){height:var(--kbq-form-field-size-height)}.kbq-form-field .kbq-form-field__infix{box-sizing:border-box;width:100%;flex-grow:1;padding-left:var(--kbq-form-field-size-infix-left-padding)}.kbq-form-field .kbq-form-field__infix:has(.kbq-select_multiple,.kbq-select_multiline):not(:has(.kbq-select__trigger_empty)),.kbq-form-field .kbq-form-field__infix:has(.kbq-tag-list),.kbq-form-field .kbq-form-field__infix:has(.kbq-textarea){padding-left:0;max-width:100%}.kbq-form-field .kbq-form-field__infix .kbq-input,.kbq-form-field .kbq-form-field__infix .kbq-tag-input{padding-right:var(--kbq-form-field-size-infix-right-padding)}.kbq-form-field,.kbq-form-field .kbq-textarea{border-radius:var(--kbq-form-field-size-border-radius)}.kbq-form-field:hover{z-index:1}.kbq-form-field.cdk-focused,.kbq-form-field.kbq-focused{z-index:3}.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill,.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill:hover,.kbq-form-field.cdk-focused .kbq-input:-webkit-autofill:focus,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill:hover,.kbq-form-field.kbq-focused .kbq-input:-webkit-autofill:focus{min-height:calc(var(--kbq-form-field-size-height) - var(--kbq-form-field-size-border-width) * 2 - var(--kbq-form-field-size-focus-outline-width) * 2);--kbq-input-size-padding-vertical: calc( var(--kbq-size-xs) - var(--kbq-form-field-size-border-width) - var( --kbq-form-field-size-focus-outline-width ) );margin:var(--kbq-form-field-size-border-width) 0}.kbq-form-field.kbq-form-field_without-borders .kbq-form-field__container,.kbq-form-field.kbq-form-field_no-borders .kbq-form-field__container{border-color:transparent!important;box-shadow:none!important}.kbq-form-field.kbq-form-field_in-overlay .kbq-form-field__container{background-color:var(--kbq-background-card)!important}.kbq-form-field+.kbq-password-hint{margin-top:var(--kbq-size-m)}.kbq-form-field .kbq-form-field__prefix,.kbq-form-field .kbq-form-field__suffix{display:flex;justify-content:center;align-items:center}.kbq-form-field .kbq-form-field__prefix .kbq-prefix,.kbq-form-field .kbq-form-field__prefix .kbq-suffix,.kbq-form-field .kbq-form-field__suffix .kbq-prefix,.kbq-form-field .kbq-form-field__suffix .kbq-suffix{min-width:var(--kbq-form-field-size-addon-width);text-align:center}.kbq-form-field .kbq-form-field__prefix+.kbq-form-field__infix{padding-left:0}.kbq-form-field .kbq-form-field__hint{display:flex;flex-direction:column;gap:var(--kbq-form-field-hint-size-gap);margin-top:var(--kbq-form-field-hint-size-margin-top)}.kbq-form-field .kbq-form-field__hint:has(.kbq-reactive-password-hint,.kbq-password-hint){--kbq-form-field-hint-size-gap: var(--kbq-size-s)}.kbq-form-field .kbq-form-field__hint:has(:is(.kbq-reactive-password-hint,.kbq-password-hint):first-child){--kbq-form-field-hint-size-margin-top: var(--kbq-size-m)}.kbq-form-field .kbq-form-field__container{border-color:var(--kbq-form-field-default-border-color);background-color:var(--kbq-form-field-default-background)}.kbq-form-field .kbq-input,.kbq-form-field .kbq-tag-input,.kbq-form-field .kbq-textarea{color:var(--kbq-form-field-default-text)}.kbq-form-field .kbq-input::placeholder,.kbq-form-field .kbq-tag-input::placeholder,.kbq-form-field .kbq-textarea::placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input::-ms-input-placeholder,.kbq-form-field .kbq-tag-input::-ms-input-placeholder,.kbq-form-field .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input::-webkit-input-placeholder,.kbq-form-field .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-default-placeholder)}.kbq-form-field .kbq-input:-webkit-autofill,.kbq-form-field .kbq-input:-webkit-autofill:hover,.kbq-form-field .kbq-input:-webkit-autofill:focus,.kbq-form-field .kbq-tag-input:-webkit-autofill,.kbq-form-field .kbq-tag-input:-webkit-autofill:hover,.kbq-form-field .kbq-tag-input:-webkit-autofill:focus{--kbq-form-field-states-autofill-background: var(--kbq-background-transparent);-webkit-box-shadow:inset 0 0 0 40rem var(--kbq-form-field-states-autofill-background);-webkit-text-fill-color:var(--kbq-form-field-states-autofill-text);caret-color:var(--kbq-form-field-states-autofill-text);transition:background-color 5000s ease-in-out;background-color:var(--kbq-background-transparent)!important}.kbq-form-field.kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field.kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field.kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container{border-color:var(--kbq-form-field-states-focused-border-color);background-color:var(--kbq-form-field-states-focused-background)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea{color:var(--kbq-form-field-states-focused-text)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-focused-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).cdk-focused .kbq-form-field__container{box-shadow:inset 0 0 .1px var(--kbq-form-field-size-focus-outline-width) var(--kbq-form-field-states-focused-focus-outline)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-form-field__container{border-color:var(--kbq-form-field-states-error-border-color);background-color:var(--kbq-form-field-states-error-background)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea{color:var(--kbq-form-field-states-error-text)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-textarea::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid.cdk-focused .kbq-form-field__container,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid.cdk-focused .kbq-form-field__container{box-shadow:inset 0 0 .1px var(--kbq-form-field-size-focus-outline-width) var(--kbq-form-field-states-error-focused-focus-outline)}.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-textarea:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-timepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-datepicker:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-input-password:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-tag-list:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_invalid .kbq-icon.kbq-empty,.kbq-form-field.kbq-form-field-type-select:not(:has(.cdk-keyboard-focused,.kbq-focused)).kbq-form-field_has-validate-directive.ng-invalid .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-error-text);-webkit-text-fill-color:var(--kbq-form-field-states-error-text)}.kbq-form-field .kbq-form-field__label{color:var(--kbq-form-field-label-color)}.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill),.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill:hover),.kbq-form-field .kbq-form-field__container:has(:is(.kbq-input,.kbq-tag-input):-webkit-autofill:focus){background-color:var(--kbq-form-field-states-autofill-background)!important}.kbq-form-field.kbq-disabled .kbq-form-field__container{border-color:var(--kbq-form-field-states-disabled-border-color);background-color:var(--kbq-form-field-states-disabled-background)}.kbq-form-field.kbq-disabled .kbq-input,.kbq-form-field.kbq-disabled .kbq-tag-input,.kbq-form-field.kbq-disabled .kbq-textarea{color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field.kbq-disabled .kbq-input::placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-ms-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-ms-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-tag-input::-webkit-input-placeholder,.kbq-form-field.kbq-disabled .kbq-textarea::-webkit-input-placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-form-field.kbq-disabled .kbq-icon.kbq-empty{color:var(--kbq-form-field-states-disabled-text);-webkit-text-fill-color:var(--kbq-form-field-states-disabled-text)}.kbq-form-field .kbq-form-field__prefix .kbq-icon.kbq-empty,.kbq-form-field .kbq-form-field__suffix .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast-fade)}.kbq-form-field .kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning,.kbq-error){color:var(--kbq-form-field-hint-text)}.kbq-form-field{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-form-field .kbq-form-field__hint>.kbq-hint:not(.kbq-password-hint,.kbq-reactive-password-hint,.kbq-contrast-fade,.kbq-success,.kbq-warning) .kbq-hint__text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-form-field{--kbq-form-field-size-height: var(--kbq-size-3xl);--kbq-form-field-size-border-width: var(--kbq-size-border-width);--kbq-form-field-size-border-radius: var(--kbq-size-border-radius);--kbq-form-field-size-focus-outline-width: 1px;--kbq-form-field-size-icon-size: var(--kbq-size-l);--kbq-form-field-size-icon-margin-left: var(--kbq-size-s);--kbq-form-field-size-icon-margin-right: var(--kbq-size-s);--kbq-form-field-size-icon-button-size: var(--kbq-size-xxl);--kbq-form-field-size-icon-button-margin-left: var(--kbq-size-xxs);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-size-gap: var(--kbq-size-xxs);--kbq-form-field-size-container-vertical-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-left-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-container-right-padding: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-form-field-size-infix-left-padding: var(--kbq-size-xs);--kbq-form-field-size-infix-right-padding: var(--kbq-size-xxs);--kbq-form-field-size-addon-width: 28px;--kbq-form-field-default-border-color: var(--kbq-line-contrast-fade);--kbq-form-field-default-background: var(--kbq-background-bg);--kbq-form-field-default-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-default-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-focused-background: var(--kbq-background-bg);--kbq-form-field-states-focused-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-focused-text: var(--kbq-foreground-contrast);--kbq-form-field-states-focused-focus-outline: var(--kbq-states-line-focus-theme);--kbq-form-field-states-error-border-color: var(--kbq-line-error);--kbq-form-field-states-error-background: var(--kbq-background-error-less);--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-tertiary);--kbq-form-field-states-error-text: var(--kbq-foreground-error);--kbq-form-field-states-error-focused-focus-outline: var(--kbq-states-line-focus-error);--kbq-form-field-states-autofill-border-color: var(--kbq-states-line-focus-theme);--kbq-form-field-states-autofill-background: var(--kbq-background-theme-less);--kbq-form-field-states-autofill-placeholder: var(--kbq-foreground-contrast-tertiary);--kbq-form-field-states-autofill-text: var(--kbq-foreground-contrast);--kbq-form-field-states-disabled-border-color: var(--kbq-states-line-disabled);--kbq-form-field-states-disabled-background: var(--kbq-states-background-disabled);--kbq-form-field-states-disabled-placeholder: var(--kbq-states-foreground-disabled);--kbq-form-field-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary);--kbq-form-field-label-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark){--kbq-form-field-states-error-placeholder: var(--kbq-foreground-error-secondary)}\n", ".kbq-input{background:transparent;padding:0;margin:0;border:none;outline:none}.kbq-input::-ms-clear{display:none;width:0;height:0}.kbq-input::-ms-reveal{display:none;width:0;height:0}.kbq-input::-webkit-search-decoration,.kbq-input::-webkit-search-cancel-button,.kbq-input::-webkit-search-results-button,.kbq-input::-webkit-search-results-decoration{display:none}.kbq-input{display:inline-block;box-sizing:border-box;text-overflow:ellipsis;width:100%;min-height:calc(var(--kbq-size-3xl) - var(--kbq-size-border-width) * 2);padding:var(--kbq-input-size-padding-vertical) var(--kbq-input-size-padding-horizontal)}input.kbq-input[type=number]{-moz-appearance:textfield}input.kbq-input[type=number]::-webkit-inner-spin-button,input.kbq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.kbq-input:invalid{box-shadow:unset}input.kbq-input::placeholder{opacity:1}.kbq-input,.kbq-input.kbq-input-password::placeholder{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-input.kbq-input-password,.kbq-input.kbq-input_monospace{font-size:var(--kbq-typography-mono-normal-font-size);font-style:var(--kbq-typography-mono-normal-font-style);font-weight:var(--kbq-typography-mono-normal-font-weight);line-height:var(--kbq-typography-mono-normal-line-height);font-family:var(--kbq-typography-mono-normal-font-family);text-transform:var(--kbq-typography-mono-normal-text-transform);font-feature-settings:var(--kbq-typography-mono-normal-font-feature-settings);letter-spacing:var(--kbq-typography-mono-normal-letter-spacing);font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"calt\" 0}\n", ".kbq-input{--kbq-input-size-padding-horizontal: 0;--kbq-input-size-padding-vertical: var(--kbq-form-field-size-container-vertical-padding)}\n", ".kbq-timepicker{padding-right:var(--kbq-timepicker-size-padding-right)}.kbq-form-field-type-timepicker{width:136px}\n", ".kbq-form-field-type-datepicker{width:136px}\n", ":where(.kbq-textarea){--kbq-textarea-size-min-height: 64px;--kbq-textarea-size-max-height: 96px;--kbq-textarea-size-padding-vertical: 5px;--kbq-textarea-size-padding-horizontal: 11px;--kbq-textarea-resizer-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill=\"%238a8fa8\" d=\"m13.354 5.354-8 8-.708-.707 8-8zm0 4-4 4-.708-.707 4-4z\"/></svg>')}:where(.kbq-dark .kbq-textarea){--kbq-textarea-resizer-icon: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill=\"%23626884\" d=\"m13.354 5.354-8 8-.708-.707 8-8zm0 4-4 4-.708-.707 4-4z\"/></svg>')}.kbq-textarea{display:inline-block;background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--kbq-textarea-size-padding-vertical) var(--kbq-textarea-size-padding-horizontal);-webkit-appearance:none;vertical-align:bottom}.kbq-textarea:not(.kbq-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.kbq-textarea.kbq-textarea-resizable{resize:vertical;min-height:var(--kbq-textarea-size-min-height)}.kbq-textarea.kbq-textarea-resizable::-webkit-resizer{background:var(--kbq-textarea-resizer-icon) center no-repeat}.kbq-textarea.kbq-textarea_max-row-limit-reached{resize:unset}.kbq-textarea:invalid{box-shadow:unset}\n", ".kbq-form-field-type-tag-list{--kbq-tag-input-size-padding-left: var(--kbq-size-xxs);--kbq-tag-input-size-padding-right: var(--kbq-size-m);--kbq-tag-input-size-padding-vertical: var(--kbq-size-xxs);--kbq-tag-input-size-content-gap: var(--kbq-size-s)}\n"] }]
         }], propDecorators: { control: [{
                 type: ContentChild,
                 args: [KbqFormFieldControl]