@koobiq/components 18.39.4 → 18.39.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +4 -4
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/form-field/fieldset.mjs +2 -2
- package/esm2022/form-field/form-field.mjs +2 -2
- package/esm2022/modal/modal-control.service.mjs +7 -1
- package/esm2022/progress-spinner/progress-spinner.component.mjs +2 -2
- package/esm2022/sidepanel/sidepanel-directives.mjs +3 -3
- package/esm2022/title/title.directive.mjs +3 -3
- package/esm2022/top-bar/top-bar.mjs +7 -15
- package/fesm2022/koobiq-components-autocomplete.mjs +3 -3
- package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +1 -1
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +4 -4
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +6 -0
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-spinner.mjs +2 -2
- package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-title.mjs +2 -2
- package/fesm2022/koobiq-components-title.mjs.map +1 -1
- package/fesm2022/koobiq-components-top-bar.mjs +6 -14
- package/fesm2022/koobiq-components-top-bar.mjs.map +1 -1
- package/form-field/form-field.scss +2 -1
- package/package.json +10 -10
- package/progress-spinner/progress-spinner.scss +1 -0
- package/schematics/ng-add/index.js +3 -3
- package/top-bar/top-bar.d.ts +1 -8
- package/top-bar/top-bar.scss +2 -8
|
@@ -59,7 +59,7 @@ export class KbqFieldset {
|
|
|
59
59
|
|
|
60
60
|
<ng-content select="kbq-hint, kbq-password-hint, kbq-reactive-password-hint" />
|
|
61
61
|
</div>
|
|
62
|
-
`, isInline: true, styles: [".kbq-form-field{position:relative;display:inline-block;width:100%}.kbq-form-field .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-xs)}.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{width:100%;max-width:calc(100% - var(--kbq-size-xs));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.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-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{-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)}.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 1px 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 1px 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__container:has(.kbq-input:-webkit-autofill),.kbq-form-field .kbq-form-field__container:has(.kbq-input:-webkit-autofill:hover),.kbq-form-field .kbq-form-field__container:has(.kbq-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)}.kbq-fieldset{display:flex;flex-direction:column}.kbq-fieldset .kbq-legend{margin-bottom:var(--kbq-fieldset-legend-margin)}.kbq-fieldset .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-fieldset .kbq-form-field__hint:has(.kbq-reactive-password-hint,.kbq-password-hint){--kbq-form-field-hint-size-gap: var(--kbq-size-s)}.kbq-fieldset .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)}:where(.kbq-fieldset .kbq-form-field.kbq-form-field_invalid,.kbq-fieldset .kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid){z-index:2}.kbq-fieldset .kbq-form-field .kbq-form-field__container{height:100%}.kbq-fieldset .kbq-form-field:first-child:not(:last-child) .kbq-form-field__container,.kbq-fieldset .kbq-form-field:first-child:not(:last-child) .kbq-form-field__container .kbq-input{border-top-right-radius:0;border-bottom-right-radius:0}.kbq-fieldset .kbq-form-field:not(:first-child):not(:last-child){--kbq-form-field-size-border-radius: 0}.kbq-fieldset .kbq-form-field:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-fieldset .kbq-form-field:last-child:not(:first-child) .kbq-form-field__container,.kbq-fieldset .kbq-form-field:last-child:not(:first-child) .kbq-form-field__container .kbq-input{border-top-left-radius:0;border-bottom-left-radius:0}.kbq-fieldset .kbq-form-field:not(:first-child){margin-left:calc(var(--kbq-size-border-width) * -1)}.kbq-fieldset .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-fieldset .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)}.kbq-fieldset .kbq-form-field__hint:empty{margin-top:0}.kbq-fieldset__container{display:flex;flex-direction:row;position:relative}.kbq-fieldset__container>.kbq-fieldset-item.cdk-focused,.kbq-fieldset__container>.kbq-fieldset-item.kbq-focused{z-index:3}.kbq-fieldset__container>.kbq-fieldset-item:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:not(:first-child):not(:last-child){border-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:not(:first-child){margin-left:calc(var(--kbq-size-border-width) * -1)}\n", ".kbq-fieldset{--kbq-fieldset-legend-margin: var(--kbq-size-s);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary);--kbq-form-field-hint-size-gap: var(--kbq-size-xxs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
62
|
+
`, isInline: true, styles: [".kbq-form-field{position:relative;display:inline-block;width:100%}.kbq-form-field .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-xs)}.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.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-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{-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)}.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 1px 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 1px 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__container:has(.kbq-input:-webkit-autofill),.kbq-form-field .kbq-form-field__container:has(.kbq-input:-webkit-autofill:hover),.kbq-form-field .kbq-form-field__container:has(.kbq-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)}.kbq-fieldset{display:flex;flex-direction:column}.kbq-fieldset .kbq-legend{margin-bottom:var(--kbq-fieldset-legend-margin)}.kbq-fieldset .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-fieldset .kbq-form-field__hint:has(.kbq-reactive-password-hint,.kbq-password-hint){--kbq-form-field-hint-size-gap: var(--kbq-size-s)}.kbq-fieldset .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)}:where(.kbq-fieldset .kbq-form-field.kbq-form-field_invalid,.kbq-fieldset .kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid){z-index:2}.kbq-fieldset .kbq-form-field .kbq-form-field__container{height:100%}.kbq-fieldset .kbq-form-field:first-child:not(:last-child) .kbq-form-field__container,.kbq-fieldset .kbq-form-field:first-child:not(:last-child) .kbq-form-field__container .kbq-input{border-top-right-radius:0;border-bottom-right-radius:0}.kbq-fieldset .kbq-form-field:not(:first-child):not(:last-child){--kbq-form-field-size-border-radius: 0}.kbq-fieldset .kbq-form-field:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-fieldset .kbq-form-field:last-child:not(:first-child) .kbq-form-field__container,.kbq-fieldset .kbq-form-field:last-child:not(:first-child) .kbq-form-field__container .kbq-input{border-top-left-radius:0;border-bottom-left-radius:0}.kbq-fieldset .kbq-form-field:not(:first-child){margin-left:calc(var(--kbq-size-border-width) * -1)}.kbq-fieldset .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-fieldset .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)}.kbq-fieldset .kbq-form-field__hint:empty{margin-top:0}.kbq-fieldset__container{display:flex;flex-direction:row;position:relative}.kbq-fieldset__container>.kbq-fieldset-item.cdk-focused,.kbq-fieldset__container>.kbq-fieldset-item.kbq-focused{z-index:3}.kbq-fieldset__container>.kbq-fieldset-item:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:not(:first-child):not(:last-child){border-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:not(:first-child){margin-left:calc(var(--kbq-size-border-width) * -1)}\n", ".kbq-fieldset{--kbq-fieldset-legend-margin: var(--kbq-size-s);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary);--kbq-form-field-hint-size-gap: var(--kbq-size-xxs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
63
63
|
}
|
|
64
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqFieldset, decorators: [{
|
|
65
65
|
type: Component,
|
|
@@ -79,6 +79,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
79
79
|
|
|
80
80
|
<ng-content select="kbq-hint, kbq-password-hint, kbq-reactive-password-hint" />
|
|
81
81
|
</div>
|
|
82
|
-
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-form-field{position:relative;display:inline-block;width:100%}.kbq-form-field .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-xs)}.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{width:100%;max-width:calc(100% - var(--kbq-size-xs));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.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-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{-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)}.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 1px 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 1px 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__container:has(.kbq-input:-webkit-autofill),.kbq-form-field .kbq-form-field__container:has(.kbq-input:-webkit-autofill:hover),.kbq-form-field .kbq-form-field__container:has(.kbq-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)}.kbq-fieldset{display:flex;flex-direction:column}.kbq-fieldset .kbq-legend{margin-bottom:var(--kbq-fieldset-legend-margin)}.kbq-fieldset .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-fieldset .kbq-form-field__hint:has(.kbq-reactive-password-hint,.kbq-password-hint){--kbq-form-field-hint-size-gap: var(--kbq-size-s)}.kbq-fieldset .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)}:where(.kbq-fieldset .kbq-form-field.kbq-form-field_invalid,.kbq-fieldset .kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid){z-index:2}.kbq-fieldset .kbq-form-field .kbq-form-field__container{height:100%}.kbq-fieldset .kbq-form-field:first-child:not(:last-child) .kbq-form-field__container,.kbq-fieldset .kbq-form-field:first-child:not(:last-child) .kbq-form-field__container .kbq-input{border-top-right-radius:0;border-bottom-right-radius:0}.kbq-fieldset .kbq-form-field:not(:first-child):not(:last-child){--kbq-form-field-size-border-radius: 0}.kbq-fieldset .kbq-form-field:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-fieldset .kbq-form-field:last-child:not(:first-child) .kbq-form-field__container,.kbq-fieldset .kbq-form-field:last-child:not(:first-child) .kbq-form-field__container .kbq-input{border-top-left-radius:0;border-bottom-left-radius:0}.kbq-fieldset .kbq-form-field:not(:first-child){margin-left:calc(var(--kbq-size-border-width) * -1)}.kbq-fieldset .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-fieldset .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)}.kbq-fieldset .kbq-form-field__hint:empty{margin-top:0}.kbq-fieldset__container{display:flex;flex-direction:row;position:relative}.kbq-fieldset__container>.kbq-fieldset-item.cdk-focused,.kbq-fieldset__container>.kbq-fieldset-item.kbq-focused{z-index:3}.kbq-fieldset__container>.kbq-fieldset-item:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:not(:first-child):not(:last-child){border-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:not(:first-child){margin-left:calc(var(--kbq-size-border-width) * -1)}\n", ".kbq-fieldset{--kbq-fieldset-legend-margin: var(--kbq-size-s);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary);--kbq-form-field-hint-size-gap: var(--kbq-size-xxs)}\n"] }]
|
|
82
|
+
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-form-field{position:relative;display:inline-block;width:100%}.kbq-form-field .kbq-form-field__label{display:flex;margin-bottom:var(--kbq-size-xs)}.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.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-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{-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)}.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 1px 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 1px 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__container:has(.kbq-input:-webkit-autofill),.kbq-form-field .kbq-form-field__container:has(.kbq-input:-webkit-autofill:hover),.kbq-form-field .kbq-form-field__container:has(.kbq-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)}.kbq-fieldset{display:flex;flex-direction:column}.kbq-fieldset .kbq-legend{margin-bottom:var(--kbq-fieldset-legend-margin)}.kbq-fieldset .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-fieldset .kbq-form-field__hint:has(.kbq-reactive-password-hint,.kbq-password-hint){--kbq-form-field-hint-size-gap: var(--kbq-size-s)}.kbq-fieldset .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)}:where(.kbq-fieldset .kbq-form-field.kbq-form-field_invalid,.kbq-fieldset .kbq-form-field.kbq-form-field_has-validate-directive.ng-invalid){z-index:2}.kbq-fieldset .kbq-form-field .kbq-form-field__container{height:100%}.kbq-fieldset .kbq-form-field:first-child:not(:last-child) .kbq-form-field__container,.kbq-fieldset .kbq-form-field:first-child:not(:last-child) .kbq-form-field__container .kbq-input{border-top-right-radius:0;border-bottom-right-radius:0}.kbq-fieldset .kbq-form-field:not(:first-child):not(:last-child){--kbq-form-field-size-border-radius: 0}.kbq-fieldset .kbq-form-field:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-fieldset .kbq-form-field:last-child:not(:first-child) .kbq-form-field__container,.kbq-fieldset .kbq-form-field:last-child:not(:first-child) .kbq-form-field__container .kbq-input{border-top-left-radius:0;border-bottom-left-radius:0}.kbq-fieldset .kbq-form-field:not(:first-child){margin-left:calc(var(--kbq-size-border-width) * -1)}.kbq-fieldset .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-fieldset .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)}.kbq-fieldset .kbq-form-field__hint:empty{margin-top:0}.kbq-fieldset__container{display:flex;flex-direction:row;position:relative}.kbq-fieldset__container>.kbq-fieldset-item.cdk-focused,.kbq-fieldset__container>.kbq-fieldset-item.kbq-focused{z-index:3}.kbq-fieldset__container>.kbq-fieldset-item:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:not(:first-child):not(:last-child){border-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.kbq-fieldset__container>.kbq-fieldset-item:not(:first-child){margin-left:calc(var(--kbq-size-border-width) * -1)}\n", ".kbq-fieldset{--kbq-fieldset-legend-margin: var(--kbq-size-s);--kbq-form-field-hint-size-margin-top: var(--kbq-size-xs);--kbq-form-field-hint-text: var(--kbq-foreground-contrast-secondary);--kbq-form-field-hint-size-gap: var(--kbq-size-xxs)}\n"] }]
|
|
83
83
|
}] });
|
|
84
84
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGRzZXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2Zvcm0tZmllbGQvZmllbGRzZXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsUUFBUSxFQUNSLFlBQVksRUFDWixTQUFTLEVBQ1QsVUFBVSxFQUVWLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQzs7QUFFdkIsa0VBQWtFO0FBUWxFLE1BQU0sT0FBTyxTQUFTO2tJQUFULFNBQVM7c0hBQVQsU0FBUzs7NEZBQVQsU0FBUztrQkFQckIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsWUFBWTtxQkFDdEI7aUJBQ0o7O0FBR0QsbUVBQW1FO0FBUW5FLE1BQU0sT0FBTyxlQUFlO2tJQUFmLGVBQWU7c0hBQWYsZUFBZTs7NEZBQWYsZUFBZTtrQkFQM0IsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxtQkFBbUI7cUJBQzdCO2lCQUNKOztBQUdEOzs7R0FHRztBQTBCSCxNQUFNLE9BQU8sV0FBVztJQXpCeEI7UUEwQnFCLFdBQU0sR0FBZ0QsWUFBWSxDQUFDLFNBQVMsRUFBRTtZQUMzRixJQUFJLEVBQUUsVUFBVTtTQUNuQixDQUFDLENBQUM7UUFFSDs7OztXQUlHO1FBQ2dCLGNBQVMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLGFBQWEsRUFBRSxTQUFTLENBQUMsQ0FBQztLQUMxRjtrSUFYWSxXQUFXO3NIQUFYLFdBQVcseU9BQ2dFLFNBQVMsMkJBQ25GLFVBQVUsNkNBbEJWOzs7Ozs7Ozs7Ozs7S0FZVDs7NEZBSVEsV0FBVztrQkF6QnZCLFNBQVM7aUNBQ00sSUFBSSxZQUNOLGNBQWMsUUFDbEI7d0JBQ0YsS0FBSyxFQUFFLGNBQWM7d0JBQ3JCLElBQUksRUFBRSxPQUFPO3dCQUNiLG1CQUFtQixFQUFFLGFBQWE7cUJBQ3JDLFlBRVM7Ozs7Ozs7Ozs7OztLQVlULGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBjb21wdXRlZCxcbiAgICBjb250ZW50Q2hpbGQsXG4gICAgRGlyZWN0aXZlLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgU2lnbmFsLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKiogRGlyZWN0aXZlIGZvciBtYXJraW5nIGFuIGVsZW1lbnQgYXMgbGVnZW5kIG9mIGBLYnFGaWVsZHNldGAgKi9cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdba2JxTGVnZW5kXScsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1sZWdlbmQnXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBLYnFMZWdlbmQge31cblxuLyoqIERpcmVjdGl2ZSBmb3IgbWFya2luZyBlbGVtZW50cyBhcyBpdGVtcyBpbnNpZGUgYEticUZpZWxkc2V0YCAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1trYnFGaWVsZHNldEl0ZW1dJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWZpZWxkc2V0LWl0ZW0nXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBLYnFGaWVsZHNldEl0ZW0ge31cblxuLyoqXG4gKiBBIGdyb3VwIG9mIGZvcm0tZmllbGRzIGFuZCByZWxhdGVkIGNvbnRyb2xzLlxuICogQ29udGFpbmVyIGNvbXBvbmVudCBlbXVsYXRpbmcgdGhlIG5hdGl2ZSBgZmllbGRzZXRgIGVsZW1lbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdrYnEtZmllbGRzZXQnLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtZmllbGRzZXQnLFxuICAgICAgICByb2xlOiAnZ3JvdXAnLFxuICAgICAgICAnW2F0dHIuYXJpYS1sYWJlbF0nOiAnYXJpYUxhYmVsKCknXG4gICAgfSxcbiAgICBzdHlsZVVybHM6IFsnLi9maWVsZHNldC5zY3NzJywgJy4vZmllbGRzZXQtdG9rZW5zLnNjc3MnXSxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJba2JxTGVnZW5kXVwiIC8+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImticS1maWVsZHNldF9fY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8bmctY29udGVudCAvPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwia2JxLWZvcm0tZmllbGRfX2hpbnRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImticS1lcnJvclwiIC8+XG5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImticS1oaW50LCBrYnEtcGFzc3dvcmQtaGludCwga2JxLXJlYWN0aXZlLXBhc3N3b3JkLWhpbnRcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICBgLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgS2JxRmllbGRzZXQge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgbGVnZW5kOiBTaWduYWw8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4gfCB1bmRlZmluZWQ+ID0gY29udGVudENoaWxkKEticUxlZ2VuZCwge1xuICAgICAgICByZWFkOiBFbGVtZW50UmVmXG4gICAgfSk7XG5cbiAgICAvKipcbiAgICAgKiBDb21wdXRlcyB0aGUgYXJpYS1sYWJlbCBmcm9tIHRoZSBpbm5lciB0ZXh0IG9mIHRoZSBsZWdlbmQgZWxlbWVudC5cbiAgICAgKiBVc2VkIHRvIGVuaGFuY2UgYWNjZXNzaWJpbGl0eSBieSBsYWJlbGluZyB0aGUgZ3JvdXAuXG4gICAgICogQGRvY3MtcHJpdmF0ZVxuICAgICAqL1xuICAgIHByb3RlY3RlZCByZWFkb25seSBhcmlhTGFiZWwgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmxlZ2VuZCgpPy5uYXRpdmVFbGVtZW50Py5pbm5lclRleHQpO1xufVxuIl19
|